summaryrefslogtreecommitdiffstats
path: root/wp-includes/js/wp-embed.js
diff options
context:
space:
mode:
Diffstat (limited to 'wp-includes/js/wp-embed.js')
-rw-r--r--wp-includes/js/wp-embed.js118
1 files changed, 118 insertions, 0 deletions
diff --git a/wp-includes/js/wp-embed.js b/wp-includes/js/wp-embed.js
new file mode 100644
index 0000000..315e573
--- /dev/null
+++ b/wp-includes/js/wp-embed.js
@@ -0,0 +1,118 @@
+/**
+ * WordPress inline HTML embed
+ *
+ * @since 4.4.0
+ * @output wp-includes/js/wp-embed.js
+ *
+ * Single line comments should not be used since they will break
+ * the script when inlined in get_post_embed_html(), specifically
+ * when the comments are not stripped out due to SCRIPT_DEBUG
+ * being turned on.
+ */
+(function ( window, document ) {
+ 'use strict';
+
+ /* Abort for ancient browsers. */
+ if ( ! document.querySelector || ! window.addEventListener || typeof URL === 'undefined' ) {
+ return;
+ }
+
+ /** @namespace wp */
+ window.wp = window.wp || {};
+
+ /* Abort if script was already executed. */
+ if ( !! window.wp.receiveEmbedMessage ) {
+ return;
+ }
+
+ /**
+ * Receive embed message.
+ *
+ * @param {MessageEvent} e
+ */
+ window.wp.receiveEmbedMessage = function( e ) {
+ var data = e.data;
+
+ /* Verify shape of message. */
+ if (
+ ! ( data || data.secret || data.message || data.value ) ||
+ /[^a-zA-Z0-9]/.test( data.secret )
+ ) {
+ return;
+ }
+
+ var iframes = document.querySelectorAll( 'iframe[data-secret="' + data.secret + '"]' ),
+ blockquotes = document.querySelectorAll( 'blockquote[data-secret="' + data.secret + '"]' ),
+ allowedProtocols = new RegExp( '^https?:$', 'i' ),
+ i, source, height, sourceURL, targetURL;
+
+ for ( i = 0; i < blockquotes.length; i++ ) {
+ blockquotes[ i ].style.display = 'none';
+ }
+
+ for ( i = 0; i < iframes.length; i++ ) {
+ source = iframes[ i ];
+
+ if ( e.source !== source.contentWindow ) {
+ continue;
+ }
+
+ source.removeAttribute( 'style' );
+
+ if ( 'height' === data.message ) {
+ /* Resize the iframe on request. */
+ height = parseInt( data.value, 10 );
+ if ( height > 1000 ) {
+ height = 1000;
+ } else if ( ~~height < 200 ) {
+ height = 200;
+ }
+
+ source.height = height;
+ } else if ( 'link' === data.message ) {
+ /* Link to a specific URL on request. */
+ sourceURL = new URL( source.getAttribute( 'src' ) );
+ targetURL = new URL( data.value );
+
+ if (
+ allowedProtocols.test( targetURL.protocol ) &&
+ targetURL.host === sourceURL.host &&
+ document.activeElement === source
+ ) {
+ window.top.location.href = data.value;
+ }
+ }
+ }
+ };
+
+ function onLoad() {
+ var iframes = document.querySelectorAll( 'iframe.wp-embedded-content' ),
+ i, source, secret;
+
+ for ( i = 0; i < iframes.length; i++ ) {
+ /** @var {IframeElement} */
+ source = iframes[ i ];
+
+ secret = source.getAttribute( 'data-secret' );
+ if ( ! secret ) {
+ /* Add secret to iframe */
+ secret = Math.random().toString( 36 ).substring( 2, 12 );
+ source.src += '#?secret=' + secret;
+ source.setAttribute( 'data-secret', secret );
+ }
+
+ /*
+ * Let post embed window know that the parent is ready for receiving the height message, in case the iframe
+ * loaded before wp-embed.js was loaded. When the ready message is received by the post embed window, the
+ * window will then (re-)send the height message right away.
+ */
+ source.contentWindow.postMessage( {
+ message: 'ready',
+ secret: secret
+ }, '*' );
+ }
+ }
+
+ window.addEventListener( 'message', window.wp.receiveEmbedMessage, false );
+ document.addEventListener( 'DOMContentLoaded', onLoad, false );
+})( window, document );