%PDF-
%PDF-
Mini Shell
Mini Shell
/* global WPCOM_sharing_counts, grecaptcha */
// NOTE: This file intentionally does not make use of polyfills or libraries,
// including jQuery. Please keep all code as IE11-compatible vanilla ES5, and
// ensure everything is inside an IIFE to avoid global namespace pollution.
// Code follows WordPress browser support guidelines. For an up to date list,
// see https://make.wordpress.org/core/handbook/best-practices/browser-support/
( function () {
var currentScript = document.currentScript;
var recaptchaScriptAdded = false;
// -------------------------- UTILITY FUNCTIONS -------------------------- //
// Helper function to load an external script.
function loadScript( url ) {
var script = document.createElement( 'script' );
var prev = currentScript || document.getElementsByTagName( 'script' )[ 0 ];
script.setAttribute( 'async', true );
script.setAttribute( 'src', url );
prev.parentNode.insertBefore( script, prev );
}
// Helper matches function (not a polyfill), compatible with IE 11.
function matches( el, sel ) {
if ( Element.prototype.matches ) {
return el.matches( sel );
}
if ( Element.prototype.msMatchesSelector ) {
return el.msMatchesSelector( sel );
}
}
// Helper closest parent node function (not a polyfill) based on
// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest#Polyfill
function closest( el, sel ) {
if ( el.closest ) {
return el.closest( sel );
}
var current = el;
do {
if ( matches( current, sel ) ) {
return current;
}
current = current.parentElement || current.parentNode;
} while ( current !== null && current.nodeType === 1 );
return null;
}
// Helper function to iterate over a NodeList
// (since IE 11 doesn't have NodeList.prototype.forEach)
function forEachNode( list, fn ) {
for ( var i = 0; i < list.length; i++ ) {
var node = list[ i ];
fn( node, i, list );
}
}
// Helper function to remove a node from the DOM.
function removeNode( node ) {
if ( node && node.parentNode ) {
node.parentNode.removeChild( node );
}
}
// Helper functions to show/hide a node, and check its status.
function hideNode( node ) {
if ( node ) {
node.style.display = 'none';
}
}
function showNode( node ) {
if ( node ) {
node.style.removeProperty( 'display' );
}
}
function isNodeHidden( node ) {
return ! node || node.style.display === 'none';
}
// ------------------------------- CLASSES ------------------------------- //
var PANE_SELECTOR = '.sharing-hidden .inner';
var PANE_DATA_ATTR = 'data-sharing-more-button-id';
// Implements a MoreButton class, which controls the lifecycle and behavior
// of a "more" button and its dialog.
function MoreButton( buttonEl ) {
this.button = buttonEl;
this.pane = closest( buttonEl, 'div' ).querySelector( PANE_SELECTOR );
this.openedBy = null;
this.recentlyOpenedByHover = false;
MoreButton.instances.push( this );
this.pane.setAttribute( PANE_DATA_ATTR, MoreButton.instances.length - 1 );
this.attachHandlers();
}
// Keep a reference to each instance, so we can get back to it from the DOM.
MoreButton.instances = [];
// Delay time configs.
MoreButton.hoverOpenDelay = 200;
MoreButton.recentOpenDelay = 400;
MoreButton.hoverCloseDelay = 300;
// Use this to avoid creating new instances for buttons which already have one.
MoreButton.instantiateOrReuse = function ( buttonEl ) {
var pane = closest( buttonEl, 'div' ).querySelector( PANE_SELECTOR );
var paneId = pane && pane.getAttribute( PANE_DATA_ATTR );
var existingInstance = MoreButton.instances[ paneId ];
if ( existingInstance ) {
return existingInstance;
}
return new MoreButton( buttonEl );
};
// Retrieve a button instance from the pane DOM element.
MoreButton.getButtonInstanceFromPane = function ( paneEl ) {
var paneId = paneEl && paneEl.getAttribute( PANE_DATA_ATTR );
return MoreButton.instances[ paneId ];
};
// Close all open More Button dialogs.
MoreButton.closeAll = function () {
for ( var i = 0; i < MoreButton.instances.length; i++ ) {
MoreButton.instances[ i ].close();
}
};
MoreButton.prototype.open = function () {
var offset;
var offsetParent;
var parentOffset = [ 0, 0 ];
function getOffsets( el ) {
var rect = el.getBoundingClientRect();
return [
rect.left + ( window.scrollX || window.pageXOffset || 0 ),
rect.top + ( window.scrollY || window.pageYOffset || 0 ),
];
}
function getStyleValue( el, prop ) {
return parseInt( getComputedStyle( el ).getPropertyValue( prop ) || 0 );
}
offset = getOffsets( this.button );
offsetParent = this.button.offsetParent || document.documentElement;
while (
offsetParent &&
( offsetParent === document.body || offsetParent === document.documentElement ) &&
getComputedStyle( offsetParent ).getPropertyValue( 'position' ) === 'static'
) {
offsetParent = offsetParent.parentNode;
}
if ( offsetParent && offsetParent !== this.button && offsetParent.nodeType === 1 ) {
parentOffset = getOffsets( offsetParent );
parentOffset = [
parentOffset[ 0 ] + getStyleValue( offsetParent, 'border-left-width' ),
parentOffset[ 1 ] + getStyleValue( offsetParent, 'border-top-width' ),
];
}
var positionLeft =
offset[ 0 ] - parentOffset[ 0 ] - getStyleValue( this.button, 'margin-left' );
var positionTop = offset[ 1 ] - parentOffset[ 1 ] - getStyleValue( this.button, 'margin-top' );
this.pane.style.left = positionLeft + 'px';
this.pane.style.top = positionTop + this.button.offsetHeight + 3 + 'px';
showNode( this.pane );
};
MoreButton.prototype.close = function () {
hideNode( this.pane );
this.openedBy = null;
};
MoreButton.prototype.toggle = function () {
if ( isNodeHidden( this.pane ) ) {
this.open();
} else {
this.close();
}
};
MoreButton.prototype.resetCloseTimer = function () {
clearTimeout( this.closeTimer );
this.closeTimer = setTimeout( this.close.bind( this ), MoreButton.hoverCloseDelay );
};
MoreButton.prototype.attachHandlers = function () {
this.buttonClick = function ( event ) {
event.preventDefault();
event.stopPropagation();
this.openedBy = 'click';
clearTimeout( this.openTimer );
clearTimeout( this.closeTimer );
closeEmailDialog();
if ( this.recentlyOpenedByHover ) {
this.recentlyOpenedByHover = false;
clearTimeout( this.hoverOpenTimer );
this.open();
} else {
this.toggle();
}
}.bind( this );
this.buttonEnter = function () {
if ( ! this.openedBy ) {
this.openTimer = setTimeout(
function () {
closeEmailDialog();
this.open();
this.openedBy = 'hover';
this.recentlyOpenedByHover = true;
this.hoverOpenTimer = setTimeout(
function () {
this.recentlyOpenedByHover = false;
}.bind( this ),
MoreButton.recentOpenDelay
);
}.bind( this ),
MoreButton.hoverOpenDelay
);
}
clearTimeout( this.closeTimer );
}.bind( this );
this.buttonLeave = function () {
if ( this.openedBy === 'hover' ) {
this.resetCloseTimer();
}
clearTimeout( this.openTimer );
}.bind( this );
this.paneEnter = function () {
clearTimeout( this.closeTimer );
}.bind( this );
this.paneLeave = function () {
if ( this.openedBy === 'hover' ) {
this.resetCloseTimer();
}
}.bind( this );
this.documentClick = function () {
this.close();
}.bind( this );
this.button.addEventListener( 'click', this.buttonClick );
document.addEventListener( 'click', this.documentClick );
if ( document.ontouchstart === undefined ) {
// Non-touchscreen device: use hover/mouseout with delay
this.button.addEventListener( 'mouseenter', this.buttonEnter );
this.button.addEventListener( 'mouseleave', this.buttonLeave );
this.pane.addEventListener( 'mouseenter', this.paneEnter );
this.pane.addEventListener( 'mouseleave', this.paneLeave );
}
};
// ---------------------------- SHARE COUNTS ---------------------------- //
if ( window.sharing_js_options && window.sharing_js_options.counts ) {
var WPCOMSharing = {
done_urls: [],
get_counts: function () {
var url, requests, id, service, service_request;
if ( 'undefined' === typeof WPCOM_sharing_counts ) {
return;
}
for ( url in WPCOM_sharing_counts ) {
id = WPCOM_sharing_counts[ url ];
if ( 'undefined' !== typeof WPCOMSharing.done_urls[ id ] ) {
continue;
}
requests = {
// Pinterest handles share counts for both http and https
pinterest: [
window.location.protocol +
'//api.pinterest.com/v1/urls/count.json?callback=WPCOMSharing.update_pinterest_count&url=' +
encodeURIComponent( url ),
],
// Facebook protocol summing has been shown to falsely double counts, so we only request the current URL
facebook: [
window.location.protocol +
'//graph.facebook.com/?callback=WPCOMSharing.update_facebook_count&ids=' +
encodeURIComponent( url ),
],
};
for ( service in requests ) {
if ( ! document.querySelector( 'a[data-shared=sharing-' + service + '-' + id + ']' ) ) {
continue;
}
while ( ( service_request = requests[ service ].pop() ) ) {
loadScript( service_request );
}
if ( window.sharing_js_options.is_stats_active ) {
WPCOMSharing.bump_sharing_count_stat( service );
}
}
WPCOMSharing.done_urls[ id ] = true;
}
},
// get the version of the url that was stored in the dom
get_permalink: function ( url ) {
if ( 'https:' === window.location.protocol ) {
url = url.replace( /^http:\/\//i, 'https://' );
} else {
url = url.replace( /^https:\/\//i, 'http://' );
}
return url;
},
update_facebook_count: function ( data ) {
var url, permalink;
if ( ! data ) {
return;
}
for ( url in data ) {
if (
! Object.prototype.hasOwnProperty.call( data, url ) ||
! data[ url ].share ||
! data[ url ].share.share_count
) {
continue;
}
permalink = WPCOMSharing.get_permalink( url );
if ( ! ( permalink in WPCOM_sharing_counts ) ) {
continue;
}
WPCOMSharing.inject_share_count(
'sharing-facebook-' + WPCOM_sharing_counts[ permalink ],
data[ url ].share.share_count
);
}
},
update_pinterest_count: function ( data ) {
if ( 'undefined' !== typeof data.count && data.count * 1 > 0 ) {
WPCOMSharing.inject_share_count(
'sharing-pinterest-' + WPCOM_sharing_counts[ data.url ],
data.count
);
}
},
inject_share_count: function ( id, count ) {
forEachNode( document.querySelectorAll( 'a[data-shared=' + id + '] > span' ), function (
span
) {
var countNode = span.querySelector( '.share-count' );
removeNode( countNode );
var newNode = document.createElement( 'span' );
newNode.className = 'share-count';
newNode.textContent = WPCOMSharing.format_count( count );
span.appendChild( newNode );
} );
},
format_count: function ( count ) {
if ( count < 1000 ) {
return count;
}
if ( count >= 1000 && count < 10000 ) {
return String( count ).substring( 0, 1 ) + 'K+';
}
return '10K+';
},
bump_sharing_count_stat: function ( service ) {
new Image().src =
document.location.protocol +
'//pixel.wp.com/g.gif?v=wpcom-no-pv&x_sharing-count-request=' +
service +
'&r=' +
Math.random();
},
};
window.WPCOMSharing = WPCOMSharing;
}
// ------------------------ BUTTON FUNCTIONALITY ------------------------ //
function shareIsEmail( val ) {
return /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(
val
);
}
function closeEmailDialog() {
var dialog = document.querySelector( '#sharing_email' );
hideNode( dialog );
}
// Sharing initialization.
// Will run immediately or on `DOMContentLoaded`, depending on current page status.
function init() {
// Move email dialog to end of body.
var emailDialog = document.querySelector( '#sharing_email' );
if ( emailDialog ) {
document.body.appendChild( emailDialog );
}
WPCOMSharing_do();
}
if ( document.readyState !== 'loading' ) {
init();
} else {
document.addEventListener( 'DOMContentLoaded', init );
}
// Set up sharing again whenever a new post loads, to pick up any new buttons.
document.body.addEventListener( 'is.post-load', WPCOMSharing_do );
// Set up sharing, updating counts and adding all button functionality.
function WPCOMSharing_do() {
if ( window.WPCOMSharing ) {
window.WPCOMSharing.get_counts();
}
forEachNode( document.querySelectorAll( '.sharedaddy a' ), function ( anchor ) {
var href = anchor.getAttribute( 'href' );
if ( href && href.indexOf( 'share=' ) !== -1 && href.indexOf( '&nb=1' ) === -1 ) {
anchor.setAttribute( 'href', href + '&nb=1' );
}
} );
// Show hidden buttons
// Touchscreen device: use click.
// Non-touchscreen device: use click if not already appearing due to a hover event
forEachNode( document.querySelectorAll( '.sharedaddy a.sharing-anchor' ), function (
buttonEl
) {
MoreButton.instantiateOrReuse( buttonEl );
} );
if ( document.ontouchstart !== undefined ) {
document.body.classList.add( 'jp-sharing-input-touch' );
}
// Add click functionality
forEachNode( document.querySelectorAll( '.sharedaddy ul' ), function ( group ) {
if ( group.getAttribute( 'data-sharing-events-added' ) === 'true' ) {
return;
}
group.setAttribute( 'data-sharing-events-added', 'true' );
var printUrl = function ( uniqueId, urlToPrint ) {
var iframe = document.createElement( 'iframe' );
iframe.setAttribute(
'style',
'position:fixed; top:100; left:100; height:1px; width:1px; border:none;'
);
iframe.setAttribute( 'id', 'printFrame-' + uniqueId );
iframe.setAttribute( 'name', iframe.getAttribute( 'id' ) );
iframe.setAttribute( 'src', urlToPrint );
iframe.setAttribute(
'onload',
'frames["printFrame-' +
uniqueId +
'"].focus();frames["printFrame-' +
uniqueId +
'"].print();'
);
document.body.appendChild( iframe );
};
// Print button
forEachNode( group.querySelectorAll( 'a.share-print' ), function ( printButton ) {
printButton.addEventListener( 'click', function ( event ) {
event.preventDefault();
event.stopPropagation();
var ref = printButton.getAttribute( 'href' ) || '';
var doPrint = function () {
if ( ref.indexOf( '#print' ) === -1 ) {
var uid = new Date().getTime();
printUrl( uid, ref );
} else {
window.print();
}
};
// Is the button in a dropdown?
var pane = closest( printButton, PANE_SELECTOR );
if ( pane ) {
var moreButton = MoreButton.getButtonInstanceFromPane( pane );
if ( moreButton ) {
moreButton.close();
doPrint();
}
} else {
doPrint();
}
} );
} );
// Press This button
forEachNode( group.querySelectorAll( 'a.share-press-this' ), function ( pressThisButton ) {
pressThisButton.addEventListener( 'click', function ( event ) {
event.preventDefault();
event.stopPropagation();
var s = '';
if ( window.getSelection ) {
s = window.getSelection();
} else if ( document.getSelection ) {
s = document.getSelection();
} else if ( document.selection ) {
s = document.selection.createRange().text;
}
if ( s ) {
var href = pressThisButton.getAttribute( 'href' );
pressThisButton.setAttribute( 'href', href + '&sel=' + encodeURI( s ) );
}
if (
! window.open(
pressThisButton.getAttribute( 'href' ),
't',
'toolbar=0,resizable=1,scrollbars=1,status=1,width=720,height=570'
)
) {
document.location.href = pressThisButton.getAttribute( 'href' );
}
} );
} );
// Email button
forEachNode( group.querySelectorAll( 'a.share-email' ), function ( emailButton ) {
var dialog = document.querySelector( '#sharing_email' );
emailButton.addEventListener( 'click', function ( event ) {
event.preventDefault();
event.stopPropagation();
// Load reCAPTCHA if needed.
if ( typeof grecaptcha !== 'object' && ! recaptchaScriptAdded ) {
var configEl = document.querySelector( '.g-recaptcha' );
if ( configEl && configEl.getAttribute( 'data-lazy' ) === 'true' ) {
recaptchaScriptAdded = true;
loadScript( decodeURI( configEl.getAttribute( 'data-url' ) ) );
}
}
var url = emailButton.getAttribute( 'href' );
var currentDomain = window.location.protocol + '//' + window.location.hostname + '/';
if ( url.indexOf( currentDomain ) !== 0 ) {
return true;
}
if ( ! isNodeHidden( dialog ) ) {
closeEmailDialog();
return;
}
removeNode( document.querySelector( '#sharing_email .response' ) );
var form = document.querySelector( '#sharing_email form' );
showNode( form );
form.querySelector( 'input[type=submit]' ).removeAttribute( 'disabled' );
showNode( form.querySelector( 'a.sharing_cancel' ) );
// Reset reCATPCHA if exists.
if (
'object' === typeof grecaptcha &&
'function' === typeof grecaptcha.reset &&
window.___grecaptcha_cfg.count
) {
grecaptcha.reset();
}
// Show dialog
var rect = emailButton.getBoundingClientRect();
var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || 0;
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0;
dialog.style.left = scrollLeft + rect.left + 'px';
dialog.style.top = scrollTop + rect.top + rect.height + 'px';
showNode( dialog );
// Close all open More Button dialogs.
MoreButton.closeAll();
} );
// Hook up other buttons
dialog.querySelector( 'a.sharing_cancel' ).addEventListener( 'click', function ( event ) {
event.preventDefault();
event.stopPropagation();
hideNode( dialog.querySelector( '.errors' ) );
hideNode( dialog );
hideNode( document.querySelector( '#sharing_background' ) );
} );
var submitButton = dialog.querySelector( 'input[type=submit]' );
submitButton.addEventListener( 'click', function ( event ) {
event.preventDefault();
event.stopPropagation();
var form = closest( submitButton, 'form' );
var source_email_input = form.querySelector( 'input[name=source_email]' );
var target_email_input = form.querySelector( 'input[name=target_email]' );
// Disable buttons + enable loading icon
submitButton.setAttribute( 'disabled', true );
hideNode( form.querySelector( 'a.sharing_cancel' ) );
forEachNode( form.querySelectorAll( 'img.loading' ), function ( img ) {
showNode( img );
} );
hideNode( form.querySelector( '.errors' ) );
forEachNode( form.querySelectorAll( '.error' ), function ( node ) {
node.classList.remove( 'error' );
} );
if ( ! shareIsEmail( source_email_input.value ) ) {
source_email_input.classList.add( 'error' );
}
if ( ! shareIsEmail( target_email_input.value ) ) {
target_email_input.classList.add( 'error' );
}
if ( ! form.querySelector( '.error' ) ) {
// Encode form data. This would be much easier if we could rely on URLSearchParams...
var params = [];
for ( var i = 0; i < form.elements.length; i++ ) {
if ( form.elements[ i ].name ) {
// Encode each form element into a URI-compatible string.
var encoded =
encodeURIComponent( form.elements[ i ].name ) +
'=' +
encodeURIComponent( form.elements[ i ].value );
// In x-www-form-urlencoded, spaces should be `+`, not `%20`.
params.push( encoded.replace( '%20', '+' ) );
}
}
var data = params.join( '&' );
// AJAX send the form
var request = new XMLHttpRequest();
request.open( 'POST', emailButton.getAttribute( 'href' ), true );
request.setRequestHeader(
'Content-Type',
'application/x-www-form-urlencoded; charset=UTF-8'
);
request.setRequestHeader( 'x-requested-with', 'XMLHttpRequest' );
request.onreadystatechange = function () {
if ( this.readyState === XMLHttpRequest.DONE && this.status === 200 ) {
forEachNode( form.querySelectorAll( 'img.loading' ), function ( img ) {
hideNode( img );
} );
if ( this.response === '1' || this.response === '2' || this.response === '3' ) {
showNode( dialog.querySelector( '.errors-' + this.response ) );
dialog.querySelector( 'input[type=submit]' ).removeAttribute( 'disabled' );
showNode( dialog.querySelector( 'a.sharing_cancel' ) );
if ( typeof grecaptcha === 'object' && typeof grecaptcha.reset === 'function' ) {
grecaptcha.reset();
}
} else {
hideNode( form );
var temp = document.createElement( 'div' );
temp.innerHTML = this.response;
dialog.appendChild( temp.firstChild );
showNode( dialog.querySelector( 'a.sharing_cancel' ) );
var closeButton = dialog.querySelector( '.response a.sharing_cancel' );
if ( closeButton ) {
closeButton.addEventListener( 'click', function ( event ) {
event.preventDefault();
event.stopPropagation();
closeEmailDialog();
hideNode( document.querySelector( '#sharing_background' ) );
} );
}
}
}
};
request.send( data );
return;
}
forEachNode( dialog.querySelectorAll( 'img.loading' ), function ( img ) {
hideNode( img );
} );
submitButton.removeAttribute( 'disabled' );
showNode( dialog.querySelector( 'a.sharing_cancel' ) );
forEachNode( dialog.querySelectorAll( '.errors-1' ), function ( error ) {
showNode( error );
} );
} );
} );
} );
forEachNode(
document.querySelectorAll( 'li.share-email, li.share-custom a.sharing-anchor' ),
function ( node ) {
node.classList.add( 'share-service-visible' );
}
);
}
} )();
Zerion Mini Shell 1.0