@oddsquad/vite-plugin-lit 0.2.2 → 0.3.0

package/lib/runtime/edge-panel.js

@@ -19,11 +19,11 @@ const PANEL_ID = 'vite-devtools-edge-panel';
 const GAP = 12;
 /** Tolerance (px) for treating the panel as touching a viewport edge. */
 const EDGE = 2;
-const ZERO = { top: 0, right: 0, bottom: 0, left: 0 };
+const ZERO = {top: 0, right: 0, bottom: 0, left: 0};
 const findPanel = () => {
-    const host = document.querySelector(HOST_TAG);
-    const root = host?.shadowRoot;
-    return root?.getElementById(PANEL_ID) ?? null;
+  const host = document.querySelector(HOST_TAG);
+  const root = host?.shadowRoot;
+  return root?.getElementById(PANEL_ID) ?? null;
 };
 /**
  * Inset (px + gap) the docked panel occupies, on the single edge it's docked
@@ -33,34 +33,27 @@ const findPanel = () => {
  * wrongly flag a full-width bottom panel as also docked left and right.)
  */
 const computeInsets = () => {
-    const panel = findPanel();
-    if (panel === null)
-        return ZERO;
-    const r = panel.getBoundingClientRect();
-    if (r.width === 0 || r.height === 0)
-        return ZERO;
-    // Use the layout viewport (excludes scrollbars) — a fixed `right:0`/`bottom:0`
-    // panel aligns to clientWidth/Height, not innerWidth/Height, so comparing
-    // against the latter would miss a full-width panel whenever a scrollbar is
-    // present.
-    const vw = document.documentElement.clientWidth;
-    const vh = document.documentElement.clientHeight;
-    const spansWidth = r.left <= EDGE && r.right >= vw - EDGE;
-    const spansHeight = r.top <= EDGE && r.bottom >= vh - EDGE;
-    const insets = { ...ZERO };
-    if (spansWidth && !spansHeight) {
-        if (r.top <= EDGE)
-            insets.top = r.bottom + GAP;
-        else if (r.bottom >= vh - EDGE)
-            insets.bottom = vh - r.top + GAP;
-    }
-    else if (spansHeight && !spansWidth) {
-        if (r.left <= EDGE)
-            insets.left = r.right + GAP;
-        else if (r.right >= vw - EDGE)
-            insets.right = vw - r.left + GAP;
-    }
-    return insets;
+  const panel = findPanel();
+  if (panel === null) return ZERO;
+  const r = panel.getBoundingClientRect();
+  if (r.width === 0 || r.height === 0) return ZERO;
+  // Use the layout viewport (excludes scrollbars) — a fixed `right:0`/`bottom:0`
+  // panel aligns to clientWidth/Height, not innerWidth/Height, so comparing
+  // against the latter would miss a full-width panel whenever a scrollbar is
+  // present.
+  const vw = document.documentElement.clientWidth;
+  const vh = document.documentElement.clientHeight;
+  const spansWidth = r.left <= EDGE && r.right >= vw - EDGE;
+  const spansHeight = r.top <= EDGE && r.bottom >= vh - EDGE;
+  const insets = {...ZERO};
+  if (spansWidth && !spansHeight) {
+    if (r.top <= EDGE) insets.top = r.bottom + GAP;
+    else if (r.bottom >= vh - EDGE) insets.bottom = vh - r.top + GAP;
+  } else if (spansHeight && !spansWidth) {
+    if (r.left <= EDGE) insets.left = r.right + GAP;
+    else if (r.right >= vw - EDGE) insets.right = vw - r.left + GAP;
+  }
+  return insets;
 };
 /**
  * Calls `onChange` with the current insets and again whenever they change — the
@@ -68,63 +61,61 @@ const computeInsets = () => {
  * mounting after us. Returns a disposer.
  */
 export const observeEdgeInsets = (onChange) => {
-    let raf = 0;
-    let last = '';
-    let observedPanel = null;
-    let observingRoot = false;
-    const emit = () => {
-        raf = 0;
-        const insets = computeInsets();
-        const key = `${insets.top}|${insets.right}|${insets.bottom}|${insets.left}`;
-        if (key !== last) {
-            last = key;
-            onChange(insets);
-        }
-    };
-    const schedule = () => {
-        if (raf === 0)
-            raf = requestAnimationFrame(emit);
-    };
-    const ro = new ResizeObserver(schedule);
-    // Re-attach on any devtools DOM change (panel mounting, docking to a new edge)
-    // then recompute; cheap thanks to the rAF + diff above.
-    const mo = new MutationObserver(() => attach());
-    const attach = () => {
-        const host = document.querySelector(HOST_TAG);
-        const root = host?.shadowRoot;
-        if (root && !observingRoot) {
-            observingRoot = true;
-            mo.observe(root, {
-                childList: true,
-                subtree: true,
-                attributes: true,
-                attributeFilter: ['style', 'class'],
-            });
-        }
-        const panel = findPanel();
-        if (panel !== null && panel !== observedPanel) {
-            observedPanel = panel;
-            ro.observe(panel);
-        }
-        schedule();
-    };
-    // The devtools host mounts asynchronously; poll until it's present, then let
-    // the observers drive updates.
-    let tries = 0;
-    const poll = () => {
-        attach();
-        if (!observingRoot && tries++ < 60) {
-            setTimeout(poll, 250);
-        }
-    };
-    poll();
-    window.addEventListener('resize', schedule);
-    return () => {
-        window.removeEventListener('resize', schedule);
-        ro.disconnect();
-        mo.disconnect();
-        if (raf !== 0)
-            cancelAnimationFrame(raf);
-    };
+  let raf = 0;
+  let last = '';
+  let observedPanel = null;
+  let observingRoot = false;
+  const emit = () => {
+    raf = 0;
+    const insets = computeInsets();
+    const key = `${insets.top}|${insets.right}|${insets.bottom}|${insets.left}`;
+    if (key !== last) {
+      last = key;
+      onChange(insets);
+    }
+  };
+  const schedule = () => {
+    if (raf === 0) raf = requestAnimationFrame(emit);
+  };
+  const ro = new ResizeObserver(schedule);
+  // Re-attach on any devtools DOM change (panel mounting, docking to a new edge)
+  // then recompute; cheap thanks to the rAF + diff above.
+  const mo = new MutationObserver(() => attach());
+  const attach = () => {
+    const host = document.querySelector(HOST_TAG);
+    const root = host?.shadowRoot;
+    if (root && !observingRoot) {
+      observingRoot = true;
+      mo.observe(root, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        attributeFilter: ['style', 'class'],
+      });
+    }
+    const panel = findPanel();
+    if (panel !== null && panel !== observedPanel) {
+      observedPanel = panel;
+      ro.observe(panel);
+    }
+    schedule();
+  };
+  // The devtools host mounts asynchronously; poll until it's present, then let
+  // the observers drive updates.
+  let tries = 0;
+  const poll = () => {
+    attach();
+    if (!observingRoot && tries++ < 60) {
+      setTimeout(poll, 250);
+    }
+  };
+  poll();
+  window.addEventListener('resize', schedule);
+  return () => {
+    window.removeEventListener('resize', schedule);
+    ro.disconnect();
+    mo.disconnect();
+    if (raf !== 0) cancelAnimationFrame(raf);
+  };
 };
