@wordpress/interactivity-router 2.39.2-next.v.202602111440.0 → 2.40.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.
- package/CHANGELOG.md +6 -3
- package/README.md +0 -10
- package/build/index.cjs +23 -6
- package/build/index.cjs.map +2 -2
- package/build-module/index.mjs +23 -6
- package/build-module/index.mjs.map +2 -2
- package/build-types/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/index.ts +25 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
## Unreleased
|
|
4
4
|
|
|
5
|
-
## 2.
|
|
5
|
+
## 2.40.0 (2026-02-18)
|
|
6
|
+
|
|
7
|
+
### Deprecations
|
|
8
|
+
|
|
9
|
+
- Move `state.navigation.hasStarted` and `state.navigation.hasFinished` to a private store and deprecate direct access from the public `core/router` store. ([#70882](https://github.com/WordPress/gutenberg/pull/70882))
|
|
6
10
|
|
|
7
11
|
### Bug Fixes
|
|
8
12
|
|
|
@@ -43,8 +47,7 @@
|
|
|
43
47
|
|
|
44
48
|
- Preserve `media` attribute on intial style sheets after client-side navigation. ([70668](https://github.com/WordPress/gutenberg/pull/70668))
|
|
45
49
|
|
|
46
|
-
-
|
|
47
|
-
|
|
50
|
+
- Ignores `<noscript>` elements while preparing DOM. ([70905](https://github.com/WordPress/gutenberg/pull/70905))
|
|
48
51
|
|
|
49
52
|
## 2.26.0 (2025-06-25)
|
|
50
53
|
|
package/README.md
CHANGED
|
@@ -45,15 +45,6 @@ When loaded, this package [adds the following state and actions](https://github.
|
|
|
45
45
|
const { state, actions } = store( 'core/router', {
|
|
46
46
|
state: {
|
|
47
47
|
url: window.location.href,
|
|
48
|
-
navigation: {
|
|
49
|
-
hasStarted: false,
|
|
50
|
-
hasFinished: false,
|
|
51
|
-
texts: {
|
|
52
|
-
loading: '',
|
|
53
|
-
loaded: '',
|
|
54
|
-
},
|
|
55
|
-
message: '',
|
|
56
|
-
},
|
|
57
48
|
},
|
|
58
49
|
actions: {
|
|
59
50
|
*navigate(href, options) {...},
|
|
@@ -157,7 +148,6 @@ prefetch( url: string, options: PrefetchOptions = {} )
|
|
|
157
148
|
### State
|
|
158
149
|
|
|
159
150
|
`state.url` is a reactive property synchronized with the current URL.
|
|
160
|
-
Properties under `state.navigation` are meant for loading bar animations.
|
|
161
151
|
|
|
162
152
|
## Installation
|
|
163
153
|
|
package/build/index.cjs
CHANGED
|
@@ -46,7 +46,8 @@ var {
|
|
|
46
46
|
batch,
|
|
47
47
|
routerRegions,
|
|
48
48
|
h: createElement,
|
|
49
|
-
navigationSignal
|
|
49
|
+
navigationSignal,
|
|
50
|
+
warn
|
|
50
51
|
} = (0, import_interactivity.privateApis)(
|
|
51
52
|
"I acknowledge that using private APIs means my theme or plugin will inevitably break in the next version of WordPress."
|
|
52
53
|
);
|
|
@@ -219,12 +220,27 @@ var navigationTexts = {
|
|
|
219
220
|
loading: "Loading page, please wait.",
|
|
220
221
|
loaded: "Page Loaded."
|
|
221
222
|
};
|
|
223
|
+
var { state: privateState } = (0, import_interactivity.store)(
|
|
224
|
+
"core/router/private",
|
|
225
|
+
{
|
|
226
|
+
state: {
|
|
227
|
+
navigation: {
|
|
228
|
+
hasStarted: false,
|
|
229
|
+
hasFinished: false
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
},
|
|
233
|
+
{ lock: true }
|
|
234
|
+
);
|
|
222
235
|
var { state, actions } = (0, import_interactivity.store)("core/router", {
|
|
223
236
|
state: {
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
237
|
+
get navigation() {
|
|
238
|
+
if (globalThis.SCRIPT_DEBUG) {
|
|
239
|
+
warn(
|
|
240
|
+
`The usage of state.navigation.{hasStarted|hasFinished} from core/router is deprecated and will stop working in WordPress 7.1.`
|
|
241
|
+
);
|
|
242
|
+
}
|
|
243
|
+
return privateState.navigation;
|
|
228
244
|
}
|
|
229
245
|
},
|
|
230
246
|
actions: {
|
|
@@ -252,7 +268,7 @@ var { state, actions } = (0, import_interactivity.store)("core/router", {
|
|
|
252
268
|
yield forcePageReload(href);
|
|
253
269
|
}
|
|
254
270
|
const pagePath = getPagePath(href);
|
|
255
|
-
const { navigation } =
|
|
271
|
+
const { navigation } = privateState;
|
|
256
272
|
const {
|
|
257
273
|
loadingAnimation = true,
|
|
258
274
|
screenReaderAnnouncement = true,
|
|
@@ -334,6 +350,7 @@ var { state, actions } = (0, import_interactivity.store)("core/router", {
|
|
|
334
350
|
}
|
|
335
351
|
}
|
|
336
352
|
});
|
|
353
|
+
state.url = state.url || window.location.href;
|
|
337
354
|
function a11ySpeak(messageKey) {
|
|
338
355
|
if (!hasLoadedNavigationTextsData) {
|
|
339
356
|
hasLoadedNavigationTextsData = true;
|
package/build/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store, privateApis, getConfig } from '@wordpress/interactivity';\n\n/**\n * Internal dependencies\n */\nimport { preloadStyles, applyStyles, type StyleElement } from './assets/styles';\nimport {\n\tpreloadScriptModules,\n\timportScriptModules,\n\tmarkScriptModuleAsResolved,\n\ttype ScriptModuleLoad,\n} from './assets/script-modules';\n\nconst {\n\tgetRegionRootFragment,\n\tinitialVdom,\n\ttoVdom,\n\trender,\n\tparseServerData,\n\tpopulateServerData,\n\tbatch,\n\trouterRegions,\n\th: createElement,\n\tnavigationSignal,\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\nconst regionAttr = `data-wp-router-region`;\nconst interactiveAttr = `data-wp-interactive`;\nconst regionsSelector = `[${ interactiveAttr }][${ regionAttr }], [${ interactiveAttr }] [${ interactiveAttr }][${ regionAttr }]`;\n\nexport interface NavigateOptions {\n\tforce?: boolean;\n\thtml?: string;\n\treplace?: boolean;\n\ttimeout?: number;\n\tloadingAnimation?: boolean;\n\tscreenReaderAnnouncement?: boolean;\n}\n\nexport interface PrefetchOptions {\n\tforce?: boolean;\n\thtml?: string;\n}\n\ninterface VdomParams {\n\tvdom?: typeof initialVdom;\n}\n\ninterface Page {\n\turl: string;\n\tregions: Record< string, any >;\n\tregionsToAttach: Record< string, string >;\n\tstyles: StyleElement[];\n\tscriptModules: ScriptModuleLoad[];\n\ttitle: string;\n\tinitialData: any;\n}\n\ntype PreparePage = (\n\turl: string,\n\tdom: Document,\n\tparams?: VdomParams\n) => Promise< Page >;\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/**\n * Parses the given region's directive.\n *\n * @param region Region element.\n * @return Data contained in the region directive value.\n */\nconst parseRegionAttribute = ( region: Element ) => {\n\tconst value = region.getAttribute( regionAttr );\n\ttry {\n\t\tconst { id, attachTo } = JSON.parse( value );\n\t\treturn { id, attachTo };\n\t} catch ( e ) {\n\t\treturn { id: value };\n\t}\n};\n\n/**\n * Clones the content of the router region vDOM passed as argument.\n *\n * The function creates a new VNode instance removing all priority levels up to\n * the one containing the router-region directive, which should have evaluated\n * in advance.\n *\n * @param vdom A router region's VNode.\n * @return The VNode for the passed router region's content.\n */\nconst cloneRouterRegionContent = ( vdom: any ) => {\n\tif ( ! vdom ) {\n\t\treturn vdom;\n\t}\n\tconst allPriorityLevels: string[][] = vdom.props.priorityLevels;\n\tconst routerRegionLevel = allPriorityLevels.findIndex( ( level ) =>\n\t\tlevel.includes( 'router-region' )\n\t);\n\tconst priorityLevels =\n\t\trouterRegionLevel !== -1\n\t\t\t? allPriorityLevels.slice( routerRegionLevel + 1 )\n\t\t\t: allPriorityLevels;\n\n\treturn priorityLevels.length > 0\n\t\t? createElement( vdom.type, {\n\t\t\t\t...vdom.props,\n\t\t\t\tpriorityLevels,\n\t\t } )\n\t\t: vdom.props.element;\n};\n\n/**\n * IDs of router regions with an `attachTo` property pointing to the same parent\n * element.\n */\nconst regionsToAttachByParent = new WeakMap< Element, string[] >();\n\n/**\n * Map of root fragments by parent element, used to render router regions with\n * the `attachTo` property. Those elements with the same parent are rendered\n * together in the corresponding root fragment.\n */\nconst rootFragmentsByParent = new WeakMap< Element, any >();\n\n/**\n * Set of router regions using the `attachTo` property that are present in the\n * initial page.\n *\n * These regions should be treated as regular regions without the `attachTo`\n * attribute as they don't need to be appended; they are already in the HTML.\n */\nconst initialRegionsToAttach = new Set< string >();\n\n/**\n * Fetches and prepares a page from a given URL.\n *\n * @param url The URL of the page to fetch.\n * @param options Options for the fetch operation.\n * @param options.html Optional HTML content. If provided, the function will use\n * this instead of fetching from the URL.\n * @return A Promise that resolves to the prepared page, or false if\n * there was an error during fetching or preparation.\n */\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 await preparePage( url, dom );\n\t} catch ( e ) {\n\t\treturn false;\n\t}\n};\n\n/**\n * Processes a DOM document to extract router regions and related resources.\n *\n * This function analyzes the provided DOM document and creates a virtual DOM\n * representation of all HTML regions marked with a `router-region` directive.\n * It also extracts and preloads associated styles and scripts to prepare for\n * rendering the page.\n *\n * @param url The URL associated with the page, used for asset\n * loading and caching.\n * @param dom The DOM document to process.\n * @param vdomParams Optional parameters for virtual DOM processing.\n * @param vdomParams.vdom An optional existing virtual DOM cache to check for\n * regions. If a region exists in this cache, it will be\n * reused instead of creating a new vDOM representation.\n * @return A Promise that resolves to a {@link Page} object\n * containing the virtual DOM for all router regions,\n * preloaded styles and scripts, page title, and initial\n * server-rendered data.\n */\nconst preparePage: PreparePage = async ( url, dom, { vdom } = {} ) => {\n\t// Remove all noscript elements as they're irrelevant when request is served via router.\n\t// This prevents browsers from extracting styles from noscript tags.\n\tdom.querySelectorAll( 'noscript' ).forEach( ( el ) => el.remove() );\n\n\tconst regions = {};\n\tconst regionsToAttach = {};\n\tdom.querySelectorAll( regionsSelector ).forEach( ( region ) => {\n\t\tconst { id, attachTo } = parseRegionAttribute( region );\n\n\t\tif ( region.parentElement.closest( `[${ regionAttr }]` ) ) {\n\t\t\tregions[ id ] = undefined;\n\t\t} else {\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\n\t\tif ( attachTo && ! initialRegionsToAttach.has( id ) ) {\n\t\t\tregionsToAttach[ id ] = attachTo;\n\t\t}\n\t} );\n\n\tconst title = dom.querySelector( 'title' )?.innerText;\n\tconst initialData = parseServerData( dom );\n\n\t// Wait for styles and modules to be ready.\n\tconst [ styles, scriptModules ] = await Promise.all( [\n\t\tPromise.all( preloadStyles( dom ) ),\n\t\tPromise.all( preloadScriptModules( dom ) ),\n\t] );\n\n\treturn {\n\t\tregions,\n\t\tregionsToAttach,\n\t\tstyles,\n\t\tscriptModules,\n\t\ttitle,\n\t\tinitialData,\n\t\turl,\n\t};\n};\n\n/**\n * Renders a page by applying styles, populating server data, rendering regions,\n * and updating the document title.\n *\n * @param page The {@link Page} object to render.\n */\nconst renderPage = ( page: Page ) => {\n\tapplyStyles( page.styles );\n\n\t// Clone regionsToAttach.\n\tconst regionsToAttach = { ...page.regionsToAttach };\n\n\tbatch( () => {\n\t\t// Updates the server data.\n\t\tpopulateServerData( page.initialData );\n\n\t\t// Triggers navigation invalidations (`getServerState` and\n\t\t// `getServerContext`).\n\t\tnavigationSignal.value += 1;\n\n\t\t// Resets all router regions before setting the actual values.\n\t\t( routerRegions as Map< string, any > ).forEach( ( signal ) => {\n\t\t\tsignal.value = null;\n\t\t} );\n\n\t\t// Inits regions with attachTo that don't exist yet.\n\t\tconst parentsToUpdate = new Set< Element >();\n\t\tfor ( const id in regionsToAttach ) {\n\t\t\tconst parent = document.querySelector( regionsToAttach[ id ] );\n\t\t\tif ( ! regionsToAttachByParent.has( parent ) ) {\n\t\t\t\tregionsToAttachByParent.set( parent, [] );\n\t\t\t}\n\t\t\tconst regions = regionsToAttachByParent.get( parent );\n\t\t\tif ( ! regions.includes( id ) ) {\n\t\t\t\tregions.push( id );\n\t\t\t\tparentsToUpdate.add( parent );\n\t\t\t}\n\t\t}\n\n\t\t// Updates all existing regions.\n\t\tfor ( const id in page.regions ) {\n\t\t\tif ( routerRegions.has( id ) ) {\n\t\t\t\trouterRegions.get( id ).value = cloneRouterRegionContent(\n\t\t\t\t\tpage.regions[ id ]\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\t// Renders regions attached to the same parent in the same fragment.\n\t\tparentsToUpdate.forEach( ( parent ) => {\n\t\t\tconst ids = regionsToAttachByParent.get( parent );\n\t\t\tconst vdoms = ids.map( ( id ) => page.regions[ id ] );\n\n\t\t\tif ( ! rootFragmentsByParent.has( parent ) ) {\n\t\t\t\tconst regions = vdoms.map( ( { props, type } ) => {\n\t\t\t\t\tconst elementType =\n\t\t\t\t\t\ttypeof type === 'function' ? props.type : type;\n\n\t\t\t\t\t// Creates an element with the obtained type where the\n\t\t\t\t\t// region will be rendered. The type should match the one of\n\t\t\t\t\t// the root vnode.\n\t\t\t\t\tconst region = document.createElement( elementType );\n\t\t\t\t\tparent.appendChild( region );\n\t\t\t\t\treturn region;\n\t\t\t\t} );\n\t\t\t\trootFragmentsByParent.set(\n\t\t\t\t\tparent,\n\t\t\t\t\tgetRegionRootFragment( regions )\n\t\t\t\t);\n\t\t\t}\n\t\t\tconst fragment = rootFragmentsByParent.get( parent );\n\t\t\trender( vdoms, fragment );\n\t\t} );\n\t} );\n\n\tif ( page.title ) {\n\t\tdocument.title = page.title;\n\t}\n};\n\n/**\n * Loads 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\tbatch( () => {\n\t\t\tstate.url = window.location.href;\n\t\t\trenderPage( page );\n\t\t} );\n\t} else {\n\t\twindow.location.reload();\n\t}\n} );\n\n// Detect router regions with `attachTo` in the initial page. This step should\n// be done before the initial page is processed with `preparePage()` so this\n// function treats them as regular router regions.\ndocument.querySelectorAll( regionsSelector ).forEach( ( region ) => {\n\tconst { id, attachTo } = parseRegionAttribute( region );\n\tif ( attachTo ) {\n\t\tinitialRegionsToAttach.add( id );\n\t}\n} );\n\n// Initialize the router and cache the initial page using the initial vDOM.\nwindow.document\n\t.querySelectorAll< HTMLScriptElement >( 'script[type=module][src]' )\n\t.forEach( ( { src } ) => markScriptModuleAsResolved( src ) );\npages.set(\n\tgetPagePath( window.location.href ),\n\tPromise.resolve(\n\t\tpreparePage( getPagePath( window.location.href ), document, {\n\t\t\tvdom: initialVdom,\n\t\t} )\n\t)\n);\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: (\n\t\t\thref: string,\n\t\t\toptions?: NavigateOptions\n\t\t) => Promise< void >;\n\t\tprefetch: ( url: string, options?: PrefetchOptions ) => Promise< 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, fetches 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// Creates 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// Doesn'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// Dismisses 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 importScriptModules( page.scriptModules );\n\n\t\t\t\tbatch( () => {\n\t\t\t\t\t// Updates the URL in the state.\n\t\t\t\t\tstate.url = href;\n\n\t\t\t\t\t// Updates the navigation status once the the new page rendering\n\t\t\t\t\t// has been completed.\n\t\t\t\t\tif ( loadingAnimation ) {\n\t\t\t\t\t\tnavigation.hasStarted = false;\n\t\t\t\t\t\tnavigation.hasFinished = true;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Renders the new page.\n\t\t\t\t\trenderPage( page );\n\t\t\t\t} );\n\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\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 * Prefetches 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\t * @return Promise that resolves once the page has been fetched.\n\t\t */\n\t\t*prefetch( 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\n\t\t\tyield pages.get( pagePath );\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 `a11y.speak` directly.\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"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store, privateApis, getConfig } from '@wordpress/interactivity';\n\n/**\n * Internal dependencies\n */\nimport { preloadStyles, applyStyles, type StyleElement } from './assets/styles';\nimport {\n\tpreloadScriptModules,\n\timportScriptModules,\n\tmarkScriptModuleAsResolved,\n\ttype ScriptModuleLoad,\n} from './assets/script-modules';\n\nconst {\n\tgetRegionRootFragment,\n\tinitialVdom,\n\ttoVdom,\n\trender,\n\tparseServerData,\n\tpopulateServerData,\n\tbatch,\n\trouterRegions,\n\th: createElement,\n\tnavigationSignal,\n\twarn,\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\nconst regionAttr = `data-wp-router-region`;\nconst interactiveAttr = `data-wp-interactive`;\nconst regionsSelector = `[${ interactiveAttr }][${ regionAttr }], [${ interactiveAttr }] [${ interactiveAttr }][${ regionAttr }]`;\n\nexport interface NavigateOptions {\n\tforce?: boolean;\n\thtml?: string;\n\treplace?: boolean;\n\ttimeout?: number;\n\tloadingAnimation?: boolean;\n\tscreenReaderAnnouncement?: boolean;\n}\n\nexport interface PrefetchOptions {\n\tforce?: boolean;\n\thtml?: string;\n}\n\ninterface VdomParams {\n\tvdom?: typeof initialVdom;\n}\n\ninterface Page {\n\turl: string;\n\tregions: Record< string, any >;\n\tregionsToAttach: Record< string, string >;\n\tstyles: StyleElement[];\n\tscriptModules: ScriptModuleLoad[];\n\ttitle: string;\n\tinitialData: any;\n}\n\ntype PreparePage = (\n\turl: string,\n\tdom: Document,\n\tparams?: VdomParams\n) => Promise< Page >;\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/**\n * Parses the given region's directive.\n *\n * @param region Region element.\n * @return Data contained in the region directive value.\n */\nconst parseRegionAttribute = ( region: Element ) => {\n\tconst value = region.getAttribute( regionAttr );\n\ttry {\n\t\tconst { id, attachTo } = JSON.parse( value );\n\t\treturn { id, attachTo };\n\t} catch ( e ) {\n\t\treturn { id: value };\n\t}\n};\n\n/**\n * Clones the content of the router region vDOM passed as argument.\n *\n * The function creates a new VNode instance removing all priority levels up to\n * the one containing the router-region directive, which should have evaluated\n * in advance.\n *\n * @param vdom A router region's VNode.\n * @return The VNode for the passed router region's content.\n */\nconst cloneRouterRegionContent = ( vdom: any ) => {\n\tif ( ! vdom ) {\n\t\treturn vdom;\n\t}\n\tconst allPriorityLevels: string[][] = vdom.props.priorityLevels;\n\tconst routerRegionLevel = allPriorityLevels.findIndex( ( level ) =>\n\t\tlevel.includes( 'router-region' )\n\t);\n\tconst priorityLevels =\n\t\trouterRegionLevel !== -1\n\t\t\t? allPriorityLevels.slice( routerRegionLevel + 1 )\n\t\t\t: allPriorityLevels;\n\n\treturn priorityLevels.length > 0\n\t\t? createElement( vdom.type, {\n\t\t\t\t...vdom.props,\n\t\t\t\tpriorityLevels,\n\t\t } )\n\t\t: vdom.props.element;\n};\n\n/**\n * IDs of router regions with an `attachTo` property pointing to the same parent\n * element.\n */\nconst regionsToAttachByParent = new WeakMap< Element, string[] >();\n\n/**\n * Map of root fragments by parent element, used to render router regions with\n * the `attachTo` property. Those elements with the same parent are rendered\n * together in the corresponding root fragment.\n */\nconst rootFragmentsByParent = new WeakMap< Element, any >();\n\n/**\n * Set of router regions using the `attachTo` property that are present in the\n * initial page.\n *\n * These regions should be treated as regular regions without the `attachTo`\n * attribute as they don't need to be appended; they are already in the HTML.\n */\nconst initialRegionsToAttach = new Set< string >();\n\n/**\n * Fetches and prepares a page from a given URL.\n *\n * @param url The URL of the page to fetch.\n * @param options Options for the fetch operation.\n * @param options.html Optional HTML content. If provided, the function will use\n * this instead of fetching from the URL.\n * @return A Promise that resolves to the prepared page, or false if\n * there was an error during fetching or preparation.\n */\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 await preparePage( url, dom );\n\t} catch ( e ) {\n\t\treturn false;\n\t}\n};\n\n/**\n * Processes a DOM document to extract router regions and related resources.\n *\n * This function analyzes the provided DOM document and creates a virtual DOM\n * representation of all HTML regions marked with a `router-region` directive.\n * It also extracts and preloads associated styles and scripts to prepare for\n * rendering the page.\n *\n * @param url The URL associated with the page, used for asset\n * loading and caching.\n * @param dom The DOM document to process.\n * @param vdomParams Optional parameters for virtual DOM processing.\n * @param vdomParams.vdom An optional existing virtual DOM cache to check for\n * regions. If a region exists in this cache, it will be\n * reused instead of creating a new vDOM representation.\n * @return A Promise that resolves to a {@link Page} object\n * containing the virtual DOM for all router regions,\n * preloaded styles and scripts, page title, and initial\n * server-rendered data.\n */\nconst preparePage: PreparePage = async ( url, dom, { vdom } = {} ) => {\n\t// Remove all noscript elements as they're irrelevant when request is served via router.\n\t// This prevents browsers from extracting styles from noscript tags.\n\tdom.querySelectorAll( 'noscript' ).forEach( ( el ) => el.remove() );\n\n\tconst regions = {};\n\tconst regionsToAttach = {};\n\tdom.querySelectorAll( regionsSelector ).forEach( ( region ) => {\n\t\tconst { id, attachTo } = parseRegionAttribute( region );\n\n\t\tif ( region.parentElement.closest( `[${ regionAttr }]` ) ) {\n\t\t\tregions[ id ] = undefined;\n\t\t} else {\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\n\t\tif ( attachTo && ! initialRegionsToAttach.has( id ) ) {\n\t\t\tregionsToAttach[ id ] = attachTo;\n\t\t}\n\t} );\n\n\tconst title = dom.querySelector( 'title' )?.innerText;\n\tconst initialData = parseServerData( dom );\n\n\t// Wait for styles and modules to be ready.\n\tconst [ styles, scriptModules ] = await Promise.all( [\n\t\tPromise.all( preloadStyles( dom ) ),\n\t\tPromise.all( preloadScriptModules( dom ) ),\n\t] );\n\n\treturn {\n\t\tregions,\n\t\tregionsToAttach,\n\t\tstyles,\n\t\tscriptModules,\n\t\ttitle,\n\t\tinitialData,\n\t\turl,\n\t};\n};\n\n/**\n * Renders a page by applying styles, populating server data, rendering regions,\n * and updating the document title.\n *\n * @param page The {@link Page} object to render.\n */\nconst renderPage = ( page: Page ) => {\n\tapplyStyles( page.styles );\n\n\t// Clone regionsToAttach.\n\tconst regionsToAttach = { ...page.regionsToAttach };\n\n\tbatch( () => {\n\t\t// Updates the server data.\n\t\tpopulateServerData( page.initialData );\n\n\t\t// Triggers navigation invalidations (`getServerState` and\n\t\t// `getServerContext`).\n\t\tnavigationSignal.value += 1;\n\n\t\t// Resets all router regions before setting the actual values.\n\t\t( routerRegions as Map< string, any > ).forEach( ( signal ) => {\n\t\t\tsignal.value = null;\n\t\t} );\n\n\t\t// Inits regions with attachTo that don't exist yet.\n\t\tconst parentsToUpdate = new Set< Element >();\n\t\tfor ( const id in regionsToAttach ) {\n\t\t\tconst parent = document.querySelector( regionsToAttach[ id ] );\n\t\t\tif ( ! regionsToAttachByParent.has( parent ) ) {\n\t\t\t\tregionsToAttachByParent.set( parent, [] );\n\t\t\t}\n\t\t\tconst regions = regionsToAttachByParent.get( parent );\n\t\t\tif ( ! regions.includes( id ) ) {\n\t\t\t\tregions.push( id );\n\t\t\t\tparentsToUpdate.add( parent );\n\t\t\t}\n\t\t}\n\n\t\t// Updates all existing regions.\n\t\tfor ( const id in page.regions ) {\n\t\t\tif ( routerRegions.has( id ) ) {\n\t\t\t\trouterRegions.get( id ).value = cloneRouterRegionContent(\n\t\t\t\t\tpage.regions[ id ]\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\t// Renders regions attached to the same parent in the same fragment.\n\t\tparentsToUpdate.forEach( ( parent ) => {\n\t\t\tconst ids = regionsToAttachByParent.get( parent );\n\t\t\tconst vdoms = ids.map( ( id ) => page.regions[ id ] );\n\n\t\t\tif ( ! rootFragmentsByParent.has( parent ) ) {\n\t\t\t\tconst regions = vdoms.map( ( { props, type } ) => {\n\t\t\t\t\tconst elementType =\n\t\t\t\t\t\ttypeof type === 'function' ? props.type : type;\n\n\t\t\t\t\t// Creates an element with the obtained type where the\n\t\t\t\t\t// region will be rendered. The type should match the one of\n\t\t\t\t\t// the root vnode.\n\t\t\t\t\tconst region = document.createElement( elementType );\n\t\t\t\t\tparent.appendChild( region );\n\t\t\t\t\treturn region;\n\t\t\t\t} );\n\t\t\t\trootFragmentsByParent.set(\n\t\t\t\t\tparent,\n\t\t\t\t\tgetRegionRootFragment( regions )\n\t\t\t\t);\n\t\t\t}\n\t\t\tconst fragment = rootFragmentsByParent.get( parent );\n\t\t\trender( vdoms, fragment );\n\t\t} );\n\t} );\n\n\tif ( page.title ) {\n\t\tdocument.title = page.title;\n\t}\n};\n\n/**\n * Loads 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\tbatch( () => {\n\t\t\tstate.url = window.location.href;\n\t\t\trenderPage( page );\n\t\t} );\n\t} else {\n\t\twindow.location.reload();\n\t}\n} );\n\n// Detect router regions with `attachTo` in the initial page. This step should\n// be done before the initial page is processed with `preparePage()` so this\n// function treats them as regular router regions.\ndocument.querySelectorAll( regionsSelector ).forEach( ( region ) => {\n\tconst { id, attachTo } = parseRegionAttribute( region );\n\tif ( attachTo ) {\n\t\tinitialRegionsToAttach.add( id );\n\t}\n} );\n\n// Initialize the router and cache the initial page using the initial vDOM.\nwindow.document\n\t.querySelectorAll< HTMLScriptElement >( 'script[type=module][src]' )\n\t.forEach( ( { src } ) => markScriptModuleAsResolved( src ) );\npages.set(\n\tgetPagePath( window.location.href ),\n\tPromise.resolve(\n\t\tpreparePage( getPagePath( window.location.href ), document, {\n\t\t\tvdom: initialVdom,\n\t\t} )\n\t)\n);\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: (\n\t\t\thref: string,\n\t\t\toptions?: NavigateOptions\n\t\t) => Promise< void >;\n\t\tprefetch: ( url: string, options?: PrefetchOptions ) => Promise< void >;\n\t};\n}\n\nconst { state: privateState } = store(\n\t'core/router/private',\n\t{\n\t\tstate: {\n\t\t\tnavigation: {\n\t\t\t\thasStarted: false,\n\t\t\t\thasFinished: false,\n\t\t\t},\n\t\t},\n\t},\n\t{ lock: true }\n);\n\nexport const { state, actions } = store< Store >( 'core/router', {\n\tstate: {\n\t\tget navigation() {\n\t\t\tif ( globalThis.SCRIPT_DEBUG ) {\n\t\t\t\twarn(\n\t\t\t\t\t`The usage of state.navigation.{hasStarted|hasFinished} from core/router is deprecated and will stop working in WordPress 7.1.`\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn privateState.navigation;\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, fetches 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 } = privateState;\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// Creates 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// Doesn'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// Dismisses 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 importScriptModules( page.scriptModules );\n\n\t\t\t\tbatch( () => {\n\t\t\t\t\t// Updates the URL in the state.\n\t\t\t\t\tstate.url = href;\n\n\t\t\t\t\t// Updates the navigation status once the the new page rendering\n\t\t\t\t\t// has been completed.\n\t\t\t\t\tif ( loadingAnimation ) {\n\t\t\t\t\t\tnavigation.hasStarted = false;\n\t\t\t\t\t\tnavigation.hasFinished = true;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Renders the new page.\n\t\t\t\t\trenderPage( page );\n\t\t\t\t} );\n\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\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 * Prefetches 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\t * @return Promise that resolves once the page has been fetched.\n\t\t */\n\t\t*prefetch( 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\n\t\t\tyield pages.get( pagePath );\n\t\t},\n\t},\n} );\n\n// Initialize the URL in the state if it hasn't been set yet in the server.\nstate.url = state.url || window.location.href;\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 `a11y.speak` directly.\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/build-module/index.mjs
CHANGED
|
@@ -16,7 +16,8 @@ var {
|
|
|
16
16
|
batch,
|
|
17
17
|
routerRegions,
|
|
18
18
|
h: createElement,
|
|
19
|
-
navigationSignal
|
|
19
|
+
navigationSignal,
|
|
20
|
+
warn
|
|
20
21
|
} = privateApis(
|
|
21
22
|
"I acknowledge that using private APIs means my theme or plugin will inevitably break in the next version of WordPress."
|
|
22
23
|
);
|
|
@@ -189,12 +190,27 @@ var navigationTexts = {
|
|
|
189
190
|
loading: "Loading page, please wait.",
|
|
190
191
|
loaded: "Page Loaded."
|
|
191
192
|
};
|
|
193
|
+
var { state: privateState } = store(
|
|
194
|
+
"core/router/private",
|
|
195
|
+
{
|
|
196
|
+
state: {
|
|
197
|
+
navigation: {
|
|
198
|
+
hasStarted: false,
|
|
199
|
+
hasFinished: false
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
{ lock: true }
|
|
204
|
+
);
|
|
192
205
|
var { state, actions } = store("core/router", {
|
|
193
206
|
state: {
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
207
|
+
get navigation() {
|
|
208
|
+
if (globalThis.SCRIPT_DEBUG) {
|
|
209
|
+
warn(
|
|
210
|
+
`The usage of state.navigation.{hasStarted|hasFinished} from core/router is deprecated and will stop working in WordPress 7.1.`
|
|
211
|
+
);
|
|
212
|
+
}
|
|
213
|
+
return privateState.navigation;
|
|
198
214
|
}
|
|
199
215
|
},
|
|
200
216
|
actions: {
|
|
@@ -222,7 +238,7 @@ var { state, actions } = store("core/router", {
|
|
|
222
238
|
yield forcePageReload(href);
|
|
223
239
|
}
|
|
224
240
|
const pagePath = getPagePath(href);
|
|
225
|
-
const { navigation } =
|
|
241
|
+
const { navigation } = privateState;
|
|
226
242
|
const {
|
|
227
243
|
loadingAnimation = true,
|
|
228
244
|
screenReaderAnnouncement = true,
|
|
@@ -304,6 +320,7 @@ var { state, actions } = store("core/router", {
|
|
|
304
320
|
}
|
|
305
321
|
}
|
|
306
322
|
});
|
|
323
|
+
state.url = state.url || window.location.href;
|
|
307
324
|
function a11ySpeak(messageKey) {
|
|
308
325
|
if (!hasLoadedNavigationTextsData) {
|
|
309
326
|
hasLoadedNavigationTextsData = true;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store, privateApis, getConfig } from '@wordpress/interactivity';\n\n/**\n * Internal dependencies\n */\nimport { preloadStyles, applyStyles, type StyleElement } from './assets/styles';\nimport {\n\tpreloadScriptModules,\n\timportScriptModules,\n\tmarkScriptModuleAsResolved,\n\ttype ScriptModuleLoad,\n} from './assets/script-modules';\n\nconst {\n\tgetRegionRootFragment,\n\tinitialVdom,\n\ttoVdom,\n\trender,\n\tparseServerData,\n\tpopulateServerData,\n\tbatch,\n\trouterRegions,\n\th: createElement,\n\tnavigationSignal,\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\nconst regionAttr = `data-wp-router-region`;\nconst interactiveAttr = `data-wp-interactive`;\nconst regionsSelector = `[${ interactiveAttr }][${ regionAttr }], [${ interactiveAttr }] [${ interactiveAttr }][${ regionAttr }]`;\n\nexport interface NavigateOptions {\n\tforce?: boolean;\n\thtml?: string;\n\treplace?: boolean;\n\ttimeout?: number;\n\tloadingAnimation?: boolean;\n\tscreenReaderAnnouncement?: boolean;\n}\n\nexport interface PrefetchOptions {\n\tforce?: boolean;\n\thtml?: string;\n}\n\ninterface VdomParams {\n\tvdom?: typeof initialVdom;\n}\n\ninterface Page {\n\turl: string;\n\tregions: Record< string, any >;\n\tregionsToAttach: Record< string, string >;\n\tstyles: StyleElement[];\n\tscriptModules: ScriptModuleLoad[];\n\ttitle: string;\n\tinitialData: any;\n}\n\ntype PreparePage = (\n\turl: string,\n\tdom: Document,\n\tparams?: VdomParams\n) => Promise< Page >;\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/**\n * Parses the given region's directive.\n *\n * @param region Region element.\n * @return Data contained in the region directive value.\n */\nconst parseRegionAttribute = ( region: Element ) => {\n\tconst value = region.getAttribute( regionAttr );\n\ttry {\n\t\tconst { id, attachTo } = JSON.parse( value );\n\t\treturn { id, attachTo };\n\t} catch ( e ) {\n\t\treturn { id: value };\n\t}\n};\n\n/**\n * Clones the content of the router region vDOM passed as argument.\n *\n * The function creates a new VNode instance removing all priority levels up to\n * the one containing the router-region directive, which should have evaluated\n * in advance.\n *\n * @param vdom A router region's VNode.\n * @return The VNode for the passed router region's content.\n */\nconst cloneRouterRegionContent = ( vdom: any ) => {\n\tif ( ! vdom ) {\n\t\treturn vdom;\n\t}\n\tconst allPriorityLevels: string[][] = vdom.props.priorityLevels;\n\tconst routerRegionLevel = allPriorityLevels.findIndex( ( level ) =>\n\t\tlevel.includes( 'router-region' )\n\t);\n\tconst priorityLevels =\n\t\trouterRegionLevel !== -1\n\t\t\t? allPriorityLevels.slice( routerRegionLevel + 1 )\n\t\t\t: allPriorityLevels;\n\n\treturn priorityLevels.length > 0\n\t\t? createElement( vdom.type, {\n\t\t\t\t...vdom.props,\n\t\t\t\tpriorityLevels,\n\t\t } )\n\t\t: vdom.props.element;\n};\n\n/**\n * IDs of router regions with an `attachTo` property pointing to the same parent\n * element.\n */\nconst regionsToAttachByParent = new WeakMap< Element, string[] >();\n\n/**\n * Map of root fragments by parent element, used to render router regions with\n * the `attachTo` property. Those elements with the same parent are rendered\n * together in the corresponding root fragment.\n */\nconst rootFragmentsByParent = new WeakMap< Element, any >();\n\n/**\n * Set of router regions using the `attachTo` property that are present in the\n * initial page.\n *\n * These regions should be treated as regular regions without the `attachTo`\n * attribute as they don't need to be appended; they are already in the HTML.\n */\nconst initialRegionsToAttach = new Set< string >();\n\n/**\n * Fetches and prepares a page from a given URL.\n *\n * @param url The URL of the page to fetch.\n * @param options Options for the fetch operation.\n * @param options.html Optional HTML content. If provided, the function will use\n * this instead of fetching from the URL.\n * @return A Promise that resolves to the prepared page, or false if\n * there was an error during fetching or preparation.\n */\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 await preparePage( url, dom );\n\t} catch ( e ) {\n\t\treturn false;\n\t}\n};\n\n/**\n * Processes a DOM document to extract router regions and related resources.\n *\n * This function analyzes the provided DOM document and creates a virtual DOM\n * representation of all HTML regions marked with a `router-region` directive.\n * It also extracts and preloads associated styles and scripts to prepare for\n * rendering the page.\n *\n * @param url The URL associated with the page, used for asset\n * loading and caching.\n * @param dom The DOM document to process.\n * @param vdomParams Optional parameters for virtual DOM processing.\n * @param vdomParams.vdom An optional existing virtual DOM cache to check for\n * regions. If a region exists in this cache, it will be\n * reused instead of creating a new vDOM representation.\n * @return A Promise that resolves to a {@link Page} object\n * containing the virtual DOM for all router regions,\n * preloaded styles and scripts, page title, and initial\n * server-rendered data.\n */\nconst preparePage: PreparePage = async ( url, dom, { vdom } = {} ) => {\n\t// Remove all noscript elements as they're irrelevant when request is served via router.\n\t// This prevents browsers from extracting styles from noscript tags.\n\tdom.querySelectorAll( 'noscript' ).forEach( ( el ) => el.remove() );\n\n\tconst regions = {};\n\tconst regionsToAttach = {};\n\tdom.querySelectorAll( regionsSelector ).forEach( ( region ) => {\n\t\tconst { id, attachTo } = parseRegionAttribute( region );\n\n\t\tif ( region.parentElement.closest( `[${ regionAttr }]` ) ) {\n\t\t\tregions[ id ] = undefined;\n\t\t} else {\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\n\t\tif ( attachTo && ! initialRegionsToAttach.has( id ) ) {\n\t\t\tregionsToAttach[ id ] = attachTo;\n\t\t}\n\t} );\n\n\tconst title = dom.querySelector( 'title' )?.innerText;\n\tconst initialData = parseServerData( dom );\n\n\t// Wait for styles and modules to be ready.\n\tconst [ styles, scriptModules ] = await Promise.all( [\n\t\tPromise.all( preloadStyles( dom ) ),\n\t\tPromise.all( preloadScriptModules( dom ) ),\n\t] );\n\n\treturn {\n\t\tregions,\n\t\tregionsToAttach,\n\t\tstyles,\n\t\tscriptModules,\n\t\ttitle,\n\t\tinitialData,\n\t\turl,\n\t};\n};\n\n/**\n * Renders a page by applying styles, populating server data, rendering regions,\n * and updating the document title.\n *\n * @param page The {@link Page} object to render.\n */\nconst renderPage = ( page: Page ) => {\n\tapplyStyles( page.styles );\n\n\t// Clone regionsToAttach.\n\tconst regionsToAttach = { ...page.regionsToAttach };\n\n\tbatch( () => {\n\t\t// Updates the server data.\n\t\tpopulateServerData( page.initialData );\n\n\t\t// Triggers navigation invalidations (`getServerState` and\n\t\t// `getServerContext`).\n\t\tnavigationSignal.value += 1;\n\n\t\t// Resets all router regions before setting the actual values.\n\t\t( routerRegions as Map< string, any > ).forEach( ( signal ) => {\n\t\t\tsignal.value = null;\n\t\t} );\n\n\t\t// Inits regions with attachTo that don't exist yet.\n\t\tconst parentsToUpdate = new Set< Element >();\n\t\tfor ( const id in regionsToAttach ) {\n\t\t\tconst parent = document.querySelector( regionsToAttach[ id ] );\n\t\t\tif ( ! regionsToAttachByParent.has( parent ) ) {\n\t\t\t\tregionsToAttachByParent.set( parent, [] );\n\t\t\t}\n\t\t\tconst regions = regionsToAttachByParent.get( parent );\n\t\t\tif ( ! regions.includes( id ) ) {\n\t\t\t\tregions.push( id );\n\t\t\t\tparentsToUpdate.add( parent );\n\t\t\t}\n\t\t}\n\n\t\t// Updates all existing regions.\n\t\tfor ( const id in page.regions ) {\n\t\t\tif ( routerRegions.has( id ) ) {\n\t\t\t\trouterRegions.get( id ).value = cloneRouterRegionContent(\n\t\t\t\t\tpage.regions[ id ]\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\t// Renders regions attached to the same parent in the same fragment.\n\t\tparentsToUpdate.forEach( ( parent ) => {\n\t\t\tconst ids = regionsToAttachByParent.get( parent );\n\t\t\tconst vdoms = ids.map( ( id ) => page.regions[ id ] );\n\n\t\t\tif ( ! rootFragmentsByParent.has( parent ) ) {\n\t\t\t\tconst regions = vdoms.map( ( { props, type } ) => {\n\t\t\t\t\tconst elementType =\n\t\t\t\t\t\ttypeof type === 'function' ? props.type : type;\n\n\t\t\t\t\t// Creates an element with the obtained type where the\n\t\t\t\t\t// region will be rendered. The type should match the one of\n\t\t\t\t\t// the root vnode.\n\t\t\t\t\tconst region = document.createElement( elementType );\n\t\t\t\t\tparent.appendChild( region );\n\t\t\t\t\treturn region;\n\t\t\t\t} );\n\t\t\t\trootFragmentsByParent.set(\n\t\t\t\t\tparent,\n\t\t\t\t\tgetRegionRootFragment( regions )\n\t\t\t\t);\n\t\t\t}\n\t\t\tconst fragment = rootFragmentsByParent.get( parent );\n\t\t\trender( vdoms, fragment );\n\t\t} );\n\t} );\n\n\tif ( page.title ) {\n\t\tdocument.title = page.title;\n\t}\n};\n\n/**\n * Loads 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\tbatch( () => {\n\t\t\tstate.url = window.location.href;\n\t\t\trenderPage( page );\n\t\t} );\n\t} else {\n\t\twindow.location.reload();\n\t}\n} );\n\n// Detect router regions with `attachTo` in the initial page. This step should\n// be done before the initial page is processed with `preparePage()` so this\n// function treats them as regular router regions.\ndocument.querySelectorAll( regionsSelector ).forEach( ( region ) => {\n\tconst { id, attachTo } = parseRegionAttribute( region );\n\tif ( attachTo ) {\n\t\tinitialRegionsToAttach.add( id );\n\t}\n} );\n\n// Initialize the router and cache the initial page using the initial vDOM.\nwindow.document\n\t.querySelectorAll< HTMLScriptElement >( 'script[type=module][src]' )\n\t.forEach( ( { src } ) => markScriptModuleAsResolved( src ) );\npages.set(\n\tgetPagePath( window.location.href ),\n\tPromise.resolve(\n\t\tpreparePage( getPagePath( window.location.href ), document, {\n\t\t\tvdom: initialVdom,\n\t\t} )\n\t)\n);\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: (\n\t\t\thref: string,\n\t\t\toptions?: NavigateOptions\n\t\t) => Promise< void >;\n\t\tprefetch: ( url: string, options?: PrefetchOptions ) => Promise< 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, fetches 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// Creates 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// Doesn'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// Dismisses 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 importScriptModules( page.scriptModules );\n\n\t\t\t\tbatch( () => {\n\t\t\t\t\t// Updates the URL in the state.\n\t\t\t\t\tstate.url = href;\n\n\t\t\t\t\t// Updates the navigation status once the the new page rendering\n\t\t\t\t\t// has been completed.\n\t\t\t\t\tif ( loadingAnimation ) {\n\t\t\t\t\t\tnavigation.hasStarted = false;\n\t\t\t\t\t\tnavigation.hasFinished = true;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Renders the new page.\n\t\t\t\t\trenderPage( page );\n\t\t\t\t} );\n\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\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 * Prefetches 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\t * @return Promise that resolves once the page has been fetched.\n\t\t */\n\t\t*prefetch( 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\n\t\t\tyield pages.get( pagePath );\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 `a11y.speak` directly.\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"],
|
|
5
|
-
"mappings": "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
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store, privateApis, getConfig } from '@wordpress/interactivity';\n\n/**\n * Internal dependencies\n */\nimport { preloadStyles, applyStyles, type StyleElement } from './assets/styles';\nimport {\n\tpreloadScriptModules,\n\timportScriptModules,\n\tmarkScriptModuleAsResolved,\n\ttype ScriptModuleLoad,\n} from './assets/script-modules';\n\nconst {\n\tgetRegionRootFragment,\n\tinitialVdom,\n\ttoVdom,\n\trender,\n\tparseServerData,\n\tpopulateServerData,\n\tbatch,\n\trouterRegions,\n\th: createElement,\n\tnavigationSignal,\n\twarn,\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\nconst regionAttr = `data-wp-router-region`;\nconst interactiveAttr = `data-wp-interactive`;\nconst regionsSelector = `[${ interactiveAttr }][${ regionAttr }], [${ interactiveAttr }] [${ interactiveAttr }][${ regionAttr }]`;\n\nexport interface NavigateOptions {\n\tforce?: boolean;\n\thtml?: string;\n\treplace?: boolean;\n\ttimeout?: number;\n\tloadingAnimation?: boolean;\n\tscreenReaderAnnouncement?: boolean;\n}\n\nexport interface PrefetchOptions {\n\tforce?: boolean;\n\thtml?: string;\n}\n\ninterface VdomParams {\n\tvdom?: typeof initialVdom;\n}\n\ninterface Page {\n\turl: string;\n\tregions: Record< string, any >;\n\tregionsToAttach: Record< string, string >;\n\tstyles: StyleElement[];\n\tscriptModules: ScriptModuleLoad[];\n\ttitle: string;\n\tinitialData: any;\n}\n\ntype PreparePage = (\n\turl: string,\n\tdom: Document,\n\tparams?: VdomParams\n) => Promise< Page >;\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/**\n * Parses the given region's directive.\n *\n * @param region Region element.\n * @return Data contained in the region directive value.\n */\nconst parseRegionAttribute = ( region: Element ) => {\n\tconst value = region.getAttribute( regionAttr );\n\ttry {\n\t\tconst { id, attachTo } = JSON.parse( value );\n\t\treturn { id, attachTo };\n\t} catch ( e ) {\n\t\treturn { id: value };\n\t}\n};\n\n/**\n * Clones the content of the router region vDOM passed as argument.\n *\n * The function creates a new VNode instance removing all priority levels up to\n * the one containing the router-region directive, which should have evaluated\n * in advance.\n *\n * @param vdom A router region's VNode.\n * @return The VNode for the passed router region's content.\n */\nconst cloneRouterRegionContent = ( vdom: any ) => {\n\tif ( ! vdom ) {\n\t\treturn vdom;\n\t}\n\tconst allPriorityLevels: string[][] = vdom.props.priorityLevels;\n\tconst routerRegionLevel = allPriorityLevels.findIndex( ( level ) =>\n\t\tlevel.includes( 'router-region' )\n\t);\n\tconst priorityLevels =\n\t\trouterRegionLevel !== -1\n\t\t\t? allPriorityLevels.slice( routerRegionLevel + 1 )\n\t\t\t: allPriorityLevels;\n\n\treturn priorityLevels.length > 0\n\t\t? createElement( vdom.type, {\n\t\t\t\t...vdom.props,\n\t\t\t\tpriorityLevels,\n\t\t } )\n\t\t: vdom.props.element;\n};\n\n/**\n * IDs of router regions with an `attachTo` property pointing to the same parent\n * element.\n */\nconst regionsToAttachByParent = new WeakMap< Element, string[] >();\n\n/**\n * Map of root fragments by parent element, used to render router regions with\n * the `attachTo` property. Those elements with the same parent are rendered\n * together in the corresponding root fragment.\n */\nconst rootFragmentsByParent = new WeakMap< Element, any >();\n\n/**\n * Set of router regions using the `attachTo` property that are present in the\n * initial page.\n *\n * These regions should be treated as regular regions without the `attachTo`\n * attribute as they don't need to be appended; they are already in the HTML.\n */\nconst initialRegionsToAttach = new Set< string >();\n\n/**\n * Fetches and prepares a page from a given URL.\n *\n * @param url The URL of the page to fetch.\n * @param options Options for the fetch operation.\n * @param options.html Optional HTML content. If provided, the function will use\n * this instead of fetching from the URL.\n * @return A Promise that resolves to the prepared page, or false if\n * there was an error during fetching or preparation.\n */\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 await preparePage( url, dom );\n\t} catch ( e ) {\n\t\treturn false;\n\t}\n};\n\n/**\n * Processes a DOM document to extract router regions and related resources.\n *\n * This function analyzes the provided DOM document and creates a virtual DOM\n * representation of all HTML regions marked with a `router-region` directive.\n * It also extracts and preloads associated styles and scripts to prepare for\n * rendering the page.\n *\n * @param url The URL associated with the page, used for asset\n * loading and caching.\n * @param dom The DOM document to process.\n * @param vdomParams Optional parameters for virtual DOM processing.\n * @param vdomParams.vdom An optional existing virtual DOM cache to check for\n * regions. If a region exists in this cache, it will be\n * reused instead of creating a new vDOM representation.\n * @return A Promise that resolves to a {@link Page} object\n * containing the virtual DOM for all router regions,\n * preloaded styles and scripts, page title, and initial\n * server-rendered data.\n */\nconst preparePage: PreparePage = async ( url, dom, { vdom } = {} ) => {\n\t// Remove all noscript elements as they're irrelevant when request is served via router.\n\t// This prevents browsers from extracting styles from noscript tags.\n\tdom.querySelectorAll( 'noscript' ).forEach( ( el ) => el.remove() );\n\n\tconst regions = {};\n\tconst regionsToAttach = {};\n\tdom.querySelectorAll( regionsSelector ).forEach( ( region ) => {\n\t\tconst { id, attachTo } = parseRegionAttribute( region );\n\n\t\tif ( region.parentElement.closest( `[${ regionAttr }]` ) ) {\n\t\t\tregions[ id ] = undefined;\n\t\t} else {\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\n\t\tif ( attachTo && ! initialRegionsToAttach.has( id ) ) {\n\t\t\tregionsToAttach[ id ] = attachTo;\n\t\t}\n\t} );\n\n\tconst title = dom.querySelector( 'title' )?.innerText;\n\tconst initialData = parseServerData( dom );\n\n\t// Wait for styles and modules to be ready.\n\tconst [ styles, scriptModules ] = await Promise.all( [\n\t\tPromise.all( preloadStyles( dom ) ),\n\t\tPromise.all( preloadScriptModules( dom ) ),\n\t] );\n\n\treturn {\n\t\tregions,\n\t\tregionsToAttach,\n\t\tstyles,\n\t\tscriptModules,\n\t\ttitle,\n\t\tinitialData,\n\t\turl,\n\t};\n};\n\n/**\n * Renders a page by applying styles, populating server data, rendering regions,\n * and updating the document title.\n *\n * @param page The {@link Page} object to render.\n */\nconst renderPage = ( page: Page ) => {\n\tapplyStyles( page.styles );\n\n\t// Clone regionsToAttach.\n\tconst regionsToAttach = { ...page.regionsToAttach };\n\n\tbatch( () => {\n\t\t// Updates the server data.\n\t\tpopulateServerData( page.initialData );\n\n\t\t// Triggers navigation invalidations (`getServerState` and\n\t\t// `getServerContext`).\n\t\tnavigationSignal.value += 1;\n\n\t\t// Resets all router regions before setting the actual values.\n\t\t( routerRegions as Map< string, any > ).forEach( ( signal ) => {\n\t\t\tsignal.value = null;\n\t\t} );\n\n\t\t// Inits regions with attachTo that don't exist yet.\n\t\tconst parentsToUpdate = new Set< Element >();\n\t\tfor ( const id in regionsToAttach ) {\n\t\t\tconst parent = document.querySelector( regionsToAttach[ id ] );\n\t\t\tif ( ! regionsToAttachByParent.has( parent ) ) {\n\t\t\t\tregionsToAttachByParent.set( parent, [] );\n\t\t\t}\n\t\t\tconst regions = regionsToAttachByParent.get( parent );\n\t\t\tif ( ! regions.includes( id ) ) {\n\t\t\t\tregions.push( id );\n\t\t\t\tparentsToUpdate.add( parent );\n\t\t\t}\n\t\t}\n\n\t\t// Updates all existing regions.\n\t\tfor ( const id in page.regions ) {\n\t\t\tif ( routerRegions.has( id ) ) {\n\t\t\t\trouterRegions.get( id ).value = cloneRouterRegionContent(\n\t\t\t\t\tpage.regions[ id ]\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\t// Renders regions attached to the same parent in the same fragment.\n\t\tparentsToUpdate.forEach( ( parent ) => {\n\t\t\tconst ids = regionsToAttachByParent.get( parent );\n\t\t\tconst vdoms = ids.map( ( id ) => page.regions[ id ] );\n\n\t\t\tif ( ! rootFragmentsByParent.has( parent ) ) {\n\t\t\t\tconst regions = vdoms.map( ( { props, type } ) => {\n\t\t\t\t\tconst elementType =\n\t\t\t\t\t\ttypeof type === 'function' ? props.type : type;\n\n\t\t\t\t\t// Creates an element with the obtained type where the\n\t\t\t\t\t// region will be rendered. The type should match the one of\n\t\t\t\t\t// the root vnode.\n\t\t\t\t\tconst region = document.createElement( elementType );\n\t\t\t\t\tparent.appendChild( region );\n\t\t\t\t\treturn region;\n\t\t\t\t} );\n\t\t\t\trootFragmentsByParent.set(\n\t\t\t\t\tparent,\n\t\t\t\t\tgetRegionRootFragment( regions )\n\t\t\t\t);\n\t\t\t}\n\t\t\tconst fragment = rootFragmentsByParent.get( parent );\n\t\t\trender( vdoms, fragment );\n\t\t} );\n\t} );\n\n\tif ( page.title ) {\n\t\tdocument.title = page.title;\n\t}\n};\n\n/**\n * Loads 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\tbatch( () => {\n\t\t\tstate.url = window.location.href;\n\t\t\trenderPage( page );\n\t\t} );\n\t} else {\n\t\twindow.location.reload();\n\t}\n} );\n\n// Detect router regions with `attachTo` in the initial page. This step should\n// be done before the initial page is processed with `preparePage()` so this\n// function treats them as regular router regions.\ndocument.querySelectorAll( regionsSelector ).forEach( ( region ) => {\n\tconst { id, attachTo } = parseRegionAttribute( region );\n\tif ( attachTo ) {\n\t\tinitialRegionsToAttach.add( id );\n\t}\n} );\n\n// Initialize the router and cache the initial page using the initial vDOM.\nwindow.document\n\t.querySelectorAll< HTMLScriptElement >( 'script[type=module][src]' )\n\t.forEach( ( { src } ) => markScriptModuleAsResolved( src ) );\npages.set(\n\tgetPagePath( window.location.href ),\n\tPromise.resolve(\n\t\tpreparePage( getPagePath( window.location.href ), document, {\n\t\t\tvdom: initialVdom,\n\t\t} )\n\t)\n);\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: (\n\t\t\thref: string,\n\t\t\toptions?: NavigateOptions\n\t\t) => Promise< void >;\n\t\tprefetch: ( url: string, options?: PrefetchOptions ) => Promise< void >;\n\t};\n}\n\nconst { state: privateState } = store(\n\t'core/router/private',\n\t{\n\t\tstate: {\n\t\t\tnavigation: {\n\t\t\t\thasStarted: false,\n\t\t\t\thasFinished: false,\n\t\t\t},\n\t\t},\n\t},\n\t{ lock: true }\n);\n\nexport const { state, actions } = store< Store >( 'core/router', {\n\tstate: {\n\t\tget navigation() {\n\t\t\tif ( globalThis.SCRIPT_DEBUG ) {\n\t\t\t\twarn(\n\t\t\t\t\t`The usage of state.navigation.{hasStarted|hasFinished} from core/router is deprecated and will stop working in WordPress 7.1.`\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn privateState.navigation;\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, fetches 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 } = privateState;\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// Creates 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// Doesn'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// Dismisses 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 importScriptModules( page.scriptModules );\n\n\t\t\t\tbatch( () => {\n\t\t\t\t\t// Updates the URL in the state.\n\t\t\t\t\tstate.url = href;\n\n\t\t\t\t\t// Updates the navigation status once the the new page rendering\n\t\t\t\t\t// has been completed.\n\t\t\t\t\tif ( loadingAnimation ) {\n\t\t\t\t\t\tnavigation.hasStarted = false;\n\t\t\t\t\t\tnavigation.hasFinished = true;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Renders the new page.\n\t\t\t\t\trenderPage( page );\n\t\t\t\t} );\n\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\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 * Prefetches 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\t * @return Promise that resolves once the page has been fetched.\n\t\t */\n\t\t*prefetch( 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\n\t\t\tyield pages.get( pagePath );\n\t\t},\n\t},\n} );\n\n// Initialize the URL in the state if it hasn't been set yet in the server.\nstate.url = state.url || window.location.href;\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 `a11y.speak` directly.\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAoCA,MAAM,WAAW,eAAe;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,eAAe;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AA0WD,eAAO,MAAQ,KAAK;SA5Bb,MAAM;;oBAEE,OAAO;qBACN,OAAO;;GAyBD,OAAO;cArBjB,CACT,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE,eAAe,KACrB,OAAO,CAAE,IAAI,CAAE;cACV,CAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAM,OAAO,CAAE,IAAI,CAAE;CA0KtE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/interactivity-router",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.40.0",
|
|
4
4
|
"description": "Package that exposes state and actions from the `core/router` store, part of the Interactivity API.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -46,12 +46,12 @@
|
|
|
46
46
|
},
|
|
47
47
|
"types": "build-types",
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@wordpress/a11y": "^4.
|
|
50
|
-
"@wordpress/interactivity": "^6.
|
|
49
|
+
"@wordpress/a11y": "^4.40.0",
|
|
50
|
+
"@wordpress/interactivity": "^6.40.0",
|
|
51
51
|
"es-module-lexer": "^1.5.4"
|
|
52
52
|
},
|
|
53
53
|
"publishConfig": {
|
|
54
54
|
"access": "public"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "376124aa10dbc2cc0c81c964ec00b99fcfee5382"
|
|
57
57
|
}
|
package/src/index.ts
CHANGED
|
@@ -25,6 +25,7 @@ const {
|
|
|
25
25
|
routerRegions,
|
|
26
26
|
h: createElement,
|
|
27
27
|
navigationSignal,
|
|
28
|
+
warn,
|
|
28
29
|
} = privateApis(
|
|
29
30
|
'I acknowledge that using private APIs means my theme or plugin will inevitably break in the next version of WordPress.'
|
|
30
31
|
);
|
|
@@ -394,12 +395,28 @@ interface Store {
|
|
|
394
395
|
};
|
|
395
396
|
}
|
|
396
397
|
|
|
398
|
+
const { state: privateState } = store(
|
|
399
|
+
'core/router/private',
|
|
400
|
+
{
|
|
401
|
+
state: {
|
|
402
|
+
navigation: {
|
|
403
|
+
hasStarted: false,
|
|
404
|
+
hasFinished: false,
|
|
405
|
+
},
|
|
406
|
+
},
|
|
407
|
+
},
|
|
408
|
+
{ lock: true }
|
|
409
|
+
);
|
|
410
|
+
|
|
397
411
|
export const { state, actions } = store< Store >( 'core/router', {
|
|
398
412
|
state: {
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
413
|
+
get navigation() {
|
|
414
|
+
if ( globalThis.SCRIPT_DEBUG ) {
|
|
415
|
+
warn(
|
|
416
|
+
`The usage of state.navigation.{hasStarted|hasFinished} from core/router is deprecated and will stop working in WordPress 7.1.`
|
|
417
|
+
);
|
|
418
|
+
}
|
|
419
|
+
return privateState.navigation;
|
|
403
420
|
},
|
|
404
421
|
},
|
|
405
422
|
actions: {
|
|
@@ -428,7 +445,7 @@ export const { state, actions } = store< Store >( 'core/router', {
|
|
|
428
445
|
}
|
|
429
446
|
|
|
430
447
|
const pagePath = getPagePath( href );
|
|
431
|
-
const { navigation } =
|
|
448
|
+
const { navigation } = privateState;
|
|
432
449
|
const {
|
|
433
450
|
loadingAnimation = true,
|
|
434
451
|
screenReaderAnnouncement = true,
|
|
@@ -546,6 +563,9 @@ export const { state, actions } = store< Store >( 'core/router', {
|
|
|
546
563
|
},
|
|
547
564
|
} );
|
|
548
565
|
|
|
566
|
+
// Initialize the URL in the state if it hasn't been set yet in the server.
|
|
567
|
+
state.url = state.url || window.location.href;
|
|
568
|
+
|
|
549
569
|
/**
|
|
550
570
|
* Announces a message to screen readers.
|
|
551
571
|
*
|