@wordpress/boot 0.3.1-next.6deb34194.0 → 0.3.1-next.76cff8c98.0

package/LICENSE.md

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

package/build-module/components/app/{index.js → index.mjs}

@@ -1,9 +1,9 @@
 // packages/boot/src/components/app/index.tsx
 import { createRoot, StrictMode } from "@wordpress/element";
 import { dispatch, useSelect } from "@wordpress/data";
-import Router from "./router";
-import RootSinglePage from "../root/single-page";
-import { store } from "../../store";
+import Router from "./router.mjs";
+import RootSinglePage from "../root/single-page.mjs";
+import { store } from "../../store/index.mjs";
 import { jsx } from "react/jsx-runtime";
 function App({ rootComponent }) {
   const routes = useSelect((select) => select(store).getRoutes(), []);
@@ -13,7 +13,8 @@ async function init({
   mountId,
   menuItems,
   routes,
-  initModules
+  initModules,
+  dashboardLink
 }) {
   (menuItems ?? []).forEach((menuItem) => {
     dispatch(store).registerMenuItem(menuItem.id, menuItem);
@@ -21,6 +22,9 @@ async function init({
   (routes ?? []).forEach((route) => {
     dispatch(store).registerRoute(route);
   });
+  if (dashboardLink) {
+    dispatch(store).setDashboardLink(dashboardLink);
+  }
   for (const moduleId of initModules ?? []) {
     const module = await import(moduleId);
     await module.init();
@@ -52,4 +56,4 @@ export {
   init,
   initSinglePage
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/build-module/components/app/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/app/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createRoot, StrictMode, type ComponentType } from '@wordpress/element';\nimport { dispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport Router from './router';\nimport RootSinglePage from '../root/single-page';\nimport { store } from '../../store';\nimport type { MenuItem, Route } from '../../store/types';\n\nfunction App( { rootComponent }: { rootComponent?: ComponentType } ) {\n\tconst routes = useSelect( ( select ) => select( store ).getRoutes(), [] );\n\n\treturn <Router routes={ routes } rootComponent={ rootComponent } />;\n}\n\nexport async function init( {\n\tmountId,\n\tmenuItems,\n\troutes,\n\tinitModules,\n\tdashboardLink,\n}: {\n\tmountId: string;\n\tmenuItems?: MenuItem[];\n\troutes?: Route[];\n\tinitModules?: string[];\n\tdashboardLink?: string;\n} ) {\n\t( menuItems ?? [] ).forEach( ( menuItem ) => {\n\t\tdispatch( store ).registerMenuItem( menuItem.id, menuItem );\n\t} );\n\n\t( routes ?? [] ).forEach( ( route ) => {\n\t\tdispatch( store ).registerRoute( route );\n\t} );\n\n\tif ( dashboardLink ) {\n\t\tdispatch( store ).setDashboardLink( dashboardLink );\n\t}\n\n\tfor ( const moduleId of initModules ?? [] ) {\n\t\tconst module = await import( moduleId );\n\t\tawait module.init();\n\t}\n\n\t// Render the app\n\tconst rootElement = document.getElementById( mountId );\n\tif ( rootElement ) {\n\t\tconst root = createRoot( rootElement );\n\t\troot.render(\n\t\t\t<StrictMode>\n\t\t\t\t<App />\n\t\t\t</StrictMode>\n\t\t);\n\t}\n}\n\nexport async function initSinglePage( {\n\tmountId,\n\troutes,\n}: {\n\tmountId: string;\n\troutes?: Route[];\n} ) {\n\t( routes ?? [] ).forEach( ( route ) => {\n\t\tdispatch( store ).registerRoute( route );\n\t} );\n\n\t// Render the app without sidebar\n\tconst rootElement = document.getElementById( mountId );\n\tif ( rootElement ) {\n\t\tconst root = createRoot( rootElement );\n\t\troot.render(\n\t\t\t<StrictMode>\n\t\t\t\t<App rootComponent={ RootSinglePage } />\n\t\t\t</StrictMode>\n\t\t);\n\t}\n}\n"],
+  "mappings": ";AAGA,SAAS,YAAY,kBAAsC;AAC3D,SAAS,UAAU,iBAAiB;AAKpC,OAAO,YAAY;AACnB,OAAO,oBAAoB;AAC3B,SAAS,aAAa;AAMd;AAHR,SAAS,IAAK,EAAE,cAAc,GAAuC;AACpE,QAAM,SAAS,UAAW,CAAE,WAAY,OAAQ,KAAM,EAAE,UAAU,GAAG,CAAC,CAAE;AAExE,SAAO,oBAAC,UAAO,QAAkB,eAAgC;AAClE;AAEA,eAAsB,KAAM;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAMI;AACH,GAAE,aAAa,CAAC,GAAI,QAAS,CAAE,aAAc;AAC5C,aAAU,KAAM,EAAE,iBAAkB,SAAS,IAAI,QAAS;AAAA,EAC3D,CAAE;AAEF,GAAE,UAAU,CAAC,GAAI,QAAS,CAAE,UAAW;AACtC,aAAU,KAAM,EAAE,cAAe,KAAM;AAAA,EACxC,CAAE;AAEF,MAAK,eAAgB;AACpB,aAAU,KAAM,EAAE,iBAAkB,aAAc;AAAA,EACnD;AAEA,aAAY,YAAY,eAAe,CAAC,GAAI;AAC3C,UAAM,SAAS,MAAM,OAAQ;AAC7B,UAAM,OAAO,KAAK;AAAA,EACnB;AAGA,QAAM,cAAc,SAAS,eAAgB,OAAQ;AACrD,MAAK,aAAc;AAClB,UAAM,OAAO,WAAY,WAAY;AACrC,SAAK;AAAA,MACJ,oBAAC,cACA,8BAAC,OAAI,GACN;AAAA,IACD;AAAA,EACD;AACD;AAEA,eAAsB,eAAgB;AAAA,EACrC;AAAA,EACA;AACD,GAGI;AACH,GAAE,UAAU,CAAC,GAAI,QAAS,CAAE,UAAW;AACtC,aAAU,KAAM,EAAE,cAAe,KAAM;AAAA,EACxC,CAAE;AAGF,QAAM,cAAc,SAAS,eAAgB,OAAQ;AACrD,MAAK,aAAc;AAClB,UAAM,OAAO,WAAY,WAAY;AACrC,SAAK;AAAA,MACJ,oBAAC,cACA,8BAAC,OAAI,eAAgB,gBAAiB,GACvC;AAAA,IACD;AAAA,EACD;AACD;",
+  "names": []
+}

package/build-module/components/app/{router.js → router.mjs}

@@ -1,12 +1,14 @@
 // packages/boot/src/components/app/router.tsx
 import { __ } from "@wordpress/i18n";
-import { useState, useEffect } from "@wordpress/element";
+import { useMemo } from "@wordpress/element";
 import { Page } from "@wordpress/admin-ui";
 import {
   privateApis as routePrivateApis
 } from "@wordpress/route";
-import Root from "../root";
-import { unlock } from "../../lock-unlock";
+import { resolveSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import Root from "../root/index.mjs";
+import { unlock } from "../../lock-unlock.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var {
   createLazyRoute,
@@ -21,27 +23,40 @@ var {
 function NotFoundComponent() {
   return /* @__PURE__ */ jsx("div", { className: "boot-layout__stage", children: /* @__PURE__ */ jsx(Page, { title: __("Route not found"), hasPadding: true, children: __("The page you're looking for does not exist") }) });
 }
-async function createRouteFromDefinition(route, parentRoute) {
-  let routeConfig = {};
-  if (route.route_module) {
-    const module = await import(route.route_module);
-    routeConfig = module.route || {};
-  }
+function createRouteFromDefinition(route, parentRoute) {
   let tanstackRoute = createRoute({
     getParentRoute: () => parentRoute,
     path: route.path,
-    beforeLoad: routeConfig.beforeLoad ? (opts) => routeConfig.beforeLoad({
-      params: opts.params || {},
-      search: opts.search || {}
-    }) : void 0,
+    beforeLoad: async (opts) => {
+      if (route.route_module) {
+        const module = await import(route.route_module);
+        const routeConfig = module.route || {};
+        if (routeConfig.beforeLoad) {
+          return routeConfig.beforeLoad({
+            params: opts.params || {},
+            search: opts.search || {}
+          });
+        }
+      }
+    },
     loader: async (opts) => {
+      let routeConfig = {};
+      if (route.route_module) {
+        const module = await import(route.route_module);
+        routeConfig = module.route || {};
+      }
       const context = {
         params: opts.params || {},
         search: opts.deps || {}
       };
-      const [loaderData, canvasData] = await Promise.all([
+      const [, loaderData, canvasData, titleData] = await Promise.all([
+        resolveSelect(coreStore).getEntityRecord(
+          "root",
+          "__unstableBase"
+        ),
         routeConfig.loader ? routeConfig.loader(context) : Promise.resolve(void 0),
-        routeConfig.canvas ? routeConfig.canvas(context) : Promise.resolve(void 0)
+        routeConfig.canvas ? routeConfig.canvas(context) : Promise.resolve(void 0),
+        routeConfig.title ? routeConfig.title(context) : Promise.resolve(void 0)
       ]);
       let inspector = true;
       if (routeConfig.inspector) {
@@ -51,6 +66,7 @@ async function createRouteFromDefinition(route, parentRoute) {
         ...loaderData,
         canvas: canvasData,
         inspector,
+        title: titleData,
         routeContentModule: route.content_module
       };
     },
@@ -72,13 +88,13 @@ async function createRouteFromDefinition(route, parentRoute) {
   });
   return tanstackRoute;
 }
-async function createRouteTree(routes, rootComponent = Root) {
+function createRouteTree(routes, rootComponent = Root) {
   const rootRoute = createRootRoute({
     component: rootComponent,
     context: () => ({})
   });
-  const dynamicRoutes = await Promise.all(
-    routes.map((route) => createRouteFromDefinition(route, rootRoute))
+  const dynamicRoutes = routes.map(
+    (route) => createRouteFromDefinition(route, rootRoute)
   );
   return rootRoute.addChildren(dynamicRoutes);
 }
@@ -101,34 +117,29 @@ function Router({
   routes,
   rootComponent = Root
 }) {
-  const [router, setRouter] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    async function initializeRouter() {
-      const history = createPathHistory();
-      const routeTree = await createRouteTree(routes, rootComponent);
-      if (!cancelled) {
-        const newRouter = createRouter({
-          history,
-          routeTree,
-          defaultPreload: "intent",
-          defaultNotFoundComponent: NotFoundComponent,
-          defaultViewTransition: true
-        });
-        setRouter(newRouter);
+  const router = useMemo(() => {
+    const history = createPathHistory();
+    const routeTree = createRouteTree(routes, rootComponent);
+    return createRouter({
+      history,
+      routeTree,
+      defaultPreload: "intent",
+      defaultNotFoundComponent: NotFoundComponent,
+      defaultViewTransition: {
+        types: ({
+          fromLocation
+        }) => {
+          if (!fromLocation) {
+            return false;
+          }
+          return ["navigate"];
+        }
       }
-    }
-    initializeRouter();
-    return () => {
-      cancelled = true;
-    };
+    });
   }, [routes, rootComponent]);
-  if (!router) {
-    return /* @__PURE__ */ jsx("div", { children: "Loading routes..." });
-  }
   return /* @__PURE__ */ jsx(RouterProvider, { router });
 }
 export {
   Router as default
 };
-//# sourceMappingURL=router.js.map
+//# sourceMappingURL=router.mjs.map

package/build-module/components/app/router.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/app/router.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport type { ComponentType } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\nimport { Page } from '@wordpress/admin-ui';\nimport {\n\tprivateApis as routePrivateApis,\n\ttype AnyRoute,\n} from '@wordpress/route';\nimport { resolveSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport Root from '../root';\nimport type { Route, RouteConfig, RouteLoaderContext } from '../../store/types';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tcreateLazyRoute,\n\tcreateRouter,\n\tcreateRootRoute,\n\tcreateRoute,\n\tRouterProvider,\n\tcreateBrowserHistory,\n\tparseHref,\n\tuseLoaderData,\n} = unlock( routePrivateApis );\n\n// Not found component\nfunction NotFoundComponent() {\n\treturn (\n\t\t<div className=\"boot-layout__stage\">\n\t\t\t<Page title={ __( 'Route not found' ) } hasPadding>\n\t\t\t\t{ __( \"The page you're looking for does not exist\" ) }\n\t\t\t</Page>\n\t\t</div>\n\t);\n}\n\n/**\n * Creates a TanStack route from a Route definition.\n *\n * @param route       Route configuration\n * @param parentRoute Parent route.\n * @return Tanstack Route.\n */\nfunction createRouteFromDefinition( route: Route, parentRoute: AnyRoute ) {\n\t// Create route without component initially\n\tlet tanstackRoute = createRoute( {\n\t\tgetParentRoute: () => parentRoute,\n\t\tpath: route.path,\n\t\tbeforeLoad: async ( opts: any ) => {\n\t\t\t// Import route module here (lazy)\n\t\t\tif ( route.route_module ) {\n\t\t\t\tconst module = await import( route.route_module );\n\t\t\t\tconst routeConfig = module.route || {};\n\n\t\t\t\tif ( routeConfig.beforeLoad ) {\n\t\t\t\t\treturn routeConfig.beforeLoad( {\n\t\t\t\t\t\tparams: opts.params || {},\n\t\t\t\t\t\tsearch: opts.search || {},\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tloader: async ( opts: any ) => {\n\t\t\t// Import route module here (lazy)\n\t\t\tlet routeConfig: RouteConfig = {};\n\t\t\tif ( route.route_module ) {\n\t\t\t\tconst module = await import( route.route_module );\n\t\t\t\trouteConfig = module.route || {};\n\t\t\t}\n\n\t\t\tconst context: RouteLoaderContext = {\n\t\t\t\tparams: opts.params || {},\n\t\t\t\tsearch: opts.deps || {},\n\t\t\t};\n\n\t\t\tconst [ , loaderData, canvasData, titleData ] = await Promise.all( [\n\t\t\t\tresolveSelect( coreStore ).getEntityRecord(\n\t\t\t\t\t'root',\n\t\t\t\t\t'__unstableBase'\n\t\t\t\t),\n\t\t\t\trouteConfig.loader\n\t\t\t\t\t? routeConfig.loader( context )\n\t\t\t\t\t: Promise.resolve( undefined ),\n\t\t\t\trouteConfig.canvas\n\t\t\t\t\t? routeConfig.canvas( context )\n\t\t\t\t\t: Promise.resolve( undefined ),\n\t\t\t\trouteConfig.title\n\t\t\t\t\t? routeConfig.title( context )\n\t\t\t\t\t: Promise.resolve( undefined ),\n\t\t\t] );\n\n\t\t\tlet inspector = true;\n\t\t\tif ( routeConfig.inspector ) {\n\t\t\t\tinspector = await routeConfig.inspector( context );\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...( loaderData as any ),\n\t\t\t\tcanvas: canvasData,\n\t\t\t\tinspector,\n\t\t\t\ttitle: titleData,\n\t\t\t\trouteContentModule: route.content_module,\n\t\t\t};\n\t\t},\n\t\tloaderDeps: ( opts: any ) => opts.search,\n\t} );\n\n\t// Chain .lazy() to preload content module on intent\n\ttanstackRoute = tanstackRoute.lazy( async () => {\n\t\tconst module = route.content_module\n\t\t\t? await import( route.content_module )\n\t\t\t: {};\n\n\t\tconst Stage = module.stage;\n\t\tconst Inspector = module.inspector;\n\n\t\treturn createLazyRoute( route.path )( {\n\t\t\tcomponent: function RouteComponent() {\n\t\t\t\tconst { inspector: showInspector } =\n\t\t\t\t\tuseLoaderData( { from: route.path } ) ?? {};\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ Stage && (\n\t\t\t\t\t\t\t<div className=\"boot-layout__stage\">\n\t\t\t\t\t\t\t\t<Stage />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ Inspector && showInspector && (\n\t\t\t\t\t\t\t<div className=\"boot-layout__inspector\">\n\t\t\t\t\t\t\t\t<Inspector />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t},\n\t\t} );\n\t} );\n\n\treturn tanstackRoute;\n}\n\n/**\n * Creates a route tree from route definitions.\n *\n * @param routes        Routes definition.\n * @param rootComponent Root component to use for the router.\n * @return Router tree.\n */\nfunction createRouteTree(\n\troutes: Route[],\n\trootComponent: ComponentType = Root\n) {\n\tconst rootRoute = createRootRoute( {\n\t\tcomponent: rootComponent as any,\n\t\tcontext: () => ( {} ),\n\t} );\n\n\t// Create routes from definitions (now synchronous)\n\tconst dynamicRoutes = routes.map( ( route ) =>\n\t\tcreateRouteFromDefinition( route, rootRoute )\n\t);\n\n\treturn rootRoute.addChildren( dynamicRoutes );\n}\n\n// Create custom history that parses ?p= query parameter\nfunction createPathHistory() {\n\treturn createBrowserHistory( {\n\t\tparseLocation: () => {\n\t\t\tconst url = new URL( window.location.href );\n\t\t\tconst path = url.searchParams.get( 'p' ) || '/';\n\t\t\tconst pathHref = `${ path }${ url.hash }`;\n\t\t\treturn parseHref( pathHref, window.history.state );\n\t\t},\n\t\tcreateHref: ( href: string ) => {\n\t\t\tconst searchParams = new URLSearchParams( window.location.search );\n\t\t\tsearchParams.set( 'p', href );\n\t\t\treturn `${ window.location.pathname }?${ searchParams }`;\n\t\t},\n\t} );\n}\n\ninterface RouterProps {\n\troutes: Route[];\n\trootComponent?: ComponentType;\n}\n\nexport default function Router( {\n\troutes,\n\trootComponent = Root,\n}: RouterProps ) {\n\tconst router = useMemo( () => {\n\t\tconst history = createPathHistory();\n\t\tconst routeTree = createRouteTree( routes, rootComponent );\n\n\t\treturn createRouter( {\n\t\t\thistory,\n\t\t\trouteTree,\n\t\t\tdefaultPreload: 'intent',\n\t\t\tdefaultNotFoundComponent: NotFoundComponent,\n\t\t\tdefaultViewTransition: {\n\t\t\t\ttypes: ( {\n\t\t\t\t\tfromLocation,\n\t\t\t\t}: {\n\t\t\t\t\tfromLocation?: unknown;\n\t\t\t\t\ttoLocation: unknown;\n\t\t\t\t\tpathChanged: boolean;\n\t\t\t\t\threfChanged: boolean;\n\t\t\t\t\thashChanged: boolean;\n\t\t\t\t} ) => {\n\t\t\t\t\t// Disable view transition on initial navigation (no previous location)\n\t\t\t\t\tif ( ! fromLocation ) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Enable with navigation type for subsequent navigations\n\t\t\t\t\treturn [ 'navigate' ];\n\t\t\t\t},\n\t\t\t},\n\t\t} );\n\t}, [ routes, rootComponent ] );\n\n\treturn <RouterProvider router={ router } />;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/app/use-route-title.mjs

@@ -0,0 +1,50 @@
+// packages/boot/src/components/app/use-route-title.ts
+import { useEffect, useRef } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import { __, sprintf } from "@wordpress/i18n";
+import { speak } from "@wordpress/a11y";
+import { decodeEntities } from "@wordpress/html-entities";
+import { privateApis as routePrivateApis } from "@wordpress/route";
+import { unlock } from "../../lock-unlock.mjs";
+var { useLocation, useMatches } = unlock(routePrivateApis);
+function useRouteTitle() {
+  const location = useLocation();
+  const matches = useMatches();
+  const currentMatch = matches[matches.length - 1];
+  const routeTitle = currentMatch?.loaderData?.title;
+  const siteTitle = useSelect(
+    (select) => select(coreStore).getEntityRecord(
+      "root",
+      "__unstableBase"
+    )?.name,
+    []
+  );
+  const isInitialLocationRef = useRef(true);
+  useEffect(() => {
+    isInitialLocationRef.current = false;
+  }, [location]);
+  useEffect(() => {
+    if (isInitialLocationRef.current) {
+      return;
+    }
+    if (routeTitle && typeof routeTitle === "string" && siteTitle && typeof siteTitle === "string") {
+      const decodedRouteTitle = decodeEntities(routeTitle);
+      const decodedSiteTitle = decodeEntities(siteTitle);
+      const formattedTitle = sprintf(
+        /* translators: Admin document title. 1: Admin screen name, 2: Site name. */
+        __("%1$s \u2039 %2$s \u2014 WordPress"),
+        decodedRouteTitle,
+        decodedSiteTitle
+      );
+      document.title = formattedTitle;
+      if (decodedRouteTitle) {
+        speak(decodedRouteTitle, "assertive");
+      }
+    }
+  }, [routeTitle, siteTitle, location]);
+}
+export {
+  useRouteTitle as default
+};
+//# sourceMappingURL=use-route-title.mjs.map

package/build-module/components/app/use-route-title.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/app/use-route-title.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore, type UnstableBase } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { privateApis as routePrivateApis } from '@wordpress/route';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useMatches } = unlock( routePrivateApis );\n\n/**\n * Hook that manages document title updates based on route changes.\n * Formats titles with WordPress conventions and announces them to screen readers.\n *\n * This hook should be called from the Root component to ensure it runs on every route.\n */\nexport default function useRouteTitle() {\n\tconst location = useLocation();\n\tconst matches = useMatches();\n\tconst currentMatch = matches[ matches.length - 1 ];\n\tconst routeTitle = ( currentMatch?.loaderData as any )?.title as\n\t\t| string\n\t\t| undefined;\n\n\tconst siteTitle = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord< UnstableBase >(\n\t\t\t\t'root',\n\t\t\t\t'__unstableBase'\n\t\t\t)?.name,\n\t\t[]\n\t);\n\n\tconst isInitialLocationRef = useRef( true );\n\n\tuseEffect( () => {\n\t\tisInitialLocationRef.current = false;\n\t}, [ location ] );\n\n\tuseEffect( () => {\n\t\t// Don't update or announce the title for initial page load.\n\t\tif ( isInitialLocationRef.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (\n\t\t\trouteTitle &&\n\t\t\ttypeof routeTitle === 'string' &&\n\t\t\tsiteTitle &&\n\t\t\ttypeof siteTitle === 'string'\n\t\t) {\n\t\t\t// Decode entities for display\n\t\t\tconst decodedRouteTitle = decodeEntities( routeTitle );\n\t\t\tconst decodedSiteTitle = decodeEntities( siteTitle );\n\n\t\t\t// Format title following WordPress admin conventions\n\t\t\tconst formattedTitle = sprintf(\n\t\t\t\t/* translators: Admin document title. 1: Admin screen name, 2: Site name. */\n\t\t\t\t__( '%1$s \u2039 %2$s \u2014 WordPress' ),\n\t\t\t\tdecodedRouteTitle,\n\t\t\t\tdecodedSiteTitle\n\t\t\t);\n\n\t\t\tdocument.title = formattedTitle;\n\n\t\t\t// Announce title on route change for screen readers.\n\t\t\tif ( decodedRouteTitle ) {\n\t\t\t\tspeak( decodedRouteTitle, 'assertive' );\n\t\t\t}\n\t\t}\n\t}, [ routeTitle, siteTitle, location ] );\n}\n"],
+  "mappings": ";AAGA,SAAS,WAAW,cAAc;AAClC,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAoC;AACtD,SAAS,IAAI,eAAe;AAC5B,SAAS,aAAa;AACtB,SAAS,sBAAsB;AAC/B,SAAS,eAAe,wBAAwB;AAKhD,SAAS,cAAc;AAEvB,IAAM,EAAE,aAAa,WAAW,IAAI,OAAQ,gBAAiB;AAQ9C,SAAR,gBAAiC;AACvC,QAAM,WAAW,YAAY;AAC7B,QAAM,UAAU,WAAW;AAC3B,QAAM,eAAe,QAAS,QAAQ,SAAS,CAAE;AACjD,QAAM,aAAe,cAAc,YAAqB;AAIxD,QAAM,YAAY;AAAA,IACjB,CAAE,WACD,OAAQ,SAAU,EAAE;AAAA,MACnB;AAAA,MACA;AAAA,IACD,GAAG;AAAA,IACJ,CAAC;AAAA,EACF;AAEA,QAAM,uBAAuB,OAAQ,IAAK;AAE1C,YAAW,MAAM;AAChB,yBAAqB,UAAU;AAAA,EAChC,GAAG,CAAE,QAAS,CAAE;AAEhB,YAAW,MAAM;AAEhB,QAAK,qBAAqB,SAAU;AACnC;AAAA,IACD;AAEA,QACC,cACA,OAAO,eAAe,YACtB,aACA,OAAO,cAAc,UACpB;AAED,YAAM,oBAAoB,eAAgB,UAAW;AACrD,YAAM,mBAAmB,eAAgB,SAAU;AAGnD,YAAM,iBAAiB;AAAA;AAAA,QAEtB,GAAI,mCAA0B;AAAA,QAC9B;AAAA,QACA;AAAA,MACD;AAEA,eAAS,QAAQ;AAGjB,UAAK,mBAAoB;AACxB,cAAO,mBAAmB,WAAY;AAAA,MACvC;AAAA,IACD;AAAA,EACD,GAAG,CAAE,YAAY,WAAW,QAAS,CAAE;AACxC;",
+  "names": []
+}

package/build-module/components/canvas/{back-button.js → back-button.mjs}

@@ -7,7 +7,7 @@ import {
 import { arrowUpLeft } from "@wordpress/icons";
 import { useReducedMotion } from "@wordpress/compose";
 import { __ } from "@wordpress/i18n";
-import SiteIcon from "../site-icon";
+import SiteIcon from "../site-icon/index.mjs";
 
 // packages/boot/src/components/canvas/back-button.scss
 var css = `/**
@@ -177,4 +177,4 @@ function BootBackButton({ length }) {
 export {
   BootBackButton as default
 };
-//# sourceMappingURL=back-button.js.map
+//# sourceMappingURL=back-button.mjs.map

package/build-module/components/canvas/{index.js → index.mjs}

@@ -2,7 +2,7 @@
 import { useState, useEffect } from "@wordpress/element";
 import { Spinner } from "@wordpress/components";
 import { useNavigate } from "@wordpress/route";
-import BootBackButton from "./back-button";
+import BootBackButton from "./back-button.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Canvas({ canvas }) {
   const [Editor, setEditor] = useState(null);
@@ -73,4 +73,4 @@ function Canvas({ canvas }) {
 export {
   Canvas as default
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/build-module/components/canvas-renderer/{index.js → index.mjs}

@@ -1,6 +1,6 @@
 // packages/boot/src/components/canvas-renderer/index.tsx
 import { useState, useEffect } from "@wordpress/element";
-import Canvas from "../canvas";
+import Canvas from "../canvas/index.mjs";
 import { jsx } from "react/jsx-runtime";
 function CanvasRenderer({
   canvas,
@@ -32,4 +32,4 @@ function CanvasRenderer({
 export {
   CanvasRenderer as default
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/build-module/components/navigation/drilldown-item/{index.js → index.mjs}

@@ -8,7 +8,7 @@ import {
 } from "@wordpress/components";
 import { isRTL } from "@wordpress/i18n";
 import { chevronRightSmall, chevronLeftSmall } from "@wordpress/icons";
-import { wrapIcon } from "../items";
+import { wrapIcon } from "../items.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 function DrilldownItem({
   className,
@@ -46,4 +46,4 @@ function DrilldownItem({
 export {
   DrilldownItem as default
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/build-module/components/navigation/dropdown-item/{index.js → index.mjs}

@@ -11,9 +11,9 @@ import {
 import { chevronDownSmall } from "@wordpress/icons";
 import { useReducedMotion } from "@wordpress/compose";
 import { useSelect } from "@wordpress/data";
-import { STORE_NAME } from "../../../store";
-import NavigationItem from "../navigation-item";
-import { wrapIcon } from "../items";
+import { STORE_NAME } from "../../../store/index.mjs";
+import NavigationItem from "../navigation-item/index.mjs";
+import { wrapIcon } from "../items.mjs";
 
 // packages/boot/src/components/navigation/dropdown-item/style.scss
 var css = `/**
@@ -159,4 +159,4 @@ function DropdownItem({
 export {
   DropdownItem as default
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/build-module/components/navigation/{index.js → index.mjs}

@@ -1,12 +1,12 @@
 // packages/boot/src/components/navigation/index.tsx
 import { useState, useMemo, useRef } from "@wordpress/element";
 import { useSelect } from "@wordpress/data";
-import { STORE_NAME } from "../../store";
-import NavigationItem from "./navigation-item";
-import DrilldownItem from "./drilldown-item";
-import DropdownItem from "./dropdown-item";
-import NavigationScreen from "./navigation-screen";
-import { useSidebarParent } from "./use-sidebar-parent";
+import { STORE_NAME } from "../../store/index.mjs";
+import NavigationItem from "./navigation-item/index.mjs";
+import DrilldownItem from "./drilldown-item/index.mjs";
+import DropdownItem from "./dropdown-item/index.mjs";
+import NavigationScreen from "./navigation-screen/index.mjs";
+import { useSidebarParent } from "./use-sidebar-parent.mjs";
 import { Fragment, jsx } from "react/jsx-runtime";
 function Navigation() {
   const backButtonRef = useRef(null);
@@ -98,4 +98,4 @@ var navigation_default = Navigation;
 export {
   navigation_default as default
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/build-module/components/navigation/{items.js → items.mjs}

@@ -57,4 +57,4 @@ function wrapIcon(icon, shouldShowPlaceholder = true) {
 export {
   wrapIcon
 };
-//# sourceMappingURL=items.js.map
+//# sourceMappingURL=items.mjs.map