@supersoniks/concorde 5.1.1 → 5.1.3-immutable.1

package/src/docs/navigation/navigation.ts

@@ -4,238 +4,221 @@ import { customElement, property } from "lit/decorators.js";
 /** Sidebar order: strings are section titles, objects are pages. */
 export const docsNavigation: Array<string | { label: string; href: string }> = [
   "Getting Started",
-  { label: "Introduction", href: "#docs/_getting-started/start.md/start" },
+  { label: "Introduction", href: "/docs/getting-started/start" },
   {
     label: "Components",
-    href: "#docs/_getting-started/components.md/components",
+    href: "/docs/getting-started/components",
   },
   {
     label: "Installation",
-    href: "#docs/_getting-started/concorde-outside.md/concorde-outside",
-  },
-  {
-    label: "AI agents (skills)",
-    href: "#docs/_getting-started/ai-agents.md/ai-agents",
+    href: "/docs/getting-started/installation",
   },
   {
     label: "My first component",
-    href: "#docs/_getting-started/my-first-component.md/my-first-component",
+    href: "/docs/getting-started/my-first-component",
   },
   {
     label: "Theming",
-    href: "#docs/_getting-started/theming.md/theming",
+    href: "/docs/getting-started/theming",
   },
-  "Core concept",
   {
-    label: "Lit + Tailwind + Vite",
-    href: "#docs/_core-concept/overview.md/overview",
+    label: "Data flow",
+    href: "/docs/getting-started/dataFlow",
   },
   {
-    label: "Data flow",
-    href: "#docs/_core-concept/dataFlow.md/dataFlow",
+    label: "AI agents (skill)",
+    href: "/docs/getting-started/ai-agents",
   },
   "Functional components",
-  { label: "Date", href: "#core/components/functional/date/date.md/date" },
+  { label: "Date", href: "/core/components/functional/date" },
   {
     label: "Fetch",
-    href: "#core/components/functional/fetch/fetch.md/fetch",
+    href: "/core/components/functional/fetch",
   },
-  { label: "If", href: "#core/components/functional/if/if.md/if" },
-  { label: "List", href: "#core/components/functional/list/list.md/list" },
-  { label: "Mix", href: "#core/components/functional/mix/mix.md/mix" },
+  { label: "If", href: "/core/components/functional/if" },
+  { label: "List", href: "/core/components/functional/list" },
+  { label: "Mix", href: "/core/components/functional/mix" },
   {
     label: "Jsonata",
-    href: "#core/components/functional/jsonata/jsonata.md/jsonata",
+    href: "/core/components/functional/jsonata",
   },
   {
     label: "Queue",
-    href: "#core/components/functional/queue/queue.md/queue",
+    href: "/core/components/functional/queue",
   },
   {
     label: "Router",
-    href: "#core/components/functional/router/router.md/router",
+    href: "/core/components/functional/router",
   },
-  { label: "SDUI", href: "#core/components/functional/sdui/sdui.md/sdui" },
+  { label: "SDUI", href: "/core/components/functional/sdui" },
   {
     label: "States",
-    href: "#core/components/functional/states/states.md/states",
+    href: "/core/components/functional/states",
   },
   {
     label: "Submit",
-    href: "#core/components/functional/submit/submit.md/submit",
+    href: "/core/components/functional/submit",
+  },
+  //{label: "Subscriber", href: "/core/components/functional/subscriber"},
+  {
+    label: "Translation",
+    href: "/core/components/functional/translation",
   },
-  //{label: "Subscriber", href: "#core/components/functional/subscriber/subscriber.md/subscriber"},
   {
     label: "Value",
-    href: "#core/components/functional/value/value.md/value",
+    href: "/core/components/functional/value",
   },
   "UI components",
-  { label: "Alert", href: "#core/components/ui/alert/alert.md/alert" },
-  { label: "Badge", href: "#core/components/ui/badge/badge.md/badge" },
-  { label: "Button", href: "#core/components/ui/button/button.md/button" },
+  { label: "Alert", href: "/core/components/ui/alert" },
+  { label: "Badge", href: "/core/components/ui/badge" },
+  { label: "Button", href: "/core/components/ui/button" },
   {
     label: "Captcha",
-    href: "#core/components/ui/captcha/captcha.md/captcha",
+    href: "/core/components/ui/captcha",
   },
-  { label: "Card", href: "#core/components/ui/card/card.md/card" },
+  { label: "Card", href: "/core/components/ui/card" },
   {
     label: "Checkbox",
-    href: "#core/components/ui/form/checkbox/checkbox.md/checkbox",
+    href: "/core/components/ui/form/checkbox",
   },
   {
     label: "Divider",
-    href: "#core/components/ui/divider/divider.md/divider",
+    href: "/core/components/ui/divider",
   },
   {
     label: "Fieldset",
-    href: "#core/components/ui/form/fieldset/fieldset.md/fieldset",
+    href: "/core/components/ui/form/fieldset",
   },
   {
     label: "Form actions",
-    href: "#core/components/ui/form/form-actions/form-actions.md/form-actions",
+    href: "/core/components/ui/form/form-actions",
   },
   {
     label: "Form layout",
-    href: "#core/components/ui/form/form-layout/form-layout.md/form-layout",
-  },
-  { label: "Group", href: "#core/components/ui/group/group.md/group" },
-  { label: "Icon", href: "#core/components/ui/icon/icon.md/icon" },
-  { label: "Image", href: "#core/components/ui/image/image.md/image" },
-  { label: "Input", href: "#core/components/ui/form/input/input.md/input" },
-  {
-    label: "Input autocomplete",
-    href: "#core/components/ui/form/input-autocomplete/input-autocomplete.md/input-autocomplete",
-  },
-  { label: "Link", href: "#core/components/ui/link/link.md/link" },
-  { label: "Loader", href: "#core/components/ui/loader/loader.md/loader" },
-  { label: "Menu", href: "#core/components/ui/menu/menu.md/menu" },
-  { label: "Modal", href: "#core/components/ui/modal/modal.md/modal" },
-  { label: "Pop", href: "#core/components/ui/pop/pop.md/pop" },
+    href: "/core/components/ui/form/form-layout",
+  },
+  { label: "Group", href: "/core/components/ui/group" },
+  { label: "Icon", href: "/core/components/ui/icon" },
+  { label: "Image", href: "/core/components/ui/image" },
+  { label: "Input", href: "/core/components/ui/form/input" },
+  { label: "Link", href: "/core/components/ui/link" },
+  { label: "Loader", href: "/core/components/ui/loader" },
+  { label: "Menu", href: "/core/components/ui/menu" },
+  { label: "Modal", href: "/core/components/ui/modal" },
+  { label: "Pop", href: "/core/components/ui/pop" },
   {
     label: "Progress",
-    href: "#core/components/ui/progress/progress.md/progress",
+    href: "/core/components/ui/progress",
   },
