@wordpress/interactivity-router 1.6.0 → 1.8.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 1.8.0 (2024-05-16)
+
+## 1.7.0 (2024-05-02)
+
 ## 1.6.0 (2024-04-19)
 
 ## 1.5.0 (2024-04-03)

package/build/head.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateHead = exports.fetchHeadAssets = void 0;
+/**
+ * Helper to update only the necessary tags in the head.
+ *
+ * @async
+ * @param {Array} newHead The head elements of the new page.
+ */
+const updateHead = async newHead => {
+  // Helper to get the tag id store in the cache.
+  const getTagId = tag => tag.id || tag.outerHTML;
+
+  // Map incoming head tags by their content.
+  const newHeadMap = new Map();
+  for (const child of newHead) {
+    newHeadMap.set(getTagId(child), child);
+  }
+  const toRemove = [];
+
+  // Detect nodes that should be added or removed.
+  for (const child of document.head.children) {
+    const id = getTagId(child);
+    // Always remove styles and links as they might change.
+    if (child.nodeName === 'LINK' || child.nodeName === 'STYLE') {
+      toRemove.push(child);
+    } else if (newHeadMap.has(id)) {
+      newHeadMap.delete(id);
+    } else if (child.nodeName !== 'SCRIPT' && child.nodeName !== 'META') {
+      toRemove.push(child);
+    }
+  }
+
+  // Prepare new assets.
+  const toAppend = [...newHeadMap.values()];
+
+  // Apply the changes.
+  toRemove.forEach(n => n.remove());
+  document.head.append(...toAppend);
+};
+
+/**
+ * Fetches and processes head assets (stylesheets and scripts) from a specified document.
+ *
+ * @async
+ * @param {Document} doc          The document from which to fetch head assets. It should support standard DOM querying methods.
+ * @param {Map}      headElements A map of head elements to modify tracking the URLs of already processed assets to avoid duplicates.
+ *
+ * @return {Promise<HTMLElement[]>} Returns an array of HTML elements representing the head assets.
+ */
+exports.updateHead = updateHead;
+const fetchHeadAssets = async (doc, headElements) => {
+  const headTags = [];
+  const assets = [{
+    tagName: 'style',
+    selector: 'link[rel=stylesheet]',
+    attribute: 'href'
+  }, {
+    tagName: 'script',
+    selector: 'script[src]',
+    attribute: 'src'
+  }];
+  for (const asset of assets) {
+    const {
+      tagName,
+      selector,
+      attribute
+    } = asset;
+    const tags = doc.querySelectorAll(selector);
+
+    // Use Promise.all to wait for fetch to complete
+    await Promise.all(Array.from(tags).map(async tag => {
+      const attributeValue = tag.getAttribute(attribute);
+      if (!headElements.has(attributeValue)) {
+        try {
+          const response = await fetch(attributeValue);
+          const text = await response.text();
+          headElements.set(attributeValue, {
+            tag,
+            text
+          });
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.error(e);
+        }
+      }
+      const headElement = headElements.get(attributeValue);
+      const element = doc.createElement(tagName);
+      element.innerText = headElement.text;
+      for (const attr of headElement.tag.attributes) {
+        element.setAttribute(attr.name, attr.value);
+      }
+      headTags.push(element);
+    }));
+  }
+  return [doc.querySelector('title'), ...doc.querySelectorAll('style'), ...headTags];
+};
+exports.fetchHeadAssets = fetchHeadAssets;
+//# sourceMappingURL=head.js.map

package/build/head.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["updateHead","newHead","getTagId","tag","id","outerHTML","newHeadMap","Map","child","set","toRemove","document","head","children","nodeName","push","has","delete","toAppend","values","forEach","n","remove","append","exports","fetchHeadAssets","doc","headElements","headTags","assets","tagName","selector","attribute","asset","tags","querySelectorAll","Promise","all","Array","from","map","attributeValue","getAttribute","response","fetch","text","e","console","error","headElement","get","element","createElement","innerText","attr","attributes","setAttribute","name","value","querySelector"],"sources":["@wordpress/interactivity-router/src/head.js"],"sourcesContent":["/**\n * Helper to update only the necessary tags in the head.\n *\n * @async\n * @param {Array} newHead The head elements of the new page.\n */\nexport const updateHead = async ( newHead ) => {\n\t// Helper to get the tag id store in the cache.\n\tconst getTagId = ( tag ) => tag.id || tag.outerHTML;\n\n\t// Map incoming head tags by their content.\n\tconst newHeadMap = new Map();\n\tfor ( const child of newHead ) {\n\t\tnewHeadMap.set( getTagId( child ), child );\n\t}\n\n\tconst toRemove = [];\n\n\t// Detect nodes that should be added or removed.\n\tfor ( const child of document.head.children ) {\n\t\tconst id = getTagId( child );\n\t\t// Always remove styles and links as they might change.\n\t\tif ( child.nodeName === 'LINK' || child.nodeName === 'STYLE' ) {\n\t\t\ttoRemove.push( child );\n\t\t} else if ( newHeadMap.has( id ) ) {\n\t\t\tnewHeadMap.delete( id );\n\t\t} else if ( child.nodeName !== 'SCRIPT' && child.nodeName !== 'META' ) {\n\t\t\ttoRemove.push( child );\n\t\t}\n\t}\n\n\t// Prepare new assets.\n\tconst toAppend = [ ...newHeadMap.values() ];\n\n\t// Apply the changes.\n\ttoRemove.forEach( ( n ) => n.remove() );\n\tdocument.head.append( ...toAppend );\n};\n\n/**\n * Fetches and processes head assets (stylesheets and scripts) from a specified document.\n *\n * @async\n * @param {Document} doc          The document from which to fetch head assets. It should support standard DOM querying methods.\n * @param {Map}      headElements A map of head elements to modify tracking the URLs of already processed assets to avoid duplicates.\n *\n * @return {Promise<HTMLElement[]>} Returns an array of HTML elements representing the head assets.\n */\nexport const fetchHeadAssets = async ( doc, headElements ) => {\n\tconst headTags = [];\n\tconst assets = [\n\t\t{\n\t\t\ttagName: 'style',\n\t\t\tselector: 'link[rel=stylesheet]',\n\t\t\tattribute: 'href',\n\t\t},\n\t\t{ tagName: 'script', selector: 'script[src]', attribute: 'src' },\n\t];\n\tfor ( const asset of assets ) {\n\t\tconst { tagName, selector, attribute } = asset;\n\t\tconst tags = doc.querySelectorAll( selector );\n\n\t\t// Use Promise.all to wait for fetch to complete\n\t\tawait Promise.all(\n\t\t\tArray.from( tags ).map( async ( tag ) => {\n\t\t\t\tconst attributeValue = tag.getAttribute( attribute );\n\t\t\t\tif ( ! headElements.has( attributeValue ) ) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst response = await fetch( attributeValue );\n\t\t\t\t\t\tconst text = await response.text();\n\t\t\t\t\t\theadElements.set( attributeValue, {\n\t\t\t\t\t\t\ttag,\n\t\t\t\t\t\t\ttext,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} catch ( e ) {\n\t\t\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\t\t\tconsole.error( e );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst headElement = headElements.get( attributeValue );\n\t\t\t\tconst element = doc.createElement( tagName );\n\t\t\t\telement.innerText = headElement.text;\n\t\t\t\tfor ( const attr of headElement.tag.attributes ) {\n\t\t\t\t\telement.setAttribute( attr.name, attr.value );\n\t\t\t\t}\n\t\t\t\theadTags.push( element );\n\t\t\t} )\n\t\t);\n\t}\n\n\treturn [\n\t\tdoc.querySelector( 'title' ),\n\t\t...doc.querySelectorAll( 'style' ),\n\t\t...headTags,\n\t];\n};\n"],"mappings":"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","ignoreList":[]}