-//# sourceMappingURL=edge-panel.js.map
+//# sourceMappingURL=edge-panel.js.map

package/lib/runtime/edge-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"edge-panel.js","sourceRoot":"","sources":["../../../../packages/labs/vite-plugin-lit/src/lib/runtime/edge-panel.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Keeps our on-page dev UI (HMR indicator, source-overlay tooltip) clear of the\n * Vite DevTools edge panel so they don't sit on top of it.\n *\n * The panel is `#vite-devtools-edge-panel` inside the open shadow root of the\n * `<vite-devtools-dock-embedded>` host, and only exists while the dock is\n * docked to an edge (it can be moved/resized). We report the inset, in px, that\n * the panel occupies on each viewport edge it touches — plus a small gap — so\n * callers can offset themselves.\n */\n\nconst HOST_TAG = 'vite-devtools-dock-embedded';\nconst PANEL_ID = 'vite-devtools-edge-panel';\n/** Gap to leave between our UI and the devtools panel. */\nconst GAP = 12;\n/** Tolerance (px) for treating the panel as touching a viewport edge. */\nconst EDGE = 2;\n\nexport interface EdgeInsets {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\nconst ZERO: EdgeInsets = {top: 0, right: 0, bottom: 0, left: 0};\n\nconst findPanel = (): HTMLElement | null => {\n  const host = document.querySelector(HOST_TAG);\n  const root = (host as {shadowRoot?: ShadowRoot | null} | null)?.shadowRoot;\n  return (root?.getElementById(PANEL_ID) as HTMLElement | null) ?? null;\n};\n\n/**\n * Inset (px + gap) the docked panel occupies, on the single edge it's docked\n * to. The panel docks to one edge and spans the perpendicular axis fully, so we\n * pick the dock edge from which axis it spans — a full-width panel is docked\n * top/bottom, a full-height one left/right. (Inferring the edge per-side would\n * wrongly flag a full-width bottom panel as also docked left and right.)\n */\nconst computeInsets = (): EdgeInsets => {\n  const panel = findPanel();\n  if (panel === null) return ZERO;\n  const r = panel.getBoundingClientRect();\n  if (r.width === 0 || r.height === 0) return ZERO;\n  // Use the layout viewport (excludes scrollbars) — a fixed `right:0`/`bottom:0`\n  // panel aligns to clientWidth/Height, not innerWidth/Height, so comparing\n  // against the latter would miss a full-width panel whenever a scrollbar is\n  // present.\n  const vw = document.documentElement.clientWidth;\n  const vh = document.documentElement.clientHeight;\n  const spansWidth = r.left <= EDGE && r.right >= vw - EDGE;\n  const spansHeight = r.top <= EDGE && r.bottom >= vh - EDGE;\n  const insets = {...ZERO};\n  if (spansWidth && !spansHeight) {\n    if (r.top <= EDGE) insets.top = r.bottom + GAP;\n    else if (r.bottom >= vh - EDGE) insets.bottom = vh - r.top + GAP;\n  } else if (spansHeight && !spansWidth) {\n    if (r.left <= EDGE) insets.left = r.right + GAP;\n    else if (r.right >= vw - EDGE) insets.right = vw - r.left + GAP;\n  }\n  return insets;\n};\n\n/**\n * Calls `onChange` with the current insets and again whenever they change — the\n * panel being docked/resized/moved, the window resizing, or the devtools\n * mounting after us. Returns a disposer.\n */\nexport const observeEdgeInsets = (\n  onChange: (insets: EdgeInsets) => void\n): (() => void) => {\n  let raf = 0;\n  let last = '';\n  let observedPanel: Element | null = null;\n  let observingRoot = false;\n\n  const emit = () => {\n    raf = 0;\n    const insets = computeInsets();\n    const key = `${insets.top}|${insets.right}|${insets.bottom}|${insets.left}`;\n    if (key !== last) {\n      last = key;\n      onChange(insets);\n    }\n  };\n  const schedule = () => {\n    if (raf === 0) raf = requestAnimationFrame(emit);\n  };\n\n  const ro = new ResizeObserver(schedule);\n  // Re-attach on any devtools DOM change (panel mounting, docking to a new edge)\n  // then recompute; cheap thanks to the rAF + diff above.\n  const mo = new MutationObserver(() => attach());\n\n  const attach = () => {\n    const host = document.querySelector(HOST_TAG);\n    const root = (host as {shadowRoot?: ShadowRoot | null} | null)?.shadowRoot;\n    if (root && !observingRoot) {\n      observingRoot = true;\n      mo.observe(root, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['style', 'class'],\n      });\n    }\n    const panel = findPanel();\n    if (panel !== null && panel !== observedPanel) {\n      observedPanel = panel;\n      ro.observe(panel);\n    }\n    schedule();\n  };\n\n  // The devtools host mounts asynchronously; poll until it's present, then let\n  // the observers drive updates.\n  let tries = 0;\n  const poll = () => {\n    attach();\n    if (!observingRoot && tries++ < 60) {\n      setTimeout(poll, 250);\n    }\n  };\n  poll();\n\n  window.addEventListener('resize', schedule);\n\n  return () => {\n    window.removeEventListener('resize', schedule);\n    ro.disconnect();\n    mo.disconnect();\n    if (raf !== 0) cancelAnimationFrame(raf);\n  };\n};\n"]}
+{"version":3,"file":"edge-panel.js","sourceRoot":"","sources":["../../src/lib/runtime/edge-panel.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Keeps our on-page dev UI (HMR indicator, source-overlay tooltip) clear of the\n * Vite DevTools edge panel so they don't sit on top of it.\n *\n * The panel is `#vite-devtools-edge-panel` inside the open shadow root of the\n * `<vite-devtools-dock-embedded>` host, and only exists while the dock is\n * docked to an edge (it can be moved/resized). We report the inset, in px, that\n * the panel occupies on each viewport edge it touches — plus a small gap — so\n * callers can offset themselves.\n */\n\nconst HOST_TAG = 'vite-devtools-dock-embedded';\nconst PANEL_ID = 'vite-devtools-edge-panel';\n/** Gap to leave between our UI and the devtools panel. */\nconst GAP = 12;\n/** Tolerance (px) for treating the panel as touching a viewport edge. */\nconst EDGE = 2;\n\nexport interface EdgeInsets {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\nconst ZERO: EdgeInsets = {top: 0, right: 0, bottom: 0, left: 0};\n\nconst findPanel = (): HTMLElement | null => {\n  const host = document.querySelector(HOST_TAG);\n  const root = (host as {shadowRoot?: ShadowRoot | null} | null)?.shadowRoot;\n  return (root?.getElementById(PANEL_ID) as HTMLElement | null) ?? null;\n};\n\n/**\n * Inset (px + gap) the docked panel occupies, on the single edge it's docked\n * to. The panel docks to one edge and spans the perpendicular axis fully, so we\n * pick the dock edge from which axis it spans — a full-width panel is docked\n * top/bottom, a full-height one left/right. (Inferring the edge per-side would\n * wrongly flag a full-width bottom panel as also docked left and right.)\n */\nconst computeInsets = (): EdgeInsets => {\n  const panel = findPanel();\n  if (panel === null) return ZERO;\n  const r = panel.getBoundingClientRect();\n  if (r.width === 0 || r.height === 0) return ZERO;\n  // Use the layout viewport (excludes scrollbars) — a fixed `right:0`/`bottom:0`\n  // panel aligns to clientWidth/Height, not innerWidth/Height, so comparing\n  // against the latter would miss a full-width panel whenever a scrollbar is\n  // present.\n  const vw = document.documentElement.clientWidth;\n  const vh = document.documentElement.clientHeight;\n  const spansWidth = r.left <= EDGE && r.right >= vw - EDGE;\n  const spansHeight = r.top <= EDGE && r.bottom >= vh - EDGE;\n  const insets = {...ZERO};\n  if (spansWidth && !spansHeight) {\n    if (r.top <= EDGE) insets.top = r.bottom + GAP;\n    else if (r.bottom >= vh - EDGE) insets.bottom = vh - r.top + GAP;\n  } else if (spansHeight && !spansWidth) {\n    if (r.left <= EDGE) insets.left = r.right + GAP;\n    else if (r.right >= vw - EDGE) insets.right = vw - r.left + GAP;\n  }\n  return insets;\n};\n\n/**\n * Calls `onChange` with the current insets and again whenever they change — the\n * panel being docked/resized/moved, the window resizing, or the devtools\n * mounting after us. Returns a disposer.\n */\nexport const observeEdgeInsets = (\n  onChange: (insets: EdgeInsets) => void\n): (() => void) => {\n  let raf = 0;\n  let last = '';\n  let observedPanel: Element | null = null;\n  let observingRoot = false;\n\n  const emit = () => {\n    raf = 0;\n    const insets = computeInsets();\n    const key = `${insets.top}|${insets.right}|${insets.bottom}|${insets.left}`;\n    if (key !== last) {\n      last = key;\n      onChange(insets);\n    }\n  };\n  const schedule = () => {\n    if (raf === 0) raf = requestAnimationFrame(emit);\n  };\n\n  const ro = new ResizeObserver(schedule);\n  // Re-attach on any devtools DOM change (panel mounting, docking to a new edge)\n  // then recompute; cheap thanks to the rAF + diff above.\n  const mo = new MutationObserver(() => attach());\n\n  const attach = () => {\n    const host = document.querySelector(HOST_TAG);\n    const root = (host as {shadowRoot?: ShadowRoot | null} | null)?.shadowRoot;\n    if (root && !observingRoot) {\n      observingRoot = true;\n      mo.observe(root, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['style', 'class'],\n      });\n    }\n    const panel = findPanel();\n    if (panel !== null && panel !== observedPanel) {\n      observedPanel = panel;\n      ro.observe(panel);\n    }\n    schedule();\n  };\n\n  // The devtools host mounts asynchronously; poll until it's present, then let\n  // the observers drive updates.\n  let tries = 0;\n  const poll = () => {\n    attach();\n    if (!observingRoot && tries++ < 60) {\n      setTimeout(poll, 250);\n    }\n  };\n  poll();\n\n  window.addEventListener('resize', schedule);\n\n  return () => {\n    window.removeEventListener('resize', schedule);\n    ro.disconnect();\n    mo.disconnect();\n    if (raf !== 0) cancelAnimationFrame(raf);\n  };\n};\n"]}

