@wordpress/interactivity-router 2.13.1-next.cd6172eb0.0 → 2.15.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 2.15.0 (2025-01-02)
+
+## 2.14.0 (2024-12-11)
+
 ## 2.13.0 (2024-11-27)
 
 ## 2.12.0 (2024-11-16)

package/LICENSE.md

@@ -1,6 +1,6 @@
 ## Gutenberg
 
-    Copyright 2016-2024 by the contributors
+    Copyright 2016-2025 by the contributors
 
 **License for Contributions (on and after April 15, 2021)**
 

package/build/assets/styles.js

@@ -0,0 +1,67 @@
+/* wp:polyfill */
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateCSSStyleSheets = void 0;
+const cssUrlRegEx = /url\(\s*(?:(["'])((?:\\.|[^\n\\"'])+)\1|((?:\\.|[^\s,"'()\\])+))\s*\)/g;
+const resolveUrl = (relativeUrl, baseUrl) => {
+  try {
+    return new URL(relativeUrl, baseUrl).toString();
+  } catch (e) {
+    return relativeUrl;
+  }
+};
+const withAbsoluteUrls = (cssText, baseUrl) => cssText.replace(cssUrlRegEx, (_match, quotes = '', relUrl1, relUrl2) => `url(${quotes}${resolveUrl(relUrl1 || relUrl2, baseUrl)}${quotes})`);
+const styleSheetCache = new Map();
+const getCachedSheet = async (sheetId, factory) => {
+  if (!styleSheetCache.has(sheetId)) {
+    styleSheetCache.set(sheetId, factory());
+  }
+  return styleSheetCache.get(sheetId);
+};
+const sheetFromLink = async ({
+  id,
+  href,
+  sheet: elementSheet
+}, baseUrl) => {
+  const sheetId = id || href;
+  const sheetUrl = resolveUrl(href, baseUrl);
+  if (elementSheet) {
+    return getCachedSheet(sheetId, () => {
+      const sheet = new CSSStyleSheet();
+      for (const {
+        cssText
+      } of elementSheet.cssRules) {
+        sheet.insertRule(withAbsoluteUrls(cssText, sheetUrl));
+      }
+      return Promise.resolve(sheet);
+    });
+  }
+  return getCachedSheet(sheetId, async () => {
+    const response = await fetch(href);
+    const text = await response.text();
+    const sheet = new CSSStyleSheet();
+    await sheet.replace(withAbsoluteUrls(text, sheetUrl));
+    return sheet;
+  });
+};
+const sheetFromStyle = async ({
+  textContent
+}) => {
+  const sheetId = textContent;
+  return getCachedSheet(sheetId, async () => {
+    const sheet = new CSSStyleSheet();
+    await sheet.replace(textContent);
+    return sheet;
+  });
+};
+const generateCSSStyleSheets = (doc, baseUrl = (doc.location || window.location).href) => [...doc.querySelectorAll('style,link[rel=stylesheet]')].map(element => {
+  if ('LINK' === element.nodeName) {
+    return sheetFromLink(element, baseUrl);
+  }
+  return sheetFromStyle(element);
+});
+exports.generateCSSStyleSheets = generateCSSStyleSheets;
+//# sourceMappingURL=styles.js.map

