@chuvenger/devdock 0.1.0

package/dist/svelte.cjs

@@ -0,0 +1,407 @@
+'use strict';
+
+// src/core/hotkey.ts
+function matchHotkey(spec, e) {
+  const parts = spec.toLowerCase().split("+").map((p) => p.trim()).filter(Boolean);
+  if (parts.length === 0) return false;
+  const key = parts[parts.length - 1];
+  const mods = new Set(parts.slice(0, -1));
+  const isMac = typeof navigator !== "undefined" && /mac/i.test(navigator.platform);
+  const wantMeta = mods.has("meta") || mods.has("cmd") || mods.has("mod") && isMac;
+  const wantCtrl = mods.has("ctrl") || mods.has("control") || mods.has("mod") && !isMac;
+  const wantShift = mods.has("shift");
+  const wantAlt = mods.has("alt") || mods.has("option");
+  if (e.metaKey !== wantMeta) return false;
+  if (e.ctrlKey !== wantCtrl) return false;
+  if (e.shiftKey !== wantShift) return false;
+  if (e.altKey !== wantAlt) return false;
+  return e.key.toLowerCase() === key;
+}
+
+// src/core/dock.ts
+var isDev = () => {
+  try {
+    return process.env.NODE_ENV !== "production";
+  } catch {
+    return false;
+  }
+};
+function el(tag, styles, props) {
+  const node = document.createElement(tag);
+  if (styles) Object.assign(node.style, styles);
+  if (props) Object.assign(node, props);
+  return node;
+}
+function cornerStyle(position) {
+  const gap = "16px";
+  switch (position) {
+    case "bottom-right":
+      return { bottom: gap, right: gap };
+    case "top-left":
+      return { top: gap, left: gap };
+    case "top-right":
+      return { top: gap, right: gap };
+    default:
+      return { bottom: gap, left: gap };
+  }
+}
+function panelAnchor(position) {
+  const isTop = position.startsWith("top");
+  const isRight = position.endsWith("right");
+  return {
+    position: "absolute",
+    [isTop ? "top" : "bottom"]: "calc(100% + 8px)",
+    [isRight ? "right" : "left"]: "0"
+  };
+}
+var FONT = "ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif";
+function createDevDock(initial = {}) {
+  if (typeof document === "undefined") {
+    return { update() {
+    }, destroy() {
+    } };
+  }
+  let opts = { ...initial };
+  let open = false;
+  let query = "";
+  let active = 0;
+  let mounted = false;
+  const host = el("div");
+  host.setAttribute("data-devdock", "");
+  const useShadow = (initial.shadow ?? true) && typeof host.attachShadow === "function";
+  const shadowRoot = useShadow ? host.attachShadow({ mode: "open" }) : null;
+  const mountPoint = shadowRoot ?? host;
+  const root = el("div", { fontFamily: FONT });
+  mountPoint.appendChild(root);
+  const panel = el("div", {
+    width: "280px",
+    maxHeight: "min(70vh, 480px)",
+    display: "flex",
+    flexDirection: "column",
+    background: "#16181d",
+    color: "#e7e9ee",
+    border: "1px solid #2a2e37",
+    borderRadius: "12px",
+    boxShadow: "0 12px 40px rgba(0,0,0,0.45)",
+    overflow: "hidden"
+  });
+  panel.setAttribute("role", "dialog");
+  const heading = el("div", {
+    padding: "10px 12px",
+    borderBottom: "1px solid #2a2e37",
+    fontSize: "12px",
+    fontWeight: "600",
+    letterSpacing: "0.4px",
+    textTransform: "uppercase",
+    color: "#8b909c"
+  });
+  const inputWrap = el("div", { padding: "8px" });
+  const input = el("input", {
+    width: "100%",
+    boxSizing: "border-box",
+    padding: "8px 10px",
+    fontSize: "13px",
+    color: "#e7e9ee",
+    background: "#0f1115",
+    border: "1px solid #2a2e37",
+    borderRadius: "8px",
+    outline: "none"
+  });
+  input.placeholder = "Filter\u2026";
+  inputWrap.appendChild(input);
+  const list = el("div", { overflowY: "auto", padding: "0 6px 8px" });
+  panel.append(heading, inputWrap, list);
+  const button = el("button", {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "6px",
+    padding: "8px 12px",
+    fontSize: "12px",
+    fontWeight: "700",
+    letterSpacing: "0.6px",
+    color: "#fff",
+    background: "#111317",
+    border: "1px solid #2a2e37",
+    borderRadius: "999px",
+    boxShadow: "0 4px 14px rgba(0,0,0,0.35)",
+    cursor: "pointer"
+  });
+  button.type = "button";
+  button.setAttribute("aria-label", "Toggle dev menu");
+  const dot = el("span", {
+    width: "8px",
+    height: "8px",
+    borderRadius: "999px",
+    background: "#22c55e",
+    display: "inline-block"
+  });
+  const buttonLabel = el("span");
+  button.append(dot, buttonLabel);
+  root.appendChild(button);
+  const enabled = () => {
+    const e = opts.enabled;
+    if (typeof e === "function") return e();
+    return e ?? isDev();
+  };
+  const navigate = (path) => {
+    if (opts.onNavigate) opts.onNavigate(path);
+    else if (typeof window !== "undefined") window.location.assign(path);
+  };
+  const buildItems = () => {
+    const out = [];
+    (opts.routes ?? []).forEach((r, i) => {
+      out.push({
+        kind: "route",
+        key: `route:${r.path}:${i}`,
+        label: r.label ?? r.path,
+        group: r.group ?? "Routes",
+        route: r
+      });
+    });
+    (opts.commands ?? []).forEach((c, i) => {
+      out.push({
+        kind: "command",
+        key: `cmd:${c.id ?? c.label}:${i}`,
+        label: c.label,
+        group: c.group ?? "Commands",
+        command: c
+      });
+    });
+    return out;
+  };
+  const getFiltered = () => {
+    const q = query.trim().toLowerCase();
+    const items = buildItems();
+    if (!q) return items;
+    return items.filter(
+      (it) => it.label.toLowerCase().includes(q) || it.kind === "route" && it.route.path.toLowerCase().includes(q)
+    );
+  };
+  const runItem = async (it) => {
+    if (it.kind === "route") {
+      navigate(it.route.path);
+      setOpen(false);
+      return;
+    }
+    try {
+      await it.command.run();
+    } finally {
+      if (!it.command.keepOpen) setOpen(false);
+    }
+  };
+  const renderList = () => {
+    const filtered = getFiltered();
+    active = Math.min(active, Math.max(0, filtered.length - 1));
+    list.replaceChildren();
+    if (filtered.length === 0) {
+      list.appendChild(
+        el(
+          "div",
+          { padding: "12px", fontSize: "13px", color: "#6b7280" },
+          { textContent: "Nothing here." }
+        )
+      );
+      return;
+    }
+    const groups = /* @__PURE__ */ new Map();
+    for (const it of filtered) {
+      const arr = groups.get(it.group) ?? [];
+      arr.push(it);
+      groups.set(it.group, arr);
+    }
+    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 }
+        )
+      );
+      for (const it of groupItems) {
+        const idx = filtered.indexOf(it);
+        const isActive = idx === active;
+        const row = el("button", {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: "8px",
+          width: "100%",
+          textAlign: "left",
+          padding: "8px 10px",
+          fontSize: "13px",
+          color: "#e7e9ee",
+          background: isActive ? "#2563eb" : "transparent",
+          border: "none",
+          borderRadius: "8px",
+          cursor: "pointer"
+        });
+        row.type = "button";
+        const labelSpan = el(
+          "span",
+          {
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          },
+          { textContent: it.label }
+        );
+        row.appendChild(labelSpan);
+        if (it.kind === "route" && it.route.path !== it.label) {
+          row.appendChild(
+            el(
+              "span",
+              {
+                fontSize: "11px",
+                color: isActive ? "#cfe0ff" : "#6b7280",
+                fontFamily: "ui-monospace, SFMono-Regular, monospace",
+                flexShrink: "0"
+              },
+              { textContent: it.route.path }
+            )
+          );
+        }
+        row.addEventListener("mouseenter", () => {
+          active = idx;
+          renderList();
+        });
+        row.addEventListener("click", () => void runItem(it));
+        section.appendChild(row);
+      }
+      list.appendChild(section);
+    }
+  };
+  const renderShell = () => {
+    const position = opts.position ?? "bottom-left";
+    const zIndex = opts.zIndex ?? 2147483e3;
+    Object.assign(root.style, {
+      position: "fixed",
+      zIndex: String(zIndex),
+      top: "",
+      bottom: "",
+      left: "",
+      right: ""
+    });
+    Object.assign(root.style, cornerStyle(position));
+    heading.textContent = opts.title ?? "Dev Menu";
+    panel.setAttribute("aria-label", opts.title ?? "Dev Menu");
+    Object.assign(panel.style, panelAnchor(position));
+    buttonLabel.textContent = opts.label ?? "DEV";
+    button.style.background = open ? "#2563eb" : "#111317";
+    button.setAttribute("aria-expanded", String(open));
+  };
+  function setOpen(next) {
+    if (open === next) return;
+    open = next;
+    if (open) {
+      query = "";
+      input.value = "";
+      active = 0;
+      panel.isConnected || root.insertBefore(panel, button);
+      renderShell();
+      renderList();
+      requestAnimationFrame(() => input.focus());
+    } else if (panel.isConnected) {
+      panel.remove();
+    }
+    renderShell();
+  }
+  input.addEventListener("input", () => {
+    query = input.value;
+    active = 0;
+    renderList();
+  });
+  panel.addEventListener("keydown", (e) => {
+    const filtered = getFiltered();
+    if (e.key === "Escape") {
+      e.preventDefault();
+      setOpen(false);
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      active = Math.min(active + 1, filtered.length - 1);
+      renderList();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      active = Math.max(active - 1, 0);
+      renderList();
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const it = filtered[active];
+      if (it) void runItem(it);
+    }
+  });
+  button.addEventListener("click", () => setOpen(!open));
+  const onDocMouseDown = (e) => {
+    if (open && !e.composedPath().includes(root)) setOpen(false);
+  };
+  const onKeyDown = (e) => {
+    if (opts.hotkey && matchHotkey(opts.hotkey, e)) {
+      e.preventDefault();
+      setOpen(!open);
+    }
+  };
+  const addListeners = () => {
+    document.addEventListener("mousedown", onDocMouseDown);
+    window.addEventListener("keydown", onKeyDown);
+  };
+  const removeListeners = () => {
+    document.removeEventListener("mousedown", onDocMouseDown);
+    window.removeEventListener("keydown", onKeyDown);
+  };
+  const mount = () => {
+    if (mounted) return;
+    (opts.container ?? document.body).appendChild(host);
+    addListeners();
+    mounted = true;
+  };
+  const unmount = () => {
+    if (!mounted) return;
+    removeListeners();
+    host.remove();
+    mounted = false;
+  };
+  renderShell();
+  if (enabled()) mount();
+  return {
+    update(next) {
+      opts = { ...opts, ...next };
+      if (enabled()) {
+        mount();
+        renderShell();
+        if (open) renderList();
+      } else {
+        setOpen(false);
+        unmount();
+      }
+    },
+    destroy() {
+      setOpen(false);
+      unmount();
+    }
+  };
+}
+
+// src/svelte/index.ts
+function devdock(_node, options = {}) {
+  const instance = createDevDock(options);
+  return {
+    update(next = {}) {
+      instance.update(next);
+    },
+    destroy() {
+      instance.destroy();
+    }
+  };
+}
+
+exports.createDevDock = createDevDock;
+exports.devdock = devdock;
+//# sourceMappingURL=svelte.cjs.map
+//# sourceMappingURL=svelte.cjs.map