package/lib/runtime/fonts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../packages/labs/vite-plugin-lit/src/lib/runtime/fonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,qGAAqG,CAAC;AAEzI,kFAAkF;AAClF,eAAO,MAAM,aAAa,oIAA6D,CAAC"}
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/lib/runtime/fonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,qGAAqG,CAAC;AAEzI,kFAAkF;AAClF,eAAO,MAAM,aAAa,oIAA6D,CAAC"}

package/lib/runtime/fonts.js

@@ -15,4 +15,4 @@
 export const LIT_DEVTOOLS_FONT_MONO = `ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace`;
 /** `var()` reference to the devtools mono font with the default stack inlined. */
 export const FONT_MONO_VAR = `var(--lit-devtools-font-mono, ${LIT_DEVTOOLS_FONT_MONO})`;
-//# sourceMappingURL=fonts.js.map
+//# sourceMappingURL=fonts.js.map

package/lib/runtime/fonts.js.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../packages/labs/vite-plugin-lit/src/lib/runtime/fonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,kGAAkG,CAAC;AAEzI,kFAAkF;AAClF,MAAM,CAAC,MAAM,aAAa,GAAG,iCAAiC,sBAAsB,GAAG,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Default monospace font stack for the devtools UI (HMR indicator, source\n * overlay). Surfaced through the `--lit-devtools-font-mono` custom property so\n * consumers can override it; this constant is the fallback default, mirroring\n * the `--lit-devtools-radius` convention.\n *\n * The devtools only render code-adjacent text, so monospace is the only stack\n * they need.\n */\nexport const LIT_DEVTOOLS_FONT_MONO = `ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace`;\n\n/** `var()` reference to the devtools mono font with the default stack inlined. */\nexport const FONT_MONO_VAR = `var(--lit-devtools-font-mono, ${LIT_DEVTOOLS_FONT_MONO})`;\n"]}
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../src/lib/runtime/fonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,kGAAkG,CAAC;AAEzI,kFAAkF;AAClF,MAAM,CAAC,MAAM,aAAa,GAAG,iCAAiC,sBAAsB,GAAG,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Default monospace font stack for the devtools UI (HMR indicator, source\n * overlay). Surfaced through the `--lit-devtools-font-mono` custom property so\n * consumers can override it; this constant is the fallback default, mirroring\n * the `--lit-devtools-radius` convention.\n *\n * The devtools only render code-adjacent text, so monospace is the only stack\n * they need.\n */\nexport const LIT_DEVTOOLS_FONT_MONO = `ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace`;\n\n/** `var()` reference to the devtools mono font with the default stack inlined. */\nexport const FONT_MONO_VAR = `var(--lit-devtools-font-mono, ${LIT_DEVTOOLS_FONT_MONO})`;\n"]}

