@chuvenger/devdock 0.4.1 → 0.5.0

package/dist/{chunk-WVRXVSEL.js → chunk-NXZNFF34.js}

@@ -52,6 +52,27 @@ function el(tag, styles, props) {
   if (props) Object.assign(node, props);
   return node;
 }
+function sectionHeading(text) {
+  return el(
+    "div",
+    {
+      padding: "6px 8px 2px",
+      fontSize: "10px",
+      fontWeight: "700",
+      letterSpacing: "0.6px",
+      textTransform: "uppercase",
+      color: "#6b7280"
+    },
+    { textContent: text }
+  );
+}
+function viewLabel(text) {
+  return el(
+    "div",
+    { padding: "4px 8px 0", fontSize: "11px", color: "#8b909c" },
+    { textContent: text }
+  );
+}
 function cornerStyle(position) {
   const gap = "16px";
   switch (position) {
@@ -75,6 +96,15 @@ function panelAnchor(position) {
   };
 }
 var FONT = "ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif";
+function keyViews(views) {
+  const used = /* @__PURE__ */ new Set();
+  return views.map((view, i) => {
+    let key = view.id ?? `#${i}`;
+    while (used.has(key)) key = `${key}#${i}`;
+    used.add(key);
+    return { view, key };
+  });
+}
 function createDevDock(initial = {}) {
   if (typeof document === "undefined") {
     return { update() {
@@ -88,9 +118,12 @@ function createDevDock(initial = {}) {
   let mounted = false;
   const host = el("div");
   host.setAttribute("data-devdock", "");
-  const useShadow = (initial.shadow ?? true) && typeof host.attachShadow === "function";
+  const shadowMode = initial.shadow ?? true;
+  const useShadow = shadowMode !== false && typeof host.attachShadow === "function";
   const shadowRoot = useShadow ? host.attachShadow({ mode: "open" }) : null;
   const mountPoint = shadowRoot ?? host;
+  const styleSlot = shadowRoot && shadowMode === "inherit" ? el("div", { display: "contents" }) : null;
+  if (styleSlot) mountPoint.appendChild(styleSlot);
   const root = el("div", { fontFamily: FONT });
   mountPoint.appendChild(root);
   const panel = el("div", {
@@ -129,8 +162,19 @@ function createDevDock(initial = {}) {
   });
   input.placeholder = "Filter\u2026";
   inputWrap.appendChild(input);
-  const list = el("div", { overflowY: "auto", padding: "0 6px 8px" });
-  panel.append(heading, inputWrap, list);
+  const list = el("div", { padding: "0 6px 8px" });
+  list.setAttribute("data-devdock-list", "");
+  const viewsBefore = el("div");
+  viewsBefore.setAttribute("data-devdock-views", "before");
+  const viewsAfter = el("div");
+  viewsAfter.setAttribute("data-devdock-views", "after");
+  const body = el("div", {
+    overflowY: "auto",
+    display: "flex",
+    flexDirection: "column"
+  });
+  body.append(viewsBefore, list, viewsAfter);
+  panel.append(heading, inputWrap, body);
   const button = el("button", {
     display: "inline-flex",
     alignItems: "center",
@@ -171,20 +215,35 @@ function createDevDock(initial = {}) {
   const buildItems = () => {
     const out = [];
     (opts.routes ?? []).forEach((r, i) => {
+      const key = `route:${r.path}:${i}`;
+      const label = r.label ?? r.path;
       out.push({
         kind: "route",
-        key: `route:${r.path}:${i}`,
-        label: r.label ?? r.path,
+        key,
+        label,
         group: r.group ?? "Routes",
+        sig: [key, r.group ?? "Routes", label, r.path].join("\0"),
         route: r
       });
     });
     (opts.commands ?? []).forEach((c, i) => {
+      const live = typeof c.label === "function";
+      const label = typeof c.label === "function" ? c.label() : c.label;
+      const checked = c.checked ? c.checked() === true : null;
+      const key = `cmd:${c.id ?? (live ? "" : label)}:${i}`;
+      const group = c.group ?? "Commands";
       out.push({
         kind: "command",
-        key: `cmd:${c.id ?? c.label}:${i}`,
-        label: c.label,
-        group: c.group ?? "Commands",
+        key,
+        label,
+        group,
+        sig: [
+          key,
+          group,
+          live ? "\0live" : label,
+          checked === null ? "" : "\0checkable"
+        ].join("\0"),
+        checked,
         command: c
       });
     });
@@ -212,9 +271,17 @@ function createDevDock(initial = {}) {
   };
   let rows = [];
   let rowsSig = null;
-  const itemSig = (it) => [it.key, it.group, it.label, it.kind === "route" ? it.route.path : ""].join(
-    "\0"
-  );
+  const itemSig = (it) => it.sig;
+  const paintRow = (row) => {
+    const it = row.item;
+    if (row.labelSpan.textContent !== it.label)
+      row.labelSpan.textContent = it.label;
+    if (row.checkSpan && it.kind === "command") {
+      const on = it.checked === true;
+      row.checkSpan.textContent = on ? "\u2713" : "";
+      row.node.setAttribute("aria-checked", String(on));
+    }
+  };
   const paintActive = () => {
     rows.forEach((row, idx) => {
       const isActive = idx === active;
@@ -236,7 +303,9 @@ function createDevDock(initial = {}) {
     if (sig === rowsSig) {
       filtered.forEach((it, idx) => {
         const row = rows[idx];
-        if (row) row.item = it;
+        if (!row) return;
+        row.item = it;
+        paintRow(row);
       });
       paintActive();
       return;
@@ -262,20 +331,7 @@ function createDevDock(initial = {}) {
     }
     for (const [groupName, groupItems] of groups) {
       const section = el("div", { marginTop: "6px" });
-      section.appendChild(
-        el(
-          "div",
-          {
-            padding: "6px 8px 2px",
-            fontSize: "10px",
-            fontWeight: "700",
-            letterSpacing: "0.6px",
-            textTransform: "uppercase",
-            color: "#6b7280"
-          },
-          { textContent: groupName }
-        )
-      );
+      section.appendChild(sectionHeading(groupName));
       for (const it of groupItems) {
         const idx = filtered.indexOf(it);
         const row = el("button", {
@@ -294,15 +350,11 @@ function createDevDock(initial = {}) {
           cursor: "pointer"
         });
         row.type = "button";
-        const labelSpan = el(
-          "span",
-          {
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap"
-          },
-          { textContent: it.label }
-        );
+        const labelSpan = el("span", {
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        });
         row.appendChild(labelSpan);
         let pathSpan = null;
         if (it.kind === "route" && it.route.path !== it.label) {
@@ -318,8 +370,20 @@ function createDevDock(initial = {}) {
           );
           row.appendChild(pathSpan);
         }
-        const rec = { item: it, node: row, pathSpan };
+        let checkSpan = null;
+        if (it.kind === "command" && it.checked !== null) {
+          row.setAttribute("role", "checkbox");
+          checkSpan = el("span", {
+            flexShrink: "0",
+            width: "12px",
+            textAlign: "center",
+            color: "#22c55e"
+          });
+          row.appendChild(checkSpan);
+        }
+        const rec = { item: it, node: row, labelSpan, pathSpan, checkSpan };
         rows[idx] = rec;
+        paintRow(rec);
         row.addEventListener("mouseenter", () => setActive(idx));
         row.addEventListener("click", () => void runItem(rec.item));
         section.appendChild(row);
@@ -328,6 +392,120 @@ function createDevDock(initial = {}) {
     }
     paintActive();
   };
+  const mountedViews = /* @__PURE__ */ new Map();
+  let viewsSig = null;
+  const viewOrder = (v) => v.order === "after" ? "after" : "before";
+  const unmountViews = () => {
+    for (const mv of mountedViews.values()) {
+      mv.teardown?.();
+      mv.host.remove();
+    }
+    mountedViews.clear();
+    viewsBefore.replaceChildren();
+    viewsAfter.replaceChildren();
+    viewsSig = null;
+  };
+  const renderViews = () => {
+    const keyed = keyViews(opts.views ?? []);
+    const sig = keyed.map(
+      ({ view, key }) => [key, viewOrder(view), view.group ?? "", view.label ?? ""].join(
+        "\0"
+      )
+    ).join("\n");
+    if (sig === viewsSig) return;
+    viewsSig = sig;
+    const live = new Set(keyed.map(({ key }) => key));
+    for (const [key, mv] of mountedViews) {
+      if (live.has(key)) continue;
+      mv.teardown?.();
+      mv.host.remove();
+      mountedViews.delete(key);
+    }
+    viewsBefore.replaceChildren();
+    viewsAfter.replaceChildren();
+    const pending = [];
+    for (const placement of ["before", "after"]) {
+      const container = placement === "before" ? viewsBefore : viewsAfter;
+      const here = keyed.filter(({ view }) => viewOrder(view) === placement);
+      const sections = /* @__PURE__ */ new Map();
+      for (const entry of here) {
+        const groupKey = entry.view.group ?? `\0${entry.key}`;
+        const section = sections.get(groupKey);
+        if (section) section.items.push(entry);
+        else
+          sections.set(groupKey, {
+            heading: entry.view.group ?? entry.view.label,
+            items: [entry]
+          });
+      }
+      for (const section of sections.values()) {
+        const wrap = el("div", { marginTop: "6px" });
+        if (section.heading) wrap.appendChild(sectionHeading(section.heading));
+        for (const { view, key } of section.items) {
+          if (view.group != null && view.label)
+            wrap.appendChild(viewLabel(view.label));
+          const existing = mountedViews.get(key);
+          if (existing) {
+            wrap.appendChild(existing.host);
+            continue;
+          }
+          const viewHost = el("div", { padding: "2px 8px 6px" });
+          viewHost.setAttribute("data-devdock-view", view.id ?? "");
+          wrap.appendChild(viewHost);
+          pending.push({ view, key, host: viewHost });
+        }
+        container.appendChild(wrap);
+      }
+    }
+    for (const { view, key, host: viewHost } of pending) {
+      const mv = { host: viewHost };
+      mountedViews.set(key, mv);
+      const teardown = view.mount(viewHost);
+      if (typeof teardown === "function") mv.teardown = teardown;
+    }
+  };
+  let clonesSig = null;
+  const syncStyles = () => {
+    if (!styleSlot || !shadowRoot) return;
+    const adopted = document.adoptedStyleSheets;
+    if (Array.isArray(adopted)) {
+      try {
+        const sr = shadowRoot;
+        sr.adoptedStyleSheets = [...adopted];
+      } catch {
+      }
+    }
+    const sheets = [
+      ...document.querySelectorAll('style, link[rel~="stylesheet" i]')
+    ];
+    const sig = sheets.map((n) => `${n.tagName}\0${n.getAttribute("href") ?? n.textContent}`).join("\n");
+    if (sig === clonesSig) return;
+    clonesSig = sig;
+    styleSlot.replaceChildren(...sheets.map((n) => n.cloneNode(true)));
+  };
+  let styleObserver = null;
+  let syncQueued = false;
+  const watchStyles = () => {
+    if (!styleSlot || styleObserver || !document.head || typeof MutationObserver === "undefined")
+      return;
+    styleObserver = new MutationObserver(() => {
+      if (syncQueued) return;
+      syncQueued = true;
+      queueMicrotask(() => {
+        syncQueued = false;
+        syncStyles();
+      });
+    });
+    styleObserver.observe(document.head, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+  };
+  const unwatchStyles = () => {
+    styleObserver?.disconnect();
+    styleObserver = null;
+  };
   const renderShell = () => {
     const position = opts.position ?? "bottom-right";
     const zIndex = opts.zIndex ?? 2147483e3;
@@ -357,9 +535,12 @@ function createDevDock(initial = {}) {
       panel.isConnected || root.insertBefore(panel, button);
       renderShell();
       renderList();
+      syncStyles();
+      renderViews();
       requestAnimationFrame(() => input.focus());
-    } else if (panel.isConnected) {
-      panel.remove();
+    } else {
+      unmountViews();
+      if (panel.isConnected) panel.remove();
     }
     renderShell();
   }
@@ -406,11 +587,14 @@ function createDevDock(initial = {}) {
     if (mounted) return;
     (opts.container ?? document.body).appendChild(host);
     addListeners();
+    syncStyles();
+    watchStyles();
     mounted = true;
   };
   const unmount = () => {
     if (!mounted) return;
     removeListeners();
+    unwatchStyles();
     host.remove();
     mounted = false;
   };
@@ -422,7 +606,10 @@ function createDevDock(initial = {}) {
       if (enabled()) {
         mount();
         renderShell();
-        if (open) renderList();
+        if (open) {
+          renderList();
+          renderViews();
+        }
       } else {
         setOpen(false);
         unmount();
@@ -435,6 +622,6 @@ function createDevDock(initial = {}) {
   };
 }
 
-export { createDevDock, matchHotkey };
-//# sourceMappingURL=chunk-WVRXVSEL.js.map
-//# sourceMappingURL=chunk-WVRXVSEL.js.map
+export { createDevDock, keyViews, matchHotkey };
+//# sourceMappingURL=chunk-NXZNFF34.js.map
+//# sourceMappingURL=chunk-NXZNFF34.js.map

package/dist/chunk-NXZNFF34.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/hotkey.ts","../src/core/dock.ts"],"names":[],"mappings":"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","file":"chunk-NXZNFF34.js","sourcesContent":["/** Parse a hotkey string like \"mod+.\" into a matcher predicate. */\nexport function matchHotkey(spec: string, e: KeyboardEvent): boolean {\n  const parts = spec\n    .toLowerCase()\n    .split(\"+\")\n    .map((p) => p.trim())\n    .filter(Boolean);\n  if (parts.length === 0) return false;\n\n  const key = parts[parts.length - 1];\n  const mods = new Set(parts.slice(0, -1));\n\n  const isMac =\n    typeof navigator !== \"undefined\" && /mac/i.test(navigator.platform);\n\n  const wantMeta = mods.has(\"meta\") || mods.has(\"cmd\") || (mods.has(\"mod\") && isMac);\n  const wantCtrl = mods.has(\"ctrl\") || mods.has(\"control\") || (mods.has(\"mod\") && !isMac);\n  const wantShift = mods.has(\"shift\");\n  const wantAlt = mods.has(\"alt\") || mods.has(\"option\");\n\n  if (e.metaKey !== wantMeta) return false;\n  if (e.ctrlKey !== wantCtrl) return false;\n  if (e.shiftKey !== wantShift) return false;\n  if (e.altKey !== wantAlt) return false;\n\n  return e.key.toLowerCase() === key;\n}\n","import { matchHotkey } from \"./hotkey\";\nimport type {\n  DevCommand,\n  DevDockInstance,\n  DevDockOptions,\n  DevRoute,\n  DevView,\n  DockPosition,\n} from \"./types\";\n\n/**\n * Vite's own build-time flag. The Vite family (Vite, SvelteKit, React Router\n * 7, Astro…) statically replaces the full `import.meta.env.DEV` token with a\n * literal, so this collapses to a constant there. Anywhere else the read\n * throws — `import.meta.env` is undefined in plain Node and in our CJS build,\n * where esbuild rewrites `import.meta` to `{}` — and we report \"no opinion\"\n * so the caller can fall back to `NODE_ENV`.\n */\nconst viteDevFlag = (): boolean | undefined => {\n  try {\n    if (typeof import.meta.env.DEV === \"boolean\") return import.meta.env.DEV;\n  } catch {\n    // Not a Vite-built bundle.\n  }\n  return undefined;\n};\n\nconst isDevBuild = (): boolean => {\n  // Vite knows better than NODE_ENV: `vite build` leaves NODE_ENV unreplaced\n  // in some setups, and its dev server is a dev build regardless of NODE_ENV.\n  const vite = viteDevFlag();\n  if (vite !== undefined) return vite;\n  // Bundlers (webpack, Next, esbuild…) statically replace the full\n  // `process.env.NODE_ENV` token, even in browser builds where `process`\n  // itself is undefined. Reading it directly lets that replacement work;\n  // the try/catch covers runtimes where it's left as a real (missing) global.\n  try {\n    return process.env.NODE_ENV !== \"production\";\n  } catch {\n    return false;\n  }\n};\n\n/** Loopback IPv4 (127/8) and the private LAN ranges 10/8, 172.16/12, 192.168/16. */\nconst isLocalIPv4 = (host: string): boolean => {\n  const parts = /^(\\d{1,3})\\.(\\d{1,3})\\.\\d{1,3}\\.\\d{1,3}$/.exec(host);\n  if (!parts) return false;\n  const a = Number(parts[1]);\n  const b = Number(parts[2]);\n  return (\n    a === 127 ||\n    a === 10 ||\n    (a === 192 && b === 168) ||\n    (a === 172 && b >= 16 && b <= 31)\n  );\n};\n\n/**\n * Whether the page is served from a developer's own machine. The build check\n * alone can't tell: a development build deployed somewhere real (a preview\n * URL, a staging box) still reports itself as a dev build.\n *\n * Dev hosts are loopback, mDNS `.local` names, and private LAN addresses — so\n * hitting the dev server from a phone on the same Wi-Fi still counts. Any\n * other hostname is treated as a deployed site.\n */\nconst isDevHost = (): boolean => {\n  if (typeof location === \"undefined\") return true;\n  // IPv6 literals arrive bracketed, e.g. \"[::1]\".\n  const host = location.hostname.toLowerCase().replace(/^\\[|\\]$/g, \"\");\n  // No hostname at all (file://, about:blank…) is not a deployed site.\n  if (!host) return true;\n  return (\n    host === \"localhost\" ||\n    host.endsWith(\".localhost\") ||\n    host.endsWith(\".local\") ||\n    host === \"::1\" ||\n    host === \"0.0.0.0\" ||\n    isLocalIPv4(host)\n  );\n};\n\n/**\n * A row in the list, resolved for this render. `label` and `checked` are\n * snapshots of whatever the caller's functions returned just now, while `sig`\n * is deliberately stable across those values — see {@link itemSig}.\n */\ntype Item = {\n  key: string;\n  label: string;\n  group: string;\n  /** Identity of the row's *shape*, not its live values. */\n  sig: string;\n} & (\n  | { kind: \"route\"; route: DevRoute }\n  | { kind: \"command\"; checked: boolean | null; command: DevCommand }\n);\n\ntype Styles = Partial<CSSStyleDeclaration>;\n\nfunction el<K extends keyof HTMLElementTagNameMap>(\n  tag: K,\n  styles?: Styles,\n  props?: Partial<HTMLElementTagNameMap[K]>,\n): HTMLElementTagNameMap[K] {\n  const node = document.createElement(tag);\n  if (styles) Object.assign(node.style, styles);\n  if (props) Object.assign(node, props);\n  return node;\n}\n\n/** The small uppercase heading above a group of rows, or above a view. */\nfunction sectionHeading(text: string): HTMLDivElement {\n  return el(\n    \"div\",\n    {\n      padding: \"6px 8px 2px\",\n      fontSize: \"10px\",\n      fontWeight: \"700\",\n      letterSpacing: \"0.6px\",\n      textTransform: \"uppercase\",\n      color: \"#6b7280\",\n    },\n    { textContent: text },\n  );\n}\n\n/** A view's own label, when several views share one `group` heading. */\nfunction viewLabel(text: string): HTMLDivElement {\n  return el(\n    \"div\",\n    { padding: \"4px 8px 0\", fontSize: \"11px\", color: \"#8b909c\" },\n    { textContent: text },\n  );\n}\n\nfunction cornerStyle(position: DockPosition): Styles {\n  const gap = \"16px\";\n  switch (position) {\n    case \"bottom-left\":\n      return { bottom: gap, left: gap };\n    case \"top-left\":\n      return { top: gap, left: gap };\n    case \"top-right\":\n      return { top: gap, right: gap };\n    default:\n      return { bottom: gap, right: gap };\n  }\n}\n\nfunction panelAnchor(position: DockPosition): Styles {\n  const isTop = position.startsWith(\"top\");\n  const isRight = position.endsWith(\"right\");\n  return {\n    position: \"absolute\",\n    [isTop ? \"top\" : \"bottom\"]: \"calc(100% + 8px)\",\n    [isRight ? \"right\" : \"left\"]: \"0\",\n  } as Styles;\n}\n\nconst FONT =\n  \"ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif\";\n\n/**\n * Pair each view with the key it is reconciled by: its `id`, or its index.\n * Duplicate ids are a caller mistake, but a silent one — two views sharing a\n * key would share a host element, so the collision is broken here instead.\n *\n * Generic over the view shape because the adapters have their own (React's\n * takes `render` in place of `mount`) and have to key their side of a view —\n * a portal, say — exactly the way the core keys its host. Not public API.\n *\n * @internal\n */\nexport function keyViews<T extends { id?: string }>(\n  views: readonly T[],\n): { view: T; key: string }[] {\n  const used = new Set<string>();\n  return views.map((view, i) => {\n    let key = view.id ?? `#${i}`;\n    while (used.has(key)) key = `${key}#${i}`;\n    used.add(key);\n    return { view, key };\n  });\n}\n\n/**\n * Create a framework-agnostic dev dock: a floating button that opens a popup\n * to jump between routes and run commands. Returns a handle to update its\n * options or tear it down. No-ops on the server (when there is no `document`).\n */\nexport function createDevDock(initial: DevDockOptions = {}): DevDockInstance {\n  if (typeof document === \"undefined\") {\n    return { update() {}, destroy() {} };\n  }\n\n  let opts: DevDockOptions = { ...initial };\n  let open = false;\n  let query = \"\";\n  let active = 0;\n  let mounted = false;\n\n  // Light-DOM host that gets appended to the page. When shadow DOM is used,\n  // the actual UI lives inside its shadow root — fully isolated from the host\n  // page's CSS. `data-devdock` stays on the host so it's discoverable.\n  const host = el(\"div\");\n  host.setAttribute(\"data-devdock\", \"\");\n  const shadowMode = initial.shadow ?? true;\n  const useShadow =\n    shadowMode !== false && typeof host.attachShadow === \"function\";\n  const shadowRoot = useShadow ? host.attachShadow({ mode: \"open\" }) : null;\n  const mountPoint: Node = shadowRoot ?? host;\n\n  // `shadow: \"inherit\"` keeps the isolation boundary but copies the page's\n  // styles across it, so a view can render the host app's own components.\n  // The clones live in one wrapper so re-syncing is a single replaceChildren;\n  // `display: contents` keeps it out of the layout.\n  const styleSlot =\n    shadowRoot && shadowMode === \"inherit\"\n      ? el(\"div\", { display: \"contents\" })\n      : null;\n  if (styleSlot) mountPoint.appendChild(styleSlot);\n\n  const root = el(\"div\", { fontFamily: FONT });\n  mountPoint.appendChild(root);\n\n  const panel = el(\"div\", {\n    width: \"280px\",\n    maxHeight: \"min(70vh, 480px)\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    background: \"#16181d\",\n    color: \"#e7e9ee\",\n    border: \"1px solid #2a2e37\",\n    borderRadius: \"12px\",\n    boxShadow: \"0 12px 40px rgba(0,0,0,0.45)\",\n    overflow: \"hidden\",\n  });\n  panel.setAttribute(\"role\", \"dialog\");\n\n  const heading = el(\"div\", {\n    padding: \"10px 12px\",\n    borderBottom: \"1px solid #2a2e37\",\n    fontSize: \"12px\",\n    fontWeight: \"600\",\n    letterSpacing: \"0.4px\",\n    textTransform: \"uppercase\",\n    color: \"#8b909c\",\n  });\n\n  const inputWrap = el(\"div\", { padding: \"8px\" });\n  const input = el(\"input\", {\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    padding: \"8px 10px\",\n    fontSize: \"13px\",\n    color: \"#e7e9ee\",\n    background: \"#0f1115\",\n    border: \"1px solid #2a2e37\",\n    borderRadius: \"8px\",\n    outline: \"none\",\n  });\n  input.placeholder = \"Filter…\";\n  inputWrap.appendChild(input);\n\n  const list = el(\"div\", { padding: \"0 6px 8px\" });\n  list.setAttribute(\"data-devdock-list\", \"\");\n\n  const viewsBefore = el(\"div\");\n  viewsBefore.setAttribute(\"data-devdock-views\", \"before\");\n  const viewsAfter = el(\"div\");\n  viewsAfter.setAttribute(\"data-devdock-views\", \"after\");\n\n  // One scroller around the views and the list, so a tall view can't push the\n  // panel past its max height.\n  const body = el(\"div\", {\n    overflowY: \"auto\",\n    display: \"flex\",\n    flexDirection: \"column\",\n  });\n  body.append(viewsBefore, list, viewsAfter);\n\n  panel.append(heading, inputWrap, body);\n\n  const button = el(\"button\", {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    gap: \"6px\",\n    padding: \"8px 12px\",\n    fontSize: \"12px\",\n    fontWeight: \"700\",\n    letterSpacing: \"0.6px\",\n    color: \"#fff\",\n    background: \"#111317\",\n    border: \"1px solid #2a2e37\",\n    borderRadius: \"999px\",\n    boxShadow: \"0 4px 14px rgba(0,0,0,0.35)\",\n    cursor: \"pointer\",\n  });\n  button.type = \"button\";\n  button.setAttribute(\"aria-label\", \"Toggle dev menu\");\n  const dot = el(\"span\", {\n    width: \"8px\",\n    height: \"8px\",\n    borderRadius: \"999px\",\n    background: \"#22c55e\",\n    display: \"inline-block\",\n  });\n  const buttonLabel = el(\"span\");\n  button.append(dot, buttonLabel);\n\n  root.appendChild(button);\n\n  // ---- behavior ---------------------------------------------------------\n\n  const enabled = (): boolean => {\n    const e = opts.enabled;\n    if (typeof e === \"function\") return e();\n    if (e != null) return e;\n    // Default gate: a dev build, served from a dev machine. `devHostOnly:\n    // false` keeps the build check but allows any hostname.\n    return isDevBuild() && (opts.devHostOnly === false || isDevHost());\n  };\n\n  const navigate = (path: string) => {\n    if (opts.onNavigate) opts.onNavigate(path);\n    else if (typeof window !== \"undefined\") window.location.assign(path);\n  };\n\n  const buildItems = (): Item[] => {\n    const out: Item[] = [];\n    (opts.routes ?? []).forEach((r, i) => {\n      const key = `route:${r.path}:${i}`;\n      const label = r.label ?? r.path;\n      out.push({\n        kind: \"route\",\n        key,\n        label,\n        group: r.group ?? \"Routes\",\n        sig: [key, r.group ?? \"Routes\", label, r.path].join(\"\\u0000\"),\n        route: r,\n      });\n    });\n    (opts.commands ?? []).forEach((c, i) => {\n      // A function label is read fresh here, on every render of the open\n      // panel. The row's signature uses a placeholder in its place so the new\n      // text lands on the existing node instead of rebuilding the list — see\n      // `renderList`. The same goes for `checked`: its presence is part of the\n      // shape, its value isn't.\n      const live = typeof c.label === \"function\";\n      const label = typeof c.label === \"function\" ? c.label() : c.label;\n      const checked = c.checked ? c.checked() === true : null;\n      const key = `cmd:${c.id ?? (live ? \"\" : label)}:${i}`;\n      const group = c.group ?? \"Commands\";\n      out.push({\n        kind: \"command\",\n        key,\n        label,\n        group,\n        sig: [\n          key,\n          group,\n          live ? \"\\u0000live\" : label,\n          checked === null ? \"\" : \"\\u0000checkable\",\n        ].join(\"\\u0000\"),\n        checked,\n        command: c,\n      });\n    });\n    return out;\n  };\n\n  const getFiltered = (): Item[] => {\n    const q = query.trim().toLowerCase();\n    const items = buildItems();\n    if (!q) return items;\n    return items.filter(\n      (it) =>\n        it.label.toLowerCase().includes(q) ||\n        (it.kind === \"route\" && it.route.path.toLowerCase().includes(q)),\n    );\n  };\n\n  const runItem = async (it: Item) => {\n    if (it.kind === \"route\") {\n      navigate(it.route.path);\n      setOpen(false);\n      return;\n    }\n    try {\n      await it.command.run();\n    } finally {\n      if (!it.command.keepOpen) setOpen(false);\n    }\n  };\n\n  type Row = {\n    item: Item;\n    node: HTMLButtonElement;\n    labelSpan: HTMLSpanElement;\n    pathSpan: HTMLSpanElement | null;\n    checkSpan: HTMLSpanElement | null;\n  };\n\n  // The rendered rows, parallel to the current filtered list. They are kept\n  // around so hovering or arrowing only repaints the highlight: rebuilding the\n  // rows would destroy the node under the pointer, and the browser then never\n  // dispatches a `click` on it (mousedown/mouseup retarget to the parent).\n  let rows: Row[] = [];\n  // Signature of the item list the rows were built from; identical signature\n  // means the existing nodes can be reused as-is.\n  let rowsSig: string | null = null;\n\n  // Identity of a row's *shape*. Values that can change between renders\n  // without changing the shape — a function `label`'s text, a `checked`\n  // state — are excluded on purpose: those are written onto the existing node\n  // by `paintRow`, because rebuilding the row would destroy the node under\n  // the pointer and swallow the click.\n  const itemSig = (it: Item): string => it.sig;\n\n  /** Write a row's live values (dynamic label, check mark) onto its node. */\n  const paintRow = (row: Row) => {\n    const it = row.item;\n    if (row.labelSpan.textContent !== it.label)\n      row.labelSpan.textContent = it.label;\n    if (row.checkSpan && it.kind === \"command\") {\n      const on = it.checked === true;\n      row.checkSpan.textContent = on ? \"\\u2713\" : \"\";\n      row.node.setAttribute(\"aria-checked\", String(on));\n    }\n  };\n\n  const paintActive = () => {\n    rows.forEach((row, idx) => {\n      const isActive = idx === active;\n      row.node.style.background = isActive ? \"#2563eb\" : \"transparent\";\n      if (row.pathSpan)\n        row.pathSpan.style.color = isActive ? \"#cfe0ff\" : \"#6b7280\";\n    });\n  };\n\n  const setActive = (next: number, scroll = false) => {\n    if (next === active || next < 0 || next >= rows.length) return;\n    active = next;\n    paintActive();\n    // `scrollIntoView` is absent in jsdom, hence the optional call.\n    if (scroll) rows[active]?.node.scrollIntoView?.({ block: \"nearest\" });\n  };\n\n  const renderList = () => {\n    const filtered = getFiltered();\n    active = Math.min(active, Math.max(0, filtered.length - 1));\n\n    const sig = filtered.map(itemSig).join(\"\\n\");\n    if (sig === rowsSig) {\n      // Same items in the same order: keep the nodes, refresh the highlight.\n      // The items themselves are rebuilt on every call, so re-point each row\n      // at its current one (its `run`/`route` may have been swapped by\n      // `update()`).\n      filtered.forEach((it, idx) => {\n        const row = rows[idx];\n        if (!row) return;\n        row.item = it;\n        paintRow(row);\n      });\n      paintActive();\n      return;\n    }\n    rowsSig = sig;\n    rows = [];\n    list.replaceChildren();\n\n    if (filtered.length === 0) {\n      list.appendChild(\n        el(\n          \"div\",\n          { padding: \"12px\", fontSize: \"13px\", color: \"#6b7280\" },\n          { textContent: \"Nothing here.\" },\n        ),\n      );\n      return;\n    }\n\n    const groups = new Map<string, Item[]>();\n    for (const it of filtered) {\n      const arr = groups.get(it.group) ?? [];\n      arr.push(it);\n      groups.set(it.group, arr);\n    }\n\n    for (const [groupName, groupItems] of groups) {\n      const section = el(\"div\", { marginTop: \"6px\" });\n      section.appendChild(sectionHeading(groupName));\n\n      for (const it of groupItems) {\n        const idx = filtered.indexOf(it);\n        const row = el(\"button\", {\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"space-between\",\n          gap: \"8px\",\n          width: \"100%\",\n          textAlign: \"left\",\n          padding: \"8px 10px\",\n          fontSize: \"13px\",\n          color: \"#e7e9ee\",\n          background: \"transparent\",\n          border: \"none\",\n          borderRadius: \"8px\",\n          cursor: \"pointer\",\n        });\n        row.type = \"button\";\n\n        const labelSpan = el(\"span\", {\n          overflow: \"hidden\",\n          textOverflow: \"ellipsis\",\n          whiteSpace: \"nowrap\",\n        });\n        row.appendChild(labelSpan);\n\n        let pathSpan: HTMLSpanElement | null = null;\n        if (it.kind === \"route\" && it.route.path !== it.label) {\n          pathSpan = el(\n            \"span\",\n            {\n              fontSize: \"11px\",\n              color: \"#6b7280\",\n              fontFamily: \"ui-monospace, SFMono-Regular, monospace\",\n              flexShrink: \"0\",\n            },\n            { textContent: it.route.path },\n          );\n          row.appendChild(pathSpan);\n        }\n\n        // A command with `checked` is a toggle, not a one-shot action: say so\n        // to assistive tech, and keep the mark's box reserved either way so\n        // the label doesn't shift when it flips.\n        let checkSpan: HTMLSpanElement | null = null;\n        if (it.kind === \"command\" && it.checked !== null) {\n          row.setAttribute(\"role\", \"checkbox\");\n          checkSpan = el(\"span\", {\n            flexShrink: \"0\",\n            width: \"12px\",\n            textAlign: \"center\",\n            color: \"#22c55e\",\n          });\n          row.appendChild(checkSpan);\n        }\n\n        const rec: Row = { item: it, node: row, labelSpan, pathSpan, checkSpan };\n        rows[idx] = rec;\n        paintRow(rec);\n\n        row.addEventListener(\"mouseenter\", () => setActive(idx));\n        row.addEventListener(\"click\", () => void runItem(rec.item));\n        section.appendChild(row);\n      }\n      list.appendChild(section);\n    }\n\n    paintActive();\n  };\n\n  // ---- views -------------------------------------------------------------\n\n  type MountedView = { host: HTMLElement; teardown?: () => void };\n\n  // Views live only while the panel is open: `setOpen(true)` mounts them and\n  // `setOpen(false)` runs their teardowns, which is what makes a rAF loop or\n  // an event listener inside a view correct rather than a leak.\n  const mountedViews = new Map<string, MountedView>();\n  // Shape of the view list the current DOM was built from — keys, placement\n  // and headings, but nothing a view renders itself. An `update()` that\n  // leaves this unchanged is a no-op, so a view is never remounted (or even\n  // reparented) just because the options object is new.\n  let viewsSig: string | null = null;\n\n  type KeyedView = { view: DevView; key: string };\n\n  const viewOrder = (v: DevView): \"before\" | \"after\" =>\n    v.order === \"after\" ? \"after\" : \"before\";\n\n  const unmountViews = () => {\n    for (const mv of mountedViews.values()) {\n      mv.teardown?.();\n      mv.host.remove();\n    }\n    mountedViews.clear();\n    viewsBefore.replaceChildren();\n    viewsAfter.replaceChildren();\n    viewsSig = null;\n  };\n\n  const renderViews = () => {\n    const keyed = keyViews(opts.views ?? []);\n    const sig = keyed\n      .map(({ view, key }) =>\n        [key, viewOrder(view), view.group ?? \"\", view.label ?? \"\"].join(\n          \"\\u0000\",\n        ),\n      )\n      .join(\"\\n\");\n    if (sig === viewsSig) return;\n    viewsSig = sig;\n\n    const live = new Set(keyed.map(({ key }) => key));\n    for (const [key, mv] of mountedViews) {\n      if (live.has(key)) continue;\n      mv.teardown?.();\n      mv.host.remove();\n      mountedViews.delete(key);\n    }\n\n    viewsBefore.replaceChildren();\n    viewsAfter.replaceChildren();\n\n    // Hosts are appended first and mounted afterwards, so `mount` is handed a\n    // host that is already connected to the document.\n    const pending: (KeyedView & { host: HTMLElement })[] = [];\n\n    for (const placement of [\"before\", \"after\"] as const) {\n      const container = placement === \"before\" ? viewsBefore : viewsAfter;\n      const here = keyed.filter(({ view }) => viewOrder(view) === placement);\n\n      // One section per `group`, in first-appearance order; a view without a\n      // group gets its own section headed by its `label`.\n      const sections = new Map<\n        string,\n        { heading?: string; items: KeyedView[] }\n      >();\n      for (const entry of here) {\n        const groupKey = entry.view.group ?? `\\u0000${entry.key}`;\n        const section = sections.get(groupKey);\n        if (section) section.items.push(entry);\n        else\n          sections.set(groupKey, {\n            heading: entry.view.group ?? entry.view.label,\n            items: [entry],\n          });\n      }\n\n      for (const section of sections.values()) {\n        const wrap = el(\"div\", { marginTop: \"6px\" });\n        if (section.heading) wrap.appendChild(sectionHeading(section.heading));\n        for (const { view, key } of section.items) {\n          if (view.group != null && view.label)\n            wrap.appendChild(viewLabel(view.label));\n          const existing = mountedViews.get(key);\n          if (existing) {\n            wrap.appendChild(existing.host);\n            continue;\n          }\n          const viewHost = el(\"div\", { padding: \"2px 8px 6px\" });\n          viewHost.setAttribute(\"data-devdock-view\", view.id ?? \"\");\n          wrap.appendChild(viewHost);\n          pending.push({ view, key, host: viewHost });\n        }\n        container.appendChild(wrap);\n      }\n    }\n\n    for (const { view, key, host: viewHost } of pending) {\n      const mv: MountedView = { host: viewHost };\n      mountedViews.set(key, mv);\n      const teardown = view.mount(viewHost);\n      if (typeof teardown === \"function\") mv.teardown = teardown;\n    }\n  };\n\n  // ---- inherited styles --------------------------------------------------\n\n  // What the current clones were made from, so an unrelated head mutation\n  // doesn't re-clone every <link> (and make the browser re-fetch it).\n  let clonesSig: string | null = null;\n\n  /**\n   * Copy the document's styles into the shadow root (`shadow: \"inherit\"`).\n   * Constructed sheets come across by reference; `<style>` and\n   * `<link rel=\"stylesheet\">` nodes are cloned, which re-reads the style's\n   * text or re-fetches the link's href inside the shadow tree.\n   */\n  const syncStyles = () => {\n    if (!styleSlot || !shadowRoot) return;\n\n    const adopted = (\n      document as Document & { adoptedStyleSheets?: readonly unknown[] }\n    ).adoptedStyleSheets;\n    if (Array.isArray(adopted)) {\n      try {\n        const sr = shadowRoot as ShadowRoot & {\n          adoptedStyleSheets: unknown[];\n        };\n        sr.adoptedStyleSheets = [...adopted];\n      } catch {\n        // A sheet the document adopted but this root may not (cross-document).\n      }\n    }\n\n    const sheets = [\n      ...document.querySelectorAll('style, link[rel~=\"stylesheet\" i]'),\n    ];\n    const sig = sheets\n      .map((n) => `${n.tagName}\\u0000${n.getAttribute(\"href\") ?? n.textContent}`)\n      .join(\"\\n\");\n    if (sig === clonesSig) return;\n    clonesSig = sig;\n    styleSlot.replaceChildren(...sheets.map((n) => n.cloneNode(true)));\n  };\n\n  // Bundlers inject and mutate <style> tags in `document.head` as you edit —\n  // without watching, an HMR'd stylesheet would stop reaching the views.\n  let styleObserver: MutationObserver | null = null;\n  let syncQueued = false;\n  const watchStyles = () => {\n    if (\n      !styleSlot ||\n      styleObserver ||\n      !document.head ||\n      typeof MutationObserver === \"undefined\"\n    )\n      return;\n    styleObserver = new MutationObserver(() => {\n      if (syncQueued) return;\n      syncQueued = true;\n      // Coalesce a burst of injections into one re-clone.\n      queueMicrotask(() => {\n        syncQueued = false;\n        syncStyles();\n      });\n    });\n    styleObserver.observe(document.head, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n  };\n  const unwatchStyles = () => {\n    styleObserver?.disconnect();\n    styleObserver = null;\n  };\n\n  const renderShell = () => {\n    const position = opts.position ?? \"bottom-right\";\n    const zIndex = opts.zIndex ?? 2147483000;\n\n    Object.assign(root.style, {\n      position: \"fixed\",\n      zIndex: String(zIndex),\n      top: \"\",\n      bottom: \"\",\n      left: \"\",\n      right: \"\",\n    });\n    Object.assign(root.style, cornerStyle(position));\n\n    heading.textContent = opts.title ?? \"Dev Menu\";\n    panel.setAttribute(\"aria-label\", opts.title ?? \"Dev Menu\");\n    Object.assign(panel.style, panelAnchor(position));\n\n    buttonLabel.textContent = opts.label ?? \"DEV\";\n    button.style.background = open ? \"#2563eb\" : \"#111317\";\n    button.setAttribute(\"aria-expanded\", String(open));\n  };\n\n  function setOpen(next: boolean) {\n    if (open === next) return;\n    open = next;\n    if (open) {\n      query = \"\";\n      input.value = \"\";\n      active = 0;\n      panel.isConnected || root.insertBefore(panel, button);\n      renderShell();\n      renderList();\n      // The panel is connected, so views mount into a live document; styles\n      // may have changed while it was closed.\n      syncStyles();\n      renderViews();\n      requestAnimationFrame(() => input.focus());\n    } else {\n      // Teardown runs while the panel is still in the document, so a view can\n      // read the DOM it is about to lose.\n      unmountViews();\n      if (panel.isConnected) panel.remove();\n    }\n    renderShell();\n  }\n\n  // ---- listeners --------------------------------------------------------\n\n  input.addEventListener(\"input\", () => {\n    query = input.value;\n    active = 0;\n    renderList();\n  });\n\n  panel.addEventListener(\"keydown\", (e) => {\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      setOpen(false);\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setActive(Math.min(active + 1, rows.length - 1), true);\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      setActive(Math.max(active - 1, 0), true);\n    } else if (e.key === \"Enter\") {\n      e.preventDefault();\n      const it = rows[active]?.item;\n      if (it) void runItem(it);\n    }\n  });\n\n  button.addEventListener(\"click\", () => setOpen(!open));\n\n  const onDocMouseDown = (e: MouseEvent) => {\n    // composedPath() sees through the shadow boundary; a plain\n    // `contains(e.target)` would miss clicks inside the shadow root.\n    if (open && !e.composedPath().includes(root)) setOpen(false);\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (opts.hotkey && matchHotkey(opts.hotkey, e)) {\n      e.preventDefault();\n      setOpen(!open);\n    }\n  };\n\n  const addListeners = () => {\n    document.addEventListener(\"mousedown\", onDocMouseDown);\n    window.addEventListener(\"keydown\", onKeyDown);\n  };\n  const removeListeners = () => {\n    document.removeEventListener(\"mousedown\", onDocMouseDown);\n    window.removeEventListener(\"keydown\", onKeyDown);\n  };\n\n  const mount = () => {\n    if (mounted) return;\n    (opts.container ?? document.body).appendChild(host);\n    addListeners();\n    syncStyles();\n    watchStyles();\n    mounted = true;\n  };\n  const unmount = () => {\n    if (!mounted) return;\n    removeListeners();\n    unwatchStyles();\n    host.remove();\n    mounted = false;\n  };\n\n  // ---- init -------------------------------------------------------------\n\n  renderShell();\n  if (enabled()) mount();\n\n  return {\n    update(next: DevDockOptions) {\n      opts = { ...opts, ...next };\n      if (enabled()) {\n        mount();\n        renderShell();\n        if (open) {\n          renderList();\n          renderViews();\n        }\n      } else {\n        setOpen(false);\n        unmount();\n      }\n    },\n    destroy() {\n      setOpen(false);\n      unmount();\n    },\n  };\n}\n"]}

package/dist/{dock-DOWeFZJ5.d.ts → dock-P6l6pKjS.d.ts}

@@ -1,4 +1,4 @@
-import { b as DevDockOptions, a as DevDockInstance } from './types-B-V99upW.js';
+import { b as DevDockOptions, a as DevDockInstance } from './types-B_SpF32A.js';
 
 /**
  * Create a framework-agnostic dev dock: a floating button that opens a popup

package/dist/{dock-dq6OS0Jm.d.cts → dock-d3HqT25k.d.cts}

@@ -1,4 +1,4 @@
-import { b as DevDockOptions, a as DevDockInstance } from './types-B-V99upW.cjs';
+import { b as DevDockOptions, a as DevDockInstance } from './types-B_SpF32A.cjs';
 
 /**
  * Create a framework-agnostic dev dock: a floating button that opens a popup