@rahmantech/litedesign 0.0.0-stage → 0.1.0

package/dist/extension/content.js

@@ -0,0 +1,471 @@
+"use strict";
+(() => {
+  // packages/extension/src/observer.ts
+  var DEFAULT_DEBOUNCE = 150;
+  function observeChanges(options) {
+    const debounceMs = options.debounceMs ?? DEFAULT_DEBOUNCE;
+    let timer;
+    const schedule = () => {
+      if (timer !== void 0) clearTimeout(timer);
+      timer = setTimeout(() => {
+        timer = void 0;
+        options.onChange();
+      }, debounceMs);
+    };
+    const mutation = new MutationObserver(schedule);
+    mutation.observe(options.root, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["class", "style", "hidden"]
+    });
+    const resize = new ResizeObserver(schedule);
+    resize.observe(options.root);
+    const onResize = () => schedule();
+    const onNavigate = () => schedule();
+    window.addEventListener("resize", onResize);
+    window.addEventListener("popstate", onNavigate);
+    window.addEventListener("hashchange", onNavigate);
+    return {
+      stop() {
+        if (timer !== void 0) clearTimeout(timer);
+        mutation.disconnect();
+        resize.disconnect();
+        window.removeEventListener("resize", onResize);
+        window.removeEventListener("popstate", onNavigate);
+        window.removeEventListener("hashchange", onNavigate);
+      }
+    };
+  }
+
+  // packages/extension/src/types.ts
+  var LAYER_NAMES = {
+    grid: true,
+    guide: true,
+    gap: true,
+    issue: true,
+    hover: true
+  };
+  var LAYERS = Object.keys(LAYER_NAMES);
+  var TOGGLE_LAYERS = [
+    "grid",
+    "guide",
+    "gap",
+    "issue"
+  ];
+
+  // packages/extension/src/store.ts
+  var STORAGE_KEY = "litedesign";
+  var DEFAULT_LAYERS = [...LAYERS];
+  function defaultLayers() {
+    return [...DEFAULT_LAYERS];
+  }
+  async function loadState() {
+    if (!hasStorage()) return { enabled: false, layers: defaultLayers() };
+    try {
+      const stored = await chrome.storage.local.get(STORAGE_KEY);
+      return parseState(stored[STORAGE_KEY]);
+    } catch (error) {
+      console.warn("[litedesign] could not read preferences", error);
+      return { enabled: false, layers: defaultLayers() };
+    }
+  }
+  async function saveState(state) {
+    if (!hasStorage()) return;
+    try {
+      await chrome.storage.local.set({ [STORAGE_KEY]: state });
+    } catch (error) {
+      console.warn("[litedesign] could not save preferences", error);
+    }
+  }
+  function hasStorage() {
+    return typeof chrome !== "undefined" && chrome.storage?.local !== void 0;
+  }
+  function parseState(value) {
+    if (typeof value !== "object" || value === null) {
+      return { enabled: false, layers: defaultLayers() };
+    }
+    const record = value;
+    return {
+      // A value written before this flag existed means "not known to be on".
+      enabled: record.enabled === true,
+      layers: parseLayers(record.layers)
+    };
+  }
+  function parseLayers(value) {
+    if (!Array.isArray(value)) return defaultLayers();
+    const valid = [...new Set(value.filter(isLayerName))];
+    return valid.includes("hover") ? valid : [...valid, "hover"];
+  }
+  function isLayerName(value) {
+    return typeof value === "string" && LAYERS.includes(value);
+  }
+
+  // packages/extension/src/toolbar.ts
+  var STYLE = `
+  .bar {
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 6px 8px;
+    border-radius: 10px;
+    background: rgba(17, 17, 17, 0.94);
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
+    color: #e5e5e5;
+    font: 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
+    pointer-events: auto;
+    user-select: none;
+  }
+  .brand {
+    padding: 0 2px;
+    color: #ffffff;
+    font-weight: 600;
+    letter-spacing: 0.02em;
+  }
+  .stats {
+    padding: 0 4px;
+    color: #a3a3a3;
+    white-space: nowrap;
+  }
+  button {
+    padding: 5px 8px;
+    border: 0;
+    border-radius: 6px;
+    background: #262626;
+    color: #d4d4d4;
+    font: inherit;
+    cursor: pointer;
+  }
+  button:hover {
+    background: #404040;
+  }
+  button.on {
+    background: #3b82f6;
+    color: #ffffff;
+  }
+  button[data-action='close'] {
+    padding: 5px 7px;
+    background: transparent;
+    color: #a3a3a3;
+    font-size: 14px;
+  }
+  button[data-action='close']:hover {
+    background: #404040;
+    color: #ffffff;
+  }
+`;
+  function createToolbar(options) {
+    const root2 = document.createElement("div");
+    root2.dataset.litedesignUi = "";
+    const style = document.createElement("style");
+    style.textContent = STYLE;
+    const bar = document.createElement("div");
+    bar.className = "bar";
+    const brand = document.createElement("span");
+    brand.className = "brand";
+    brand.textContent = "litedesign";
+    const stats = document.createElement("span");
+    stats.className = "stats";
+    stats.textContent = "measuring\u2026";
+    let enabled = new Set(options.layers);
+    const isEnabled = (layer) => enabled.has(layer);
+    bar.append(brand, stats);
+    const buttons = /* @__PURE__ */ new Map();
+    for (const layer of TOGGLE_LAYERS) {
+      const button = document.createElement("button");
+      button.type = "button";
+      button.dataset.layer = layer;
+      button.textContent = layer;
+      button.title = `Toggle ${layer} layer`;
+      button.addEventListener("click", () => options.onToggle(layer, !isEnabled(layer)));
+      buttons.set(layer, button);
+      bar.append(button);
+    }
+    const close = document.createElement("button");
+    close.type = "button";
+    close.dataset.action = "close";
+    close.textContent = "\xD7";
+    close.title = "Close litedesign";
+    close.setAttribute("aria-label", "Close litedesign");
+    close.addEventListener("click", () => options.onClose());
+    bar.append(close);
+    root2.append(style, bar);
+    const setLayers = (layers) => {
+      enabled = new Set(layers);
+      for (const [layer, button] of buttons) {
+        const on = enabled.has(layer);
+        button.setAttribute("aria-pressed", String(on));
+        button.classList.toggle("on", on);
+      }
+    };
+    setLayers(options.layers);
+    return {
+      element: root2,
+      setStats(nodes, issues, truncated) {
+        stats.textContent = `${nodes} nodes \xB7 ${issues} issues${truncated ? " \xB7 truncated" : ""}`;
+      },
+      setLayers
+    };
+  }
+
+  // packages/extension/src/boot.ts
+  var mountedHost;
+  function overlayHost() {
+    return mountedHost;
+  }
+  async function boot(core2) {
+    if (window.__litedesign_state__ === "active") {
+      window.__litedesign_teardown__?.();
+      return;
+    }
+    if (window.__litedesign_state__ === "starting") return;
+    window.__litedesign_state__ = "starting";
+    const state = await loadState();
+    if (window.__litedesign_state__ !== "starting") return;
+    try {
+      mount(core2, state.layers);
+    } catch (error) {
+      window.__litedesign_state__ = void 0;
+      throw error;
+    }
+  }
+  async function applyOverlay(core2, options) {
+    if (!options.enabled) {
+      window.__litedesign_teardown__?.();
+      return { enabled: false, layers: [] };
+    }
+    const layers = options.layers ?? (await loadState()).layers;
+    if (window.__litedesign_state__ === "active") {
+      window.__litedesign_layers__?.(layers);
+      return { enabled: true, layers };
+    }
+    window.__litedesign_state__ = "starting";
+    try {
+      mount(core2, layers);
+    } catch (error) {
+      window.__litedesign_state__ = void 0;
+      throw error;
+    }
+    return { enabled: overlayHost() !== void 0, layers };
+  }
+  function mount(core2, initial) {
+    const root2 = document.body ?? document.documentElement;
+    let layers = initial;
+    let graph = core2.buildGraph(root2);
+    let handle;
+    let observer;
+    let toolbar;
+    const teardown = () => {
+      observer?.stop();
+      handle?.destroy();
+      handle = void 0;
+      observer = void 0;
+      mountedHost = void 0;
+      window.__litedesign_teardown__ = void 0;
+      window.__litedesign_layers__ = void 0;
+      window.__litedesign_state__ = void 0;
+      void saveState({ enabled: false, layers });
+    };
+    const refresh = () => {
+      graph = core2.buildGraph(root2);
+      handle?.update(graph);
+      toolbar.setStats(graph.nodes.length, graph.issues.length, graph.truncated);
+    };
+    const setLayers = (next) => {
+      layers = next;
+      handle?.setLayers(layers);
+      toolbar.setLayers(layers);
+      void saveState({ enabled: true, layers });
+    };
+    toolbar = createToolbar({
+      layers,
+      onToggle(layer, enabled) {
+        setLayers(
+          enabled ? [.../* @__PURE__ */ new Set([...layers, layer])] : layers.filter((name) => name !== layer)
+        );
+      },
+      onClose: teardown
+    });
+    toolbar.setStats(graph.nodes.length, graph.issues.length, graph.truncated);
+    handle = core2.render(graph, { layers, toolbar: toolbar.element });
+    observer = observeChanges({ root: root2, onChange: refresh });
+    mountedHost = handle.host;
+    window.__litedesign_layers__ = setLayers;
+    window.__litedesign_teardown__ = teardown;
+    window.__litedesign_state__ = "active";
+    void saveState({ enabled: true, layers });
+  }
+
+  // packages/extension/src/bridge.ts
+  var TEMP_LAYERS = ["grid", "guide", "gap", "issue"];
+  var FULL_PAGE = "full-page screenshots need the Playwright driver. The extension can only capture the visible viewport.";
+  var suspended;
+  function installBridge(core2) {
+    window.__litedesign_toggle__ = () => void boot(core2);
+    if (window.__litedesign_bridge__ === true) return;
+    window.__litedesign_bridge__ = true;
+    if (typeof chrome === "undefined" || chrome.runtime?.onMessage === void 0) return;
+    chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+      void respond(core2, message).then(sendResponse, (error) => {
+        sendResponse({ ok: false, error: messageOf(error) });
+      });
+      return true;
+    });
+  }
+  async function respond(core2, raw) {
+    if (typeof raw !== "object" || raw === null) throw new Error("invalid message");
+    const message = raw;
+    const action = typeof message.action === "string" ? message.action : "";
+    const payload = message.payload ?? {};
+    switch (action) {
+      case "ping":
+        return { ok: true, result: true };
+      case "toggle":
+        await boot(core2);
+        return { ok: true };
+      case "overlay":
+        return {
+          ok: true,
+          result: await applyOverlay(core2, {
+            enabled: payload.enabled !== false,
+            layers: payload.layers
+          })
+        };
+      case "graph":
+        return { ok: true, result: core2.buildGraph(root()) };
+      case "measure":
+        return { ok: true, result: measure(core2, payload.selector) };
+      case "screenshot_prepare":
+        return { ok: true, result: await prepareScreenshot(core2, payload) };
+      case "annotate_prepare":
+        return { ok: true, result: await prepareAnnotation(core2, payload) };
+      case "capture_cleanup":
+        await cleanup();
+        return { ok: true };
+      default:
+        throw new Error(`unknown action: ${action || "(none)"}`);
+    }
+  }
+  function measure(core2, selector) {
+    if (selector === void 0 || selector === "") throw new Error("measure needs a selector");
+    const graph = core2.buildGraph(root());
+    const node = core2.resolveNode(graph, selector);
+    if (node === null) throw new Error(`selector "${selector}" did not match any element on the page`);
+    const gaps = graph.gaps.filter((gap) => gap.a === node.id || gap.b === node.id).map((gap) => ({
+      to: gap.a === node.id ? gap.b : gap.a,
+      axis: gap.axis,
+      distance: gap.distance,
+      kind: gap.kind
+    }));
+    return {
+      id: node.id,
+      selector: node.selector,
+      tag: node.tag,
+      rect: node.rect,
+      styles: node.styles,
+      gaps
+    };
+  }
+  async function prepareScreenshot(core2, payload) {
+    if (payload.fullPage === true) throw new Error(FULL_PAGE);
+    const dpr = window.devicePixelRatio || 1;
+    const rect = await prepareElement(core2, payload.selector);
+    suspend();
+    return { rect, dpr };
+  }
+  async function prepareAnnotation(core2, payload) {
+    if (payload.fullPage === true) throw new Error(FULL_PAGE);
+    const dpr = window.devicePixelRatio || 1;
+    const rect = await prepareElement(core2, payload.selector);
+    let graph = core2.buildGraph(root());
+    if (payload.rules !== void 0 && payload.rules.length > 0) {
+      const wanted = new Set(payload.rules);
+      graph = { ...graph, issues: graph.issues.filter((issue) => wanted.has(issue.rule)) };
+    }
+    const handle = core2.render(graph, { layers: payload.layers ?? TEMP_LAYERS });
+    suspend(handle);
+    await frames(2);
+    return { rect, dpr };
+  }
+  async function cleanup() {
+    const current = suspended;
+    if (current === void 0) return;
+    suspended = void 0;
+    current.handle?.destroy();
+    showUserOverlay(current.hidden);
+  }
+  function suspend(handle) {
+    const previous = suspended;
+    previous?.handle?.destroy();
+    showUserOverlay(previous?.hidden);
+    suspended = handle === void 0 ? { hidden: hideUserOverlay() } : { handle, hidden: hideUserOverlay() };
+  }
+  function hideUserOverlay() {
+    const element = overlayHost();
+    if (element === void 0) return void 0;
+    const display = element.style.display;
+    element.style.display = "none";
+    return { element, display };
+  }
+  function showUserOverlay(hidden) {
+    if (hidden !== void 0) hidden.element.style.display = hidden.display;
+  }
+  async function prepareElement(core2, selector) {
+    if (selector === void 0 || selector === "") return void 0;
+    const graph = core2.buildGraph(root());
+    const node = core2.resolveNode(graph, selector);
+    if (node === null) throw new Error(`selector "${selector}" did not match any element on the page`);
+    let element = null;
+    try {
+      element = document.querySelector(node.selector);
+    } catch {
+      element = null;
+    }
+    if (element === null) {
+      throw new Error(
+        `selector "${selector}" is inside a shadow root. Measure it, but capture the whole viewport instead.`
+      );
+    }
+    element.scrollIntoView({ block: "center", inline: "center" });
+    await frames(1);
+    const rect = element.getBoundingClientRect();
+    return { x: rect.left, y: rect.top, w: rect.width, h: rect.height };
+  }
+  function root() {
+    return document.body ?? document.documentElement;
+  }
+  function frames(count) {
+    return new Promise((resolve) => {
+      let left = count;
+      const tick = () => {
+        left -= 1;
+        if (left <= 0) resolve();
+        else requestAnimationFrame(tick);
+      };
+      requestAnimationFrame(tick);
+    });
+  }
+  function messageOf(error) {
+    if (error instanceof Error && error.message !== "") return error.message;
+    if (typeof error === "string" && error !== "") return error;
+    return "unexpected error";
+  }
+
+  // packages/extension/src/content.ts
+  var core = window.__litedesign;
+  if (core === void 0) {
+    console.warn("[litedesign] core not found; core.iife.js must be injected first");
+  } else {
+    installBridge(core);
+    void restore(core);
+  }
+  async function restore(core2) {
+    const state = await loadState();
+    if (!state.enabled) return;
+    await applyOverlay(core2, { enabled: true, layers: state.layers });
+  }
+})();
+//# sourceMappingURL=content.js.map

