Reload collapsed PHeT Iframes (fix #541)

assets/src/scripts/collapse-sections.js

@@ -3,11 +3,32 @@
  */
 
 document.addEventListener( 'DOMContentLoaded', function () {
+
+	// ### Helper functions:
+
+	/**
+	 * @param {string} url
+	 * @returns {string}
+	 */
+	function url_domain( url ) {
+		const matches = url.match( /^https?:\/\/([^/?#]+)(?:[/?#]|$)/i );
+		const domain = matches && matches[ 1 ];  // domain will be null if no match is found
+		if ( typeof domain === 'string' || domain instanceof String ) {
+			return domain;
+		} else {
+			return '';
+		}
+	}
+
+	// ### Show/hide code:
+
 	// Get all the headings
 	const sectionHeadingEl = 'h1';
 	const headings = document.querySelectorAll(
 		`#content section ${sectionHeadingEl}:not(.entry-title)`
 	);
+	// Collapsed Iframes
+	let collapsedIframesHaveBeenUnfurled = false;
 
 	Array.prototype.forEach.call( headings, heading => {
 		// Give each <h1> a toggle button child
@@ -82,6 +103,18 @@ document.addEventListener( 'DOMContentLoaded', function () {
 			wrapper.hidden = expanded;
 			// Trigger H5P resize
 			window.dispatchEvent( new Event( 'resize' ) );
+			// Unfurl collapsed iframes
+			if ( ! expanded && ! collapsedIframesHaveBeenUnfurled  ) {
+				const collapsedIframes = wrapper.querySelectorAll( 'iframe' );
+				Array.prototype.forEach.call( collapsedIframes, iframe => {
+					// Hack: Reload broken PHeT Iframes
+					// @see https://github.com/phetsims/tasks/issues/1002
+					if ( url_domain( iframe.src ).includes( 'phet.colorado.edu' ) ) {
+						iframe.src = iframe.src; // eslint-disable-line
+					}
+				} );
+				collapsedIframesHaveBeenUnfurled = true;
+			}
 		};
 	} );
 } );

dist/mix-manifest.json

@@ -2,7 +2,7 @@
     "/scripts/book.js": "/scripts/book.js?id=94aa48eec15c7a80f990",
     "/styles/book.css": "/styles/book.css?id=fc62678c134b29a2980f",
     "/styles/web-house-style.css": "/styles/web-house-style.css?id=d3c1aedc7525b0f30ccd",
-    "/scripts/collapse-sections.js": "/scripts/collapse-sections.js?id=0ed7575ee2f1f7fa9ed5",
+    "/scripts/collapse-sections.js": "/scripts/collapse-sections.js?id=5d222dcac387af7b6868",
     "/scripts/lightbox.js": "/scripts/lightbox.js?id=91b6b3fe96be81915d2e",
     "/scripts/pane.js": "/scripts/pane.js?id=4173f00e886097d83339",
     "/scripts/sharer.js": "/scripts/sharer.js?id=cb1d75f017e08db3a704",