package/dist/svelte.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/hotkey.ts","../src/core/dock.ts","../src/svelte/index.ts"],"names":[],"mappings":"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","file":"svelte.cjs","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  DockPosition,\n} from \"./types\";\n\nconst isDev = (): boolean => {\n  // Bundlers (Vite, 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\ntype Item =\n  | { kind: \"route\"; key: string; label: string; group: string; route: DevRoute }\n  | {\n      kind: \"command\";\n      key: string;\n      label: string;\n      group: string;\n      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\nfunction cornerStyle(position: DockPosition): Styles {\n  const gap = \"16px\";\n  switch (position) {\n    case \"bottom-right\":\n      return { bottom: gap, right: 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, left: 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 * 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 useShadow =\n    (initial.shadow ?? true) && typeof host.attachShadow === \"function\";\n  const shadowRoot = useShadow ? host.attachShadow({ mode: \"open\" }) : null;\n  const mountPoint: Node = shadowRoot ?? host;\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\", { overflowY: \"auto\", padding: \"0 6px 8px\" });\n\n  panel.append(heading, inputWrap, list);\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    return e ?? isDev();\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      out.push({\n        kind: \"route\",\n        key: `route:${r.path}:${i}`,\n        label: r.label ?? r.path,\n        group: r.group ?? \"Routes\",\n        route: r,\n      });\n    });\n    (opts.commands ?? []).forEach((c, i) => {\n      out.push({\n        kind: \"command\",\n        key: `cmd:${c.id ?? c.label}:${i}`,\n        label: c.label,\n        group: c.group ?? \"Commands\",\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  const renderList = () => {\n    const filtered = getFiltered();\n    active = Math.min(active, Math.max(0, filtered.length - 1));\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(\n        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: groupName },\n        ),\n      );\n\n      for (const it of groupItems) {\n        const idx = filtered.indexOf(it);\n        const isActive = idx === active;\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: isActive ? \"#2563eb\" : \"transparent\",\n          border: \"none\",\n          borderRadius: \"8px\",\n          cursor: \"pointer\",\n        });\n        row.type = \"button\";\n\n        const labelSpan = el(\n          \"span\",\n          {\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          },\n          { textContent: it.label },\n        );\n        row.appendChild(labelSpan);\n\n        if (it.kind === \"route\" && it.route.path !== it.label) {\n          row.appendChild(\n            el(\n              \"span\",\n              {\n                fontSize: \"11px\",\n                color: isActive ? \"#cfe0ff\" : \"#6b7280\",\n                fontFamily: \"ui-monospace, SFMono-Regular, monospace\",\n                flexShrink: \"0\",\n              },\n              { textContent: it.route.path },\n            ),\n          );\n        }\n\n        row.addEventListener(\"mouseenter\", () => {\n          active = idx;\n          renderList();\n        });\n        row.addEventListener(\"click\", () => void runItem(it));\n        section.appendChild(row);\n      }\n      list.appendChild(section);\n    }\n  };\n\n  const renderShell = () => {\n    const position = opts.position ?? \"bottom-left\";\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      requestAnimationFrame(() => input.focus());\n    } else if (panel.isConnected) {\n      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    const filtered = getFiltered();\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      setOpen(false);\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      active = Math.min(active + 1, filtered.length - 1);\n      renderList();\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      active = Math.max(active - 1, 0);\n      renderList();\n    } else if (e.key === \"Enter\") {\n      e.preventDefault();\n      const it = filtered[active];\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    mounted = true;\n  };\n  const unmount = () => {\n    if (!mounted) return;\n    removeListeners();\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) renderList();\n      } else {\n        setOpen(false);\n        unmount();\n      }\n    },\n    destroy() {\n      setOpen(false);\n      unmount();\n    },\n  };\n}\n","import { createDevDock } from \"../core/dock\";\nimport type { DevDockOptions } from \"../core/types\";\n\n/** Return type compatible with Svelte's `Action` contract. */\nexport interface DevDockAction {\n  update(options?: DevDockOptions): void;\n  destroy(): void;\n}\n\n/**\n * Svelte action that mounts a dev dock. Use it on any element:\n *\n * ```svelte\n * <script>\n *   import { devdock } from \"devdock/svelte\";\n *   const routes = [{ path: \"/admin\", label: \"Admin\" }];\n * </script>\n *\n * <div use:devdock={{ routes, hotkey: \"mod+.\" }}></div>\n * ```\n *\n * The dock mounts into `document.body` (or `options.container`), so the host\n * element is just an anchor. Reactive `options` flow through automatically.\n */\nexport function devdock(\n  _node: HTMLElement,\n  options: DevDockOptions = {},\n): DevDockAction {\n  const instance = createDevDock(options);\n  return {\n    update(next: DevDockOptions = {}) {\n      instance.update(next);\n    },\n    destroy() {\n      instance.destroy();\n    },\n  };\n}\n\nexport { createDevDock } from \"../core/dock\";\nexport type {\n  DevDockOptions,\n  DevDockInstance,\n  DevRoute,\n  DevCommand,\n  DockPosition,\n} from \"../core/types\";\n"]}