package/dist/extension/content.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/observer.ts", "../src/types.ts", "../src/store.ts", "../src/toolbar.ts", "../src/boot.ts", "../src/bridge.ts", "../src/content.ts"],
+  "sourcesContent": ["export type ObserverOptions = {\n  root: Element\n  debounceMs?: number\n  onChange(): void\n}\n\nexport type Observer = {\n  stop(): void\n}\n\nconst DEFAULT_DEBOUNCE = 150\n\n/**\n * Rebuilds after the page changes. MutationObserver catches DOM edits,\n * ResizeObserver catches layout-only changes, and window resize catches\n * viewport reflow. All paths share one debounce so a burst of mutations\n * produces one measurement pass.\n */\nexport function observeChanges(options: ObserverOptions): Observer {\n  const debounceMs = options.debounceMs ?? DEFAULT_DEBOUNCE\n  let timer: ReturnType<typeof setTimeout> | undefined\n\n  const schedule = (): void => {\n    if (timer !== undefined) clearTimeout(timer)\n\n    timer = setTimeout(() => {\n      timer = undefined\n      options.onChange()\n    }, debounceMs)\n  }\n\n  const mutation = new MutationObserver(schedule)\n  mutation.observe(options.root, {\n    childList: true,\n    subtree: true,\n    attributes: true,\n    attributeFilter: ['class', 'style', 'hidden'],\n  })\n\n  const resize = new ResizeObserver(schedule)\n  resize.observe(options.root)\n\n  const onResize = (): void => schedule()\n  const onNavigate = (): void => schedule()\n\n  window.addEventListener('resize', onResize)\n  window.addEventListener('popstate', onNavigate)\n  window.addEventListener('hashchange', onNavigate)\n\n  return {\n    stop(): void {\n      if (timer !== undefined) clearTimeout(timer)\n      mutation.disconnect()\n      resize.disconnect()\n      window.removeEventListener('resize', onResize)\n      window.removeEventListener('popstate', onNavigate)\n      window.removeEventListener('hashchange', onNavigate)\n    },\n  }\n}\n", "import type { Graph, GraphNode, LayerName, OverlayHandle, OverlayOptions } from '@litedesign/core'\n\nexport type { Graph, GraphNode, LayerName, OverlayHandle }\n\n/**\n * The injected core is a global, not an import. This interface is the only\n * thing the extension knows about it; everything else comes from `core/` types\n * so there is no second source of truth.\n */\nexport type Core = {\n  buildGraph(root?: Element | null): Graph\n  resolveNode(graph: Graph, selector: string): GraphNode | null\n  render(graph: Graph, options?: OverlayOptions): OverlayHandle\n  VERSION: string\n}\n\n/** Exhaustive by construction: adding a layer to core breaks this object. */\nconst LAYER_NAMES: Record<LayerName, true> = {\n  grid: true,\n  guide: true,\n  gap: true,\n  issue: true,\n  hover: true,\n}\n\nexport const LAYERS = Object.keys(LAYER_NAMES) as LayerName[]\n\n/**\n * What the popup shows: whether the worker holds a socket to the bridge, on\n * which port, and which tab it currently measures.\n */\nexport type BridgeStatus = {\n  bridge: boolean\n  port: number\n  page: { tabId: number; url: string; title: string } | null\n}\n\n/** Layers the toolbar can switch. Hover inspection stays on. */\nexport const TOGGLE_LAYERS = [\n  'grid',\n  'guide',\n  'gap',\n  'issue',\n] as const satisfies readonly LayerName[]\nexport type ToggleLayer = (typeof TOGGLE_LAYERS)[number]\n\ndeclare global {\n  interface Window {\n    __litedesign?: Core\n    __litedesign_state__?: 'starting' | 'active'\n    __litedesign_teardown__?: () => void\n    /** Replaces the visible layers without remounting. */\n    __litedesign_layers__?: (layers: LayerName[]) => void\n    /** True once the content-script bridge is listening. */\n    __litedesign_bridge__?: boolean\n    /** Toggle the user overlay. The service worker sends `toggle` here. */\n    __litedesign_toggle__?: () => void\n  }\n}\n", "import { LAYERS, type LayerName } from './types.js'\n\nconst STORAGE_KEY = 'litedesign'\n\nconst DEFAULT_LAYERS: LayerName[] = [...LAYERS]\n\n/**\n * What survives a reload: whether the overlay was on, and which layers it\n * showed. The fixture server reloads the page on every save, so without this\n * the grid disappears each time a file changes.\n */\nexport type OverlayState = {\n  enabled: boolean\n  layers: LayerName[]\n}\n\nexport function defaultLayers(): LayerName[] {\n  return [...DEFAULT_LAYERS]\n}\n\nexport async function loadState(): Promise<OverlayState> {\n  if (!hasStorage()) return { enabled: false, layers: defaultLayers() }\n\n  try {\n    const stored = await chrome.storage.local.get(STORAGE_KEY)\n    return parseState(stored[STORAGE_KEY])\n  } catch (error) {\n    // Preferences are a convenience; a storage failure must not hide the\n    // overlay. The user sees defaults instead.\n    console.warn('[litedesign] could not read preferences', error)\n    return { enabled: false, layers: defaultLayers() }\n  }\n}\n\nexport async function saveState(state: OverlayState): Promise<void> {\n  if (!hasStorage()) return\n\n  try {\n    await chrome.storage.local.set({ [STORAGE_KEY]: state })\n  } catch (error) {\n    // The current session keeps working with in-memory state.\n    console.warn('[litedesign] could not save preferences', error)\n  }\n}\n\nfunction hasStorage(): boolean {\n  return typeof chrome !== 'undefined' && chrome.storage?.local !== undefined\n}\n\nfunction parseState(value: unknown): OverlayState {\n  if (typeof value !== 'object' || value === null) {\n    return { enabled: false, layers: defaultLayers() }\n  }\n\n  const record = value as { enabled?: unknown; layers?: unknown }\n\n  return {\n    // A value written before this flag existed means \"not known to be on\".\n    enabled: record.enabled === true,\n    layers: parseLayers(record.layers),\n  }\n}\n\nfunction parseLayers(value: unknown): LayerName[] {\n  if (!Array.isArray(value)) return defaultLayers()\n\n  const valid = [...new Set(value.filter(isLayerName))]\n  return valid.includes('hover') ? valid : [...valid, 'hover']\n}\n\nfunction isLayerName(value: unknown): value is LayerName {\n  return typeof value === 'string' && (LAYERS as readonly string[]).includes(value)\n}\n", "import { type LayerName, TOGGLE_LAYERS, type ToggleLayer } from './types.js'\n\nexport type ToolbarOptions = {\n  layers: LayerName[]\n  onToggle(layer: ToggleLayer, enabled: boolean): void\n  onClose(): void\n}\n\nexport type Toolbar = {\n  element: HTMLElement\n  setStats(nodes: number, issues: number, truncated: boolean): void\n  setLayers(layers: LayerName[]): void\n}\n\nconst STYLE = `\n  .bar {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 8px;\n    border-radius: 10px;\n    background: rgba(17, 17, 17, 0.94);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);\n    color: #e5e5e5;\n    font: 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace;\n    pointer-events: auto;\n    user-select: none;\n  }\n  .brand {\n    padding: 0 2px;\n    color: #ffffff;\n    font-weight: 600;\n    letter-spacing: 0.02em;\n  }\n  .stats {\n    padding: 0 4px;\n    color: #a3a3a3;\n    white-space: nowrap;\n  }\n  button {\n    padding: 5px 8px;\n    border: 0;\n    border-radius: 6px;\n    background: #262626;\n    color: #d4d4d4;\n    font: inherit;\n    cursor: pointer;\n  }\n  button:hover {\n    background: #404040;\n  }\n  button.on {\n    background: #3b82f6;\n    color: #ffffff;\n  }\n  button[data-action='close'] {\n    padding: 5px 7px;\n    background: transparent;\n    color: #a3a3a3;\n    font-size: 14px;\n  }\n  button[data-action='close']:hover {\n    background: #404040;\n    color: #ffffff;\n  }\n`\n\nexport function createToolbar(options: ToolbarOptions): Toolbar {\n  const root = document.createElement('div')\n  root.dataset.litedesignUi = ''\n\n  const style = document.createElement('style')\n  style.textContent = STYLE\n\n  const bar = document.createElement('div')\n  bar.className = 'bar'\n\n  const brand = document.createElement('span')\n  brand.className = 'brand'\n  brand.textContent = 'litedesign'\n\n  const stats = document.createElement('span')\n  stats.className = 'stats'\n  stats.textContent = 'measuring\u2026'\n\n  let enabled = new Set<LayerName>(options.layers)\n  const isEnabled = (layer: ToggleLayer): boolean => enabled.has(layer)\n\n  bar.append(brand, stats)\n\n  const buttons = new Map<ToggleLayer, HTMLButtonElement>()\n\n  for (const layer of TOGGLE_LAYERS) {\n    const button = document.createElement('button')\n    button.type = 'button'\n    button.dataset.layer = layer\n    button.textContent = layer\n    button.title = `Toggle ${layer} layer`\n    button.addEventListener('click', () => options.onToggle(layer, !isEnabled(layer)))\n\n    buttons.set(layer, button)\n    bar.append(button)\n  }\n\n  const close = document.createElement('button')\n  close.type = 'button'\n  close.dataset.action = 'close'\n  close.textContent = '\u00D7'\n  close.title = 'Close litedesign'\n  close.setAttribute('aria-label', 'Close litedesign')\n  close.addEventListener('click', () => options.onClose())\n\n  bar.append(close)\n  root.append(style, bar)\n\n  const setLayers = (layers: LayerName[]): void => {\n    enabled = new Set(layers)\n\n    for (const [layer, button] of buttons) {\n      const on = enabled.has(layer)\n      button.setAttribute('aria-pressed', String(on))\n      button.classList.toggle('on', on)\n    }\n  }\n\n  setLayers(options.layers)\n\n  return {\n    element: root,\n    setStats(nodes: number, issues: number, truncated: boolean): void {\n      stats.textContent = `${nodes} nodes \u00B7 ${issues} issues${truncated ? ' \u00B7 truncated' : ''}`\n    },\n    setLayers,\n  }\n}\n", "import { type Observer, observeChanges } from './observer.js'\nimport { loadState, saveState } from './store.js'\nimport { createToolbar, type Toolbar } from './toolbar.js'\nimport type { Core, Graph, LayerName, OverlayHandle } from './types.js'\n\n/**\n * The host of the overlay that is on screen. The bridge hides it during a\n * capture instead of tearing it down, so the user's layer selection survives\n * the screenshot.\n */\nlet mountedHost: HTMLElement | undefined\n\nexport function overlayHost(): HTMLElement | undefined {\n  return mountedHost\n}\n\n/**\n * Idempotent entry point. Chrome may inject the bundle again into the same tab,\n * and a fresh module scope forgets everything, so the state lives on `window`.\n *\n * - idle: mount\n * - starting: ignore the click, storage is still reading\n * - active: tear down\n */\nexport async function boot(core: Core): Promise<void> {\n  if (window.__litedesign_state__ === 'active') {\n    window.__litedesign_teardown__?.()\n    return\n  }\n\n  if (window.__litedesign_state__ === 'starting') return\n\n  window.__litedesign_state__ = 'starting'\n\n  const state = await loadState()\n\n  // The user may have clicked again while storage was reading.\n  if (window.__litedesign_state__ !== 'starting') return\n\n  try {\n    mount(core, state.layers)\n  } catch (error) {\n    window.__litedesign_state__ = undefined\n    throw error\n  }\n}\n\n/**\n * MCP control. `boot` toggles because a click means \"flip it\"; this sets the\n * state, because the agent says exactly what it wants to see.\n *\n * Returns what the page is actually showing afterwards, so the tool can report\n * a reading instead of echoing the request.\n */\nexport async function applyOverlay(\n  core: Core,\n  options: { enabled: boolean; layers?: LayerName[] },\n): Promise<{ enabled: boolean; layers: LayerName[] }> {\n  if (!options.enabled) {\n    window.__litedesign_teardown__?.()\n    return { enabled: false, layers: [] }\n  }\n\n  const layers = options.layers ?? (await loadState()).layers\n\n  if (window.__litedesign_state__ === 'active') {\n    window.__litedesign_layers__?.(layers)\n    return { enabled: true, layers }\n  }\n\n  window.__litedesign_state__ = 'starting'\n\n  try {\n    mount(core, layers)\n  } catch (error) {\n    window.__litedesign_state__ = undefined\n    throw error\n  }\n\n  return { enabled: overlayHost() !== undefined, layers }\n}\n\nfunction mount(core: Core, initial: LayerName[]): void {\n  // `document.body` can be missing if the user clicks before parsing finishes;\n  // documentElement is always there and catches the body once it appears.\n  const root = document.body ?? document.documentElement\n\n  let layers = initial\n  let graph: Graph = core.buildGraph(root)\n  let handle: OverlayHandle | undefined\n  let observer: Observer | undefined\n  let toolbar: Toolbar\n\n  const teardown = (): void => {\n    observer?.stop()\n    handle?.destroy()\n    handle = undefined\n    observer = undefined\n    mountedHost = undefined\n    window.__litedesign_teardown__ = undefined\n    window.__litedesign_layers__ = undefined\n    window.__litedesign_state__ = undefined\n    void saveState({ enabled: false, layers })\n  }\n\n  const refresh = (): void => {\n    graph = core.buildGraph(root)\n    handle?.update(graph)\n    toolbar.setStats(graph.nodes.length, graph.issues.length, graph.truncated)\n  }\n\n  const setLayers = (next: LayerName[]): void => {\n    layers = next\n    handle?.setLayers(layers)\n    toolbar.setLayers(layers)\n    void saveState({ enabled: true, layers })\n  }\n\n  toolbar = createToolbar({\n    layers,\n    onToggle(layer, enabled): void {\n      setLayers(\n        enabled ? [...new Set([...layers, layer])] : layers.filter((name) => name !== layer),\n      )\n    },\n    onClose: teardown,\n  })\n\n  toolbar.setStats(graph.nodes.length, graph.issues.length, graph.truncated)\n\n  handle = core.render(graph, { layers, toolbar: toolbar.element })\n  observer = observeChanges({ root, onChange: refresh })\n\n  mountedHost = handle.host\n  window.__litedesign_layers__ = setLayers\n  window.__litedesign_teardown__ = teardown\n  window.__litedesign_state__ = 'active'\n\n  // A reload has to know the overlay was on, otherwise the next page load\n  // starts clean and the grid vanishes on every save.\n  void saveState({ enabled: true, layers })\n}\n", "import { applyOverlay, boot, overlayHost } from './boot.js'\nimport type { Core, Graph, LayerName, OverlayHandle } from './types.js'\n\ntype Payload = {\n  selector?: string\n  rules?: string[]\n  layers?: LayerName[]\n  fullPage?: boolean\n  enabled?: boolean\n}\n\ntype Rect = { x: number; y: number; w: number; h: number }\n\ntype Prepared = { rect?: Rect; dpr: number }\n\ntype Response = { ok: true; result?: unknown } | { ok: false; error: string }\n\nconst TEMP_LAYERS: LayerName[] = ['grid', 'guide', 'gap', 'issue']\n\nconst FULL_PAGE =\n  'full-page screenshots need the Playwright driver. The extension can only capture the visible viewport.'\n\ntype Hidden = { element: HTMLElement; display: string }\n\n/**\n * While a capture is running the user's overlay is hidden. `handle` is the\n * temporary overlay for an annotated capture; `hidden` is the user's overlay\n * with the display value it had before the capture.\n */\nlet suspended: { handle?: OverlayHandle; hidden?: Hidden } | undefined\n\n/**\n * Installs the content-script side of the bridge. Safe to call on every\n * injection: Chrome may inject the bundle more than once into the same tab.\n */\nexport function installBridge(core: Core): void {\n  window.__litedesign_toggle__ = () => void boot(core)\n\n  if (window.__litedesign_bridge__ === true) return\n  window.__litedesign_bridge__ = true\n\n  // Tests inject this bundle into a normal page, where `chrome` does not exist.\n  if (typeof chrome === 'undefined' || chrome.runtime?.onMessage === undefined) return\n\n  chrome.runtime.onMessage.addListener((message: unknown, _sender, sendResponse) => {\n    void respond(core, message).then(sendResponse, (error: unknown) => {\n      sendResponse({ ok: false, error: messageOf(error) })\n    })\n\n    // Keep the channel open for the async response.\n    return true\n  })\n}\n\nasync function respond(core: Core, raw: unknown): Promise<Response> {\n  if (typeof raw !== 'object' || raw === null) throw new Error('invalid message')\n\n  const message = raw as { action?: unknown; payload?: unknown }\n  const action = typeof message.action === 'string' ? message.action : ''\n  const payload = (message.payload ?? {}) as Payload\n\n  switch (action) {\n    case 'ping':\n      return { ok: true, result: true }\n    case 'toggle':\n      await boot(core)\n      return { ok: true }\n    case 'overlay':\n      return {\n        ok: true,\n        result: await applyOverlay(core, {\n          enabled: payload.enabled !== false,\n          layers: payload.layers,\n        }),\n      }\n    case 'graph':\n      return { ok: true, result: core.buildGraph(root()) }\n    case 'measure':\n      return { ok: true, result: measure(core, payload.selector) }\n    case 'screenshot_prepare':\n      return { ok: true, result: await prepareScreenshot(core, payload) }\n    case 'annotate_prepare':\n      return { ok: true, result: await prepareAnnotation(core, payload) }\n    case 'capture_cleanup':\n      await cleanup()\n      return { ok: true }\n    default:\n      throw new Error(`unknown action: ${action || '(none)'}`)\n  }\n}\n\nfunction measure(core: Core, selector: string | undefined): unknown {\n  if (selector === undefined || selector === '') throw new Error('measure needs a selector')\n\n  const graph = core.buildGraph(root())\n  const node = core.resolveNode(graph, selector)\n  if (node === null) throw new Error(`selector \"${selector}\" did not match any element on the page`)\n\n  const gaps = graph.gaps\n    .filter((gap) => gap.a === node.id || gap.b === node.id)\n    .map((gap) => ({\n      to: gap.a === node.id ? gap.b : gap.a,\n      axis: gap.axis,\n      distance: gap.distance,\n      kind: gap.kind,\n    }))\n\n  return {\n    id: node.id,\n    selector: node.selector,\n    tag: node.tag,\n    rect: node.rect,\n    styles: node.styles,\n    gaps,\n  }\n}\n\nasync function prepareScreenshot(core: Core, payload: Payload): Promise<Prepared> {\n  if (payload.fullPage === true) throw new Error(FULL_PAGE)\n\n  const dpr = window.devicePixelRatio || 1\n  const rect = await prepareElement(core, payload.selector)\n  suspend()\n\n  return { rect, dpr }\n}\n\nasync function prepareAnnotation(core: Core, payload: Payload): Promise<Prepared> {\n  if (payload.fullPage === true) throw new Error(FULL_PAGE)\n\n  const dpr = window.devicePixelRatio || 1\n  const rect = await prepareElement(core, payload.selector)\n\n  let graph: Graph = core.buildGraph(root())\n  if (payload.rules !== undefined && payload.rules.length > 0) {\n    const wanted = new Set(payload.rules)\n    graph = { ...graph, issues: graph.issues.filter((issue) => wanted.has(issue.rule)) }\n  }\n\n  const handle = core.render(graph, { layers: payload.layers ?? TEMP_LAYERS })\n  suspend(handle)\n  await frames(2)\n\n  return { rect, dpr }\n}\n\nasync function cleanup(): Promise<void> {\n  const current = suspended\n  if (current === undefined) return\n\n  suspended = undefined\n  current.handle?.destroy()\n  showUserOverlay(current.hidden)\n}\n\n/**\n * Hides the user's overlay for the duration of a capture. It used to tear the\n * overlay down and remount it afterwards from storage, which meant a capture\n * could bring back a different layer selection than the one on screen. A\n * previous capture's overlay is replaced, not stacked.\n */\nfunction suspend(handle?: OverlayHandle): void {\n  const previous = suspended\n  previous?.handle?.destroy()\n  showUserOverlay(previous?.hidden)\n\n  suspended =\n    handle === undefined ? { hidden: hideUserOverlay() } : { handle, hidden: hideUserOverlay() }\n}\n\nfunction hideUserOverlay(): Hidden | undefined {\n  const element = overlayHost()\n  if (element === undefined) return undefined\n\n  const display = element.style.display\n  element.style.display = 'none'\n\n  return { element, display }\n}\n\nfunction showUserOverlay(hidden: Hidden | undefined): void {\n  if (hidden !== undefined) hidden.element.style.display = hidden.display\n}\n\nasync function prepareElement(core: Core, selector: string | undefined): Promise<Rect | undefined> {\n  if (selector === undefined || selector === '') return undefined\n\n  const graph = core.buildGraph(root())\n  const node = core.resolveNode(graph, selector)\n  if (node === null) throw new Error(`selector \"${selector}\" did not match any element on the page`)\n\n  let element: Element | null = null\n\n  try {\n    element = document.querySelector(node.selector)\n  } catch {\n    element = null\n  }\n\n  if (element === null) {\n    throw new Error(\n      `selector \"${selector}\" is inside a shadow root. Measure it, but capture the whole viewport instead.`,\n    )\n  }\n\n  element.scrollIntoView({ block: 'center', inline: 'center' })\n  await frames(1)\n\n  const rect = element.getBoundingClientRect()\n  return { x: rect.left, y: rect.top, w: rect.width, h: rect.height }\n}\n\nfunction root(): Element {\n  return document.body ?? document.documentElement\n}\n\nfunction frames(count: number): Promise<void> {\n  return new Promise((resolve) => {\n    let left = count\n\n    const tick = (): void => {\n      left -= 1\n      if (left <= 0) resolve()\n      else requestAnimationFrame(tick)\n    }\n\n    requestAnimationFrame(tick)\n  })\n}\n\nfunction messageOf(error: unknown): string {\n  if (error instanceof Error && error.message !== '') return error.message\n  if (typeof error === 'string' && error !== '') return error\n  return 'unexpected error'\n}\n", "import { applyOverlay } from './boot.js'\nimport { installBridge } from './bridge.js'\nimport { loadState } from './store.js'\nimport type { Core } from './types.js'\n\nconst core: Core | undefined = window.__litedesign\n\nif (core === undefined) {\n  console.warn('[litedesign] core not found; core.iife.js must be injected first')\n} else {\n  installBridge(core)\n  void restore(core)\n}\n\n/**\n * A reload drops the overlay with the rest of the DOM. If it was on when the\n * page went away, put it back, so a hot reload during an edit does not\n * silently clear the grid.\n */\nasync function restore(core: Core): Promise<void> {\n  const state = await loadState()\n  if (!state.enabled) return\n\n  await applyOverlay(core, { enabled: true, layers: state.layers })\n}\n"],
+  "mappings": "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",
+  "names": ["root", "core", "root", "core", "core"]
+}