@shwfed/config 2.12.5 → 2.12.6

package/dist/runtime/components/tabs/use-tabs.js

@@ -0,0 +1,101 @@
+import { effectScope, ref } from "vue";
+import { useSessionStorage } from "@vueuse/core";
+import { getLocalizedText } from "../../share/locale.js";
+import { readNavLabel } from "../../utils/nav-registry.js";
+import { readPageTitle } from "../../utils/page-title-registry.js";
+import { applyReorder } from "../../share/reorder.js";
+export function createTabStore(storageKey) {
+  const tabs = useSessionStorage(storageKey, []);
+  const activePath = ref(null);
+  function indexOf(path) {
+    return tabs.value.findIndex((t) => t.path === path);
+  }
+  function openOrFocus(path, fullPath) {
+    const existing = tabs.value.find((t) => t.path === path);
+    if (existing) {
+      if (existing.fullPath !== fullPath) {
+        tabs.value = tabs.value.map((t) => t.path === path ? { ...t, fullPath } : t);
+      }
+    } else {
+      tabs.value = [...tabs.value, { path, fullPath }];
+    }
+    activePath.value = path;
+  }
+  function close(path, home) {
+    const idx = indexOf(path);
+    if (idx < 0) return null;
+    const target = tabs.value[idx];
+    if (!target || target.pinned) return null;
+    const wasActive = activePath.value === path;
+    const next = tabs.value.slice(0, idx).concat(tabs.value.slice(idx + 1));
+    tabs.value = next;
+    if (!wasActive) return null;
+    const neighbor = next[idx] ?? next[idx - 1] ?? null;
+    if (neighbor) {
+      activePath.value = neighbor.path;
+      return neighbor.fullPath;
+    }
+    activePath.value = null;
+    return home ?? null;
+  }
+  function closeOthers(path) {
+    tabs.value = tabs.value.filter((t) => t.pinned || t.path === path);
+    if (activePath.value === path) return null;
+    const target = tabs.value.find((t) => t.path === path);
+    if (target) {
+      activePath.value = path;
+      return target.fullPath;
+    }
+    return null;
+  }
+  function closeToRight(path) {
+    const idx = indexOf(path);
+    if (idx < 0) return null;
+    const removed = new Set(
+      tabs.value.slice(idx + 1).filter((t) => !t.pinned).map((t) => t.path)
+    );
+    if (removed.size === 0) return null;
+    tabs.value = tabs.value.filter((t) => !removed.has(t.path));
+    if (activePath.value && removed.has(activePath.value)) {
+      activePath.value = path;
+      return tabs.value.find((t) => t.path === path)?.fullPath ?? null;
+    }
+    return null;
+  }
+  function reorder(sourcePath, targetPath, instruction) {
+    const src = indexOf(sourcePath);
+    const tgt = indexOf(targetPath);
+    if (src < 0 || tgt < 0) return;
+    const next = applyReorder(tabs.value, src, tgt, instruction);
+    if (next !== tabs.value) tabs.value = next;
+  }
+  function resolveTitle(tab, locale) {
+    const fromPage = getLocalizedText(readPageTitle(tab.path), locale);
+    if (fromPage) return fromPage;
+    const fromNav = readNavLabel(tab.fullPath, tab.path)?.label;
+    if (fromNav) return fromNav;
+    return tab.path;
+  }
+  function hasTab(path) {
+    return indexOf(path) >= 0;
+  }
+  return {
+    tabs,
+    activePath,
+    openOrFocus,
+    close,
+    closeOthers,
+    closeToRight,
+    reorder,
+    resolveTitle,
+    hasTab
+  };
+}
+let singleton = null;
+export function useTabStore(storageKey = "shwfed:tabs") {
+  if (!singleton) {
+    const scope = effectScope(true);
+    singleton = scope.run(() => createTabStore(storageKey));
+  }
+  return singleton;
+}

package/dist/runtime/components/ui/sidebar/SidebarMenuAction.vue