package/dist/svelte.d.cts

@@ -0,0 +1,27 @@
+import { b as DevDockOptions } from './types-DYQBDvfK.cjs';
+export { D as DevCommand, a as DevDockInstance, c as DevRoute, d as DockPosition } from './types-DYQBDvfK.cjs';
+export { c as createDevDock } from './dock-mQl2WU8n.cjs';
+
+/** Return type compatible with Svelte's `Action` contract. */
+interface DevDockAction {
+    update(options?: DevDockOptions): void;
+    destroy(): void;
+}
+/**
+ * Svelte action that mounts a dev dock. Use it on any element:
+ *
+ * ```svelte
+ * <script>
+ *   import { devdock } from "devdock/svelte";
+ *   const routes = [{ path: "/admin", label: "Admin" }];
+ * </script>
+ *
+ * <div use:devdock={{ routes, hotkey: "mod+." }}></div>
+ * ```
+ *
+ * The dock mounts into `document.body` (or `options.container`), so the host
+ * element is just an anchor. Reactive `options` flow through automatically.
+ */
+declare function devdock(_node: HTMLElement, options?: DevDockOptions): DevDockAction;
+
+export { type DevDockAction, DevDockOptions, devdock };

package/dist/svelte.d.ts

@@ -0,0 +1,27 @@
+import { b as DevDockOptions } from './types-DYQBDvfK.js';
+export { D as DevCommand, a as DevDockInstance, c as DevRoute, d as DockPosition } from './types-DYQBDvfK.js';
+export { c as createDevDock } from './dock-elbtMGsE.js';
+
+/** Return type compatible with Svelte's `Action` contract. */
+interface DevDockAction {
+    update(options?: DevDockOptions): void;
+    destroy(): void;
+}
+/**
+ * Svelte action that mounts a dev dock. Use it on any element:
+ *
+ * ```svelte
+ * <script>
+ *   import { devdock } from "devdock/svelte";
+ *   const routes = [{ path: "/admin", label: "Admin" }];
+ * </script>
+ *
+ * <div use:devdock={{ routes, hotkey: "mod+." }}></div>
+ * ```
+ *
+ * The dock mounts into `document.body` (or `options.container`), so the host
+ * element is just an anchor. Reactive `options` flow through automatically.
+ */
+declare function devdock(_node: HTMLElement, options?: DevDockOptions): DevDockAction;
+
+export { type DevDockAction, DevDockOptions, devdock };

