@automattic/newspack-blocks 4.17.1 → 4.17.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [4.17.2](https://github.com/Automattic/newspack-blocks/compare/v4.17.1...v4.17.2) (2025-11-03)
+
+
+### Bug Fixes
+
+* handle multiple responsive iframe blocks ([#2242](https://github.com/Automattic/newspack-blocks/issues/2242)) ([dc218ea](https://github.com/Automattic/newspack-blocks/commit/dc218ea08ecc5f134b5a1dd4e7d4d6a25a8d71e5))
+
 ## [4.17.1](https://github.com/Automattic/newspack-blocks/compare/v4.17.0...v4.17.1) (2025-11-03)
 
 

package/dist/iframe/view.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '4cfff0cb0974d123a9cf');
+<?php return array('dependencies' => array('wp-dom-ready'), 'version' => '01d2b54a2c5da5c5a760');

package/dist/iframe/view.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={n:t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};const t=window.wp.domReady;e.n(t)()((()=>{Array.from(document.querySelectorAll(".wp-block-newspack-blocks-iframe iframe")).forEach((e=>{const t=setInterval((function(){e.src=e.src}),2e3);e.onload=function(){clearInterval(t)},window.addEventListener("message",(function(t){if(t.origin!==new URL(e.src).origin||e.contentWindow!==t.source)return;let n=0;t.data&&t.data.height&&("number"==typeof t.data.height?n=t.data.height:"string"==typeof t.data.height&&(n=Number(t.data.height))),!isNaN(n)&&n>0&&(e.parentElement&&"auto"!==e.parentElement.style.height&&(e.parentElement.style.height="auto"),e.style.height=n+"px")}))}))}))})();

package/newspack-blocks.php

@@ -7,7 +7,7 @@
  * Author URI:      https://newspack.com/
  * Text Domain:     newspack-blocks
  * Domain Path:     /languages
- * Version:         4.17.1
+ * Version:         4.17.2
  *
  * @package         Newspack_Blocks
  */
@@ -15,7 +15,7 @@
 define( 'NEWSPACK_BLOCKS__PLUGIN_FILE', __FILE__ );
 define( 'NEWSPACK_BLOCKS__BLOCKS_DIRECTORY', 'dist/' );
 define( 'NEWSPACK_BLOCKS__PLUGIN_DIR', plugin_dir_path( NEWSPACK_BLOCKS__PLUGIN_FILE ) );
-define( 'NEWSPACK_BLOCKS__VERSION', '4.17.1' );
+define( 'NEWSPACK_BLOCKS__VERSION', '4.17.2' );
 
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks.php';
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks-api.php';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/newspack-blocks",
-	"version": "4.17.1",
+	"version": "4.17.2",
 	"author": "Automattic",
 	"devDependencies": {
 		"@rushstack/eslint-patch": "^1.12.0",

package/src/blocks/iframe/view.js

@@ -1,5 +1,49 @@
+/**
+ * WordPress dependencies
+ */
+import domReady from '@wordpress/dom-ready';
+
 /**
  * Style dependencies
  */
 
 import './view.scss';
+
+domReady( () => {
+	const iframes = Array.from( document.querySelectorAll( '.wp-block-newspack-blocks-iframe iframe' ) );
+	iframes.forEach( iframe => {
+		const timerId = setInterval( function () {
+			iframe.src = iframe.src;
+		}, 2000 );
+
+		iframe.onload = function () {
+			clearInterval( timerId );
+		};
+
+		// Add a listener for dynamic resizing if the iframe supports it.
+		window.addEventListener( 'message', function ( event ) {
+			// Reject messages from untrusted origins.
+			if ( event.origin !== new URL( iframe.src ).origin || iframe.contentWindow !== event.source ) {
+				return;
+			}
+
+			let iframeHeight = 0;
+			if ( event.data && event.data.height ) {
+				if ( typeof event.data.height === 'number' ) {
+					iframeHeight = event.data.height;
+				} else if ( typeof event.data.height === 'string' ) {
+					iframeHeight = Number( event.data.height );
+				}
+			}
+			if ( ! isNaN( iframeHeight ) && iframeHeight > 0 ) {
+				// Remove height from the iframe's parent element if needed.
+				if ( iframe.parentElement && iframe.parentElement.style.height !== 'auto' ) {
+					iframe.parentElement.style.height = 'auto';
+				}
+
+				// Set the new height dynamically.
+				iframe.style.height = iframeHeight + 'px';
+			}
+		} );
+	} );
+} );

package/src/blocks/iframe/view.php

@@ -110,44 +110,6 @@ function newspack_blocks_get_iframe_html( $mode, $src, $height, $width, $is_full
 			></iframe>
 		</div>
 	</figure>
-
-	<script>
-		const iframe = document.getElementById("<?php echo esc_attr( $iframe_id ); ?>");
-		const timerId = setInterval( function() {
-				iframe.src = iframe.src;
-			}, 2000 );
-
-		iframe.onload = function() {
-			clearInterval(timerId);
-		}
-
-		// Add a listener for dynamic resizing if the iframe supports it.
-		window.addEventListener("message", function(event) {
-			// Reject messages from untrusted origins.
-			if (event.origin !== new URL(iframe.src).origin || iframe.contentWindow !== event.source) {
-				return; 
-			}
-
-			var iframeHeight = 0;
-			if (event.data && event.data.height){
-				if (typeof event.data.height === "number") {
-					iframeHeight = event.data.height;
-				} else if (typeof event.data.height === "string") {
-					iframeHeight = Number(event.data.height);
-				}
-			}
-			if (!isNaN(iframeHeight) && iframeHeight > 0) {
-				// Remove height from the iframe's parent element if needed.
-				if (iframe.parentElement && iframe.parentElement.style.height !== "auto") {
-					iframe.parentElement.style.height = "auto";
-				}
-
-				// Set the new height dynamically.
-				iframe.style.height = iframeHeight + "px";
-			}
-		});
-	</script>
-
 	<?php
 	return ob_get_clean();
 }

package/vendor/composer/installed.php

@@ -3,7 +3,7 @@
         'name' => 'automattic/newspack-blocks',
         'pretty_version' => 'dev-trunk',
         'version' => 'dev-trunk',
-        'reference' => 'ba74667f28f674eb028dd1dc613e6b3c90206efa',
+        'reference' => 'dc218ea08ecc5f134b5a1dd4e7d4d6a25a8d71e5',
         'type' => 'wordpress-plugin',
         'install_path' => __DIR__ . '/../../',
         'aliases' => array(),
@@ -13,7 +13,7 @@
         'automattic/newspack-blocks' => array(
             'pretty_version' => 'dev-trunk',
             'version' => 'dev-trunk',
-            'reference' => 'ba74667f28f674eb028dd1dc613e6b3c90206efa',
+            'reference' => 'dc218ea08ecc5f134b5a1dd4e7d4d6a25a8d71e5',
             'type' => 'wordpress-plugin',
             'install_path' => __DIR__ . '/../../',
             'aliases' => array(),