@@ -14,7 +14,7 @@ const props = defineProps({
     data-slot="sidebar-menu-action"
     data-sidebar="menu-action"
     :class="cn(
-  'text-zinc-500 absolute top-1/2 right-0.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform [&>svg]:size-4 [&>svg]:shrink-0 cursor-pointer',
+  'text-zinc-500 absolute top-1/2 right-0.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform [&>svg]:size-4 [&>svg]:shrink-0 cursor-default',
   'after:absolute after:-inset-2 md:after:hidden',
   'peer-data-[size=sm]/menu-button:top-1',
   'peer-data-[size=default]/menu-button:top-1.5',

package/dist/runtime/components/ui/sidebar/index.js

@@ -24,11 +24,11 @@ export { default as SidebarSeparator } from "./SidebarSeparator.vue";
 export { default as SidebarTrigger } from "./SidebarTrigger.vue";
 export { useSidebar } from "./utils.js";
 export const sidebarMenuButtonVariants = cva(
-  "peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding,color] duration-180 hover:bg-zinc-100 hover:text-zinc-900 active:bg-zinc-100 active:text-zinc-900 disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-[color-mix(in_srgb,var(--primary)_10%,white)] data-[active=true]:text-(--primary) data-[active=true]:font-mediumdata-[state=open]:hover:bg-zinc-100 data-[state=open]:hover:text-zinc-900 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  "peer/menu-button cursor-default flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding,color] duration-180 hover:bg-zinc-100 hover:text-zinc-900 active:bg-zinc-100 active:text-zinc-900 disabled:pointer-events-none disabled:opacity-50 group-has-[>[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-[color-mix(in_srgb,var(--primary)_10%,white)] data-[active=true]:text-(--primary) data-[active=true]:font-mediumdata-[state=open]:hover:bg-zinc-100 data-[state=open]:hover:text-zinc-900 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "group-hover/menu-item:bg-zinc-100 group-hover/menu-item:text-zinc-900 group-focus-within/menu-item:bg-zinc-100 group-focus-within/menu-item:text-zinc-900 text-zinc-800",
+        default: "text-zinc-800",
         outline: "bg-white shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-zinc-100 hover:text-zinc-900 hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
       },
       size: {

package/dist/runtime/share/reorder.d.ts

@@ -0,0 +1,2 @@
+export type ReorderInstruction = 'reorder-above' | 'reorder-below';
+export declare function applyReorder<T>(items: ReadonlyArray<T>, sourceIndex: number, targetIndex: number, position: ReorderInstruction): ReadonlyArray<T>;

package/dist/runtime/share/reorder.js

@@ -0,0 +1,12 @@
+export function applyReorder(items, sourceIndex, targetIndex, position) {
+  if (sourceIndex === targetIndex) return items;
+  if (sourceIndex < 0 || sourceIndex >= items.length) return items;
+  if (targetIndex < 0 || targetIndex >= items.length) return items;
+  let insertIdx = targetIndex + (position === "reorder-below" ? 1 : 0);
+  if (sourceIndex < targetIndex) insertIdx -= 1;
+  if (insertIdx === sourceIndex) return items;
+  const next = items.slice();
+  const [moved] = next.splice(sourceIndex, 1);
+  next.splice(insertIdx, 0, moved);
+  return next;
+}

package/dist/runtime/utils/nav-registry.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Route → nav-label index, published by the sidebar and read by the tab strip.
+ * A client singleton (not a Nuxt injection). This is title source #2 in the
+ * tab-title precedence chain (page title → nav label → raw path).
+ *
+ * Two indexes so a tab title can be QUERY-AWARE while tab identity stays
+ * path-only: `fullMap` keys by the node's exact route (path + query, hash
+ * stripped) so `/orders?status=open` and `/orders?status=closed` resolve to
+ * their own labels; `pathMap` keys by path (first-wins) as the fallback for a
+ * location that matches no exact node route. The sidebar owns the whole map
+ * (one nav per app), so publishing wholesale-replaces both.
+ */
+export interface NavLabel {
+    label: string;
+    icon?: string;
+}
+export declare function publishNavLabels(full: Map<string, NavLabel>, path: Map<string, NavLabel>): void;
+export declare function clearNavLabels(): void;
+export declare function readNavLabel(fullPath: string, path: string): NavLabel | undefined;

package/dist/runtime/utils/nav-registry.js

@@ -0,0 +1,14 @@
+import { ref } from "vue";
+const fullMap = ref(/* @__PURE__ */ new Map());
+const pathMap = ref(/* @__PURE__ */ new Map());
+export function publishNavLabels(full, path) {
+  fullMap.value = new Map(full);
+  pathMap.value = new Map(path);
+}
+export function clearNavLabels() {
+  if (fullMap.value.size > 0) fullMap.value = /* @__PURE__ */ new Map();
+  if (pathMap.value.size > 0) pathMap.value = /* @__PURE__ */ new Map();
+}
+export function readNavLabel(fullPath, path) {
+  return fullMap.value.get(fullPath.split("#")[0] ?? fullPath) ?? pathMap.value.get(path);
+}

package/dist/runtime/utils/page-title-registry.d.ts

@@ -0,0 +1,3 @@
+import type { LocaleValue } from '../share/locale.js';
+export declare function publishPageTitle(path: string, title: LocaleValue | undefined): void;
+export declare function readPageTitle(path: string): LocaleValue | undefined;

package/dist/runtime/utils/page-title-registry.js

@@ -0,0 +1,11 @@
+import { ref } from "vue";
+const registry = ref(/* @__PURE__ */ new Map());
+export function publishPageTitle(path, title) {
+  const next = new Map(registry.value);
+  if (title && title.length > 0) next.set(path, title);
+  else next.delete(path);
+  registry.value = next;
+}
+export function readPageTitle(path) {
+  return registry.value.get(path);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/config",
-  "version": "2.12.5",
+  "version": "2.12.6",
   "description": "Configurable UI for SHWFED",
   "type": "module",
   "publishConfig": {