-  { label: "Radio", href: "#core/components/ui/form/radio/radio.md/radio" },
+  { label: "Radio", href: "/core/components/ui/form/radio" },
   {
     label: "Select",
-    href: "#core/components/ui/form/select/select.md/select",
+    href: "/core/components/ui/form/select",
   },
   {
     label: "Switch",
-    href: "#core/components/ui/form/switch/switch.md/switch",
+    href: "/core/components/ui/form/switch",
   },
-  { label: "Table", href: "#core/components/ui/table/table.md/table" },
+  { label: "Table", href: "/core/components/ui/table" },
   {
     label: "Textarea",
-    href: "#core/components/ui/form/textarea/textarea.md/textarea",
+    href: "/core/components/ui/form/textarea",
   },
   {
     label: "Theme",
-    href: "#core/components/ui/theme/theme.md/theme",
+    href: "/core/components/ui/theme",
   },
-  { label: "Toast", href: "#core/components/ui/toast/toast.md/toast" },
+  { label: "Toast", href: "/core/components/ui/toast" },
   {
     label: "Tooltip",
-    href: "#core/components/ui/tooltip/tooltip.md/tooltip",
+    href: "/core/components/ui/tooltip",
   },
   "Decorators",
   {
     label: "@ancestorAttribute",
-    href: "#docs/_decorators/ancestor-attribute.md/ancestor-attribute",
+    href: "/docs/decorators/ancestor-attribute",
   },
   {
     label: "@bind",
-    href: "#docs/_decorators/bind.md/bind",
+    href: "/docs/decorators/bind",
   },
   {
     label: "@subscribe",
-    href: "#docs/_decorators/subscribe.md/subscribe",
+    href: "/docs/decorators/subscribe",
   },
   {
     label: "@handle",
-    href: "#docs/_decorators/handle.md/handle",
+    href: "/docs/decorators/handle",
   },
   {
     label: "@publish",
-    href: "#docs/_decorators/publish.md/publish",
+    href: "/docs/decorators/publish",
   },
   {
     label: "@get",
-    href: "#docs/_decorators/get.md/get",
+    href: "/docs/decorators/get",
   },
   {
     label: "@post",
-    href: "#docs/_decorators/post.md/post",
+    href: "/docs/decorators/post",
   },
   {
     label: "@put",
-    href: "#docs/_decorators/put.md/put",
+    href: "/docs/decorators/put",
   },
   {
     label: "@patch",
-    href: "#docs/_decorators/patch.md/patch",
+    href: "/docs/decorators/patch",
   },
   {
     label: "@onAssign",
-    href: "#docs/_decorators/on-assign.md/on-assign",
+    href: "/docs/decorators/on-assign",
   },
   {
     label: "@autoSubscribe",
-    href: "#docs/_decorators/auto-subscribe.md/auto-subscribe",
+    href: "/docs/decorators/auto-subscribe",
   },
   {
     label: "@awaitConnectedAncestors",
-    href: "#docs/_decorators/wait-for-ancestors.md/wait-for-ancestors",
+    href: "/docs/decorators/wait-for-ancestors",
+  },
+  "Directives",
+  {
+    label: "sub()",
+    href: "/docs/directives/sub",
+  },
+  {
+    label: "t()",
+    href: "/docs/directives/t",
   },
   "Misc",
   {
     label: "DataProviderKey",
-    href: "#docs/_misc/dataProviderKey.md/dataProviderKey",
+    href: "/docs/misc/dataProviderKey",
   },
   {
     label: "Endpoint",
-    href: "#docs/_misc/endpoint.md/endpoint",
+    href: "/docs/misc/endpoint",
   },
   {
     label: "Dynamic paths",
-    href: "#docs/_misc/dynamic-path.md/dynamic-path",
+    href: "/docs/misc/dynamic-path",
   },
   {
     label: "API configuration",
-    href: "#docs/_misc/api-configuration.md/api-configuration",
-  },
-  {
-    label: "sub()",
-    href: "#docs/_directives/sub.md/sub",
+    href: "/docs/misc/api-configuration",
   },
   {
     label: "HTML integration",
-    href: "#docs/_misc/html-integration.md/html-integration",
-  },
-  {
-    label: "FormElement / Subscriber removal",
-    href: "#docs/_misc/formelement-subscriber-removal.md/formelement-subscriber-removal",
+    href: "/docs/misc/html-integration",
   },
   {
     label: "Local API demos",
-    href: "#docs/_misc/docs-mock-api.md/docs-mock-api",
-  },
-  "Legacy",
-  {
-    label: "Manual installation (Vite)",
-    href: "#docs/_getting-started/concorde-manual-install.md/concorde-manual-install",
-  },
-  {
-    label: "Subscriber mixin",
-    href: "#docs/_core-concept/subscriber.md/subscriber",
-  },
-  {
-    label: "Sharing data (Publisher)",
-    href: "#docs/_getting-started/pubsub.md/pubsub",
+    href: "/docs/misc/docs-mock-api",
   },
   {
-    label: "My first subscriber",
-    href: "#docs/_getting-started/my-first-subscriber.md/my-first-subscriber",
+    label: "get() immutability study",
+    href: "/docs/misc/publisher-get-immutability-study",
   },
 ];
 

package/src/docs/navigation/toc.ts

@@ -68,10 +68,13 @@ export class DocsToc extends LitElement {
     this.activeId = id;
     target.scrollIntoView({ behavior: "smooth", block: "start" });
     // Keep the URL shareable without triggering a markdown reload.
-    const { pageHash } = parseDocsLocation(document.location.href);
-    const base = pageHash.substring(0, pageHash.lastIndexOf("/"));
-    if (base) {
-      history.replaceState(history.state, "", `${base}/${encodeURIComponent(id)}`);
+    const { pagePath } = parseDocsLocation(document.location.href);
+    if (pagePath && pagePath !== "/") {
+      history.replaceState(
+        history.state,
+        "",
+        `${pagePath}#${encodeURIComponent(id)}`,
+      );
     }
   }