npm - @wordpress/interactivity-router - Versions diffs - 1.0.0 → 1.1.0 - Mend

@wordpress/interactivity-router 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/CHANGELOG.md +6 -0
package/build/index.js +116 -39
package/build/index.js.map +1 -1
package/build-module/index.js +112 -36
package/build-module/index.js.map +1 -1
package/build-types/index.d.ts +19 -15
package/build-types/index.d.ts.map +1 -1
package/package.json +3 -3
package/src/index.js +112 -40
package/tsconfig.tsbuildinfo +1 -1

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,12 @@
 ## Unreleased
+## 1.1.0 (2024-02-09)
+### New Features
+-   Add the `clientNavigationDisabled` option to the `core/router` config. ([58749](https://github.com/WordPress/gutenberg/pull/58749))
 ## 1.0.0 (2024-01-24)
 ### Breaking changes

package/build/index.js CHANGED Viewed

@@ -9,12 +9,20 @@ var _interactivity = require("@wordpress/interactivity");
  * WordPress dependencies
  */
+const {
+  directivePrefix,
+  getRegionRootFragment,
+  initialVdom,
+  toVdom,
+  render
+} = (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.
 const pages = new Map();
 // Helper to remove domain and hash from the URL. We are only interesting in
 // caching the path and the query.
-const cleanUrl = url => {
+const getPagePath = url => {
   const u = new URL(url, window.location);
   return u.pathname + u.search;
 };
@@ -38,12 +46,14 @@ 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 = (dom, {
+  vdom
+} = {}) => {
   const regions = {};
-  const attrName = `data-${_interactivity.directivePrefix}-router-region`;
+  const attrName = `data-${directivePrefix}-router-region`;
   dom.querySelectorAll(`[${attrName}]`).forEach(region => {
     const id = region.getAttribute(attrName);
-    regions[id] = (0, _interactivity.toVdom)(region);
+    regions[id] = vdom?.has(region) ? vdom.get(region) : toVdom(region);
   });
   const title = dom.querySelector('title')?.innerText;
   return {
@@ -54,38 +64,65 @@ const regionsToVdom = dom => {
 // Render all interactive regions contained in the given page.
 const renderRegions = page => {
-  const attrName = `data-${_interactivity.directivePrefix}-router-region`;
+  const attrName = `data-${directivePrefix}-router-region`;
   document.querySelectorAll(`[${attrName}]`).forEach(region => {
     const id = region.getAttribute(attrName);
-    const fragment = (0, _interactivity.getRegionRootFragment)(region);
-    (0, _interactivity.render)(page.regions[id], fragment);
+    const fragment = getRegionRootFragment(region);
+    render(page.regions[id], fragment);
   });
   if (page.title) {
     document.title = page.title;
   }
 };
-// Variable to store the current navigation.
-let navigatingTo = '';
+/**
+ * Load the given page forcing a full page reload.
+ *
+ * The function returns a promise that won't resolve, useful to prevent any
+ * potential feedback indicating that the navigation has finished while the new
+ * page is being loaded.
+ *
+ * @param {string} href The page href.
+ * @return {Promise} Promise that never resolves.
+ */
+const forcePageReload = href => {
+  window.location.assign(href);
+  return new Promise(() => {});
+};
 // Listen to the back and forward buttons and restore the page if it's in the
 // cache.
 window.addEventListener('popstate', async () => {
-  const url = cleanUrl(window.location); // Remove hash.
-  const page = pages.has(url) && (await pages.get(url));
+  const pagePath = getPagePath(window.location); // Remove hash.
+  const page = pages.has(pagePath) && (await pages.get(pagePath));
   if (page) {
     renderRegions(page);
+    // Update the URL in the state.
+    state.url = window.location.href;
   } else {
     window.location.reload();
   }
 });
-// Cache the current regions.
-pages.set(cleanUrl(window.location), Promise.resolve(regionsToVdom(document)));
+// Cache the initial page using the intially parsed vDOM.
+pages.set(getPagePath(window.location), Promise.resolve(regionsToVdom(document, {
+  vdom: initialVdom
+})));
+// Variable to store the current navigation.
+let navigatingTo = '';
 const {
   state,
   actions
 } = (0, _interactivity.store)('core/router', {
+  state: {
+    url: window.location.href,
+    navigation: {
+      hasStarted: false,
+      hasFinished: false,
+      texts: {}
+    }
+  },
   actions: {
     /**
      * Navigates to the specified page.
@@ -94,34 +131,55 @@ const {
      * needed, and updates any interactive regions whose contents have
      * changed. It also creates a new entry in the browser session history.
      *
-     * @param {string}  href              The page href.
-     * @param {Object}  [options]         Options object.
-     * @param {boolean} [options.force]   If true, it forces re-fetching the
-     *                                    URL.
-     * @param {string}  [options.html]    HTML string to be used instead of
-     *                                    fetching the requested URL.
-     * @param {boolean} [options.replace] If true, it replaces the current
-     *                                    entry in the browser session
-     *                                    history.
-     * @param {number}  [options.timeout] Time until the navigation is
-     *                                    aborted, in milliseconds. Default
-     *                                    is 10000.
+     * @param {string}  href                               The page href.
+     * @param {Object}  [options]                          Options object.
+     * @param {boolean} [options.force]                    If true, it forces re-fetching the URL.
+     * @param {string}  [options.html]                     HTML string to be used instead of fetching the requested URL.
+     * @param {boolean} [options.replace]                  If true, it replaces the current entry in the browser session history.
+     * @param {number}  [options.timeout]                  Time until the navigation is aborted, in milliseconds. Default is 10000.
+     * @param {boolean} [options.loadingAnimation]         Whether an animation should be shown while navigating. Default to `true`.
+     * @param {boolean} [options.screenReaderAnnouncement] Whether a message for screen readers should be announced while navigating. Default to `true`.
      *
-     * @return {Promise} Promise that resolves once the navigation is
-     *                   completed or aborted.
+     * @return {Promise} Promise that resolves once the navigation is completed or aborted.
      */
     *navigate(href, options = {}) {
-      const url = cleanUrl(href);
+      const {
+        clientNavigationDisabled
+      } = (0, _interactivity.getConfig)();
+      if (clientNavigationDisabled) {
+        yield forcePageReload(href);
+      }
+      const pagePath = getPagePath(href);
+      const {
+        navigation
+      } = state;
+      const {
+        loadingAnimation = true,
+        screenReaderAnnouncement = true,
+        timeout = 10000
+      } = options;
       navigatingTo = href;
-      actions.prefetch(url, options);
+      actions.prefetch(pagePath, options);
       // Create a promise that resolves when the specified timeout ends.
       // The timeout value is 10 seconds by default.
-      const timeoutPromise = new Promise(resolve => {
-        var _options$timeout;
-        return setTimeout(resolve, (_options$timeout = options.timeout) !== null && _options$timeout !== void 0 ? _options$timeout : 10000);
-      });
-      const page = yield Promise.race([pages.get(url), timeoutPromise]);
+      const timeoutPromise = new Promise(resolve => setTimeout(resolve, timeout));
+      // Don't update the navigation status immediately, wait 400 ms.
+      const loadingTimeout = setTimeout(() => {
+        if (navigatingTo !== href) return;
+        if (loadingAnimation) {
+          navigation.hasStarted = true;
+          navigation.hasFinished = false;
+        }
+        if (screenReaderAnnouncement) {
+          navigation.message = navigation.texts.loading;
+        }
+      }, 400);
+      const page = yield Promise.race([pages.get(pagePath), timeoutPromise]);
+      // Dismiss loading message if it hasn't been added yet.
+      clearTimeout(loadingTimeout);
       // Once the page is fetched, the destination URL could have changed
       // (e.g., by clicking another link in the meantime). If so, bail
@@ -130,9 +188,24 @@ const {
       if (page) {
         renderRegions(page);
         window.history[options.replace ? 'replaceState' : 'pushState']({}, '', href);
+        // Update the URL in the state.
+        state.url = href;
+        // Update the navigation status once the the new page rendering
+        // has been completed.
+        if (loadingAnimation) {
+          navigation.hasStarted = false;
+          navigation.hasFinished = true;
+        }
+        if (screenReaderAnnouncement) {
+          // Announce that the page has been loaded. If the message is the
+          // same, we use a no-break space similar to the @wordpress/a11y
+          // 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' : '');
+        }
       } else {
-        window.location.assign(href);
-        yield new Promise(() => {});
+        yield forcePageReload(href);
       }
     },
     /**
@@ -148,9 +221,13 @@ const {
      *                                  fetching the requested URL.
      */
     prefetch(url, options = {}) {
-      url = cleanUrl(url);
-      if (options.force || !pages.has(url)) {
-        pages.set(url, fetchPage(url, options));
+      const {
+        clientNavigationDisabled
+      } = (0, _interactivity.getConfig)();
+      if (clientNavigationDisabled) return;
+      const pagePath = getPagePath(url);
+      if (options.force || !pages.has(pagePath)) {
+        pages.set(pagePath, fetchPage(pagePath, options));
       }
     }
   }

package/build/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_interactivity","require","pages","Map","cleanUrl","url","u","URL","window","location","pathname","search","fetchPage","html","res","fetch","status","text","dom","DOMParser","parseFromString","regionsToVdom","e","regions","attrName","directivePrefix","querySelectorAll","forEach","region","id","getAttribute","toVdom","title","querySelector","innerText","renderRegions","page","document","fragment","getRegionRootFragment","render","navigatingTo","addEventListener","has","get","reload","set","Promise","resolve","state","actions","store","navigate","href","options","prefetch","timeoutPromise","_options$timeout","setTimeout","timeout","race","history","replace","assign","force","exports"],"sources":["@wordpress/interactivity-router/src/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\trender,\n\tdirectivePrefix,\n\ttoVdom,\n\tgetRegionRootFragment,\n\tstore,\n} from '@wordpress/interactivity';\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 cleanUrl = ( 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 ) => {\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 ] = toVdom( region );\n\t} );\n\tconst title = dom.querySelector( 'title' )?.innerText;\n\treturn { regions, title };\n};\n\n// Render all interactive regions contained in the given page.\nconst renderRegions = ( page ) => {\n\tconst attrName = `data-${ directivePrefix }-router-region`;\n\tdocument.querySelectorAll( `[${ attrName }]` ).forEach( ( region ) => {\n\t\tconst id = region.getAttribute( attrName );\n\t\tconst fragment = getRegionRootFragment( region );\n\t\trender( page.regions[ id ], fragment );\n\t} );\n\tif ( page.title ) {\n\t\tdocument.title = page.title;\n\t}\n};\n\n// Variable to store the current navigation.\nlet navigatingTo = '';\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 url = cleanUrl( window.location ); // Remove hash.\n\tconst page = pages.has( url ) && ( await pages.get( url ) );\n\tif ( page ) {\n\t\trenderRegions( page );\n\t} else {\n\t\twindow.location.reload();\n\t}\n} );\n\n// Cache the current regions.\npages.set(\n\tcleanUrl( window.location ),\n\tPromise.resolve( regionsToVdom( document ) )\n);\n\nexport const { state, actions } = store( 'core/router', {\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\n\t\t * URL.\n\t\t * @param {string} [options.html] HTML string to be used instead of\n\t\t * fetching the requested URL.\n\t\t * @param {boolean} [options.replace] If true, it replaces the current\n\t\t * entry in the browser session\n\t\t * history.\n\t\t * @param {number} [options.timeout] Time until the navigation is\n\t\t * aborted, in milliseconds. Default\n\t\t * is 10000.\n\t\t \n\t\t @return {Promise} Promise that resolves once the navigation is\n\t\t * completed or aborted.\n\t\t /\n\t\tnavigate( href, options = {} ) {\n\t\t\tconst url = cleanUrl( href );\n\t\t\tnavigatingTo = href;\n\t\t\tactions.prefetch( url, 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, options.timeout ?? 10000 )\n\t\t\t);\n\n\t\t\tconst page = yield Promise.race( [\n\t\t\t\tpages.get( url ),\n\t\t\t\ttimeoutPromise,\n\t\t\t] );\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 ( page ) {\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\t\t\t} else {\n\t\t\t\twindow.location.assign( href );\n\t\t\t\tyield new Promise( () => {} );\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\turl = cleanUrl( url );\n\t\t\tif ( options.force \|\| ! pages.has( url ) ) {\n\t\t\t\tpages.set( url, fetchPage( url, options ) );\n\t\t\t}\n\t\t},\n\t},\n} );\n"],"mappings":"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"}
1	+ {"version":3,"names":["_interactivity","require","directivePrefix","getRegionRootFragment","initialVdom","toVdom","render","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","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","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 { directivePrefix, getRegionRootFragment, initialVdom, toVdom, render } =\n\tprivateApis(\n\t\t'I acknowledge that using private APIs means my theme or plugin will inevitably break in the next version of WordPress.'\n\t);\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\treturn { regions, title };\n};\n\n// Render all interactive regions contained in the given page.\nconst renderRegions = ( page ) => {\n\tconst attrName = `data-${ directivePrefix }-router-region`;\n\tdocument.querySelectorAll( `[${ attrName }]` ).forEach( ( region ) => {\n\t\tconst id = region.getAttribute( attrName );\n\t\tconst fragment = getRegionRootFragment( region );\n\t\trender( page.regions[ id ], fragment );\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 {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\tnavigate( 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 ( page ) {\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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"}

package/build-module/index.js CHANGED Viewed

@@ -1,14 +1,21 @@
 /**
  * WordPress dependencies
  */
-import { render, directivePrefix, toVdom, getRegionRootFragment, store } from '@wordpress/interactivity';
+import { store, privateApis, getConfig } from '@wordpress/interactivity';
+const {
+  directivePrefix,
+  getRegionRootFragment,
+  initialVdom,
+  toVdom,
+  render
+} = 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.
 const pages = new Map();
 // Helper to remove domain and hash from the URL. We are only interesting in
 // caching the path and the query.
-const cleanUrl = url => {
+const getPagePath = url => {
   const u = new URL(url, window.location);
   return u.pathname + u.search;
 };
@@ -32,12 +39,14 @@ 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 = (dom, {
+  vdom
+} = {}) => {
   const regions = {};
   const attrName = `data-${directivePrefix}-router-region`;
   dom.querySelectorAll(`[${attrName}]`).forEach(region => {
     const id = region.getAttribute(attrName);
-    regions[id] = toVdom(region);
+    regions[id] = vdom?.has(region) ? vdom.get(region) : toVdom(region);
   });
   const title = dom.querySelector('title')?.innerText;
   return {
@@ -59,27 +68,54 @@ const renderRegions = page => {
   }
 };
-// Variable to store the current navigation.
-let navigatingTo = '';
+/**
+ * Load the given page forcing a full page reload.
+ *
+ * The function returns a promise that won't resolve, useful to prevent any
+ * potential feedback indicating that the navigation has finished while the new
+ * page is being loaded.
+ *
+ * @param {string} href The page href.
+ * @return {Promise} Promise that never resolves.
+ */
+const forcePageReload = href => {
+  window.location.assign(href);
+  return new Promise(() => {});
+};
 // Listen to the back and forward buttons and restore the page if it's in the
 // cache.
 window.addEventListener('popstate', async () => {
-  const url = cleanUrl(window.location); // Remove hash.
-  const page = pages.has(url) && (await pages.get(url));
+  const pagePath = getPagePath(window.location); // Remove hash.
+  const page = pages.has(pagePath) && (await pages.get(pagePath));
   if (page) {
     renderRegions(page);
+    // Update the URL in the state.
+    state.url = window.location.href;
   } else {
     window.location.reload();
   }
 });
-// Cache the current regions.
-pages.set(cleanUrl(window.location), Promise.resolve(regionsToVdom(document)));
+// Cache the initial page using the intially parsed vDOM.
+pages.set(getPagePath(window.location), Promise.resolve(regionsToVdom(document, {
+  vdom: initialVdom
+})));
+// Variable to store the current navigation.
+let navigatingTo = '';
 export const {
   state,
   actions
 } = store('core/router', {
+  state: {
+    url: window.location.href,
+    navigation: {
+      hasStarted: false,
+      hasFinished: false,
+      texts: {}
+    }
+  },
   actions: {
     /**
      * Navigates to the specified page.
@@ -88,34 +124,55 @@ export const {
      * needed, and updates any interactive regions whose contents have
      * changed. It also creates a new entry in the browser session history.
      *
-     * @param {string}  href              The page href.
-     * @param {Object}  [options]         Options object.
-     * @param {boolean} [options.force]   If true, it forces re-fetching the
-     *                                    URL.
-     * @param {string}  [options.html]    HTML string to be used instead of
-     *                                    fetching the requested URL.
-     * @param {boolean} [options.replace] If true, it replaces the current
-     *                                    entry in the browser session
-     *                                    history.
-     * @param {number}  [options.timeout] Time until the navigation is
-     *                                    aborted, in milliseconds. Default
-     *                                    is 10000.
+     * @param {string}  href                               The page href.
+     * @param {Object}  [options]                          Options object.
+     * @param {boolean} [options.force]                    If true, it forces re-fetching the URL.
+     * @param {string}  [options.html]                     HTML string to be used instead of fetching the requested URL.
+     * @param {boolean} [options.replace]                  If true, it replaces the current entry in the browser session history.
+     * @param {number}  [options.timeout]                  Time until the navigation is aborted, in milliseconds. Default is 10000.
+     * @param {boolean} [options.loadingAnimation]         Whether an animation should be shown while navigating. Default to `true`.
+     * @param {boolean} [options.screenReaderAnnouncement] Whether a message for screen readers should be announced while navigating. Default to `true`.
      *
-     * @return {Promise} Promise that resolves once the navigation is
-     *                   completed or aborted.
+     * @return {Promise} Promise that resolves once the navigation is completed or aborted.
      */
     *navigate(href, options = {}) {
-      const url = cleanUrl(href);
+      const {
+        clientNavigationDisabled
+      } = getConfig();
+      if (clientNavigationDisabled) {
+        yield forcePageReload(href);
+      }
+      const pagePath = getPagePath(href);
+      const {
+        navigation
+      } = state;
+      const {
+        loadingAnimation = true,
+        screenReaderAnnouncement = true,
+        timeout = 10000
+      } = options;
       navigatingTo = href;
-      actions.prefetch(url, options);
+      actions.prefetch(pagePath, options);
       // Create a promise that resolves when the specified timeout ends.
       // The timeout value is 10 seconds by default.
-      const timeoutPromise = new Promise(resolve => {
-        var _options$timeout;
-        return setTimeout(resolve, (_options$timeout = options.timeout) !== null && _options$timeout !== void 0 ? _options$timeout : 10000);
-      });
-      const page = yield Promise.race([pages.get(url), timeoutPromise]);
+      const timeoutPromise = new Promise(resolve => setTimeout(resolve, timeout));
+      // Don't update the navigation status immediately, wait 400 ms.
+      const loadingTimeout = setTimeout(() => {
+        if (navigatingTo !== href) return;
+        if (loadingAnimation) {
+          navigation.hasStarted = true;
+          navigation.hasFinished = false;
+        }
+        if (screenReaderAnnouncement) {
+          navigation.message = navigation.texts.loading;
+        }
+      }, 400);
+      const page = yield Promise.race([pages.get(pagePath), timeoutPromise]);
+      // Dismiss loading message if it hasn't been added yet.
+      clearTimeout(loadingTimeout);
       // Once the page is fetched, the destination URL could have changed
       // (e.g., by clicking another link in the meantime). If so, bail
@@ -124,9 +181,24 @@ export const {
       if (page) {
         renderRegions(page);
         window.history[options.replace ? 'replaceState' : 'pushState']({}, '', href);
+        // Update the URL in the state.
+        state.url = href;
+        // Update the navigation status once the the new page rendering
+        // has been completed.
+        if (loadingAnimation) {
+          navigation.hasStarted = false;
+          navigation.hasFinished = true;
+        }
+        if (screenReaderAnnouncement) {
+          // Announce that the page has been loaded. If the message is the
+          // same, we use a no-break space similar to the @wordpress/a11y
+          // 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' : '');
+        }
       } else {
-        window.location.assign(href);
-        yield new Promise(() => {});
+        yield forcePageReload(href);
       }
     },
     /**
@@ -142,9 +214,13 @@ export const {
      *                                  fetching the requested URL.
      */
     prefetch(url, options = {}) {
-      url = cleanUrl(url);
-      if (options.force || !pages.has(url)) {
-        pages.set(url, fetchPage(url, options));
+      const {
+        clientNavigationDisabled
+      } = getConfig();
+      if (clientNavigationDisabled) return;
+      const pagePath = getPagePath(url);
+      if (options.force || !pages.has(pagePath)) {
+        pages.set(pagePath, fetchPage(pagePath, options));
       }
     }
   }

package/build-module/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["render","directivePrefix","toVdom","getRegionRootFragment","store","pages","Map","cleanUrl","url","u","URL","window","location","pathname","search","fetchPage","html","res","fetch","status","text","dom","DOMParser","parseFromString","regionsToVdom","e","regions","attrName","querySelectorAll","forEach","region","id","getAttribute","title","querySelector","innerText","renderRegions","page","document","fragment","navigatingTo","addEventListener","has","get","reload","set","Promise","resolve","state","actions","navigate","href","options","prefetch","timeoutPromise","_options$timeout","setTimeout","timeout","race","history","replace","assign","force"],"sources":["@wordpress/interactivity-router/src/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\trender,\n\tdirectivePrefix,\n\ttoVdom,\n\tgetRegionRootFragment,\n\tstore,\n} from '@wordpress/interactivity';\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 cleanUrl = ( 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 ) => {\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 ] = toVdom( region );\n\t} );\n\tconst title = dom.querySelector( 'title' )?.innerText;\n\treturn { regions, title };\n};\n\n// Render all interactive regions contained in the given page.\nconst renderRegions = ( page ) => {\n\tconst attrName = `data-${ directivePrefix }-router-region`;\n\tdocument.querySelectorAll( `[${ attrName }]` ).forEach( ( region ) => {\n\t\tconst id = region.getAttribute( attrName );\n\t\tconst fragment = getRegionRootFragment( region );\n\t\trender( page.regions[ id ], fragment );\n\t} );\n\tif ( page.title ) {\n\t\tdocument.title = page.title;\n\t}\n};\n\n// Variable to store the current navigation.\nlet navigatingTo = '';\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 url = cleanUrl( window.location ); // Remove hash.\n\tconst page = pages.has( url ) && ( await pages.get( url ) );\n\tif ( page ) {\n\t\trenderRegions( page );\n\t} else {\n\t\twindow.location.reload();\n\t}\n} );\n\n// Cache the current regions.\npages.set(\n\tcleanUrl( window.location ),\n\tPromise.resolve( regionsToVdom( document ) )\n);\n\nexport const { state, actions } = store( 'core/router', {\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\n\t\t * URL.\n\t\t * @param {string} [options.html] HTML string to be used instead of\n\t\t * fetching the requested URL.\n\t\t * @param {boolean} [options.replace] If true, it replaces the current\n\t\t * entry in the browser session\n\t\t * history.\n\t\t * @param {number} [options.timeout] Time until the navigation is\n\t\t * aborted, in milliseconds. Default\n\t\t * is 10000.\n\t\t \n\t\t @return {Promise} Promise that resolves once the navigation is\n\t\t * completed or aborted.\n\t\t /\n\t\tnavigate( href, options = {} ) {\n\t\t\tconst url = cleanUrl( href );\n\t\t\tnavigatingTo = href;\n\t\t\tactions.prefetch( url, 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, options.timeout ?? 10000 )\n\t\t\t);\n\n\t\t\tconst page = yield Promise.race( [\n\t\t\t\tpages.get( url ),\n\t\t\t\ttimeoutPromise,\n\t\t\t] );\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 ( page ) {\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\t\t\t} else {\n\t\t\t\twindow.location.assign( href );\n\t\t\t\tyield new Promise( () => {} );\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\turl = cleanUrl( url );\n\t\t\tif ( options.force \|\| ! pages.has( url ) ) {\n\t\t\t\tpages.set( url, fetchPage( url, options ) );\n\t\t\t}\n\t\t},\n\t},\n} );\n"],"mappings":"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"}
1	+ {"version":3,"names":["store","privateApis","getConfig","directivePrefix","getRegionRootFragment","initialVdom","toVdom","render","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","renderRegions","page","document","fragment","forcePageReload","href","assign","Promise","addEventListener","pagePath","state","reload","set","resolve","navigatingTo","actions","navigation","hasStarted","hasFinished","texts","navigate","options","clientNavigationDisabled","loadingAnimation","screenReaderAnnouncement","timeout","prefetch","timeoutPromise","setTimeout","loadingTimeout","message","loading","race","clearTimeout","history","replace","loaded","force"],"sources":["@wordpress/interactivity-router/src/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store, privateApis, getConfig } from '@wordpress/interactivity';\n\nconst { directivePrefix, getRegionRootFragment, initialVdom, toVdom, render } =\n\tprivateApis(\n\t\t'I acknowledge that using private APIs means my theme or plugin will inevitably break in the next version of WordPress.'\n\t);\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\treturn { regions, title };\n};\n\n// Render all interactive regions contained in the given page.\nconst renderRegions = ( page ) => {\n\tconst attrName = `data-${ directivePrefix }-router-region`;\n\tdocument.querySelectorAll( `[${ attrName }]` ).forEach( ( region ) => {\n\t\tconst id = region.getAttribute( attrName );\n\t\tconst fragment = getRegionRootFragment( region );\n\t\trender( page.regions[ id ], fragment );\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 {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\tnavigate( 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 ( page ) {\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":"AAAA;AACA;AACA;AACA,SAASA,KAAK,EAAEC,WAAW,EAAEC,SAAS,QAAQ,0BAA0B;AAExE,MAAM;EAAEC,eAAe;EAAEC,qBAAqB;EAAEC,WAAW;EAAEC,MAAM;EAAEC;AAAO,CAAC,GAC5EN,WAAW,CACV,wHACD,CAAC;;AAEF;AACA,MAAMO,KAAK,GAAG,IAAIC,GAAG,CAAC,CAAC;;AAEvB;AACA;AACA,MAAMC,WAAW,GAAKC,GAAG,IAAM;EAC9B,MAAMC,CAAC,GAAG,IAAIC,GAAG,CAAEF,GAAG,EAAEG,MAAM,CAACC,QAAS,CAAC;EACzC,OAAOH,CAAC,CAACI,QAAQ,GAAGJ,CAAC,CAACK,MAAM;AAC7B,CAAC;;AAED;AACA,MAAMC,SAAS,GAAG,MAAAA,CAAQP,GAAG,EAAE;EAAEQ;AAAK,CAAC,KAAM;EAC5C,IAAI;IACH,IAAK,CAAEA,IAAI,EAAG;MACb,MAAMC,GAAG,GAAG,MAAMN,MAAM,CAACO,KAAK,CAAEV,GAAI,CAAC;MACrC,IAAKS,GAAG,CAACE,MAAM,KAAK,GAAG,EAAG,OAAO,KAAK;MACtCH,IAAI,GAAG,MAAMC,GAAG,CAACG,IAAI,CAAC,CAAC;IACxB;IACA,MAAMC,GAAG,GAAG,IAAIV,MAAM,CAACW,SAAS,CAAC,CAAC,CAACC,eAAe,CAAEP,IAAI,EAAE,WAAY,CAAC;IACvE,OAAOQ,aAAa,CAAEH,GAAI,CAAC;EAC5B,CAAC,CAAC,OAAQI,CAAC,EAAG;IACb,OAAO,KAAK;EACb;AACD,CAAC;;AAED;AACA;AACA,MAAMD,aAAa,GAAGA,CAAEH,GAAG,EAAE;EAAEK;AAAK,CAAC,GAAG,CAAC,CAAC,KAAM;EAC/C,MAAMC,OAAO,GAAG,CAAC,CAAC;EAClB,MAAMC,QAAQ,GAAI,QAAQ5B,eAAiB,gBAAe;EAC1DqB,GAAG,CAACQ,gBAAgB,CAAG,IAAID,QAAU,GAAG,CAAC,CAACE,OAAO,CAAIC,MAAM,IAAM;IAChE,MAAMC,EAAE,GAAGD,MAAM,CAACE,YAAY,CAAEL,QAAS,CAAC;IAC1CD,OAAO,CAAEK,EAAE,CAAE,GAAGN,IAAI,EAAEQ,GAAG,CAAEH,MAAO,CAAC,GAChCL,IAAI,CAACS,GAAG,CAAEJ,MAAO,CAAC,GAClB5B,MAAM,CAAE4B,MAAO,CAAC;EACpB,CAAE,CAAC;EACH,MAAMK,KAAK,GAAGf,GAAG,CAACgB,aAAa,CAAE,OAAQ,CAAC,EAAEC,SAAS;EACrD,OAAO;IAAEX,OAAO;IAAES;EAAM,CAAC;AAC1B,CAAC;;AAED;AACA,MAAMG,aAAa,GAAKC,IAAI,IAAM;EACjC,MAAMZ,QAAQ,GAAI,QAAQ5B,eAAiB,gBAAe;EAC1DyC,QAAQ,CAACZ,gBAAgB,CAAG,IAAID,QAAU,GAAG,CAAC,CAACE,OAAO,CAAIC,MAAM,IAAM;IACrE,MAAMC,EAAE,GAAGD,MAAM,CAACE,YAAY,CAAEL,QAAS,CAAC;IAC1C,MAAMc,QAAQ,GAAGzC,qBAAqB,CAAE8B,MAAO,CAAC;IAChD3B,MAAM,CAAEoC,IAAI,CAACb,OAAO,CAAEK,EAAE,CAAE,EAAEU,QAAS,CAAC;EACvC,CAAE,CAAC;EACH,IAAKF,IAAI,CAACJ,KAAK,EAAG;IACjBK,QAAQ,CAACL,KAAK,GAAGI,IAAI,CAACJ,KAAK;EAC5B;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMO,eAAe,GAAKC,IAAI,IAAM;EACnCjC,MAAM,CAACC,QAAQ,CAACiC,MAAM,CAAED,IAAK,CAAC;EAC9B,OAAO,IAAIE,OAAO,CAAE,MAAM,CAAC,CAAE,CAAC;AAC/B,CAAC;;AAED;AACA;AACAnC,MAAM,CAACoC,gBAAgB,CAAE,UAAU,EAAE,YAAY;EAChD,MAAMC,QAAQ,GAAGzC,WAAW,CAAEI,MAAM,CAACC,QAAS,CAAC,CAAC,CAAC;EACjD,MAAM4B,IAAI,GAAGnC,KAAK,CAAC6B,GAAG,CAAEc,QAAS,CAAC,KAAM,MAAM3C,KAAK,CAAC8B,GAAG,CAAEa,QAAS,CAAC,CAAE;EACrE,IAAKR,IAAI,EAAG;IACXD,aAAa,CAAEC,IAAK,CAAC;IACrB;IACAS,KAAK,CAACzC,GAAG,GAAGG,MAAM,CAACC,QAAQ,CAACgC,IAAI;EACjC,CAAC,MAAM;IACNjC,MAAM,CAACC,QAAQ,CAACsC,MAAM,CAAC,CAAC;EACzB;AACD,CAAE,CAAC;;AAEH;AACA7C,KAAK,CAAC8C,GAAG,CACR5C,WAAW,CAAEI,MAAM,CAACC,QAAS,CAAC,EAC9BkC,OAAO,CAACM,OAAO,CAAE5B,aAAa,CAAEiB,QAAQ,EAAE;EAAEf,IAAI,EAAExB;AAAY,CAAE,CAAE,CACnE,CAAC;;AAED;AACA,IAAImD,YAAY,GAAG,EAAE;AAErB,OAAO,MAAM;EAAEJ,KAAK;EAAEK;AAAQ,CAAC,GAAGzD,KAAK,CAAE,aAAa,EAAE;EACvDoD,KAAK,EAAE;IACNzC,GAAG,EAAEG,MAAM,CAACC,QAAQ,CAACgC,IAAI;IACzBW,UAAU,EAAE;MACXC,UAAU,EAAE,KAAK;MACjBC,WAAW,EAAE,KAAK;MAClBC,KAAK,EAAE,CAAC;IACT;EACD,CAAC;EACDJ,OAAO,EAAE;IACR;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACE,CAACK,QAAQA,CAAEf,IAAI,EAAEgB,OAAO,GAAG,CAAC,CAAC,EAAG;MAC/B,MAAM;QAAEC;MAAyB,CAAC,GAAG9D,SAAS,CAAC,CAAC;MAChD,IAAK8D,wBAAwB,EAAG;QAC/B,MAAMlB,eAAe,CAAEC,IAAK,CAAC;MAC9B;MAEA,MAAMI,QAAQ,GAAGzC,WAAW,CAAEqC,IAAK,CAAC;MACpC,MAAM;QAAEW;MAAW,CAAC,GAAGN,KAAK;MAC5B,MAAM;QACLa,gBAAgB,GAAG,IAAI;QACvBC,wBAAwB,GAAG,IAAI;QAC/BC,OAAO,GAAG;MACX,CAAC,GAAGJ,OAAO;MAEXP,YAAY,GAAGT,IAAI;MACnBU,OAAO,CAACW,QAAQ,CAAEjB,QAAQ,EAAEY,OAAQ,CAAC;;MAErC;MACA;MACA,MAAMM,cAAc,GAAG,IAAIpB,OAAO,CAAIM,OAAO,IAC5Ce,UAAU,CAAEf,OAAO,EAAEY,OAAQ,CAC9B,CAAC;;MAED;MACA,MAAMI,cAAc,GAAGD,UAAU,CAAE,MAAM;QACxC,IAAKd,YAAY,KAAKT,IAAI,EAAG;QAE7B,IAAKkB,gBAAgB,EAAG;UACvBP,UAAU,CAACC,UAAU,GAAG,IAAI;UAC5BD,UAAU,CAACE,WAAW,GAAG,KAAK;QAC/B;QACA,IAAKM,wBAAwB,EAAG;UAC/BR,UAAU,CAACc,OAAO,GAAGd,UAAU,CAACG,KAAK,CAACY,OAAO;QAC9C;MACD,CAAC,EAAE,GAAI,CAAC;MAER,MAAM9B,IAAI,GAAG,MAAMM,OAAO,CAACyB,IAAI,CAAE,CAChClE,KAAK,CAAC8B,GAAG,CAAEa,QAAS,CAAC,EACrBkB,cAAc,CACb,CAAC;;MAEH;MACAM,YAAY,CAAEJ,cAAe,CAAC;;MAE9B;MACA;MACA;MACA,IAAKf,YAAY,KAAKT,IAAI,EAAG;MAE7B,IAAKJ,IAAI,EAAG;QACXD,aAAa,CAAEC,IAAK,CAAC;QACrB7B,MAAM,CAAC8D,OAAO,CACbb,OAAO,CAACc,OAAO,GAAG,cAAc,GAAG,WAAW,CAC9C,CAAE,CAAC,CAAC,EAAE,EAAE,EAAE9B,IAAK,CAAC;;QAEjB;QACAK,KAAK,CAACzC,GAAG,GAAGoC,IAAI;;QAEhB;QACA;QACA,IAAKkB,gBAAgB,EAAG;UACvBP,UAAU,CAACC,UAAU,GAAG,KAAK;UAC7BD,UAAU,CAACE,WAAW,GAAG,IAAI;QAC9B;QAEA,IAAKM,wBAAwB,EAAG;UAC/B;UACA;UACA;UACAR,UAAU,CAACc,OAAO,GACjBd,UAAU,CAACG,KAAK,CAACiB,MAAM,IACrBpB,UAAU,CAACc,OAAO,KAAKd,UAAU,CAACG,KAAK,CAACiB,MAAM,GAC7C,QAAQ,GACR,EAAE,CAAE;QACT;MACD,CAAC,MAAM;QACN,MAAMhC,eAAe,CAAEC,IAAK,CAAC;MAC9B;IACD,CAAC;IAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACEqB,QAAQA,CAAEzD,GAAG,EAAEoD,OAAO,GAAG,CAAC,CAAC,EAAG;MAC7B,MAAM;QAAEC;MAAyB,CAAC,GAAG9D,SAAS,CAAC,CAAC;MAChD,IAAK8D,wBAAwB,EAAG;MAEhC,MAAMb,QAAQ,GAAGzC,WAAW,CAAEC,GAAI,CAAC;MACnC,IAAKoD,OAAO,CAACgB,KAAK,IAAI,CAAEvE,KAAK,CAAC6B,GAAG,CAAEc,QAAS,CAAC,EAAG;QAC/C3C,KAAK,CAAC8C,GAAG,CAAEH,QAAQ,EAAEjC,SAAS,CAAEiC,QAAQ,EAAEY,OAAQ,CAAE,CAAC;MACtD;IACD;EACD;AACD,CAAE,CAAC"}

package/build-types/index.d.ts CHANGED Viewed

@@ -1,4 +1,11 @@
-export const state: any;
+export namespace state {
+    let url: string;
+    namespace navigation {
+        let hasStarted: boolean;
+        let hasFinished: boolean;
+        let texts: {};
+    }
+}
 export namespace actions {
     /**
      * Navigates to the specified page.
@@ -7,27 +14,24 @@ export namespace actions {
      * needed, and updates any interactive regions whose contents have
      * changed. It also creates a new entry in the browser session history.
      *
-     * @param {string}  href              The page href.
-     * @param {Object}  [options]         Options object.
-     * @param {boolean} [options.force]   If true, it forces re-fetching the
-     *                                    URL.
-     * @param {string}  [options.html]    HTML string to be used instead of
-     *                                    fetching the requested URL.
-     * @param {boolean} [options.replace] If true, it replaces the current
-     *                                    entry in the browser session
-     *                                    history.
-     * @param {number}  [options.timeout] Time until the navigation is
-     *                                    aborted, in milliseconds. Default
-     *                                    is 10000.
+     * @param {string}  href                               The page href.
+     * @param {Object}  [options]                          Options object.
+     * @param {boolean} [options.force]                    If true, it forces re-fetching the URL.
+     * @param {string}  [options.html]                     HTML string to be used instead of fetching the requested URL.
+     * @param {boolean} [options.replace]                  If true, it replaces the current entry in the browser session history.
+     * @param {number}  [options.timeout]                  Time until the navigation is aborted, in milliseconds. Default is 10000.
+     * @param {boolean} [options.loadingAnimation]         Whether an animation should be shown while navigating. Default to `true`.
+     * @param {boolean} [options.screenReaderAnnouncement] Whether a message for screen readers should be announced while navigating. Default to `true`.
      *
-     * @return {Promise} Promise that resolves once the navigation is
-     *                   completed or aborted.
+     * @return {Promise} Promise that resolves once the navigation is completed or aborted.
      */
     function navigate(href: string, options?: {
         force?: boolean;
         html?: string;
         replace?: boolean;
         timeout?: number;
+        loadingAnimation?: boolean;
+        screenReaderAnnouncement?: boolean;
     }): Promise<any>;
     /**
      * Prefetchs the page with the passed URL.

package/build-types/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"~~;;IAqFE;;;;;;;;;;;;;;;;;;;;;;OAsBG~~;IACH~~;;;;;qBA8BC~~;IAED;;;;;;;;;;;OAWG;IACH;;;~~aAKC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;IA+GE;;;;;;;;;;;;;;;;;OAiBG;IACH;;;;;;;qBA8EC;IAED;;;;;;;;;;;OAWG;IACH;;;aAQC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/interactivity-router",
-	"version": "1.0.0",
+	"version": "1.1.0",
 	"description": "Package that exposes state and actions from the `core/router` store, part of the Interactivity API.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -26,10 +26,10 @@
 	"react-native": "src/index",
 	"types": "build-types",
 	"dependencies": {
-		"@wordpress/interactivity": "^4.0.0"
+		"@wordpress/interactivity": "^5.0.0"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "45de2cb4212fed7f2763e95f10300d1ff9d0ec08"
+	"gitHead": "eb796371e9630636a4a8837033807b0c4a06ed67"
 }

package/src/index.js CHANGED Viewed

@@ -1,20 +1,19 @@
 /**
  * WordPress dependencies
  */
-import {
-	render,
-	directivePrefix,
-	toVdom,
-	getRegionRootFragment,
-	store,
-} from '@wordpress/interactivity';
+import { store, privateApis, getConfig } from '@wordpress/interactivity';
+const { directivePrefix, getRegionRootFragment, initialVdom, toVdom, render } =
+	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.
 const pages = new Map();
 // Helper to remove domain and hash from the URL. We are only interesting in
 // caching the path and the query.
-const cleanUrl = ( url ) => {
+const getPagePath = ( url ) => {
 	const u = new URL( url, window.location );
 	return u.pathname + u.search;
 };
@@ -36,12 +35,14 @@ const fetchPage = async ( url, { html } ) => {
 // Return an object with VDOM trees of those HTML regions marked with a
 // `router-region` directive.
-const regionsToVdom = ( dom ) => {
+const regionsToVdom = ( dom, { vdom } = {} ) => {
 	const regions = {};
 	const attrName = `data-${ directivePrefix }-router-region`;
 	dom.querySelectorAll( `[${ attrName }]` ).forEach( ( region ) => {
 		const id = region.getAttribute( attrName );
-		regions[ id ] = toVdom( region );
+		regions[ id ] = vdom?.has( region )
+			? vdom.get( region )
+			: toVdom( region );
 	} );
 	const title = dom.querySelector( 'title' )?.innerText;
 	return { regions, title };
@@ -60,28 +61,53 @@ const renderRegions = ( page ) => {
 	}
 };
-// Variable to store the current navigation.
-let navigatingTo = '';
+/**
+ * Load the given page forcing a full page reload.
+ *
+ * The function returns a promise that won't resolve, useful to prevent any
+ * potential feedback indicating that the navigation has finished while the new
+ * page is being loaded.
+ *
+ * @param {string} href The page href.
+ * @return {Promise} Promise that never resolves.
+ */
+const forcePageReload = ( href ) => {
+	window.location.assign( href );
+	return new Promise( () => {} );
+};
 // Listen to the back and forward buttons and restore the page if it's in the
 // cache.
 window.addEventListener( 'popstate', async () => {
-	const url = cleanUrl( window.location ); // Remove hash.
-	const page = pages.has( url ) && ( await pages.get( url ) );
+	const pagePath = getPagePath( window.location ); // Remove hash.
+	const page = pages.has( pagePath ) && ( await pages.get( pagePath ) );
 	if ( page ) {
 		renderRegions( page );
+		// Update the URL in the state.
+		state.url = window.location.href;
 	} else {
 		window.location.reload();
 	}
 } );
-// Cache the current regions.
+// Cache the initial page using the intially parsed vDOM.
 pages.set(
-	cleanUrl( window.location ),
-	Promise.resolve( regionsToVdom( document ) )
+	getPagePath( window.location ),
+	Promise.resolve( regionsToVdom( document, { vdom: initialVdom } ) )
 );
+// Variable to store the current navigation.
+let navigatingTo = '';
 export const { state, actions } = store( 'core/router', {
+	state: {
+		url: window.location.href,
+		navigation: {
+			hasStarted: false,
+			hasFinished: false,
+			texts: {},
+		},
+	},
 	actions: {
 		/**
 		 * Navigates to the specified page.
@@ -90,38 +116,61 @@ export const { state, actions } = store( 'core/router', {
 		 * needed, and updates any interactive regions whose contents have
 		 * changed. It also creates a new entry in the browser session history.
 		 *
-		 * @param {string}  href              The page href.
-		 * @param {Object}  [options]         Options object.
-		 * @param {boolean} [options.force]   If true, it forces re-fetching the
-		 *                                    URL.
-		 * @param {string}  [options.html]    HTML string to be used instead of
-		 *                                    fetching the requested URL.
-		 * @param {boolean} [options.replace] If true, it replaces the current
-		 *                                    entry in the browser session
-		 *                                    history.
-		 * @param {number}  [options.timeout] Time until the navigation is
-		 *                                    aborted, in milliseconds. Default
-		 *                                    is 10000.
+		 * @param {string}  href                               The page href.
+		 * @param {Object}  [options]                          Options object.
+		 * @param {boolean} [options.force]                    If true, it forces re-fetching the URL.
+		 * @param {string}  [options.html]                     HTML string to be used instead of fetching the requested URL.
+		 * @param {boolean} [options.replace]                  If true, it replaces the current entry in the browser session history.
+		 * @param {number}  [options.timeout]                  Time until the navigation is aborted, in milliseconds. Default is 10000.
+		 * @param {boolean} [options.loadingAnimation]         Whether an animation should be shown while navigating. Default to `true`.
+		 * @param {boolean} [options.screenReaderAnnouncement] Whether a message for screen readers should be announced while navigating. Default to `true`.
 		 *
-		 * @return {Promise} Promise that resolves once the navigation is
-		 *                   completed or aborted.
+		 * @return {Promise} Promise that resolves once the navigation is completed or aborted.
 		 */
 		*navigate( href, options = {} ) {
-			const url = cleanUrl( href );
+			const { clientNavigationDisabled } = getConfig();
+			if ( clientNavigationDisabled ) {
+				yield forcePageReload( href );
+			}
+			const pagePath = getPagePath( href );
+			const { navigation } = state;
+			const {
+				loadingAnimation = true,
+				screenReaderAnnouncement = true,
+				timeout = 10000,
+			} = options;
 			navigatingTo = href;
-			actions.prefetch( url, options );
+			actions.prefetch( pagePath, options );
 			// Create a promise that resolves when the specified timeout ends.
 			// The timeout value is 10 seconds by default.
 			const timeoutPromise = new Promise( ( resolve ) =>
-				setTimeout( resolve, options.timeout ?? 10000 )
+				setTimeout( resolve, timeout )
 			);
+			// Don't update the navigation status immediately, wait 400 ms.
+			const loadingTimeout = setTimeout( () => {
+				if ( navigatingTo !== href ) return;
+				if ( loadingAnimation ) {
+					navigation.hasStarted = true;
+					navigation.hasFinished = false;
+				}
+				if ( screenReaderAnnouncement ) {
+					navigation.message = navigation.texts.loading;
+				}
+			}, 400 );
 			const page = yield Promise.race( [
-				pages.get( url ),
+				pages.get( pagePath ),
 				timeoutPromise,
 			] );
+			// Dismiss loading message if it hasn't been added yet.
+			clearTimeout( loadingTimeout );
 			// 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.
@@ -132,9 +181,29 @@ export const { state, actions } = store( 'core/router', {
 				window.history[
 					options.replace ? 'replaceState' : 'pushState'
 				]( {}, '', href );
+				// Update the URL in the state.
+				state.url = href;
+				// Update the navigation status once the the new page rendering
+				// has been completed.
+				if ( loadingAnimation ) {
+					navigation.hasStarted = false;
+					navigation.hasFinished = true;
+				}
+				if ( screenReaderAnnouncement ) {
+					// Announce that the page has been loaded. If the message is the
+					// same, we use a no-break space similar to the @wordpress/a11y
+					// 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'
+							: '' );
+				}
 			} else {
-				window.location.assign( href );
-				yield new Promise( () => {} );
+				yield forcePageReload( href );
 			}
 		},
@@ -151,9 +220,12 @@ export const { state, actions } = store( 'core/router', {
 		 *                                  fetching the requested URL.
 		 */
 		prefetch( url, options = {} ) {
-			url = cleanUrl( url );
-			if ( options.force || ! pages.has( url ) ) {
-				pages.set( url, fetchPage( url, options ) );
+			const { clientNavigationDisabled } = getConfig();
+			if ( clientNavigationDisabled ) return;
+			const pagePath = getPagePath( url );
+			if ( options.force || ! pages.has( pagePath ) ) {
+				pages.set( pagePath, fetchPage( pagePath, options ) );
 			}
 		},
 	},

package/tsconfig.tsbuildinfo CHANGED Viewed

	@@ -1 +1 @@
1	- {"program":{"fileNames":["../../node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/typescript/lib/lib.es2020.d.ts","../../node_modules/typescript/lib/lib.es2021.d.ts","../../node_modules/typescript/lib/lib.es2022.d.ts","../../node_modules/typescript/lib/lib.es2023.d.ts","../../node_modules/typescript/lib/lib.esnext.d.ts","../../node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../node_modules/typescript/lib/lib.es2021.promise.d.ts","../../node_modules/typescript/lib/lib.es2021.string.d.ts","../../node_modules/typescript/lib/lib.es2021.weakref.d.ts","../../node_modules/typescript/lib/lib.es2021.intl.d.ts","../../node_modules/typescript/lib/lib.es2022.array.d.ts","../../node_modules/typescript/lib/lib.es2022.error.d.ts","../../node_modules/typescript/lib/lib.es2022.intl.d.ts","../../node_modules/typescript/lib/lib.es2022.object.d.ts","../../node_modules/typescript/lib/lib.es2022.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2022.string.d.ts","../../node_modules/typescript/lib/lib.es2022.regexp.d.ts","../../node_modules/typescript/lib/lib.es2023.array.d.ts","../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../interactivity/build-types/store.d.ts","../interactivity/build-types/constants.d.ts","../interactivity/build-types/vdom.d.ts","../interactivity/build-types/init.d.ts","../../node_modules/@preact/signals-core/dist/signals-core.d.ts","../interactivity/node_modules/deepsignal/dist/deepsignal.d.ts","../interactivity/node_modules/preact/src/jsx.d.ts","../interactivity/node_modules/preact/src/index.d.ts","../interactivity/build-types/hooks.d.ts","../interactivity/build-types/utils.d.ts","../interactivity/node_modules/preact/hooks/src/index.d.ts","../interactivity/build-types/index.d.ts","./src/index.js"],"fileInfos":[{"version":"f59215c5f1d886b05395ee7aca73e0ac69ddfad2843aa88530e797879d511bad","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","dc48272d7c333ccf58034c0026162576b7d50ea0e69c3b9292f803fc20720fd5","27147504487dc1159369da4f4da8a26406364624fa9bc3db632f7d94a5bae2c3","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","feecb1be483ed332fad555aff858affd90a48ab19ba7272ee084704eb7167569","5514e54f17d6d74ecefedc73c504eadffdeda79c7ea205cf9febead32d45c4bc","f4e736d6c8d69ae5b3ab0ddfcaa3dc365c3e76909d6660af5b4e979b3934ac20","eeeb3aca31fbadef8b82502484499dfd1757204799a6f5b33116201c810676ec",{"version":"3dda5344576193a4ae48b8d03f105c86f20b2f2aff0a1d1fd7935f5d68649654","affectsGlobalScope":true},{"version":"9d9885c728913c1d16e0d2831b40341d6ad9a0ceecaabc55209b306ad9c736a5","affectsGlobalScope":true},{"version":"17bea081b9c0541f39dd1ae9bc8c78bdd561879a682e60e2f25f688c0ecab248","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"ab22100fdd0d24cfc2cc59d0a00fc8cf449830d9c4030dc54390a46bd562e929","affectsGlobalScope":true},{"version":"f7bd636ae3a4623c503359ada74510c4005df5b36de7f23e1db8a5c543fd176b","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"0c20f4d2358eb679e4ae8a4432bdd96c857a2960fd6800b21ec4008ec59d60ea","affectsGlobalScope":true},{"version":"36ae84ccc0633f7c0787bc6108386c8b773e95d3b052d9464a99cd9b8795fbec","affectsGlobalScope":true},{"version":"82d0d8e269b9eeac02c3bd1c9e884e85d483fcb2cd168bccd6bc54df663da031","affectsGlobalScope":true},{"version":"b8deab98702588840be73d67f02412a2d45a417a3c097b2e96f7f3a42ac483d1","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"376d554d042fb409cb55b5cbaf0b2b4b7e669619493c5d18d5fa8bd67273f82a","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"c4138a3dd7cd6cf1f363ca0f905554e8d81b45844feea17786cdf1626cb8ea06","affectsGlobalScope":true},{"version":"6ff3e2452b055d8f0ec026511c6582b55d935675af67cdb67dd1dc671e8065df","affectsGlobalScope":true},{"version":"03de17b810f426a2f47396b0b99b53a82c1b60e9cba7a7edda47f9bb077882f4","affectsGlobalScope":true},{"version":"8184c6ddf48f0c98429326b428478ecc6143c27f79b79e85740f17e6feb090f1","affectsGlobalScope":true},{"version":"261c4d2cf86ac5a89ad3fb3fafed74cbb6f2f7c1d139b0540933df567d64a6ca","affectsGlobalScope":true},{"version":"6af1425e9973f4924fca986636ac19a0cf9909a7e0d9d3009c349e6244e957b6","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"15a630d6817718a2ddd7088c4f83e4673fde19fa992d2eae2cf51132a302a5d3","affectsGlobalScope":true},{"version":"f06948deb2a51aae25184561c9640fb66afeddb34531a9212d011792b1d19e0a","affectsGlobalScope":true},{"version":"01e0ee7e1f661acedb08b51f8a9b7d7f959e9cdb6441360f06522cc3aea1bf2e","affectsGlobalScope":true},{"version":"ac17a97f816d53d9dd79b0d235e1c0ed54a8cc6a0677e9a3d61efb480b2a3e4e","affectsGlobalScope":true},{"version":"bf14a426dbbf1022d11bd08d6b8e709a2e9d246f0c6c1032f3b2edb9a902adbe","affectsGlobalScope":true},{"version":"ec0104fee478075cb5171e5f4e3f23add8e02d845ae0165bfa3f1099241fa2aa","affectsGlobalScope":true},{"version":"2b72d528b2e2fe3c57889ca7baef5e13a56c957b946906d03767c642f386bbc3","affectsGlobalScope":true},{"version":"9cc66b0513ad41cb5f5372cca86ef83a0d37d1c1017580b7dace3ea5661836df","affectsGlobalScope":true},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true},{"version":"709efdae0cb5df5f49376cde61daacc95cdd44ae4671da13a540da5088bf3f30","affectsGlobalScope":true},{"version":"995c005ab91a498455ea8dfb63aa9f83fa2ea793c3d8aa344be4a1678d06d399","affectsGlobalScope":true},{"version":"61ed9b6d07af959e745fb11f9593ecd743b279418cc8a99448ea3cd5f3b3eb22","affectsGlobalScope":true},{"version":"038a2f66a34ee7a9c2fbc3584c8ab43dff2995f8c68e3f566f4c300d2175e31e","affectsGlobalScope":true},{"version":"4fa6ed14e98aa80b91f61b9805c653ee82af3502dc21c9da5268d3857772ca05","affectsGlobalScope":true},{"version":"f5c92f2c27b06c1a41b88f6db8299205aee52c2a2943f7ed29bd585977f254e8","affectsGlobalScope":true},{"version":"930b0e15811f84e203d3c23508674d5ded88266df4b10abee7b31b2ac77632d2","affectsGlobalScope":true},{"version":"8444af78980e3b20b49324f4a16ba35024fef3ee069a0eb67616ea6ca821c47a","affectsGlobalScope":true},{"version":"b9ea5778ff8b50d7c04c9890170db34c26a5358cccba36844fe319f50a43a61a","affectsGlobalScope":true},{"version":"3287d9d085fbd618c3971944b65b4be57859f5415f495b33a6adc994edd2f004","affectsGlobalScope":true},{"version":"50d53ccd31f6667aff66e3d62adf948879a3a16f05d89882d1188084ee415bbc","affectsGlobalScope":true},{"version":"25de46552b782d43cb7284df22fe2a265de387cf0248b747a7a1b647d81861f6","affectsGlobalScope":true},{"version":"307c8b7ebbd7f23a92b73a4c6c0a697beca05b06b036c23a34553e5fe65e4fdc","affectsGlobalScope":true},{"version":"189c0703923150aa30673fa3de411346d727cc44a11c75d05d7cf9ef095daa22","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"6115a21cd7d4c5febe505788258735ef3724a23a059ba654a4224089118af21b","8f761f6b43e4dddc4ad37bb18731c43230b93ee7622eaa6de05dd8ab13312265","460cc6a2fddd9fc792a8ab6e3a8b9ac966e42116df530ca91cb1063d992aa697","590d4b7df88872c8e48fab3c125308f1cdf5afd972126e1225a0623852bd220d","a03597e01b6506c238ec0e0de7f4df46f63c29bac200a0f01ef1e9ba858d9881","7f3b868338902dfe19d96d55944f6da8414a3fbcb9e597e3b3846eeb4f788555","290ae21b816c4ed479be7a08a86d99afcc2d200028ecdcf437f1776dfc94ed68","5ff856251ae237dbc86c112d2ef1060eebda755c708a1361904abfbb6fc6ea96","138cba0048b5a60a1021e299e75a750075282b471daf740c537b39d6a7b838e9","a96a67c9f461daf8ca9f0ce8e7dc136b2e181aa8c860be1662a9ae448f2e2cbb","414c9c77766f65ad0b2f005f8cca243df26eebe8a07ee58520365c7df060d37e","60f8f0f47b5b70e31ab228326a8f791359d0f56db0d8c90530023a991c78e2ff",{"version":"0aa3e79b0fa08d987c7658684e84ff6fd7baed02caaf9e79d7d86a9a333e99ff","signature":"4657f705833f2807d7cc1193031d0c3b7ea21a45a47f1ad4cffe9abb15a8fa93"}],"root":[73],"options":{"allowSyntheticDefaultImports":true,"composite":true,"declaration":true,"declarationDir":"./build-types","declarationMap":true,"emitDeclarationOnly":true,"esModuleInterop":false,"jsx":1,"module":99,"noFallthroughCasesInSwitch":true,"noImplicitReturns":true,"noUnusedLocals":true,"noUnusedParameters":true,"rootDir":"./src","strict":false,"target":99},"fileIdsList":[[72],[68],[61,62,63,64,66,68,69,70,71],[65],[67]],"referencedMap":[[73,1],[69,2],[72,3],[66,4],[71,2],[68,5],[67,2]],"exportedModulesMap":[[69,2],[72,3],[66,4],[71,2],[68,5],[67,2]],"semanticDiagnosticsPerFile":[65,59,60,12,14,13,2,15,16,17,18,19,20,21,22,3,4,26,23,24,25,27,28,29,5,30,31,32,33,6,37,34,35,36,38,7,39,44,45,40,41,42,43,8,49,46,47,48,50,9,51,52,53,56,54,55,57,10,1,11,58,73,62,69,72,64,61,70,63,66,71,68,67],"latestChangedDtsFile":"./build-types/index.d.ts"},"version":"5.1.6"}
1	+ {"program":{"fileNames":["../../node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/typescript/lib/lib.es2020.d.ts","../../node_modules/typescript/lib/lib.es2021.d.ts","../../node_modules/typescript/lib/lib.es2022.d.ts","../../node_modules/typescript/lib/lib.es2023.d.ts","../../node_modules/typescript/lib/lib.esnext.d.ts","../../node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../node_modules/typescript/lib/lib.es2021.promise.d.ts","../../node_modules/typescript/lib/lib.es2021.string.d.ts","../../node_modules/typescript/lib/lib.es2021.weakref.d.ts","../../node_modules/typescript/lib/lib.es2021.intl.d.ts","../../node_modules/typescript/lib/lib.es2022.array.d.ts","../../node_modules/typescript/lib/lib.es2022.error.d.ts","../../node_modules/typescript/lib/lib.es2022.intl.d.ts","../../node_modules/typescript/lib/lib.es2022.object.d.ts","../../node_modules/typescript/lib/lib.es2022.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2022.string.d.ts","../../node_modules/typescript/lib/lib.es2022.regexp.d.ts","../../node_modules/typescript/lib/lib.es2023.array.d.ts","../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../interactivity/build-types/store.d.ts","../interactivity/node_modules/preact/src/jsx.d.ts","../interactivity/node_modules/preact/src/index.d.ts","../interactivity/build-types/hooks.d.ts","../interactivity/build-types/utils.d.ts","../interactivity/node_modules/preact/hooks/src/index.d.ts","../interactivity/build-types/index.d.ts","./src/index.js"],"fileInfos":[{"version":"f59215c5f1d886b05395ee7aca73e0ac69ddfad2843aa88530e797879d511bad","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","dc48272d7c333ccf58034c0026162576b7d50ea0e69c3b9292f803fc20720fd5","27147504487dc1159369da4f4da8a26406364624fa9bc3db632f7d94a5bae2c3","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","feecb1be483ed332fad555aff858affd90a48ab19ba7272ee084704eb7167569","5514e54f17d6d74ecefedc73c504eadffdeda79c7ea205cf9febead32d45c4bc","f4e736d6c8d69ae5b3ab0ddfcaa3dc365c3e76909d6660af5b4e979b3934ac20","eeeb3aca31fbadef8b82502484499dfd1757204799a6f5b33116201c810676ec",{"version":"3dda5344576193a4ae48b8d03f105c86f20b2f2aff0a1d1fd7935f5d68649654","affectsGlobalScope":true},{"version":"9d9885c728913c1d16e0d2831b40341d6ad9a0ceecaabc55209b306ad9c736a5","affectsGlobalScope":true},{"version":"17bea081b9c0541f39dd1ae9bc8c78bdd561879a682e60e2f25f688c0ecab248","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"ab22100fdd0d24cfc2cc59d0a00fc8cf449830d9c4030dc54390a46bd562e929","affectsGlobalScope":true},{"version":"f7bd636ae3a4623c503359ada74510c4005df5b36de7f23e1db8a5c543fd176b","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"0c20f4d2358eb679e4ae8a4432bdd96c857a2960fd6800b21ec4008ec59d60ea","affectsGlobalScope":true},{"version":"36ae84ccc0633f7c0787bc6108386c8b773e95d3b052d9464a99cd9b8795fbec","affectsGlobalScope":true},{"version":"82d0d8e269b9eeac02c3bd1c9e884e85d483fcb2cd168bccd6bc54df663da031","affectsGlobalScope":true},{"version":"b8deab98702588840be73d67f02412a2d45a417a3c097b2e96f7f3a42ac483d1","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"376d554d042fb409cb55b5cbaf0b2b4b7e669619493c5d18d5fa8bd67273f82a","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"c4138a3dd7cd6cf1f363ca0f905554e8d81b45844feea17786cdf1626cb8ea06","affectsGlobalScope":true},{"version":"6ff3e2452b055d8f0ec026511c6582b55d935675af67cdb67dd1dc671e8065df","affectsGlobalScope":true},{"version":"03de17b810f426a2f47396b0b99b53a82c1b60e9cba7a7edda47f9bb077882f4","affectsGlobalScope":true},{"version":"8184c6ddf48f0c98429326b428478ecc6143c27f79b79e85740f17e6feb090f1","affectsGlobalScope":true},{"version":"261c4d2cf86ac5a89ad3fb3fafed74cbb6f2f7c1d139b0540933df567d64a6ca","affectsGlobalScope":true},{"version":"6af1425e9973f4924fca986636ac19a0cf9909a7e0d9d3009c349e6244e957b6","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"15a630d6817718a2ddd7088c4f83e4673fde19fa992d2eae2cf51132a302a5d3","affectsGlobalScope":true},{"version":"f06948deb2a51aae25184561c9640fb66afeddb34531a9212d011792b1d19e0a","affectsGlobalScope":true},{"version":"01e0ee7e1f661acedb08b51f8a9b7d7f959e9cdb6441360f06522cc3aea1bf2e","affectsGlobalScope":true},{"version":"ac17a97f816d53d9dd79b0d235e1c0ed54a8cc6a0677e9a3d61efb480b2a3e4e","affectsGlobalScope":true},{"version":"bf14a426dbbf1022d11bd08d6b8e709a2e9d246f0c6c1032f3b2edb9a902adbe","affectsGlobalScope":true},{"version":"ec0104fee478075cb5171e5f4e3f23add8e02d845ae0165bfa3f1099241fa2aa","affectsGlobalScope":true},{"version":"2b72d528b2e2fe3c57889ca7baef5e13a56c957b946906d03767c642f386bbc3","affectsGlobalScope":true},{"version":"9cc66b0513ad41cb5f5372cca86ef83a0d37d1c1017580b7dace3ea5661836df","affectsGlobalScope":true},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true},{"version":"709efdae0cb5df5f49376cde61daacc95cdd44ae4671da13a540da5088bf3f30","affectsGlobalScope":true},{"version":"995c005ab91a498455ea8dfb63aa9f83fa2ea793c3d8aa344be4a1678d06d399","affectsGlobalScope":true},{"version":"61ed9b6d07af959e745fb11f9593ecd743b279418cc8a99448ea3cd5f3b3eb22","affectsGlobalScope":true},{"version":"038a2f66a34ee7a9c2fbc3584c8ab43dff2995f8c68e3f566f4c300d2175e31e","affectsGlobalScope":true},{"version":"4fa6ed14e98aa80b91f61b9805c653ee82af3502dc21c9da5268d3857772ca05","affectsGlobalScope":true},{"version":"f5c92f2c27b06c1a41b88f6db8299205aee52c2a2943f7ed29bd585977f254e8","affectsGlobalScope":true},{"version":"930b0e15811f84e203d3c23508674d5ded88266df4b10abee7b31b2ac77632d2","affectsGlobalScope":true},{"version":"8444af78980e3b20b49324f4a16ba35024fef3ee069a0eb67616ea6ca821c47a","affectsGlobalScope":true},{"version":"b9ea5778ff8b50d7c04c9890170db34c26a5358cccba36844fe319f50a43a61a","affectsGlobalScope":true},{"version":"3287d9d085fbd618c3971944b65b4be57859f5415f495b33a6adc994edd2f004","affectsGlobalScope":true},{"version":"50d53ccd31f6667aff66e3d62adf948879a3a16f05d89882d1188084ee415bbc","affectsGlobalScope":true},{"version":"25de46552b782d43cb7284df22fe2a265de387cf0248b747a7a1b647d81861f6","affectsGlobalScope":true},{"version":"307c8b7ebbd7f23a92b73a4c6c0a697beca05b06b036c23a34553e5fe65e4fdc","affectsGlobalScope":true},{"version":"189c0703923150aa30673fa3de411346d727cc44a11c75d05d7cf9ef095daa22","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"9ec4f90724e0c763c2afbd7c7c2f3bed683668f204db871fab3e2597d8bd203e","290ae21b816c4ed479be7a08a86d99afcc2d200028ecdcf437f1776dfc94ed68","5ff856251ae237dbc86c112d2ef1060eebda755c708a1361904abfbb6fc6ea96","24e8237a29b16509f6eed9c57dd302ddc68c1e1d2031875a084811601c1c6e86","a96a67c9f461daf8ca9f0ce8e7dc136b2e181aa8c860be1662a9ae448f2e2cbb","414c9c77766f65ad0b2f005f8cca243df26eebe8a07ee58520365c7df060d37e","e52b70bda56de06a28c06416f83d16375020082eea0afab3e3b266ad17af6e7a",{"version":"5419e46a7392c2c5e19fb2405f6319271ec6970ccf9cd5283620567b7fff52b9","signature":"a9323b72027425cfd3602300bbf1645f8a554ea548917c6419f6ca353674f97c"}],"root":[68],"options":{"allowSyntheticDefaultImports":true,"composite":true,"declaration":true,"declarationDir":"./build-types","declarationMap":true,"emitDeclarationOnly":true,"esModuleInterop":false,"jsx":1,"module":99,"noFallthroughCasesInSwitch":true,"noImplicitReturns":true,"noUnusedLocals":true,"noUnusedParameters":true,"rootDir":"./src","strict":false,"target":99},"fileIdsList":[[67],[63],[61,64,65,66],[62]],"referencedMap":[[68,1],[64,2],[67,3],[66,2],[63,4],[62,2]],"exportedModulesMap":[[64,2],[67,3],[66,2],[63,4],[62,2]],"semanticDiagnosticsPerFile":[59,60,12,14,13,2,15,16,17,18,19,20,21,22,3,4,26,23,24,25,27,28,29,5,30,31,32,33,6,37,34,35,36,38,7,39,44,45,40,41,42,43,8,49,46,47,48,50,9,51,52,53,56,54,55,57,10,1,11,58,68,64,67,61,65,66,63,62],"latestChangedDtsFile":"./build-types/index.d.ts"},"version":"5.1.6"}