package/build/index.js

@@ -5,10 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.state = exports.actions = void 0;
 var _interactivity = require("@wordpress/interactivity");
+var _head = require("./head");
+var _getConfig$navigation;
 /**
  * WordPress dependencies
  */
-
+/**
+ * Internal dependencies
+ */
 const {
   directivePrefix,
   getRegionRootFragment,
@@ -20,8 +24,12 @@ const {
   batch
 } = (0, _interactivity.privateApis)('I acknowledge that using private APIs means my theme or plugin will inevitably break in the next version of WordPress.');
 
-// The cache of visited and prefetched pages.
+// Check if the navigation mode is full page or region based.
+const navigationMode = (_getConfig$navigation = (0, _interactivity.getConfig)('core/router').navigationMode) !== null && _getConfig$navigation !== void 0 ? _getConfig$navigation : 'regionBased';
+
+// The cache of visited and prefetched pages, stylesheets and scripts.
 const pages = new Map();
+const headElements = new Map();
 
 // Helper to remove domain and hash from the URL. We are only interesting in
 // caching the path and the query.
@@ -37,7 +45,9 @@ const fetchPage = async (url, {
   try {
     if (!html) {
       const res = await window.fetch(url);
-      if (res.status !== 200) return false;
+      if (res.status !== 200) {
+        return false;
+      }
       html = await res.text();
     }
     const dom = new window.DOMParser().parseFromString(html, 'text/html');
@@ -49,19 +59,29 @@ const fetchPage = async (url, {
 
 // Return an object with VDOM trees of those HTML regions marked with a
 // `router-region` directive.
-const regionsToVdom = (dom, {
+const regionsToVdom = async (dom, {
   vdom
 } = {}) => {
   const regions = {};
-  const attrName = `data-${directivePrefix}-router-region`;
-  dom.querySelectorAll(`[${attrName}]`).forEach(region => {
-    const id = region.getAttribute(attrName);
-    regions[id] = vdom?.has(region) ? vdom.get(region) : toVdom(region);
-  });
+  let head;
+  if (process.env.IS_GUTENBERG_PLUGIN) {
+    if (navigationMode === 'fullPage') {
+      head = await (0, _head.fetchHeadAssets)(dom, headElements);
+      regions.body = vdom ? vdom.get(document.body) : toVdom(dom.body);
+    }
+  }
+  if (navigationMode === 'regionBased') {
+    const attrName = `data-${directivePrefix}-router-region`;
+    dom.querySelectorAll(`[${attrName}]`).forEach(region => {
+      const id = region.getAttribute(attrName);
+      regions[id] = vdom?.has(region) ? vdom.get(region) : toVdom(region);
+    });
+  }
   const title = dom.querySelector('title')?.innerText;
   const initialData = parseInitialData(dom);
   return {
     regions,
+    head,
     title,
     initialData
   };
@@ -70,13 +90,23 @@ const regionsToVdom = (dom, {
 // Render all interactive regions contained in the given page.
 const renderRegions = page => {
   batch(() => {
-    populateInitialData(page.initialData);
-    const attrName = `data-${directivePrefix}-router-region`;
-    document.querySelectorAll(`[${attrName}]`).forEach(region => {
-      const id = region.getAttribute(attrName);
-      const fragment = getRegionRootFragment(region);
-      render(page.regions[id], fragment);
-    });
+    if (process.env.IS_GUTENBERG_PLUGIN) {
+      if (navigationMode === 'fullPage') {
+        // Once this code is tested and more mature, the head should be updated for region based navigation as well.
+        (0, _head.updateHead)(page.head);
+        const fragment = getRegionRootFragment(document.body);
+        render(page.regions.body, fragment);
+      }
+    }
+    if (navigationMode === 'regionBased') {
+      populateInitialData(page.initialData);
+      const attrName = `data-${directivePrefix}-router-region`;
+      document.querySelectorAll(`[${attrName}]`).forEach(region => {
+        const id = region.getAttribute(attrName);
+        const fragment = getRegionRootFragment(region);
+        render(page.regions[id], fragment);
+      });
+    }
     if (page.title) {
       document.title = page.title;
     }
@@ -112,11 +142,38 @@ window.addEventListener('popstate', async () => {
   }
 });
 
-// Cache the initial page using the intially parsed vDOM.
+// Initialize the router and cache the initial page using the initial vDOM.
+// Once this code is tested and more mature, the head should be updated for region based navigation as well.
+if (process.env.IS_GUTENBERG_PLUGIN) {
+  if (navigationMode === 'fullPage') {
+    // Cache the scripts. Has to be called before fetching the assets.
+    [].map.call(document.querySelectorAll('script[src]'), script => {
+      headElements.set(script.getAttribute('src'), {
+        tag: script,
+        text: script.textContent
+      });
+    });
+    await (0, _head.fetchHeadAssets)(document, headElements);
+  }
+}
 pages.set(getPagePath(window.location), Promise.resolve(regionsToVdom(document, {
   vdom: initialVdom
 })));
 
+// Check if the link is valid for client-side navigation.
+const isValidLink = ref => ref && ref instanceof window.HTMLAnchorElement && ref.href && (!ref.target || ref.target === '_self') && ref.origin === window.location.origin && !ref.pathname.startsWith('/wp-admin') && !ref.pathname.startsWith('/wp-login.php') && !ref.getAttribute('href').startsWith('#') && !new URL(ref.href).searchParams.has('_wpnonce');
+
+// Check if the event is valid for client-side navigation.
+const isValidEvent = event => event && event.button === 0 &&
+// Left clicks only.
+!event.metaKey &&
+// Open in new tab (Mac).
+!event.ctrlKey &&
+// Open in new tab (Windows).
+!event.altKey &&
+// Download.
+!event.shiftKey && !event.defaultPrevented;
+
 // Variable to store the current navigation.
 let navigatingTo = '';
 const {
@@ -175,7 +232,9 @@ const {
 
       // Don't update the navigation status immediately, wait 400 ms.
       const loadingTimeout = setTimeout(() => {
-        if (navigatingTo !== href) return;
+        if (navigatingTo !== href) {
+          return;
+        }
         if (loadingAnimation) {
           navigation.hasStarted = true;
           navigation.hasFinished = false;
@@ -192,9 +251,11 @@ const {
       // Once the page is fetched, the destination URL could have changed
       // (e.g., by clicking another link in the meantime). If so, bail
       // out, and let the newer execution to update the HTML.
-      if (navigatingTo !== href) return;
+      if (navigatingTo !== href) {
+        return;
+      }
       if (page && !page.initialData?.config?.['core/router']?.clientNavigationDisabled) {
-        renderRegions(page);
+        yield renderRegions(page);
         window.history[options.replace ? 'replaceState' : 'pushState']({}, '', href);
 
         // Update the URL in the state.
@@ -212,6 +273,14 @@ const {
           // package: https://github.com/WordPress/gutenberg/blob/c395242b8e6ee20f8b06c199e4fc2920d7018af1/packages/a11y/src/filter-message.js#L20-L26
           navigation.message = navigation.texts.loaded + (navigation.message === navigation.texts.loaded ? '\u00A0' : '');
         }
+
+        // Scroll to the anchor if exits in the link.
+        const {
+          hash
+        } = new URL(href, window.location);
+        if (hash) {
+          document.querySelector(hash)?.scrollIntoView();
+        }
       } else {
         yield forcePageReload(href);
       }
@@ -225,14 +294,15 @@ const {
      * @param {string}  url             The page URL.
      * @param {Object}  [options]       Options object.
      * @param {boolean} [options.force] Force fetching the URL again.
-     * @param {string}  [options.html]  HTML string to be used instead of
-     *                                  fetching the requested URL.
+     * @param {string}  [options.html]  HTML string to be used instead of fetching the requested URL.
      */
     prefetch(url, options = {}) {
       const {
         clientNavigationDisabled
       } = (0, _interactivity.getConfig)();
-      if (clientNavigationDisabled) return;
+      if (clientNavigationDisabled) {
+        return;
+      }
       const pagePath = getPagePath(url);
       if (options.force || !pages.has(pagePath)) {
         pages.set(pagePath, fetchPage(pagePath, options));
@@ -240,6 +310,29 @@ const {
     }
   }
 });
+
+// Add click and prefetch to all links.
 exports.actions = actions;
 exports.state = state;
+if (process.env.IS_GUTENBERG_PLUGIN) {
+  if (navigationMode === 'fullPage') {
+    // Navigate on click.
+    document.addEventListener('click', function (event) {
+      const ref = event.target.closest('a');
+      if (isValidLink(ref) && isValidEvent(event)) {
+        event.preventDefault();
+        actions.navigate(ref.href);
+      }
+    }, true);
+    // Prefetch on hover.
+    document.addEventListener('mouseenter', function (event) {
+      if (event.target?.nodeName === 'A') {
+        const ref = event.target.closest('a');
+        if (isValidLink(ref) && isValidEvent(event)) {
+          actions.prefetch(ref.href);
+        }
+      }
+    }, true);
+  }
+}
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_interactivity","require","directivePrefix","getRegionRootFragment","initialVdom","toVdom","render","parseInitialData","populateInitialData","batch","privateApis","pages","Map","getPagePath","url","u","URL","window","location","pathname","search","fetchPage","html","res","fetch","status","text","dom","DOMParser","parseFromString","regionsToVdom","e","vdom","regions","attrName","querySelectorAll","forEach","region","id","getAttribute","has","get","title","querySelector","innerText","initialData","renderRegions","page","document","fragment","forcePageReload","href","assign","Promise","addEventListener","pagePath","state","reload","set","resolve","navigatingTo","actions","store","navigation","hasStarted","hasFinished","texts","navigate","options","clientNavigationDisabled","getConfig","loadingAnimation","screenReaderAnnouncement","timeout","prefetch","timeoutPromise","setTimeout","loadingTimeout","message","loading","race","clearTimeout","config","history","replace","loaded","force","exports"],"sources":["@wordpress/interactivity-router/src/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store, privateApis, getConfig } from '@wordpress/interactivity';\n\nconst {\n\tdirectivePrefix,\n\tgetRegionRootFragment,\n\tinitialVdom,\n\ttoVdom,\n\trender,\n\tparseInitialData,\n\tpopulateInitialData,\n\tbatch,\n} = privateApis(\n\t'I acknowledge that using private APIs means my theme or plugin will inevitably break in the next version of WordPress.'\n);\n\n// The cache of visited and prefetched pages.\nconst pages = new Map();\n\n// Helper to remove domain and hash from the URL. We are only interesting in\n// caching the path and the query.\nconst getPagePath = ( url ) => {\n\tconst u = new URL( url, window.location );\n\treturn u.pathname + u.search;\n};\n\n// Fetch a new page and convert it to a static virtual DOM.\nconst fetchPage = async ( url, { html } ) => {\n\ttry {\n\t\tif ( ! html ) {\n\t\t\tconst res = await window.fetch( url );\n\t\t\tif ( res.status !== 200 ) return false;\n\t\t\thtml = await res.text();\n\t\t}\n\t\tconst dom = new window.DOMParser().parseFromString( html, 'text/html' );\n\t\treturn regionsToVdom( dom );\n\t} catch ( e ) {\n\t\treturn false;\n\t}\n};\n\n// Return an object with VDOM trees of those HTML regions marked with a\n// `router-region` directive.\nconst regionsToVdom = ( dom, { vdom } = {} ) => {\n\tconst regions = {};\n\tconst attrName = `data-${ directivePrefix }-router-region`;\n\tdom.querySelectorAll( `[${ attrName }]` ).forEach( ( region ) => {\n\t\tconst id = region.getAttribute( attrName );\n\t\tregions[ id ] = vdom?.has( region )\n\t\t\t? vdom.get( region )\n\t\t\t: toVdom( region );\n\t} );\n\tconst title = dom.querySelector( 'title' )?.innerText;\n\tconst initialData = parseInitialData( dom );\n\treturn { regions, title, initialData };\n};\n\n// Render all interactive regions contained in the given page.\nconst renderRegions = ( page ) => {\n\tbatch( () => {\n\t\tpopulateInitialData( page.initialData );\n\t\tconst attrName = `data-${ directivePrefix }-router-region`;\n\t\tdocument.querySelectorAll( `[${ attrName }]` ).forEach( ( region ) => {\n\t\t\tconst id = region.getAttribute( attrName );\n\t\t\tconst fragment = getRegionRootFragment( region );\n\t\t\trender( page.regions[ id ], fragment );\n\t\t} );\n\t\tif ( page.title ) {\n\t\t\tdocument.title = page.title;\n\t\t}\n\t} );\n};\n\n/**\n * Load the given page forcing a full page reload.\n *\n * The function returns a promise that won't resolve, useful to prevent any\n * potential feedback indicating that the navigation has finished while the new\n * page is being loaded.\n *\n * @param {string} href The page href.\n * @return {Promise} Promise that never resolves.\n */\nconst forcePageReload = ( href ) => {\n\twindow.location.assign( href );\n\treturn new Promise( () => {} );\n};\n\n// Listen to the back and forward buttons and restore the page if it's in the\n// cache.\nwindow.addEventListener( 'popstate', async () => {\n\tconst pagePath = getPagePath( window.location ); // Remove hash.\n\tconst page = pages.has( pagePath ) && ( await pages.get( pagePath ) );\n\tif ( page ) {\n\t\trenderRegions( page );\n\t\t// Update the URL in the state.\n\t\tstate.url = window.location.href;\n\t} else {\n\t\twindow.location.reload();\n\t}\n} );\n\n// Cache the initial page using the intially parsed vDOM.\npages.set(\n\tgetPagePath( window.location ),\n\tPromise.resolve( regionsToVdom( document, { vdom: initialVdom } ) )\n);\n\n// Variable to store the current navigation.\nlet navigatingTo = '';\n\nexport const { state, actions } = store( 'core/router', {\n\tstate: {\n\t\turl: window.location.href,\n\t\tnavigation: {\n\t\t\thasStarted: false,\n\t\t\thasFinished: false,\n\t\t\ttexts: {},\n\t\t},\n\t},\n\tactions: {\n\t\t/**\n\t\t * Navigates to the specified page.\n\t\t *\n\t\t * This function normalizes the passed href, fetchs the page HTML if\n\t\t * needed, and updates any interactive regions whose contents have\n\t\t * changed. It also creates a new entry in the browser session history.\n\t\t *\n\t\t * @param {string}  href                               The page href.\n\t\t * @param {Object}  [options]                          Options object.\n\t\t * @param {boolean} [options.force]                    If true, it forces re-fetching the URL.\n\t\t * @param {string}  [options.html]                     HTML string to be used instead of fetching the requested URL.\n\t\t * @param {boolean} [options.replace]                  If true, it replaces the current entry in the browser session history.\n\t\t * @param {number}  [options.timeout]                  Time until the navigation is aborted, in milliseconds. Default is 10000.\n\t\t * @param {boolean} [options.loadingAnimation]         Whether an animation should be shown while navigating. Default to `true`.\n\t\t * @param {boolean} [options.screenReaderAnnouncement] Whether a message for screen readers should be announced while navigating. Default to `true`.\n\t\t *\n\t\t * @return {Promise} Promise that resolves once the navigation is completed or aborted.\n\t\t */\n\t\t*navigate( href, options = {} ) {\n\t\t\tconst { clientNavigationDisabled } = getConfig();\n\t\t\tif ( clientNavigationDisabled ) {\n\t\t\t\tyield forcePageReload( href );\n\t\t\t}\n\n\t\t\tconst pagePath = getPagePath( href );\n\t\t\tconst { navigation } = state;\n\t\t\tconst {\n\t\t\t\tloadingAnimation = true,\n\t\t\t\tscreenReaderAnnouncement = true,\n\t\t\t\ttimeout = 10000,\n\t\t\t} = options;\n\n\t\t\tnavigatingTo = href;\n\t\t\tactions.prefetch( pagePath, options );\n\n\t\t\t// Create a promise that resolves when the specified timeout ends.\n\t\t\t// The timeout value is 10 seconds by default.\n\t\t\tconst timeoutPromise = new Promise( ( resolve ) =>\n\t\t\t\tsetTimeout( resolve, timeout )\n\t\t\t);\n\n\t\t\t// Don't update the navigation status immediately, wait 400 ms.\n\t\t\tconst loadingTimeout = setTimeout( () => {\n\t\t\t\tif ( navigatingTo !== href ) return;\n\n\t\t\t\tif ( loadingAnimation ) {\n\t\t\t\t\tnavigation.hasStarted = true;\n\t\t\t\t\tnavigation.hasFinished = false;\n\t\t\t\t}\n\t\t\t\tif ( screenReaderAnnouncement ) {\n\t\t\t\t\tnavigation.message = navigation.texts.loading;\n\t\t\t\t}\n\t\t\t}, 400 );\n\n\t\t\tconst page = yield Promise.race( [\n\t\t\t\tpages.get( pagePath ),\n\t\t\t\ttimeoutPromise,\n\t\t\t] );\n\n\t\t\t// Dismiss loading message if it hasn't been added yet.\n\t\t\tclearTimeout( loadingTimeout );\n\n\t\t\t// Once the page is fetched, the destination URL could have changed\n\t\t\t// (e.g., by clicking another link in the meantime). If so, bail\n\t\t\t// out, and let the newer execution to update the HTML.\n\t\t\tif ( navigatingTo !== href ) return;\n\n\t\t\tif (\n\t\t\t\tpage &&\n\t\t\t\t! page.initialData?.config?.[ 'core/router' ]\n\t\t\t\t\t?.clientNavigationDisabled\n\t\t\t) {\n\t\t\t\trenderRegions( page );\n\t\t\t\twindow.history[\n\t\t\t\t\toptions.replace ? 'replaceState' : 'pushState'\n\t\t\t\t]( {}, '', href );\n\n\t\t\t\t// Update the URL in the state.\n\t\t\t\tstate.url = href;\n\n\t\t\t\t// Update the navigation status once the the new page rendering\n\t\t\t\t// has been completed.\n\t\t\t\tif ( loadingAnimation ) {\n\t\t\t\t\tnavigation.hasStarted = false;\n\t\t\t\t\tnavigation.hasFinished = true;\n\t\t\t\t}\n\n\t\t\t\tif ( screenReaderAnnouncement ) {\n\t\t\t\t\t// Announce that the page has been loaded. If the message is the\n\t\t\t\t\t// same, we use a no-break space similar to the @wordpress/a11y\n\t\t\t\t\t// package: https://github.com/WordPress/gutenberg/blob/c395242b8e6ee20f8b06c199e4fc2920d7018af1/packages/a11y/src/filter-message.js#L20-L26\n\t\t\t\t\tnavigation.message =\n\t\t\t\t\t\tnavigation.texts.loaded +\n\t\t\t\t\t\t( navigation.message === navigation.texts.loaded\n\t\t\t\t\t\t\t? '\\u00A0'\n\t\t\t\t\t\t\t: '' );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tyield forcePageReload( href );\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Prefetchs the page with the passed URL.\n\t\t *\n\t\t * The function normalizes the URL and stores internally the fetch\n\t\t * promise, to avoid triggering a second fetch for an ongoing request.\n\t\t *\n\t\t * @param {string}  url             The page URL.\n\t\t * @param {Object}  [options]       Options object.\n\t\t * @param {boolean} [options.force] Force fetching the URL again.\n\t\t * @param {string}  [options.html]  HTML string to be used instead of\n\t\t *                                  fetching the requested URL.\n\t\t */\n\t\tprefetch( url, options = {} ) {\n\t\t\tconst { clientNavigationDisabled } = getConfig();\n\t\t\tif ( clientNavigationDisabled ) return;\n\n\t\t\tconst pagePath = getPagePath( url );\n\t\t\tif ( options.force || ! pages.has( pagePath ) ) {\n\t\t\t\tpages.set( pagePath, fetchPage( pagePath, options ) );\n\t\t\t}\n\t\t},\n\t},\n} );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_interactivity","require","_head","_getConfig$navigation","directivePrefix","getRegionRootFragment","initialVdom","toVdom","render","parseInitialData","populateInitialData","batch","privateApis","navigationMode","getConfig","pages","Map","headElements","getPagePath","url","u","URL","window","location","pathname","search","fetchPage","html","res","fetch","status","text","dom","DOMParser","parseFromString","regionsToVdom","e","vdom","regions","head","process","env","IS_GUTENBERG_PLUGIN","fetchHeadAssets","body","get","document","attrName","querySelectorAll","forEach","region","id","getAttribute","has","title","querySelector","innerText","initialData","renderRegions","page","updateHead","fragment","forcePageReload","href","assign","Promise","addEventListener","pagePath","state","reload","map","call","script","set","tag","textContent","resolve","isValidLink","ref","HTMLAnchorElement","target","origin","startsWith","searchParams","isValidEvent","event","button","metaKey","ctrlKey","altKey","shiftKey","defaultPrevented","navigatingTo","actions","store","navigation","hasStarted","hasFinished","texts","navigate","options","clientNavigationDisabled","loadingAnimation","screenReaderAnnouncement","timeout","prefetch","timeoutPromise","setTimeout","loadingTimeout","message","loading","race","clearTimeout","config","history","replace","loaded","hash","scrollIntoView","force","exports","closest","preventDefault","nodeName"],"sources":["@wordpress/interactivity-router/src/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store, privateApis, getConfig } from '@wordpress/interactivity';\n\n/**\n * Internal dependencies\n */\nimport { fetchHeadAssets, updateHead } from './head';\n\nconst {\n\tdirectivePrefix,\n\tgetRegionRootFragment,\n\tinitialVdom,\n\ttoVdom,\n\trender,\n\tparseInitialData,\n\tpopulateInitialData,\n\tbatch,\n} = privateApis(\n\t'I acknowledge that using private APIs means my theme or plugin will inevitably break in the next version of WordPress.'\n);\n\n// Check if the navigation mode is full page or region based.\nconst navigationMode =\n\tgetConfig( 'core/router' ).navigationMode ?? 'regionBased';\n\n// The cache of visited and prefetched pages, stylesheets and scripts.\nconst pages = new Map();\nconst headElements = new Map();\n\n// Helper to remove domain and hash from the URL. We are only interesting in\n// caching the path and the query.\nconst getPagePath = ( url ) => {\n\tconst u = new URL( url, window.location );\n\treturn u.pathname + u.search;\n};\n\n// Fetch a new page and convert it to a static virtual DOM.\nconst fetchPage = async ( url, { html } ) => {\n\ttry {\n\t\tif ( ! html ) {\n\t\t\tconst res = await window.fetch( url );\n\t\t\tif ( res.status !== 200 ) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\thtml = await res.text();\n\t\t}\n\t\tconst dom = new window.DOMParser().parseFromString( html, 'text/html' );\n\t\treturn regionsToVdom( dom );\n\t} catch ( e ) {\n\t\treturn false;\n\t}\n};\n\n// Return an object with VDOM trees of those HTML regions marked with a\n// `router-region` directive.\nconst regionsToVdom = async ( dom, { vdom } = {} ) => {\n\tconst regions = {};\n\tlet head;\n\tif ( process.env.IS_GUTENBERG_PLUGIN ) {\n\t\tif ( navigationMode === 'fullPage' ) {\n\t\t\thead = await fetchHeadAssets( dom, headElements );\n\t\t\tregions.body = vdom\n\t\t\t\t? vdom.get( document.body )\n\t\t\t\t: toVdom( dom.body );\n\t\t}\n\t}\n\tif ( navigationMode === 'regionBased' ) {\n\t\tconst attrName = `data-${ directivePrefix }-router-region`;\n\t\tdom.querySelectorAll( `[${ attrName }]` ).forEach( ( region ) => {\n\t\t\tconst id = region.getAttribute( attrName );\n\t\t\tregions[ id ] = vdom?.has( region )\n\t\t\t\t? vdom.get( region )\n\t\t\t\t: toVdom( region );\n\t\t} );\n\t}\n\tconst title = dom.querySelector( 'title' )?.innerText;\n\tconst initialData = parseInitialData( dom );\n\treturn { regions, head, title, initialData };\n};\n\n// Render all interactive regions contained in the given page.\nconst renderRegions = ( page ) => {\n\tbatch( () => {\n\t\tif ( process.env.IS_GUTENBERG_PLUGIN ) {\n\t\t\tif ( navigationMode === 'fullPage' ) {\n\t\t\t\t// Once this code is tested and more mature, the head should be updated for region based navigation as well.\n\t\t\t\tupdateHead( page.head );\n\t\t\t\tconst fragment = getRegionRootFragment( document.body );\n\t\t\t\trender( page.regions.body, fragment );\n\t\t\t}\n\t\t}\n\t\tif ( navigationMode === 'regionBased' ) {\n\t\t\tpopulateInitialData( page.initialData );\n\t\t\tconst attrName = `data-${ directivePrefix }-router-region`;\n\t\t\tdocument\n\t\t\t\t.querySelectorAll( `[${ attrName }]` )\n\t\t\t\t.forEach( ( region ) => {\n\t\t\t\t\tconst id = region.getAttribute( attrName );\n\t\t\t\t\tconst fragment = getRegionRootFragment( region );\n\t\t\t\t\trender( page.regions[ id ], fragment );\n\t\t\t\t} );\n\t\t}\n\t\tif ( page.title ) {\n\t\t\tdocument.title = page.title;\n\t\t}\n\t} );\n};\n\n/**\n * Load the given page forcing a full page reload.\n *\n * The function returns a promise that won't resolve, useful to prevent any\n * potential feedback indicating that the navigation has finished while the new\n * page is being loaded.\n *\n * @param {string} href The page href.\n * @return {Promise} Promise that never resolves.\n */\nconst forcePageReload = ( href ) => {\n\twindow.location.assign( href );\n\treturn new Promise( () => {} );\n};\n\n// Listen to the back and forward buttons and restore the page if it's in the\n// cache.\nwindow.addEventListener( 'popstate', async () => {\n\tconst pagePath = getPagePath( window.location ); // Remove hash.\n\tconst page = pages.has( pagePath ) && ( await pages.get( pagePath ) );\n\tif ( page ) {\n\t\trenderRegions( page );\n\t\t// Update the URL in the state.\n\t\tstate.url = window.location.href;\n\t} else {\n\t\twindow.location.reload();\n\t}\n} );\n\n// Initialize the router and cache the initial page using the initial vDOM.\n// Once this code is tested and more mature, the head should be updated for region based navigation as well.\nif ( process.env.IS_GUTENBERG_PLUGIN ) {\n\tif ( navigationMode === 'fullPage' ) {\n\t\t// Cache the scripts. Has to be called before fetching the assets.\n\t\t[].map.call( document.querySelectorAll( 'script[src]' ), ( script ) => {\n\t\t\theadElements.set( script.getAttribute( 'src' ), {\n\t\t\t\ttag: script,\n\t\t\t\ttext: script.textContent,\n\t\t\t} );\n\t\t} );\n\t\tawait fetchHeadAssets( document, headElements );\n\t}\n}\npages.set(\n\tgetPagePath( window.location ),\n\tPromise.resolve( regionsToVdom( document, { vdom: initialVdom } ) )\n);\n\n// Check if the link is valid for client-side navigation.\nconst isValidLink = ( ref ) =>\n\tref &&\n\tref instanceof window.HTMLAnchorElement &&\n\tref.href &&\n\t( ! ref.target || ref.target === '_self' ) &&\n\tref.origin === window.location.origin &&\n\t! ref.pathname.startsWith( '/wp-admin' ) &&\n\t! ref.pathname.startsWith( '/wp-login.php' ) &&\n\t! ref.getAttribute( 'href' ).startsWith( '#' ) &&\n\t! new URL( ref.href ).searchParams.has( '_wpnonce' );\n\n// Check if the event is valid for client-side navigation.\nconst isValidEvent = ( event ) =>\n\tevent &&\n\tevent.button === 0 && // Left clicks only.\n\t! event.metaKey && // Open in new tab (Mac).\n\t! event.ctrlKey && // Open in new tab (Windows).\n\t! event.altKey && // Download.\n\t! event.shiftKey &&\n\t! event.defaultPrevented;\n\n// Variable to store the current navigation.\nlet navigatingTo = '';\n\nexport const { state, actions } = store( 'core/router', {\n\tstate: {\n\t\turl: window.location.href,\n\t\tnavigation: {\n\t\t\thasStarted: false,\n\t\t\thasFinished: false,\n\t\t\ttexts: {},\n\t\t},\n\t},\n\tactions: {\n\t\t/**\n\t\t * Navigates to the specified page.\n\t\t *\n\t\t * This function normalizes the passed href, fetchs the page HTML if\n\t\t * needed, and updates any interactive regions whose contents have\n\t\t * changed. It also creates a new entry in the browser session history.\n\t\t *\n\t\t * @param {string}  href                               The page href.\n\t\t * @param {Object}  [options]                          Options object.\n\t\t * @param {boolean} [options.force]                    If true, it forces re-fetching the URL.\n\t\t * @param {string}  [options.html]                     HTML string to be used instead of fetching the requested URL.\n\t\t * @param {boolean} [options.replace]                  If true, it replaces the current entry in the browser session history.\n\t\t * @param {number}  [options.timeout]                  Time until the navigation is aborted, in milliseconds. Default is 10000.\n\t\t * @param {boolean} [options.loadingAnimation]         Whether an animation should be shown while navigating. Default to `true`.\n\t\t * @param {boolean} [options.screenReaderAnnouncement] Whether a message for screen readers should be announced while navigating. Default to `true`.\n\t\t *\n\t\t * @return {Promise} Promise that resolves once the navigation is completed or aborted.\n\t\t */\n\t\t*navigate( href, options = {} ) {\n\t\t\tconst { clientNavigationDisabled } = getConfig();\n\t\t\tif ( clientNavigationDisabled ) {\n\t\t\t\tyield forcePageReload( href );\n\t\t\t}\n\n\t\t\tconst pagePath = getPagePath( href );\n\t\t\tconst { navigation } = state;\n\t\t\tconst {\n\t\t\t\tloadingAnimation = true,\n\t\t\t\tscreenReaderAnnouncement = true,\n\t\t\t\ttimeout = 10000,\n\t\t\t} = options;\n\n\t\t\tnavigatingTo = href;\n\t\t\tactions.prefetch( pagePath, options );\n\n\t\t\t// Create a promise that resolves when the specified timeout ends.\n\t\t\t// The timeout value is 10 seconds by default.\n\t\t\tconst timeoutPromise = new Promise( ( resolve ) =>\n\t\t\t\tsetTimeout( resolve, timeout )\n\t\t\t);\n\n\t\t\t// Don't update the navigation status immediately, wait 400 ms.\n\t\t\tconst loadingTimeout = setTimeout( () => {\n\t\t\t\tif ( navigatingTo !== href ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( loadingAnimation ) {\n\t\t\t\t\tnavigation.hasStarted = true;\n\t\t\t\t\tnavigation.hasFinished = false;\n\t\t\t\t}\n\t\t\t\tif ( screenReaderAnnouncement ) {\n\t\t\t\t\tnavigation.message = navigation.texts.loading;\n\t\t\t\t}\n\t\t\t}, 400 );\n\n\t\t\tconst page = yield Promise.race( [\n\t\t\t\tpages.get( pagePath ),\n\t\t\t\ttimeoutPromise,\n\t\t\t] );\n\n\t\t\t// Dismiss loading message if it hasn't been added yet.\n\t\t\tclearTimeout( loadingTimeout );\n\n\t\t\t// Once the page is fetched, the destination URL could have changed\n\t\t\t// (e.g., by clicking another link in the meantime). If so, bail\n\t\t\t// out, and let the newer execution to update the HTML.\n\t\t\tif ( navigatingTo !== href ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tpage &&\n\t\t\t\t! page.initialData?.config?.[ 'core/router' ]\n\t\t\t\t\t?.clientNavigationDisabled\n\t\t\t) {\n\t\t\t\tyield renderRegions( page );\n\t\t\t\twindow.history[\n\t\t\t\t\toptions.replace ? 'replaceState' : 'pushState'\n\t\t\t\t]( {}, '', href );\n\n\t\t\t\t// Update the URL in the state.\n\t\t\t\tstate.url = href;\n\n\t\t\t\t// Update the navigation status once the the new page rendering\n\t\t\t\t// has been completed.\n\t\t\t\tif ( loadingAnimation ) {\n\t\t\t\t\tnavigation.hasStarted = false;\n\t\t\t\t\tnavigation.hasFinished = true;\n\t\t\t\t}\n\n\t\t\t\tif ( screenReaderAnnouncement ) {\n\t\t\t\t\t// Announce that the page has been loaded. If the message is the\n\t\t\t\t\t// same, we use a no-break space similar to the @wordpress/a11y\n\t\t\t\t\t// package: https://github.com/WordPress/gutenberg/blob/c395242b8e6ee20f8b06c199e4fc2920d7018af1/packages/a11y/src/filter-message.js#L20-L26\n\t\t\t\t\tnavigation.message =\n\t\t\t\t\t\tnavigation.texts.loaded +\n\t\t\t\t\t\t( navigation.message === navigation.texts.loaded\n\t\t\t\t\t\t\t? '\\u00A0'\n\t\t\t\t\t\t\t: '' );\n\t\t\t\t}\n\n\t\t\t\t// Scroll to the anchor if exits in the link.\n\t\t\t\tconst { hash } = new URL( href, window.location );\n\t\t\t\tif ( hash ) {\n\t\t\t\t\tdocument.querySelector( hash )?.scrollIntoView();\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tyield forcePageReload( href );\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Prefetchs the page with the passed URL.\n\t\t *\n\t\t * The function normalizes the URL and stores internally the fetch\n\t\t * promise, to avoid triggering a second fetch for an ongoing request.\n\t\t *\n\t\t * @param {string}  url             The page URL.\n\t\t * @param {Object}  [options]       Options object.\n\t\t * @param {boolean} [options.force] Force fetching the URL again.\n\t\t * @param {string}  [options.html]  HTML string to be used instead of fetching the requested URL.\n\t\t */\n\t\tprefetch( url, options = {} ) {\n\t\t\tconst { clientNavigationDisabled } = getConfig();\n\t\t\tif ( clientNavigationDisabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst pagePath = getPagePath( url );\n\t\t\tif ( options.force || ! pages.has( pagePath ) ) {\n\t\t\t\tpages.set( pagePath, fetchPage( pagePath, options ) );\n\t\t\t}\n\t\t},\n\t},\n} );\n\n// Add click and prefetch to all links.\nif ( process.env.IS_GUTENBERG_PLUGIN ) {\n\tif ( navigationMode === 'fullPage' ) {\n\t\t// Navigate on click.\n\t\tdocument.addEventListener(\n\t\t\t'click',\n\t\t\tfunction ( event ) {\n\t\t\t\tconst ref = event.target.closest( 'a' );\n\t\t\t\tif ( isValidLink( ref ) && isValidEvent( event ) ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tactions.navigate( ref.href );\n\t\t\t\t}\n\t\t\t},\n\t\t\ttrue\n\t\t);\n\t\t// Prefetch on hover.\n\t\tdocument.addEventListener(\n\t\t\t'mouseenter',\n\t\t\tfunction ( event ) {\n\t\t\t\tif ( event.target?.nodeName === 'A' ) {\n\t\t\t\t\tconst ref = event.target.closest( 'a' );\n\t\t\t\t\tif ( isValidLink( ref ) && isValidEvent( event ) ) {\n\t\t\t\t\t\tactions.prefetch( ref.href );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\ttrue\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/head.js

@@ -0,0 +1,94 @@
+/**
+ * Helper to update only the necessary tags in the head.
+ *
+ * @async
+ * @param {Array} newHead The head elements of the new page.
+ */
+export const updateHead = async newHead => {
+  // Helper to get the tag id store in the cache.
+  const getTagId = tag => tag.id || tag.outerHTML;
+
+  // Map incoming head tags by their content.
+  const newHeadMap = new Map();
+  for (const child of newHead) {
+    newHeadMap.set(getTagId(child), child);
+  }
+  const toRemove = [];
+
+  // Detect nodes that should be added or removed.
+  for (const child of document.head.children) {
+    const id = getTagId(child);
+    // Always remove styles and links as they might change.
+    if (child.nodeName === 'LINK' || child.nodeName === 'STYLE') {
+      toRemove.push(child);
+    } else if (newHeadMap.has(id)) {
+      newHeadMap.delete(id);
+    } else if (child.nodeName !== 'SCRIPT' && child.nodeName !== 'META') {
+      toRemove.push(child);
+    }
+  }
+
+  // Prepare new assets.
+  const toAppend = [...newHeadMap.values()];
+
+  // Apply the changes.
+  toRemove.forEach(n => n.remove());
+  document.head.append(...toAppend);
+};
+
+/**
+ * Fetches and processes head assets (stylesheets and scripts) from a specified document.
+ *
+ * @async
+ * @param {Document} doc          The document from which to fetch head assets. It should support standard DOM querying methods.
+ * @param {Map}      headElements A map of head elements to modify tracking the URLs of already processed assets to avoid duplicates.
+ *
+ * @return {Promise<HTMLElement[]>} Returns an array of HTML elements representing the head assets.
+ */
+export const fetchHeadAssets = async (doc, headElements) => {
+  const headTags = [];
+  const assets = [{
+    tagName: 'style',
+    selector: 'link[rel=stylesheet]',
+    attribute: 'href'
+  }, {
+    tagName: 'script',
+    selector: 'script[src]',
+    attribute: 'src'
+  }];
+  for (const asset of assets) {
+    const {
+      tagName,
+      selector,
+      attribute
+    } = asset;
+    const tags = doc.querySelectorAll(selector);
+
+    // Use Promise.all to wait for fetch to complete
+    await Promise.all(Array.from(tags).map(async tag => {
+      const attributeValue = tag.getAttribute(attribute);
+      if (!headElements.has(attributeValue)) {
+        try {
+          const response = await fetch(attributeValue);
+          const text = await response.text();
+          headElements.set(attributeValue, {
+            tag,
+            text
+          });
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.error(e);
+        }
+      }
+      const headElement = headElements.get(attributeValue);
+      const element = doc.createElement(tagName);
+      element.innerText = headElement.text;
+      for (const attr of headElement.tag.attributes) {
+        element.setAttribute(attr.name, attr.value);
+      }
+      headTags.push(element);
+    }));
+  }
+  return [doc.querySelector('title'), ...doc.querySelectorAll('style'), ...headTags];
+};
+//# sourceMappingURL=head.js.map

package/build-module/head.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["updateHead","newHead","getTagId","tag","id","outerHTML","newHeadMap","Map","child","set","toRemove","document","head","children","nodeName","push","has","delete","toAppend","values","forEach","n","remove","append","fetchHeadAssets","doc","headElements","headTags","assets","tagName","selector","attribute","asset","tags","querySelectorAll","Promise","all","Array","from","map","attributeValue","getAttribute","response","fetch","text","e","console","error","headElement","get","element","createElement","innerText","attr","attributes","setAttribute","name","value","querySelector"],"sources":["@wordpress/interactivity-router/src/head.js"],"sourcesContent":["/**\n * Helper to update only the necessary tags in the head.\n *\n * @async\n * @param {Array} newHead The head elements of the new page.\n */\nexport const updateHead = async ( newHead ) => {\n\t// Helper to get the tag id store in the cache.\n\tconst getTagId = ( tag ) => tag.id || tag.outerHTML;\n\n\t// Map incoming head tags by their content.\n\tconst newHeadMap = new Map();\n\tfor ( const child of newHead ) {\n\t\tnewHeadMap.set( getTagId( child ), child );\n\t}\n\n\tconst toRemove = [];\n\n\t// Detect nodes that should be added or removed.\n\tfor ( const child of document.head.children ) {\n\t\tconst id = getTagId( child );\n\t\t// Always remove styles and links as they might change.\n\t\tif ( child.nodeName === 'LINK' || child.nodeName === 'STYLE' ) {\n\t\t\ttoRemove.push( child );\n\t\t} else if ( newHeadMap.has( id ) ) {\n\t\t\tnewHeadMap.delete( id );\n\t\t} else if ( child.nodeName !== 'SCRIPT' && child.nodeName !== 'META' ) {\n\t\t\ttoRemove.push( child );\n\t\t}\n\t}\n\n\t// Prepare new assets.\n\tconst toAppend = [ ...newHeadMap.values() ];\n\n\t// Apply the changes.\n\ttoRemove.forEach( ( n ) => n.remove() );\n\tdocument.head.append( ...toAppend );\n};\n\n/**\n * Fetches and processes head assets (stylesheets and scripts) from a specified document.\n *\n * @async\n * @param {Document} doc          The document from which to fetch head assets. It should support standard DOM querying methods.\n * @param {Map}      headElements A map of head elements to modify tracking the URLs of already processed assets to avoid duplicates.\n *\n * @return {Promise<HTMLElement[]>} Returns an array of HTML elements representing the head assets.\n */\nexport const fetchHeadAssets = async ( doc, headElements ) => {\n\tconst headTags = [];\n\tconst assets = [\n\t\t{\n\t\t\ttagName: 'style',\n\t\t\tselector: 'link[rel=stylesheet]',\n\t\t\tattribute: 'href',\n\t\t},\n\t\t{ tagName: 'script', selector: 'script[src]', attribute: 'src' },\n\t];\n\tfor ( const asset of assets ) {\n\t\tconst { tagName, selector, attribute } = asset;\n\t\tconst tags = doc.querySelectorAll( selector );\n\n\t\t// Use Promise.all to wait for fetch to complete\n\t\tawait Promise.all(\n\t\t\tArray.from( tags ).map( async ( tag ) => {\n\t\t\t\tconst attributeValue = tag.getAttribute( attribute );\n\t\t\t\tif ( ! headElements.has( attributeValue ) ) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst response = await fetch( attributeValue );\n\t\t\t\t\t\tconst text = await response.text();\n\t\t\t\t\t\theadElements.set( attributeValue, {\n\t\t\t\t\t\t\ttag,\n\t\t\t\t\t\t\ttext,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} catch ( e ) {\n\t\t\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\t\t\tconsole.error( e );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst headElement = headElements.get( attributeValue );\n\t\t\t\tconst element = doc.createElement( tagName );\n\t\t\t\telement.innerText = headElement.text;\n\t\t\t\tfor ( const attr of headElement.tag.attributes ) {\n\t\t\t\t\telement.setAttribute( attr.name, attr.value );\n\t\t\t\t}\n\t\t\t\theadTags.push( element );\n\t\t\t} )\n\t\t);\n\t}\n\n\treturn [\n\t\tdoc.querySelector( 'title' ),\n\t\t...doc.querySelectorAll( 'style' ),\n\t\t...headTags,\n\t];\n};\n"],"mappings":"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","ignoreList":[]}