package/dist/svelte.js

@@ -0,0 +1,19 @@
+import { createDevDock } from './chunk-NJ3FCNK6.js';
+export { createDevDock } from './chunk-NJ3FCNK6.js';
+
+// src/svelte/index.ts
+function devdock(_node, options = {}) {
+  const instance = createDevDock(options);
+  return {
+    update(next = {}) {
+      instance.update(next);
+    },
+    destroy() {
+      instance.destroy();
+    }
+  };
+}
+
+export { devdock };
+//# sourceMappingURL=svelte.js.map
+//# sourceMappingURL=svelte.js.map

package/dist/svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/svelte/index.ts"],"names":[],"mappings":";;;;AAwBO,SAAS,OAAA,CACd,KAAA,EACA,OAAA,GAA0B,EAAC,EACZ;AACf,EAAA,MAAM,QAAA,GAAW,cAAc,OAAO,CAAA;AACtC,EAAA,OAAO;AAAA,IACL,MAAA,CAAO,IAAA,GAAuB,EAAC,EAAG;AAChC,MAAA,QAAA,CAAS,OAAO,IAAI,CAAA;AAAA,IACtB,CAAA;AAAA,IACA,OAAA,GAAU;AACR,MAAA,QAAA,CAAS,OAAA,EAAQ;AAAA,IACnB;AAAA,GACF;AACF","file":"svelte.js","sourcesContent":["import { createDevDock } from \"../core/dock\";\nimport type { DevDockOptions } from \"../core/types\";\n\n/** Return type compatible with Svelte's `Action` contract. */\nexport interface DevDockAction {\n  update(options?: DevDockOptions): void;\n  destroy(): void;\n}\n\n/**\n * Svelte action that mounts a dev dock. Use it on any element:\n *\n * ```svelte\n * <script>\n *   import { devdock } from \"devdock/svelte\";\n *   const routes = [{ path: \"/admin\", label: \"Admin\" }];\n * </script>\n *\n * <div use:devdock={{ routes, hotkey: \"mod+.\" }}></div>\n * ```\n *\n * The dock mounts into `document.body` (or `options.container`), so the host\n * element is just an anchor. Reactive `options` flow through automatically.\n */\nexport function devdock(\n  _node: HTMLElement,\n  options: DevDockOptions = {},\n): DevDockAction {\n  const instance = createDevDock(options);\n  return {\n    update(next: DevDockOptions = {}) {\n      instance.update(next);\n    },\n    destroy() {\n      instance.destroy();\n    },\n  };\n}\n\nexport { createDevDock } from \"../core/dock\";\nexport type {\n  DevDockOptions,\n  DevDockInstance,\n  DevRoute,\n  DevCommand,\n  DockPosition,\n} from \"../core/types\";\n"]}