package/lib/runtime/indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../../../packages/labs/vite-plugin-lit/src/lib/runtime/indicator.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}
+{"version":3,"file":"indicator.d.ts","sourceRoot":"","sources":["../../src/lib/runtime/indicator.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}

package/lib/runtime/indicator.js

@@ -8,11 +8,11 @@
  * Injected by the Vite plugin as an external module so that
  * `import.meta.hot` is available.
  */
-import { FONT_MONO_VAR } from './fonts.js';
-import { FLAME_ICON } from '../icons.js';
-import { subscribeOverride } from './overrides.js';
-import { observeEdgeInsets } from './edge-panel.js';
-import { injectTokens } from '../tokens.js';
+import {FONT_MONO_VAR} from './fonts.js';
+import {FLAME_ICON} from '../icons.js';
+import {subscribeOverride} from './overrides.js';
+import {observeEdgeInsets} from './edge-panel.js';
+import {injectTokens} from '../tokens.js';
 /**
  * True when an HMR batch is purely a stylesheet swap — every update is either
  * a `css-update` or a `js-update` whose accepted module is a `.css` source
@@ -26,31 +26,29 @@ import { injectTokens } from '../tokens.js';
  * rather than being silently dropped.
  */
 function isStyleSwap(data) {
-    const updates = data?.updates;
-    if (!Array.isArray(updates) || updates.length === 0)
-        return false;
-    return updates.every((u) => {
-        if (u.type === 'css-update')
-            return true;
-        if (u.type === 'js-update') {
-            return (u.acceptedPath ?? u.path ?? '').split('?')[0].endsWith('.css');
-        }
-        return false;
-    });
+  const updates = data?.updates;
+  if (!Array.isArray(updates) || updates.length === 0) return false;
+  return updates.every((u) => {
+    if (u.type === 'css-update') return true;
+    if (u.type === 'js-update') {
+      return (u.acceptedPath ?? u.path ?? '').split('?')[0].endsWith('.css');
+    }
+    return false;
+  });
 }
 class LitDevtoolsIndicator extends HTMLElement {
-    #initialized = false;
-    #count = 0;
-    #container;
-    #countEl = null;
-    constructor() {
-        super();
-        const root = this.attachShadow({ mode: 'closed' });
-        // `--idle-op` is the at-rest opacity: 0 (invisible until a pulse) without a
-        // count, .5 (count stays legible) with one. The count display and idle
-        // opacity are both driven by the `.with-count` class so the panel can
-        // toggle the count on/off live (see #setCount).
-        root.innerHTML = `
+  #initialized = false;
+  #count = 0;
+  #container;
+  #countEl = null;
+  constructor() {
+    super();
+    const root = this.attachShadow({mode: 'closed'});
+    // `--idle-op` is the at-rest opacity: 0 (invisible until a pulse) without a
+    // count, .5 (count stays legible) with one. The count display and idle
+    // opacity are both driven by the `.with-count` class so the panel can
+    // toggle the count on/off live (see #setCount).
+    root.innerHTML = `
       <style>
         @keyframes pulse{0%{opacity:var(--idle-op,0)}15%{opacity:1}80%{opacity:1}100%{opacity:var(--idle-op,0)}}
         :host{
@@ -91,51 +89,50 @@ class LitDevtoolsIndicator extends HTMLElement {
       </style>
       <div id="container"><span id="icon">${FLAME_ICON}</span><span id="indicator"><span class="dot"></span><span class="count">0</span></span></div>
     `;
-        this.#container = root.getElementById('container');
-        this.#countEl = root.querySelector('.count');
-        this.#setCount(this.hasAttribute('count'));
-    }
-    /** Show/hide the cumulative update count (and the at-rest opacity). */
-    #setCount(enabled) {
-        this.#container.classList.toggle('with-count', enabled);
-    }
-    connectedCallback() {
-        if (this.#initialized)
-            return;
-        this.#initialized = true;
-        injectTokens();
-        const hot = import.meta.hot;
-        hot?.on('vite:afterUpdate', (data) => {
-            // Count only updates that actually re-render/re-execute a component;
-            // a pure shared-stylesheet swap (?css-sheet / ?raw / ?url adopted sheet)
-            // restyles in place without re-rendering, so it pulses but doesn't count.
-            const styleSwap = isStyleSwap(data);
-            if (!styleSwap && this.#countEl !== null) {
-                this.#countEl.textContent = String(++this.#count);
-            }
-            this.#container.classList.toggle('style-swap', styleSwap);
-            this.#container.classList.remove('active');
-            void this.#container.offsetWidth;
-            this.#container.classList.add('active');
-        });
-        // Let the DevTools panel hide/show the indicator and its count live (and
-        // across reloads).
-        subscribeOverride(hot, (o) => {
-            if (o.hmrIndicatorVisible !== undefined) {
-                this.style.display = o.hmrIndicatorVisible ? '' : 'none';
-            }
-            if (o.hmrIndicatorCount !== undefined) {
-                this.#setCount(o.hmrIndicatorCount);
-            }
-        });
-        // Stay clear of the Vite DevTools edge panel.
-        observeEdgeInsets((insets) => {
-            this.style.setProperty('--edge-top', `${insets.top}px`);
-            this.style.setProperty('--edge-right', `${insets.right}px`);
-            this.style.setProperty('--edge-bottom', `${insets.bottom}px`);
-            this.style.setProperty('--edge-left', `${insets.left}px`);
-        });
-    }
+    this.#container = root.getElementById('container');
+    this.#countEl = root.querySelector('.count');
+    this.#setCount(this.hasAttribute('count'));
+  }
+  /** Show/hide the cumulative update count (and the at-rest opacity). */
+  #setCount(enabled) {
+    this.#container.classList.toggle('with-count', enabled);
+  }
+  connectedCallback() {
+    if (this.#initialized) return;
+    this.#initialized = true;
+    injectTokens();
+    const hot = import.meta.hot;
+    hot?.on('vite:afterUpdate', (data) => {
+      // Count only updates that actually re-render/re-execute a component;
+      // a pure shared-stylesheet swap (?css-sheet / ?raw / ?url adopted sheet)
+      // restyles in place without re-rendering, so it pulses but doesn't count.
+      const styleSwap = isStyleSwap(data);
+      if (!styleSwap && this.#countEl !== null) {
+        this.#countEl.textContent = String(++this.#count);
+      }
+      this.#container.classList.toggle('style-swap', styleSwap);
+      this.#container.classList.remove('active');
+      void this.#container.offsetWidth;
+      this.#container.classList.add('active');
+    });
+    // Let the DevTools panel hide/show the indicator and its count live (and
+    // across reloads).
+    subscribeOverride(hot, (o) => {
+      if (o.hmrIndicatorVisible !== undefined) {
+        this.style.display = o.hmrIndicatorVisible ? '' : 'none';
+      }
+      if (o.hmrIndicatorCount !== undefined) {
+        this.#setCount(o.hmrIndicatorCount);
+      }
+    });
+    // Stay clear of the Vite DevTools edge panel.
+    observeEdgeInsets((insets) => {
+      this.style.setProperty('--edge-top', `${insets.top}px`);
+      this.style.setProperty('--edge-right', `${insets.right}px`);
+      this.style.setProperty('--edge-bottom', `${insets.bottom}px`);
+      this.style.setProperty('--edge-left', `${insets.left}px`);
+    });
+  }
 }
 customElements.define('lit-devtools-hmr-indicator', LitDevtoolsIndicator);
-//# sourceMappingURL=indicator.js.map
+//# sourceMappingURL=indicator.js.map

package/lib/runtime/indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.js","sourceRoot":"","sources":["../../../../packages/labs/vite-plugin-lit/src/lib/runtime/indicator.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Custom element for the HMR update indicator.\n * Injected by the Vite plugin as an external module so that\n * `import.meta.hot` is available.\n */\n\nimport {FONT_MONO_VAR} from './fonts.js';\nimport {FLAME_ICON} from '../icons.js';\nimport {subscribeOverride} from './overrides.js';\nimport {observeEdgeInsets} from './edge-panel.js';\nimport {injectTokens} from '../tokens.js';\n\n/** One entry of a Vite `vite:afterUpdate` payload. */\ninterface ViteUpdate {\n  type?: string;\n  path?: string;\n  acceptedPath?: string;\n}\n\n/**\n * True when an HMR batch is purely a stylesheet swap — every update is either\n * a `css-update` or a `js-update` whose accepted module is a `.css` source\n * (the shared-sheet queries `?css-sheet`/`?raw`/`?url` all accept a `.css`\n * path). Such a batch restyles adopted sheets in place with no re-render.\n *\n * Heuristic: keyed on the accepted path ending in `.css`. Robust for this\n * plugin's own queries; a user hand-wiring `import.meta.hot.accept` on a raw\n * `.css` would also read as a style swap, which is the intended grouping. An\n * empty/missing payload can't be classified, so it counts as a re-render\n * rather than being silently dropped.\n */\nfunction isStyleSwap(data: unknown): boolean {\n  const updates = (data as {updates?: ViteUpdate[]} | undefined)?.updates;\n  if (!Array.isArray(updates) || updates.length === 0) return false;\n  return updates.every((u) => {\n    if (u.type === 'css-update') return true;\n    if (u.type === 'js-update') {\n      return (u.acceptedPath ?? u.path ?? '').split('?')[0].endsWith('.css');\n    }\n    return false;\n  });\n}\n\nclass LitDevtoolsIndicator extends HTMLElement {\n  #initialized = false;\n  #count = 0;\n  #container: HTMLElement;\n  #countEl: HTMLElement | null = null;\n\n  constructor() {\n    super();\n    const root = this.attachShadow({mode: 'closed'});\n    // `--idle-op` is the at-rest opacity: 0 (invisible until a pulse) without a\n    // count, .5 (count stays legible) with one. The count display and idle\n    // opacity are both driven by the `.with-count` class so the panel can\n    // toggle the count on/off live (see #setCount).\n    root.innerHTML = `\n      <style>\n        @keyframes pulse{0%{opacity:var(--idle-op,0)}15%{opacity:1}80%{opacity:1}100%{opacity:var(--idle-op,0)}}\n        :host{\n          position:fixed;inset:0;display:grid;\n          z-index:2147483647;pointer-events:none;\n          /* Base padding plus the inset the Vite DevTools edge panel occupies\n             on each edge (set from JS), so the indicator never sits on it. */\n          padding:\n            calc(var(--lit-devtools-hmr-indicator-padding,16px) + var(--edge-top,0px))\n            calc(var(--lit-devtools-hmr-indicator-padding,16px) + var(--edge-right,0px))\n            calc(var(--lit-devtools-hmr-indicator-padding,16px) + var(--edge-bottom,0px))\n            calc(var(--lit-devtools-hmr-indicator-padding,16px) + var(--edge-left,0px))\n        }\n        #container{\n          place-self:var(--lit-devtools-hmr-indicator-align,end end);\n          display:flex;align-items:stretch;\n          background:var(--lit-devtools-surface-elevated);color:var(--lit-devtools-text-strong);\n          backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);\n          border-radius:var(--lit-devtools-radius-md);\n          font:12px/1 ${FONT_MONO_VAR};font-variant-numeric:tabular-nums;\n          overflow:hidden;opacity:var(--idle-op,0)\n        }\n        #container.with-count{--idle-op:.5}\n        #container.active{animation:pulse 2.5s ease-out forwards}\n        #icon{display:flex;align-items:center;justify-content:center;padding:0 10px}\n        #icon svg{width:16px;height:16px;display:block;fill:currentColor}\n        #indicator{\n          display:flex;align-items:center;gap:6px;\n          padding:7px 12px;\n          border-left:1px solid var(--lit-devtools-border-subtle)\n        }\n        .dot{width:8px;height:8px;border-radius:50%;background:var(--lit-devtools-success);flex-shrink:0}\n        /* Style-only swaps (shared adopted stylesheet hot-swap, no re-render)\n           pulse in the calmer info color and don't bump the count. */\n        #container.style-swap .dot{background:var(--lit-devtools-info)}\n        .count{display:none}\n        #container.with-count .count{display:inline}\n      </style>\n      <div id=\"container\"><span id=\"icon\">${FLAME_ICON}</span><span id=\"indicator\"><span class=\"dot\"></span><span class=\"count\">0</span></span></div>\n    `;\n    this.#container = root.getElementById('container')!;\n    this.#countEl = root.querySelector('.count');\n    this.#setCount(this.hasAttribute('count'));\n  }\n\n  /** Show/hide the cumulative update count (and the at-rest opacity). */\n  #setCount(enabled: boolean) {\n    this.#container.classList.toggle('with-count', enabled);\n  }\n\n  connectedCallback() {\n    if (this.#initialized) return;\n    this.#initialized = true;\n    injectTokens();\n    const hot = (\n      import.meta as {\n        hot?: {on: (event: string, cb: (data?: unknown) => void) => void};\n      }\n    ).hot;\n    hot?.on('vite:afterUpdate', (data) => {\n      // Count only updates that actually re-render/re-execute a component;\n      // a pure shared-stylesheet swap (?css-sheet / ?raw / ?url adopted sheet)\n      // restyles in place without re-rendering, so it pulses but doesn't count.\n      const styleSwap = isStyleSwap(data);\n      if (!styleSwap && this.#countEl !== null) {\n        this.#countEl.textContent = String(++this.#count);\n      }\n      this.#container.classList.toggle('style-swap', styleSwap);\n      this.#container.classList.remove('active');\n      void this.#container.offsetWidth;\n      this.#container.classList.add('active');\n    });\n    // Let the DevTools panel hide/show the indicator and its count live (and\n    // across reloads).\n    subscribeOverride(hot, (o) => {\n      if (o.hmrIndicatorVisible !== undefined) {\n        this.style.display = o.hmrIndicatorVisible ? '' : 'none';\n      }\n      if (o.hmrIndicatorCount !== undefined) {\n        this.#setCount(o.hmrIndicatorCount);\n      }\n    });\n    // Stay clear of the Vite DevTools edge panel.\n    observeEdgeInsets((insets) => {\n      this.style.setProperty('--edge-top', `${insets.top}px`);\n      this.style.setProperty('--edge-right', `${insets.right}px`);\n      this.style.setProperty('--edge-bottom', `${insets.bottom}px`);\n      this.style.setProperty('--edge-left', `${insets.left}px`);\n    });\n  }\n}\n\ncustomElements.define('lit-devtools-hmr-indicator', LitDevtoolsIndicator);\n"]}
+{"version":3,"file":"indicator.js","sourceRoot":"","sources":["../../src/lib/runtime/indicator.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Custom element for the HMR update indicator.\n * Injected by the Vite plugin as an external module so that\n * `import.meta.hot` is available.\n */\n\nimport {FONT_MONO_VAR} from './fonts.js';\nimport {FLAME_ICON} from '../icons.js';\nimport {subscribeOverride} from './overrides.js';\nimport {observeEdgeInsets} from './edge-panel.js';\nimport {injectTokens} from '../tokens.js';\n\n/** One entry of a Vite `vite:afterUpdate` payload. */\ninterface ViteUpdate {\n  type?: string;\n  path?: string;\n  acceptedPath?: string;\n}\n\n/**\n * True when an HMR batch is purely a stylesheet swap — every update is either\n * a `css-update` or a `js-update` whose accepted module is a `.css` source\n * (the shared-sheet queries `?css-sheet`/`?raw`/`?url` all accept a `.css`\n * path). Such a batch restyles adopted sheets in place with no re-render.\n *\n * Heuristic: keyed on the accepted path ending in `.css`. Robust for this\n * plugin's own queries; a user hand-wiring `import.meta.hot.accept` on a raw\n * `.css` would also read as a style swap, which is the intended grouping. An\n * empty/missing payload can't be classified, so it counts as a re-render\n * rather than being silently dropped.\n */\nfunction isStyleSwap(data: unknown): boolean {\n  const updates = (data as {updates?: ViteUpdate[]} | undefined)?.updates;\n  if (!Array.isArray(updates) || updates.length === 0) return false;\n  return updates.every((u) => {\n    if (u.type === 'css-update') return true;\n    if (u.type === 'js-update') {\n      return (u.acceptedPath ?? u.path ?? '').split('?')[0].endsWith('.css');\n    }\n    return false;\n  });\n}\n\nclass LitDevtoolsIndicator extends HTMLElement {\n  #initialized = false;\n  #count = 0;\n  #container: HTMLElement;\n  #countEl: HTMLElement | null = null;\n\n  constructor() {\n    super();\n    const root = this.attachShadow({mode: 'closed'});\n    // `--idle-op` is the at-rest opacity: 0 (invisible until a pulse) without a\n    // count, .5 (count stays legible) with one. The count display and idle\n    // opacity are both driven by the `.with-count` class so the panel can\n    // toggle the count on/off live (see #setCount).\n    root.innerHTML = `\n      <style>\n        @keyframes pulse{0%{opacity:var(--idle-op,0)}15%{opacity:1}80%{opacity:1}100%{opacity:var(--idle-op,0)}}\n        :host{\n          position:fixed;inset:0;display:grid;\n          z-index:2147483647;pointer-events:none;\n          /* Base padding plus the inset the Vite DevTools edge panel occupies\n             on each edge (set from JS), so the indicator never sits on it. */\n          padding:\n            calc(var(--lit-devtools-hmr-indicator-padding,16px) + var(--edge-top,0px))\n            calc(var(--lit-devtools-hmr-indicator-padding,16px) + var(--edge-right,0px))\n            calc(var(--lit-devtools-hmr-indicator-padding,16px) + var(--edge-bottom,0px))\n            calc(var(--lit-devtools-hmr-indicator-padding,16px) + var(--edge-left,0px))\n        }\n        #container{\n          place-self:var(--lit-devtools-hmr-indicator-align,end end);\n          display:flex;align-items:stretch;\n          background:var(--lit-devtools-surface-elevated);color:var(--lit-devtools-text-strong);\n          backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);\n          border-radius:var(--lit-devtools-radius-md);\n          font:12px/1 ${FONT_MONO_VAR};font-variant-numeric:tabular-nums;\n          overflow:hidden;opacity:var(--idle-op,0)\n        }\n        #container.with-count{--idle-op:.5}\n        #container.active{animation:pulse 2.5s ease-out forwards}\n        #icon{display:flex;align-items:center;justify-content:center;padding:0 10px}\n        #icon svg{width:16px;height:16px;display:block;fill:currentColor}\n        #indicator{\n          display:flex;align-items:center;gap:6px;\n          padding:7px 12px;\n          border-left:1px solid var(--lit-devtools-border-subtle)\n        }\n        .dot{width:8px;height:8px;border-radius:50%;background:var(--lit-devtools-success);flex-shrink:0}\n        /* Style-only swaps (shared adopted stylesheet hot-swap, no re-render)\n           pulse in the calmer info color and don't bump the count. */\n        #container.style-swap .dot{background:var(--lit-devtools-info)}\n        .count{display:none}\n        #container.with-count .count{display:inline}\n      </style>\n      <div id=\"container\"><span id=\"icon\">${FLAME_ICON}</span><span id=\"indicator\"><span class=\"dot\"></span><span class=\"count\">0</span></span></div>\n    `;\n    this.#container = root.getElementById('container')!;\n    this.#countEl = root.querySelector('.count');\n    this.#setCount(this.hasAttribute('count'));\n  }\n\n  /** Show/hide the cumulative update count (and the at-rest opacity). */\n  #setCount(enabled: boolean) {\n    this.#container.classList.toggle('with-count', enabled);\n  }\n\n  connectedCallback() {\n    if (this.#initialized) return;\n    this.#initialized = true;\n    injectTokens();\n    const hot = (\n      import.meta as {\n        hot?: {on: (event: string, cb: (data?: unknown) => void) => void};\n      }\n    ).hot;\n    hot?.on('vite:afterUpdate', (data) => {\n      // Count only updates that actually re-render/re-execute a component;\n      // a pure shared-stylesheet swap (?css-sheet / ?raw / ?url adopted sheet)\n      // restyles in place without re-rendering, so it pulses but doesn't count.\n      const styleSwap = isStyleSwap(data);\n      if (!styleSwap && this.#countEl !== null) {\n        this.#countEl.textContent = String(++this.#count);\n      }\n      this.#container.classList.toggle('style-swap', styleSwap);\n      this.#container.classList.remove('active');\n      void this.#container.offsetWidth;\n      this.#container.classList.add('active');\n    });\n    // Let the DevTools panel hide/show the indicator and its count live (and\n    // across reloads).\n    subscribeOverride(hot, (o) => {\n      if (o.hmrIndicatorVisible !== undefined) {\n        this.style.display = o.hmrIndicatorVisible ? '' : 'none';\n      }\n      if (o.hmrIndicatorCount !== undefined) {\n        this.#setCount(o.hmrIndicatorCount);\n      }\n    });\n    // Stay clear of the Vite DevTools edge panel.\n    observeEdgeInsets((insets) => {\n      this.style.setProperty('--edge-top', `${insets.top}px`);\n      this.style.setProperty('--edge-right', `${insets.right}px`);\n      this.style.setProperty('--edge-bottom', `${insets.bottom}px`);\n      this.style.setProperty('--edge-left', `${insets.left}px`);\n    });\n  }\n}\n\ncustomElements.define('lit-devtools-hmr-indicator', LitDevtoolsIndicator);\n"]}

package/lib/runtime/inspector/collect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collect.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/inspector/collect.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAUH,OAAO,KAAK,EAEV,gBAAgB,EAEhB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAsCrC;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,IAAI,OAAO,KAAG,OAO3C,CAAC;AA2CF,wEAAwE;AACxE,eAAO,MAAM,SAAS,QAAO,iBAAiB,EAI7C,CAAC;AAWF,yEAAyE;AACzE,eAAO,MAAM,cAAc,GAAI,IAAI,OAAO,KAAG,gBA6C5C,CAAC"}
+{"version":3,"file":"collect.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/inspector/collect.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAUH,OAAO,KAAK,EAEV,gBAAgB,EAEhB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAsCrC;;;;GAIG;AACH,eAAO,MAAM,aAAa,OAAQ,OAAO,KAAG,OAO3C,CAAC;AA2CF,wEAAwE;AACxE,eAAO,MAAM,SAAS,QAAO,iBAAiB,EAI7C,CAAC;AAWF,yEAAyE;AACzE,eAAO,MAAM,cAAc,OAAQ,OAAO,KAAG,gBA6C5C,CAAC"}