package/build/assets/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cssUrlRegEx","resolveUrl","relativeUrl","baseUrl","URL","toString","e","withAbsoluteUrls","cssText","replace","_match","quotes","relUrl1","relUrl2","styleSheetCache","Map","getCachedSheet","sheetId","factory","has","set","get","sheetFromLink","id","href","sheet","elementSheet","sheetUrl","CSSStyleSheet","cssRules","insertRule","Promise","resolve","response","fetch","text","sheetFromStyle","textContent","generateCSSStyleSheets","doc","location","window","querySelectorAll","map","element","nodeName","exports"],"sources":["@wordpress/interactivity-router/src/assets/styles.ts"],"sourcesContent":["const cssUrlRegEx =\n\t/url\\(\\s*(?:([\"'])((?:\\\\.|[^\\n\\\\\"'])+)\\1|((?:\\\\.|[^\\s,\"'()\\\\])+))\\s*\\)/g;\n\nconst resolveUrl = ( relativeUrl: string, baseUrl: string ) => {\n\ttry {\n\t\treturn new URL( relativeUrl, baseUrl ).toString();\n\t} catch ( e ) {\n\t\treturn relativeUrl;\n\t}\n};\n\nconst withAbsoluteUrls = ( cssText: string, baseUrl: string ) =>\n\tcssText.replace(\n\t\tcssUrlRegEx,\n\t\t( _match, quotes = '', relUrl1, relUrl2 ) =>\n\t\t\t`url(${ quotes }${ resolveUrl(\n\t\t\t\trelUrl1 || relUrl2,\n\t\t\t\tbaseUrl\n\t\t\t) }${ quotes })`\n\t);\n\nconst styleSheetCache = new Map< string, Promise< CSSStyleSheet > >();\n\nconst getCachedSheet = async (\n\tsheetId: string,\n\tfactory: () => Promise< CSSStyleSheet >\n) => {\n\tif ( ! styleSheetCache.has( sheetId ) ) {\n\t\tstyleSheetCache.set( sheetId, factory() );\n\t}\n\treturn styleSheetCache.get( sheetId );\n};\n\nconst sheetFromLink = async (\n\t{ id, href, sheet: elementSheet }: HTMLLinkElement,\n\tbaseUrl: string\n) => {\n\tconst sheetId = id || href;\n\tconst sheetUrl = resolveUrl( href, baseUrl );\n\n\tif ( elementSheet ) {\n\t\treturn getCachedSheet( sheetId, () => {\n\t\t\tconst sheet = new CSSStyleSheet();\n\t\t\tfor ( const { cssText } of elementSheet.cssRules ) {\n\t\t\t\tsheet.insertRule( withAbsoluteUrls( cssText, sheetUrl ) );\n\t\t\t}\n\t\t\treturn Promise.resolve( sheet );\n\t\t} );\n\t}\n\treturn getCachedSheet( sheetId, async () => {\n\t\tconst response = await fetch( href );\n\t\tconst text = await response.text();\n\t\tconst sheet = new CSSStyleSheet();\n\t\tawait sheet.replace( withAbsoluteUrls( text, sheetUrl ) );\n\t\treturn sheet;\n\t} );\n};\n\nconst sheetFromStyle = async ( { textContent }: HTMLStyleElement ) => {\n\tconst sheetId = textContent;\n\treturn getCachedSheet( sheetId, async () => {\n\t\tconst sheet = new CSSStyleSheet();\n\t\tawait sheet.replace( textContent );\n\t\treturn sheet;\n\t} );\n};\n\nexport const generateCSSStyleSheets = (\n\tdoc: Document,\n\tbaseUrl: string = ( doc.location || window.location ).href\n): Promise< CSSStyleSheet >[] =>\n\t[ ...doc.querySelectorAll( 'style,link[rel=stylesheet]' ) ].map(\n\t\t( element ) => {\n\t\t\tif ( 'LINK' === element.nodeName ) {\n\t\t\t\treturn sheetFromLink( element as HTMLLinkElement, baseUrl );\n\t\t\t}\n\t\t\treturn sheetFromStyle( element as HTMLStyleElement );\n\t\t}\n\t);\n"],"mappings":"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","ignoreList":[]}

package/build/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.state = exports.actions = void 0;
 var _interactivity = require("@wordpress/interactivity");
-var _head = require("./head");
+var _styles = require("./assets/styles");
 var _getConfig$navigation;
 /**
  * WordPress dependencies
@@ -51,7 +51,9 @@ const fetchPage = async (url, {
       html = await res.text();
     }
     const dom = new window.DOMParser().parseFromString(html, 'text/html');
-    return regionsToVdom(dom);
+    return regionsToVdom(dom, {
+      baseUrl: url
+    });
   } catch (e) {
     return false;
   }
@@ -59,16 +61,17 @@ const fetchPage = async (url, {
 
 // Return an object with VDOM trees of those HTML regions marked with a
 // `router-region` directive.
-const regionsToVdom = async (dom, {
-  vdom
+const regionsToVdom = (dom, {
+  vdom,
+  baseUrl
 } = {}) => {
   const regions = {
     body: undefined
   };
-  let head;
+  const styles = (0, _styles.generateCSSStyleSheets)(dom, baseUrl);
+  const scriptModules = [...dom.querySelectorAll('script[type=module][src]')].map(s => s.src);
   if (globalThis.IS_GUTENBERG_PLUGIN) {
     if (navigationMode === 'fullPage') {
-      head = await (0, _head.fetchHeadAssets)(dom);
       regions.body = vdom ? vdom.get(document.body) : toVdom(dom.body);
     }
   }
@@ -83,7 +86,8 @@ const regionsToVdom = async (dom, {
   const initialData = parseServerData(dom);
   return {
     regions,
-    head,
+    styles,
+    scriptModules,
     title,
     initialData
   };
@@ -91,10 +95,15 @@ const regionsToVdom = async (dom, {
 
 // Render all interactive regions contained in the given page.
 const renderRegions = async page => {
+  // Wait for styles and modules to be ready.
+  await Promise.all([...page.styles, ...page.scriptModules.map(src => (specifier => new Promise(r => r(`${specifier}`)).then(s => _interopRequireWildcard(require(s))))(/* webpackIgnore: true */src))]);
+  // Replace style sheets.
+  const sheets = await Promise.all(page.styles);
+  window.document.querySelectorAll('style,link[rel=stylesheet]').forEach(element => element.remove());
+  window.document.adoptedStyleSheets = sheets;
   if (globalThis.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.
-      await (0, _head.updateHead)(page.head);
+      // Update HTML.
       const fragment = getRegionRootFragment(document.body);
       batch(() => {
         populateServerData(page.initialData);
@@ -150,19 +159,9 @@ window.addEventListener('popstate', async () => {
 // 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 (globalThis.IS_GUTENBERG_PLUGIN) {
-  if (navigationMode === 'fullPage') {
-    // Cache the scripts. Has to be called before fetching the assets.
-    [].map.call(document.querySelectorAll('script[type="module"][src]'), script => {
-      _head.headElements.set(script.getAttribute('src'), {
-        tag: script
-      });
-    });
-    await (0, _head.fetchHeadAssets)(document);
-  }
-}
 pages.set(getPagePath(window.location.href), Promise.resolve(regionsToVdom(document, {
-  vdom: initialVdom
+  vdom: initialVdom,
+  baseUrl: window.location.href
 })));
 
 // Check if the link is valid for client-side navigation.
@@ -193,6 +192,7 @@ const {
   state: {
     url: window.location.href,
     navigation: {
+      isLoading: false,
       hasStarted: false,
       hasFinished: false
     }
@@ -244,6 +244,7 @@ const {
         if (navigatingTo !== href) {
           return;
         }
+        navigation.isLoading = true;
         if (loadingAnimation) {
           navigation.hasStarted = true;
           navigation.hasFinished = false;
@@ -272,6 +273,7 @@ const {
 
         // Update the navigation status once the the new page rendering
         // has been completed.
+        navigation.isLoading = false;
         if (loadingAnimation) {
           navigation.hasStarted = false;
           navigation.hasFinished = true;

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_interactivity","require","_head","_getConfig$navigation","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","directivePrefix","getRegionRootFragment","initialVdom","toVdom","render","parseServerData","populateServerData","batch","privateApis","navigationMode","getConfig","pages","Map","getPagePath","url","URL","window","location","href","pathname","search","fetchPage","html","res","fetch","status","text","dom","DOMParser","parseFromString","regionsToVdom","vdom","regions","body","undefined","head","globalThis","IS_GUTENBERG_PLUGIN","fetchHeadAssets","document","attrName","querySelectorAll","forEach","region","id","getAttribute","title","querySelector","innerText","initialData","renderRegions","page","updateHead","fragment","forcePageReload","assign","Promise","addEventListener","pagePath","state","reload","map","script","headElements","tag","resolve","isValidLink","ref","HTMLAnchorElement","target","origin","startsWith","searchParams","isValidEvent","event","button","metaKey","ctrlKey","altKey","shiftKey","defaultPrevented","navigatingTo","hasLoadedNavigationTextsData","navigationTexts","loading","loaded","actions","store","navigation","hasStarted","hasFinished","navigate","options","clientNavigationDisabled","loadingAnimation","screenReaderAnnouncement","timeout","prefetch","timeoutPromise","setTimeout","loadingTimeout","a11ySpeak","race","clearTimeout","config","history","replace","hash","scrollIntoView","force","exports","messageKey","content","getElementById","textContent","parsed","JSON","parse","i18n","texts","message","then","speak","closest","preventDefault","nodeName"],"sources":["@wordpress/interactivity-router/src/index.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store, privateApis, getConfig } from '@wordpress/interactivity';\n\n/**\n * Internal dependencies\n */\nimport { fetchHeadAssets, updateHead, headElements } from './head';\n\nconst {\n\tdirectivePrefix,\n\tgetRegionRootFragment,\n\tinitialVdom,\n\ttoVdom,\n\trender,\n\tparseServerData,\n\tpopulateServerData,\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\ninterface NavigateOptions {\n\tforce?: boolean;\n\thtml?: string;\n\treplace?: boolean;\n\ttimeout?: number;\n\tloadingAnimation?: boolean;\n\tscreenReaderAnnouncement?: boolean;\n}\n\ninterface PrefetchOptions {\n\tforce?: boolean;\n\thtml?: string;\n}\n\ninterface VdomParams {\n\tvdom?: typeof initialVdom;\n}\n\ninterface Page {\n\tregions: Record< string, any >;\n\thead: HTMLHeadElement[];\n\ttitle: string;\n\tinitialData: any;\n}\n\ntype RegionsToVdom = ( dom: Document, params?: VdomParams ) => Promise< Page >;\n\n// Check if the navigation mode is full page or region based.\nconst navigationMode: 'regionBased' | 'fullPage' =\n\tgetConfig( 'core/router' ).navigationMode ?? 'regionBased';\n\n// The cache of visited and prefetched pages, stylesheets and scripts.\nconst pages = new Map< string, Promise< Page | false > >();\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: string ) => {\n\tconst u = new URL( url, window.location.href );\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: string, { html }: { html: string } ) => {\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: RegionsToVdom = async ( dom, { vdom } = {} ) => {\n\tconst regions = { body: undefined };\n\tlet head: HTMLElement[];\n\tif ( globalThis.IS_GUTENBERG_PLUGIN ) {\n\t\tif ( navigationMode === 'fullPage' ) {\n\t\t\thead = await fetchHeadAssets( dom );\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 = parseServerData( dom );\n\treturn { regions, head, title, initialData };\n};\n\n// Render all interactive regions contained in the given page.\nconst renderRegions = async ( page: Page ) => {\n\tif ( globalThis.IS_GUTENBERG_PLUGIN ) {\n\t\tif ( navigationMode === 'fullPage' ) {\n\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\tawait updateHead( page.head );\n\t\t\tconst fragment = getRegionRootFragment( document.body );\n\t\t\tbatch( () => {\n\t\t\t\tpopulateServerData( page.initialData );\n\t\t\t\trender( page.regions.body, fragment );\n\t\t\t} );\n\t\t}\n\t}\n\tif ( navigationMode === 'regionBased' ) {\n\t\tconst attrName = `data-${ directivePrefix }-router-region`;\n\t\tbatch( () => {\n\t\t\tpopulateServerData( page.initialData );\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}\n\tif ( page.title ) {\n\t\tdocument.title = page.title;\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 href The page href.\n * @return Promise that never resolves.\n */\nconst forcePageReload = ( href: string ) => {\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.href ); // Remove hash.\n\tconst page = pages.has( pagePath ) && ( await pages.get( pagePath ) );\n\tif ( page ) {\n\t\tawait renderRegions( 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\n// region based navigation as well.\nif ( globalThis.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(\n\t\t\tdocument.querySelectorAll( 'script[type=\"module\"][src]' ),\n\t\t\t( script ) => {\n\t\t\t\theadElements.set( script.getAttribute( 'src' ), {\n\t\t\t\t\ttag: script,\n\t\t\t\t} );\n\t\t\t}\n\t\t);\n\t\tawait fetchHeadAssets( document );\n\t}\n}\npages.set(\n\tgetPagePath( window.location.href ),\n\tPromise.resolve( regionsToVdom( document, { vdom: initialVdom } ) )\n);\n\n// Check if the link is valid for client-side navigation.\nconst isValidLink = ( ref: HTMLAnchorElement ) =>\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: MouseEvent ) =>\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\nlet hasLoadedNavigationTextsData = false;\nconst navigationTexts = {\n\tloading: 'Loading page, please wait.',\n\tloaded: 'Page Loaded.',\n};\n\ninterface Store {\n\tstate: {\n\t\turl: string;\n\t\tnavigation: {\n\t\t\thasStarted: boolean;\n\t\t\thasFinished: boolean;\n\t\t};\n\t};\n\tactions: {\n\t\tnavigate: ( href: string, options?: NavigateOptions ) => void;\n\t\tprefetch: ( url: string, options?: PrefetchOptions ) => void;\n\t};\n}\n\nexport const { state, actions } = store< 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},\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 href                               The page href.\n\t\t * @param [options]                          Options object.\n\t\t * @param [options.force]                    If true, it forces re-fetching the URL.\n\t\t * @param [options.html]                     HTML string to be used instead of fetching the requested URL.\n\t\t * @param [options.replace]                  If true, it replaces the current entry in the browser session history.\n\t\t * @param [options.timeout]                  Time until the navigation is aborted, in milliseconds. Default is 10000.\n\t\t * @param [options.loadingAnimation]         Whether an animation should be shown while navigating. Default to `true`.\n\t\t * @param [options.screenReaderAnnouncement] Whether a message for screen readers should be announced while navigating. Default to `true`.\n\t\t *\n\t\t * @return  Promise that resolves once the navigation is completed or aborted.\n\t\t */\n\t\t*navigate( href: string, options: NavigateOptions = {} ) {\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< void >( ( 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\ta11ySpeak( '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\ta11ySpeak( 'loaded' );\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.href );\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 url             The page URL.\n\t\t * @param [options]       Options object.\n\t\t * @param [options.force] Force fetching the URL again.\n\t\t * @param [options.html]  HTML string to be used instead of fetching the requested URL.\n\t\t */\n\t\tprefetch( url: string, options: PrefetchOptions = {} ) {\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(\n\t\t\t\t\tpagePath,\n\t\t\t\t\tfetchPage( pagePath, { html: options.html } )\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t},\n} );\n\n/**\n * Announces a message to screen readers.\n *\n * This is a wrapper around the `@wordpress/a11y` package's `speak` function. It handles importing\n * the package on demand and should be used instead of calling `ally.speak` direacly.\n *\n * @param messageKey The message to be announced by assistive technologies.\n */\nfunction a11ySpeak( messageKey: keyof typeof navigationTexts ) {\n\tif ( ! hasLoadedNavigationTextsData ) {\n\t\thasLoadedNavigationTextsData = true;\n\t\tconst content = document.getElementById(\n\t\t\t'wp-script-module-data-@wordpress/interactivity-router'\n\t\t)?.textContent;\n\t\tif ( content ) {\n\t\t\ttry {\n\t\t\t\tconst parsed = JSON.parse( content );\n\t\t\t\tif ( typeof parsed?.i18n?.loading === 'string' ) {\n\t\t\t\t\tnavigationTexts.loading = parsed.i18n.loading;\n\t\t\t\t}\n\t\t\t\tif ( typeof parsed?.i18n?.loaded === 'string' ) {\n\t\t\t\t\tnavigationTexts.loaded = parsed.i18n.loaded;\n\t\t\t\t}\n\t\t\t} catch {}\n\t\t} else {\n\t\t\t// Fallback to localized strings from Interactivity API state.\n\t\t\t// @todo This block is for Core < 6.7.0. Remove when support is dropped.\n\n\t\t\t// @ts-expect-error\n\t\t\tif ( state.navigation.texts?.loading ) {\n\t\t\t\t// @ts-expect-error\n\t\t\t\tnavigationTexts.loading = state.navigation.texts.loading;\n\t\t\t}\n\t\t\t// @ts-expect-error\n\t\t\tif ( state.navigation.texts?.loaded ) {\n\t\t\t\t// @ts-expect-error\n\t\t\t\tnavigationTexts.loaded = state.navigation.texts.loaded;\n\t\t\t}\n\t\t}\n\t}\n\n\tconst message = navigationTexts[ messageKey ];\n\n\timport( '@wordpress/a11y' ).then(\n\t\t( { speak } ) => speak( message ),\n\t\t// Ignore failures to load the a11y module.\n\t\t() => {}\n\t);\n}\n\n// Add click and prefetch to all links.\nif ( globalThis.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 as Element ).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 as Element )?.nodeName === 'A' ) {\n\t\t\t\t\tconst ref = ( event.target as Element ).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":[]}
+{"version":3,"names":["_interactivity","require","_styles","_getConfig$navigation","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","directivePrefix","getRegionRootFragment","initialVdom","toVdom","render","parseServerData","populateServerData","batch","privateApis","navigationMode","getConfig","pages","Map","getPagePath","url","URL","window","location","href","pathname","search","fetchPage","html","res","fetch","status","text","dom","DOMParser","parseFromString","regionsToVdom","baseUrl","vdom","regions","body","undefined","styles","generateCSSStyleSheets","scriptModules","querySelectorAll","map","s","src","globalThis","IS_GUTENBERG_PLUGIN","document","attrName","forEach","region","id","getAttribute","title","querySelector","innerText","initialData","renderRegions","page","Promise","all","specifier","then","sheets","element","remove","adoptedStyleSheets","fragment","forcePageReload","assign","addEventListener","pagePath","state","reload","resolve","isValidLink","ref","HTMLAnchorElement","target","origin","startsWith","searchParams","isValidEvent","event","button","metaKey","ctrlKey","altKey","shiftKey","defaultPrevented","navigatingTo","hasLoadedNavigationTextsData","navigationTexts","loading","loaded","actions","store","navigation","isLoading","hasStarted","hasFinished","navigate","options","clientNavigationDisabled","loadingAnimation","screenReaderAnnouncement","timeout","prefetch","timeoutPromise","setTimeout","loadingTimeout","a11ySpeak","race","clearTimeout","config","history","replace","hash","scrollIntoView","force","exports","messageKey","content","getElementById","textContent","parsed","JSON","parse","i18n","texts","message","speak","closest","preventDefault","nodeName"],"sources":["@wordpress/interactivity-router/src/index.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store, privateApis, getConfig } from '@wordpress/interactivity';\n\n/**\n * Internal dependencies\n */\nimport { generateCSSStyleSheets } from './assets/styles';\n\nconst {\n\tdirectivePrefix,\n\tgetRegionRootFragment,\n\tinitialVdom,\n\ttoVdom,\n\trender,\n\tparseServerData,\n\tpopulateServerData,\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\ninterface NavigateOptions {\n\tforce?: boolean;\n\thtml?: string;\n\treplace?: boolean;\n\ttimeout?: number;\n\tloadingAnimation?: boolean;\n\tscreenReaderAnnouncement?: boolean;\n}\n\ninterface PrefetchOptions {\n\tforce?: boolean;\n\thtml?: string;\n}\n\ninterface VdomParams {\n\tvdom?: typeof initialVdom;\n\tbaseUrl?: string;\n}\n\ninterface Page {\n\tregions: Record< string, any >;\n\tstyles: Promise< CSSStyleSheet >[];\n\tscriptModules: string[];\n\ttitle: string;\n\tinitialData: any;\n}\n\ntype RegionsToVdom = ( dom: Document, params?: VdomParams ) => Page;\n\n// Check if the navigation mode is full page or region based.\nconst navigationMode: 'regionBased' | 'fullPage' =\n\tgetConfig( 'core/router' ).navigationMode ?? 'regionBased';\n\n// The cache of visited and prefetched pages, stylesheets and scripts.\nconst pages = new Map< string, Promise< Page | false > >();\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: string ) => {\n\tconst u = new URL( url, window.location.href );\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: string, { html }: { html: string } ) => {\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, { baseUrl: url } );\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: RegionsToVdom = ( dom, { vdom, baseUrl } = {} ) => {\n\tconst regions = { body: undefined };\n\tconst styles = generateCSSStyleSheets( dom, baseUrl );\n\tconst scriptModules = [\n\t\t...dom.querySelectorAll< HTMLScriptElement >(\n\t\t\t'script[type=module][src]'\n\t\t),\n\t].map( ( s ) => s.src );\n\n\tif ( globalThis.IS_GUTENBERG_PLUGIN ) {\n\t\tif ( navigationMode === 'fullPage' ) {\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 = parseServerData( dom );\n\treturn { regions, styles, scriptModules, title, initialData };\n};\n\n// Render all interactive regions contained in the given page.\nconst renderRegions = async ( page: Page ) => {\n\t// Wait for styles and modules to be ready.\n\tawait Promise.all( [\n\t\t...page.styles,\n\t\t...page.scriptModules.map(\n\t\t\t( src ) => import( /* webpackIgnore: true */ src )\n\t\t),\n\t] );\n\t// Replace style sheets.\n\tconst sheets = await Promise.all( page.styles );\n\twindow.document\n\t\t.querySelectorAll( 'style,link[rel=stylesheet]' )\n\t\t.forEach( ( element ) => element.remove() );\n\twindow.document.adoptedStyleSheets = sheets;\n\n\tif ( globalThis.IS_GUTENBERG_PLUGIN ) {\n\t\tif ( navigationMode === 'fullPage' ) {\n\t\t\t// Update HTML.\n\t\t\tconst fragment = getRegionRootFragment( document.body );\n\t\t\tbatch( () => {\n\t\t\t\tpopulateServerData( page.initialData );\n\t\t\t\trender( page.regions.body, fragment );\n\t\t\t} );\n\t\t}\n\t}\n\tif ( navigationMode === 'regionBased' ) {\n\t\tconst attrName = `data-${ directivePrefix }-router-region`;\n\t\tbatch( () => {\n\t\t\tpopulateServerData( page.initialData );\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}\n\tif ( page.title ) {\n\t\tdocument.title = page.title;\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 href The page href.\n * @return Promise that never resolves.\n */\nconst forcePageReload = ( href: string ) => {\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.href ); // Remove hash.\n\tconst page = pages.has( pagePath ) && ( await pages.get( pagePath ) );\n\tif ( page ) {\n\t\tawait renderRegions( 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\n// region based navigation as well.\npages.set(\n\tgetPagePath( window.location.href ),\n\tPromise.resolve(\n\t\tregionsToVdom( document, {\n\t\t\tvdom: initialVdom,\n\t\t\tbaseUrl: window.location.href,\n\t\t} )\n\t)\n);\n\n// Check if the link is valid for client-side navigation.\nconst isValidLink = ( ref: HTMLAnchorElement ) =>\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: MouseEvent ) =>\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\nlet hasLoadedNavigationTextsData = false;\nconst navigationTexts = {\n\tloading: 'Loading page, please wait.',\n\tloaded: 'Page Loaded.',\n};\n\ninterface Store {\n\tstate: {\n\t\turl: string;\n\t\tnavigation: {\n\t\t\tisLoading: boolean;\n\t\t\thasStarted: boolean;\n\t\t\thasFinished: boolean;\n\t\t};\n\t};\n\tactions: {\n\t\tnavigate: ( href: string, options?: NavigateOptions ) => void;\n\t\tprefetch: ( url: string, options?: PrefetchOptions ) => void;\n\t};\n}\n\nexport const { state, actions } = store< Store >( 'core/router', {\n\tstate: {\n\t\turl: window.location.href,\n\t\tnavigation: {\n\t\t\tisLoading: false,\n\t\t\thasStarted: false,\n\t\t\thasFinished: false,\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 href                               The page href.\n\t\t * @param [options]                          Options object.\n\t\t * @param [options.force]                    If true, it forces re-fetching the URL.\n\t\t * @param [options.html]                     HTML string to be used instead of fetching the requested URL.\n\t\t * @param [options.replace]                  If true, it replaces the current entry in the browser session history.\n\t\t * @param [options.timeout]                  Time until the navigation is aborted, in milliseconds. Default is 10000.\n\t\t * @param [options.loadingAnimation]         Whether an animation should be shown while navigating. Default to `true`.\n\t\t * @param [options.screenReaderAnnouncement] Whether a message for screen readers should be announced while navigating. Default to `true`.\n\t\t *\n\t\t * @return  Promise that resolves once the navigation is completed or aborted.\n\t\t */\n\t\t*navigate( href: string, options: NavigateOptions = {} ) {\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< void >( ( 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\tnavigation.isLoading = true;\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\ta11ySpeak( '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\tnavigation.isLoading = false;\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\ta11ySpeak( 'loaded' );\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.href );\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 url             The page URL.\n\t\t * @param [options]       Options object.\n\t\t * @param [options.force] Force fetching the URL again.\n\t\t * @param [options.html]  HTML string to be used instead of fetching the requested URL.\n\t\t */\n\t\tprefetch( url: string, options: PrefetchOptions = {} ) {\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(\n\t\t\t\t\tpagePath,\n\t\t\t\t\tfetchPage( pagePath, { html: options.html } )\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t},\n} );\n\n/**\n * Announces a message to screen readers.\n *\n * This is a wrapper around the `@wordpress/a11y` package's `speak` function. It handles importing\n * the package on demand and should be used instead of calling `ally.speak` direacly.\n *\n * @param messageKey The message to be announced by assistive technologies.\n */\nfunction a11ySpeak( messageKey: keyof typeof navigationTexts ) {\n\tif ( ! hasLoadedNavigationTextsData ) {\n\t\thasLoadedNavigationTextsData = true;\n\t\tconst content = document.getElementById(\n\t\t\t'wp-script-module-data-@wordpress/interactivity-router'\n\t\t)?.textContent;\n\t\tif ( content ) {\n\t\t\ttry {\n\t\t\t\tconst parsed = JSON.parse( content );\n\t\t\t\tif ( typeof parsed?.i18n?.loading === 'string' ) {\n\t\t\t\t\tnavigationTexts.loading = parsed.i18n.loading;\n\t\t\t\t}\n\t\t\t\tif ( typeof parsed?.i18n?.loaded === 'string' ) {\n\t\t\t\t\tnavigationTexts.loaded = parsed.i18n.loaded;\n\t\t\t\t}\n\t\t\t} catch {}\n\t\t} else {\n\t\t\t// Fallback to localized strings from Interactivity API state.\n\t\t\t// @todo This block is for Core < 6.7.0. Remove when support is dropped.\n\n\t\t\t// @ts-expect-error\n\t\t\tif ( state.navigation.texts?.loading ) {\n\t\t\t\t// @ts-expect-error\n\t\t\t\tnavigationTexts.loading = state.navigation.texts.loading;\n\t\t\t}\n\t\t\t// @ts-expect-error\n\t\t\tif ( state.navigation.texts?.loaded ) {\n\t\t\t\t// @ts-expect-error\n\t\t\t\tnavigationTexts.loaded = state.navigation.texts.loaded;\n\t\t\t}\n\t\t}\n\t}\n\n\tconst message = navigationTexts[ messageKey ];\n\n\timport( '@wordpress/a11y' ).then(\n\t\t( { speak } ) => speak( message ),\n\t\t// Ignore failures to load the a11y module.\n\t\t() => {}\n\t);\n}\n\n// Add click and prefetch to all links.\nif ( globalThis.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 as Element ).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 as Element )?.nodeName === 'A' ) {\n\t\t\t\t\tconst ref = ( event.target as Element ).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/assets/styles.js

@@ -0,0 +1,60 @@
+/* wp:polyfill */
+const cssUrlRegEx = /url\(\s*(?:(["'])((?:\\.|[^\n\\"'])+)\1|((?:\\.|[^\s,"'()\\])+))\s*\)/g;
+const resolveUrl = (relativeUrl, baseUrl) => {
+  try {
+    return new URL(relativeUrl, baseUrl).toString();
+  } catch (e) {
+    return relativeUrl;
+  }
+};
+const withAbsoluteUrls = (cssText, baseUrl) => cssText.replace(cssUrlRegEx, (_match, quotes = '', relUrl1, relUrl2) => `url(${quotes}${resolveUrl(relUrl1 || relUrl2, baseUrl)}${quotes})`);
+const styleSheetCache = new Map();
+const getCachedSheet = async (sheetId, factory) => {
+  if (!styleSheetCache.has(sheetId)) {
+    styleSheetCache.set(sheetId, factory());
+  }
+  return styleSheetCache.get(sheetId);
+};
+const sheetFromLink = async ({
+  id,
+  href,
+  sheet: elementSheet
+}, baseUrl) => {
+  const sheetId = id || href;
+  const sheetUrl = resolveUrl(href, baseUrl);
+  if (elementSheet) {
+    return getCachedSheet(sheetId, () => {
+      const sheet = new CSSStyleSheet();
+      for (const {
+        cssText
+      } of elementSheet.cssRules) {
+        sheet.insertRule(withAbsoluteUrls(cssText, sheetUrl));
+      }
+      return Promise.resolve(sheet);
+    });
+  }
+  return getCachedSheet(sheetId, async () => {
+    const response = await fetch(href);
+    const text = await response.text();
+    const sheet = new CSSStyleSheet();
+    await sheet.replace(withAbsoluteUrls(text, sheetUrl));
+    return sheet;
+  });
+};
+const sheetFromStyle = async ({
+  textContent
+}) => {
+  const sheetId = textContent;
+  return getCachedSheet(sheetId, async () => {
+    const sheet = new CSSStyleSheet();
+    await sheet.replace(textContent);
+    return sheet;
+  });
+};
+export const generateCSSStyleSheets = (doc, baseUrl = (doc.location || window.location).href) => [...doc.querySelectorAll('style,link[rel=stylesheet]')].map(element => {
+  if ('LINK' === element.nodeName) {
+    return sheetFromLink(element, baseUrl);
+  }
+  return sheetFromStyle(element);
+});
+//# sourceMappingURL=styles.js.map

package/build-module/assets/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cssUrlRegEx","resolveUrl","relativeUrl","baseUrl","URL","toString","e","withAbsoluteUrls","cssText","replace","_match","quotes","relUrl1","relUrl2","styleSheetCache","Map","getCachedSheet","sheetId","factory","has","set","get","sheetFromLink","id","href","sheet","elementSheet","sheetUrl","CSSStyleSheet","cssRules","insertRule","Promise","resolve","response","fetch","text","sheetFromStyle","textContent","generateCSSStyleSheets","doc","location","window","querySelectorAll","map","element","nodeName"],"sources":["@wordpress/interactivity-router/src/assets/styles.ts"],"sourcesContent":["const cssUrlRegEx =\n\t/url\\(\\s*(?:([\"'])((?:\\\\.|[^\\n\\\\\"'])+)\\1|((?:\\\\.|[^\\s,\"'()\\\\])+))\\s*\\)/g;\n\nconst resolveUrl = ( relativeUrl: string, baseUrl: string ) => {\n\ttry {\n\t\treturn new URL( relativeUrl, baseUrl ).toString();\n\t} catch ( e ) {\n\t\treturn relativeUrl;\n\t}\n};\n\nconst withAbsoluteUrls = ( cssText: string, baseUrl: string ) =>\n\tcssText.replace(\n\t\tcssUrlRegEx,\n\t\t( _match, quotes = '', relUrl1, relUrl2 ) =>\n\t\t\t`url(${ quotes }${ resolveUrl(\n\t\t\t\trelUrl1 || relUrl2,\n\t\t\t\tbaseUrl\n\t\t\t) }${ quotes })`\n\t);\n\nconst styleSheetCache = new Map< string, Promise< CSSStyleSheet > >();\n\nconst getCachedSheet = async (\n\tsheetId: string,\n\tfactory: () => Promise< CSSStyleSheet >\n) => {\n\tif ( ! styleSheetCache.has( sheetId ) ) {\n\t\tstyleSheetCache.set( sheetId, factory() );\n\t}\n\treturn styleSheetCache.get( sheetId );\n};\n\nconst sheetFromLink = async (\n\t{ id, href, sheet: elementSheet }: HTMLLinkElement,\n\tbaseUrl: string\n) => {\n\tconst sheetId = id || href;\n\tconst sheetUrl = resolveUrl( href, baseUrl );\n\n\tif ( elementSheet ) {\n\t\treturn getCachedSheet( sheetId, () => {\n\t\t\tconst sheet = new CSSStyleSheet();\n\t\t\tfor ( const { cssText } of elementSheet.cssRules ) {\n\t\t\t\tsheet.insertRule( withAbsoluteUrls( cssText, sheetUrl ) );\n\t\t\t}\n\t\t\treturn Promise.resolve( sheet );\n\t\t} );\n\t}\n\treturn getCachedSheet( sheetId, async () => {\n\t\tconst response = await fetch( href );\n\t\tconst text = await response.text();\n\t\tconst sheet = new CSSStyleSheet();\n\t\tawait sheet.replace( withAbsoluteUrls( text, sheetUrl ) );\n\t\treturn sheet;\n\t} );\n};\n\nconst sheetFromStyle = async ( { textContent }: HTMLStyleElement ) => {\n\tconst sheetId = textContent;\n\treturn getCachedSheet( sheetId, async () => {\n\t\tconst sheet = new CSSStyleSheet();\n\t\tawait sheet.replace( textContent );\n\t\treturn sheet;\n\t} );\n};\n\nexport const generateCSSStyleSheets = (\n\tdoc: Document,\n\tbaseUrl: string = ( doc.location || window.location ).href\n): Promise< CSSStyleSheet >[] =>\n\t[ ...doc.querySelectorAll( 'style,link[rel=stylesheet]' ) ].map(\n\t\t( element ) => {\n\t\t\tif ( 'LINK' === element.nodeName ) {\n\t\t\t\treturn sheetFromLink( element as HTMLLinkElement, baseUrl );\n\t\t\t}\n\t\t\treturn sheetFromStyle( element as HTMLStyleElement );\n\t\t}\n\t);\n"],"mappings":"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","ignoreList":[]}

package/build-module/index.js

@@ -7,7 +7,7 @@ import { store, privateApis, getConfig } from '@wordpress/interactivity';
 /**
  * Internal dependencies
  */
-import { fetchHeadAssets, updateHead, headElements } from './head';
+import { generateCSSStyleSheets } from './assets/styles';
 const {
   directivePrefix,
   getRegionRootFragment,
@@ -44,7 +44,9 @@ const fetchPage = async (url, {
       html = await res.text();
     }
     const dom = new window.DOMParser().parseFromString(html, 'text/html');
-    return regionsToVdom(dom);
+    return regionsToVdom(dom, {
+      baseUrl: url
+    });
   } catch (e) {
     return false;
   }
@@ -52,16 +54,17 @@ const fetchPage = async (url, {
 
 // Return an object with VDOM trees of those HTML regions marked with a
 // `router-region` directive.
-const regionsToVdom = async (dom, {
-  vdom
+const regionsToVdom = (dom, {
+  vdom,
+  baseUrl
 } = {}) => {
   const regions = {
     body: undefined
   };
-  let head;
+  const styles = generateCSSStyleSheets(dom, baseUrl);
+  const scriptModules = [...dom.querySelectorAll('script[type=module][src]')].map(s => s.src);
   if (globalThis.IS_GUTENBERG_PLUGIN) {
     if (navigationMode === 'fullPage') {
-      head = await fetchHeadAssets(dom);
       regions.body = vdom ? vdom.get(document.body) : toVdom(dom.body);
     }
   }
@@ -76,7 +79,8 @@ const regionsToVdom = async (dom, {
   const initialData = parseServerData(dom);
   return {
     regions,
-    head,
+    styles,
+    scriptModules,
     title,
     initialData
   };
@@ -84,10 +88,15 @@ const regionsToVdom = async (dom, {
 
 // Render all interactive regions contained in the given page.
 const renderRegions = async page => {
+  // Wait for styles and modules to be ready.
+  await Promise.all([...page.styles, ...page.scriptModules.map(src => import(/* webpackIgnore: true */src))]);
+  // Replace style sheets.
+  const sheets = await Promise.all(page.styles);
+  window.document.querySelectorAll('style,link[rel=stylesheet]').forEach(element => element.remove());
+  window.document.adoptedStyleSheets = sheets;
   if (globalThis.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.
-      await updateHead(page.head);
+      // Update HTML.
       const fragment = getRegionRootFragment(document.body);
       batch(() => {
         populateServerData(page.initialData);
@@ -143,19 +152,9 @@ window.addEventListener('popstate', async () => {
 // 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 (globalThis.IS_GUTENBERG_PLUGIN) {
-  if (navigationMode === 'fullPage') {
-    // Cache the scripts. Has to be called before fetching the assets.
-    [].map.call(document.querySelectorAll('script[type="module"][src]'), script => {
-      headElements.set(script.getAttribute('src'), {
-        tag: script
-      });
-    });
-    await fetchHeadAssets(document);
-  }
-}
 pages.set(getPagePath(window.location.href), Promise.resolve(regionsToVdom(document, {
-  vdom: initialVdom
+  vdom: initialVdom,
+  baseUrl: window.location.href
 })));
 
 // Check if the link is valid for client-side navigation.
@@ -186,6 +185,7 @@ export const {
   state: {
     url: window.location.href,
     navigation: {
+      isLoading: false,
       hasStarted: false,
       hasFinished: false
     }
@@ -237,6 +237,7 @@ export const {
         if (navigatingTo !== href) {
           return;
         }
+        navigation.isLoading = true;
         if (loadingAnimation) {
           navigation.hasStarted = true;
           navigation.hasFinished = false;
@@ -265,6 +266,7 @@ export const {
 
         // Update the navigation status once the the new page rendering
         // has been completed.
+        navigation.isLoading = false;
         if (loadingAnimation) {
           navigation.hasStarted = false;
           navigation.hasFinished = true;