package/dist/types-DYQBDvfK.d.cts

@@ -0,0 +1,73 @@
+type DockPosition = "bottom-left" | "bottom-right" | "top-left" | "top-right";
+/** A navigable destination shown in the dock's "Routes" section. */
+interface DevRoute {
+    /** Path to navigate to, e.g. "/admin/users". */
+    path: string;
+    /** Human label. Defaults to `path`. */
+    label?: string;
+    /** Optional group heading to organize the list. */
+    group?: string;
+}
+/** A custom action shown in the dock's "Commands" section. */
+interface DevCommand {
+    /** Stable id (used as key). Defaults to `label`. */
+    id?: string;
+    /** Human label shown in the list. */
+    label: string;
+    /** Called when the command is selected. May be async. */
+    run: () => void | Promise<void>;
+    /** Optional group heading to organize the list. */
+    group?: string;
+    /** Keep the popup open after running (default: false — it closes). */
+    keepOpen?: boolean;
+}
+/** Framework-agnostic configuration for the dock. */
+interface DevDockOptions {
+    /** Routes to list. */
+    routes?: DevRoute[];
+    /** Custom commands to list. */
+    commands?: DevCommand[];
+    /**
+     * Whether the dock renders at all. Accepts a boolean or a predicate
+     * (re-evaluated on every `update`). When omitted, defaults to
+     * `process.env.NODE_ENV !== "production"`.
+     *
+     * @example enabled: () => location.search.includes("debug")
+     */
+    enabled?: boolean | (() => boolean);
+    /**
+     * How to navigate when a route is selected.
+     * Defaults to `window.location.assign(path)`.
+     */
+    onNavigate?: (path: string) => void;
+    /** Corner to anchor the button. Default: "bottom-left". */
+    position?: DockPosition;
+    /** Text on the floating button. Default: "DEV". */
+    label?: string;
+    /** Heading shown at the top of the popup. Default: "Dev Menu". */
+    title?: string;
+    /**
+     * Optional keyboard shortcut to toggle the popup, e.g. "mod+." or
+     * "ctrl+k". "mod" maps to ⌘ on Mac and Ctrl elsewhere. Default: none.
+     */
+    hotkey?: string | null;
+    /** Base z-index for the floating UI. Default: 2147483000. */
+    zIndex?: number;
+    /** Where to mount the dock. Default: `document.body`. */
+    container?: HTMLElement;
+    /**
+     * Render inside a shadow root so the host page's CSS can't affect the dock
+     * (and vice versa). Default: `true` where supported. Set `false` to render
+     * in the light DOM (e.g. if you want to style it from the page).
+     */
+    shadow?: boolean;
+}
+/** A live dock instance returned by {@link createDevDock}. */
+interface DevDockInstance {
+    /** Re-render with new options (merged over the current ones). */
+    update(options: DevDockOptions): void;
+    /** Remove the dock and all its listeners. */
+    destroy(): void;
+}
+
+export type { DevCommand as D, DevDockInstance as a, DevDockOptions as b, DevRoute as c, DockPosition as d };