@orthacms/bootstrap-admin 0.3.0 → 0.4.0

package/dist/lib/RouteAnnouncer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/RouteAnnouncer/index.tsx"],"names":[],"mappings":"AA2CA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,cAAc,gCAiE7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/RouteAnnouncer/index.tsx"],"names":[],"mappings":"AAoDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,cAAc,gCAiE7B"}

package/dist/lib/RouteAnnouncer/index.js

@@ -34,7 +34,14 @@ let lastHeadingText = null;
  */
 function readHeading() {
     const scope = document.querySelector('main') ?? document;
-    const element = scope.querySelector('h1');
+    // Skip a heading that belongs to a loading placeholder. A lazy route's
+    // `Suspense` fallback carries its own `sr-only` <h1> ("Loading X") so the
+    // page stays navigable by heading while its chunk arrives (ORT-167) — but
+    // that names the *state*, not the view the user arrived at, and reading it
+    // aloud announces "Loading members" in place of "Members". Every such
+    // skeleton marks its root `aria-busy`, so the announcer waits past it and
+    // reports the settled heading once the real page mounts.
+    const element = Array.from(scope.querySelectorAll('h1')).find((h1) => !h1.closest('[aria-busy="true"]'));
     const text = element?.textContent?.trim();
     return element && text ? { element, text } : null;
 }

package/dist/lib/createAdmin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/createAdmin/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAe,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AA8J5E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI,CA6G7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/createAdmin/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAe,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AA8J5E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI,CA+G7D"}

package/dist/lib/createAdmin/index.js

@@ -4,7 +4,7 @@ import * as ReactDOM from 'react-dom/client';
 import { BrowserRouter, Navigate, Outlet, Route, Routes } from 'react-router-dom';
 import { IntlProvider } from 'react-intl';
 import { QueryClientProvider } from '@tanstack/react-query';
-import { queryClient } from '@orthacms/utils-admin';
+import { queryClient, wireSlotContributions } from '@orthacms/utils-admin';
 import { AppearanceProvider, TooltipProvider, Toaster } from '@orthacms/design-system';
 import { UnsavedChangesGuard } from '../UnsavedChangesGuard';
 import { AppErrorBoundary } from '../AppErrorBoundary';
@@ -187,11 +187,13 @@ export function createAdmin(options) {
     const privateRoutes = routes.filter((route) => !route.public);
     // Wire every plugin's slot contributions into their target slots before
     // render, so consumers (e.g. the shell toolbar) see all contributed items.
-    for (const plugin of plugins) {
-        for (const contribution of plugin.slots ?? []) {
-            contribution.slot._register(contribution.items);
-        }
-    }
+    //
+    // `wireSlotContributions` registers from empty rather than appending,
+    // because a Vite hot update re-executes this module against the same
+    // module-level slot closures instead of reloading the page — so a bare
+    // `push` per contribution doubled every nav entry and every workspace, and
+    // compounded with each save until a hard reload.
+    wireSlotContributions(plugins.flatMap((plugin) => plugin.slots ?? []));
     // The single layout that wraps every private route; falls back to a bare
     // outlet before any layout plugin (the shell) is registered.
     const layout = plugins.map((plugin) => plugin.layout).find(Boolean) ?? (_jsx(Outlet, {}));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@orthacms/bootstrap-admin",
-    "version": "0.3.0",
+    "version": "0.4.0",
     "description": "@orthacms/bootstrap-admin — part of Ortha CMS.",
     "license": "MIT",
     "homepage": "https://github.com/ortha-source/ortha-cms/tree/main/packages/bootstrap/admin",
@@ -25,8 +25,8 @@
         "dist"
     ],
     "dependencies": {
-        "@orthacms/design-system": "^0.3.0",
-        "@orthacms/utils-admin": "^0.3.0",
+        "@orthacms/design-system": "^0.4.0",
+        "@orthacms/utils-admin": "^0.4.0",
         "@tanstack/react-query": "^5.0.0",
         "react-intl": "^7.0.0",
         "tslib": "^2.3.0"