@oddsquad/vite-plugin-lit 0.2.3 → 0.4.0

package/lib/runtime/inspector/highlight.js

@@ -0,0 +1,66 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * The hover outline the panel draws over an element in the page.
+ *
+ * Its own module because two transports drive it: the in-page channel (the
+ * fast path, no server in the loop) and the Vite HMR command channel (the
+ * fallback, for a panel with no page script to handshake with). Both end up
+ * here, so the box is created once and behaves identically either way.
+ *
+ * Deliberately independent of the source overlay, which draws its own,
+ * richer highlight — this one has to work whether or not `sourceOverlay` is
+ * enabled.
+ */
+import {elementById} from '../timeline/identity.js';
+let box = null;
+const ensureBox = () => {
+  if (box === null) {
+    box = document.createElement('div');
+    box.setAttribute('data-lit-devtools-highlight', '');
+    Object.assign(box.style, {
+      position: 'fixed',
+      zIndex: '2147483646',
+      pointerEvents: 'none',
+      background: 'rgba(77, 99, 255, 0.25)',
+      outline: '1px solid #4d63ff',
+      borderRadius: '2px',
+      transition: 'all 80ms ease-out',
+    });
+    document.body.append(box);
+  }
+  return box;
+};
+/** Draw the outline over `el`. */
+export const showHighlight = (el) => {
+  const r = el.getBoundingClientRect();
+  Object.assign(ensureBox().style, {
+    display: 'block',
+    left: `${r.left}px`,
+    top: `${r.top}px`,
+    width: `${r.width}px`,
+    height: `${r.height}px`,
+  });
+};
+/** Hide the outline. Cheap and safe before the box has ever been built. */
+export const clearHighlight = () => {
+  if (box !== null) box.style.display = 'none';
+};
+/**
+ * Outline the element with this id, or clear it for `null` — and also when
+ * the id no longer resolves, since a stale outline over the wrong element is
+ * worse than none.
+ */
+export const highlightById = (id) => {
+  if (id === null) {
+    clearHighlight();
+    return;
+  }
+  const el = elementById(id);
+  if (el !== undefined) showHighlight(el);
+  else clearHighlight();
+};
+//# sourceMappingURL=highlight.js.map

package/lib/runtime/inspector/highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight.js","sourceRoot":"","sources":["../../../src/lib/runtime/inspector/highlight.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;GAWG;AAEH,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD,IAAI,GAAG,GAAuB,IAAI,CAAC;AAEnC,MAAM,SAAS,GAAG,GAAgB,EAAE;IAClC,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACjB,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACpC,GAAG,CAAC,YAAY,CAAC,6BAA6B,EAAE,EAAE,CAAC,CAAC;QACpD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE;YACvB,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,YAAY;YACpB,aAAa,EAAE,MAAM;YACrB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,mBAAmB;YAC5B,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,mBAAmB;SACO,CAAC,CAAC;QAC1C,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,kCAAkC;AAClC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAW,EAAQ,EAAE;IACjD,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;IACrC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE;QAC/B,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,IAAI;QACnB,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI;QACjB,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,IAAI;QACrB,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,IAAI;KACxB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,2EAA2E;AAC3E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAS,EAAE;IACvC,IAAI,GAAG,KAAK,IAAI;QAAE,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;AAC/C,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAiB,EAAQ,EAAE;IACvD,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;QAChB,cAAc,EAAE,CAAC;QACjB,OAAO;IACT,CAAC;IACD,MAAM,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IAC3B,IAAI,EAAE,KAAK,SAAS;QAAE,aAAa,CAAC,EAAE,CAAC,CAAC;;QACnC,cAAc,EAAE,CAAC;AACxB,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * The hover outline the panel draws over an element in the page.\n *\n * Its own module because two transports drive it: the in-page channel (the\n * fast path, no server in the loop) and the Vite HMR command channel (the\n * fallback, for a panel with no page script to handshake with). Both end up\n * here, so the box is created once and behaves identically either way.\n *\n * Deliberately independent of the source overlay, which draws its own,\n * richer highlight — this one has to work whether or not `sourceOverlay` is\n * enabled.\n */\n\nimport {elementById} from '../timeline/identity.js';\n\nlet box: HTMLElement | null = null;\n\nconst ensureBox = (): HTMLElement => {\n  if (box === null) {\n    box = document.createElement('div');\n    box.setAttribute('data-lit-devtools-highlight', '');\n    Object.assign(box.style, {\n      position: 'fixed',\n      zIndex: '2147483646',\n      pointerEvents: 'none',\n      background: 'rgba(77, 99, 255, 0.25)',\n      outline: '1px solid #4d63ff',\n      borderRadius: '2px',\n      transition: 'all 80ms ease-out',\n    } satisfies Partial<CSSStyleDeclaration>);\n    document.body.append(box);\n  }\n  return box;\n};\n\n/** Draw the outline over `el`. */\nexport const showHighlight = (el: Element): void => {\n  const r = el.getBoundingClientRect();\n  Object.assign(ensureBox().style, {\n    display: 'block',\n    left: `${r.left}px`,\n    top: `${r.top}px`,\n    width: `${r.width}px`,\n    height: `${r.height}px`,\n  });\n};\n\n/** Hide the outline. Cheap and safe before the box has ever been built. */\nexport const clearHighlight = (): void => {\n  if (box !== null) box.style.display = 'none';\n};\n\n/**\n * Outline the element with this id, or clear it for `null` — and also when\n * the id no longer resolves, since a stale outline over the wrong element is\n * worse than none.\n */\nexport const highlightById = (id: number | null): void => {\n  if (id === null) {\n    clearHighlight();\n    return;\n  }\n  const el = elementById(id);\n  if (el !== undefined) showHighlight(el);\n  else clearHighlight();\n};\n"]}

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

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

package/lib/runtime/inspector/install.js

@@ -11,219 +11,244 @@
  * Vite HMR channel, keeps a watched element's details fresh as it updates, and
  * outlines elements the panel hovers in its tree.
  */
-import { elementById } from '../timeline/identity.js';
-import { buildTree, collectDetails } from './collect.js';
-import { INSPECT_CMD_CHANNEL, INSPECT_DATA_CHANNEL, } from '../../../types/inspector.js';
+import {createPageScriptChannel} from 'devframe/in-page-channel';
+import {elementById} from '../timeline/identity.js';
+import {buildTree, collectDetails} from './collect.js';
+import {clearHighlight, highlightById} from './highlight.js';
+import {LIT_IN_PAGE_CHANNEL} from '../../../types/in-page.js';
+import {
+  INSPECT_CMD_CHANNEL,
+  INSPECT_DATA_CHANNEL,
+} from '../../../types/inspector.js';
 const hot = import.meta.hot;
+// The direct panel channel, outside the `hot` gate on purpose: it is the one
+// part of the inspector that does not need a dev server, which is what lets
+// the hover outline keep working in a static snapshot of the panel. Answering
+// handshakes costs nothing until a panel actually sends one.
+if (typeof window !== 'undefined') {
+  const channel = createPageScriptChannel({
+    name: LIT_IN_PAGE_CHANNEL,
+    functions: {},
+    events: {
+      highlight: {handler: (id) => highlightById(id)},
+    },
+  });
+  // A panel that goes away mid-hover never gets to send its `highlight(null)`,
+  // and an outline left painted over the app is worse than a missing one.
+  channel.events.on('panel:disconnected', () => clearHighlight());
+}
 if (hot !== undefined && typeof window !== 'undefined') {
-    const send = (msg) => {
-        try {
-            hot.send(INSPECT_DATA_CHANNEL, msg);
-        }
-        catch {
-            // HMR channel temporarily unavailable; the panel can re-request.
-        }
+  const send = (msg) => {
+    try {
+      hot.send(INSPECT_DATA_CHANNEL, msg);
+    } catch {
+      // HMR channel temporarily unavailable; the panel can re-request.
+    }
+  };
+  // Hold the watched element via a WeakRef so an active watch doesn't keep a
+  // removed element alive: the override and `restore` only reach `el` through
+  // the ref, leaving the DOM as its sole strong root.
+  let watched = null;
+  const unwatch = () => {
+    watched?.restore();
+    watched = null;
+  };
+  const watch = (id) => {
+    unwatch();
+    const el = elementById(id);
+    if (el === undefined) {
+      send({type: 'gone', id});
+      return;
+    }
+    const hadOwn = Object.prototype.hasOwnProperty.call(el, 'updated');
+    // Only an *own* `updated` is stable across an HMR hot patch. A prototype
+    // implementation is replaced in place on every patch (`syncOwnMembers` in
+    // ../patch.ts), so caching it here would pin the watched instance to the
+    // pre-edit code for the life of the watch — resolve it through the
+    // prototype chain on each call instead. Our wrapper is an own property, so
+    // the lookup skips it and cannot recurse.
+    const ownPrev = hadOwn ? el.updated : undefined;
+    const ref = new WeakRef(el);
+    el.updated = function (changed) {
+      const current = ownPrev ?? Object.getPrototypeOf(this)?.updated;
+      current?.call(this, changed);
+      const cur = ref.deref();
+      if (cur !== undefined) {
+        send({type: 'details', details: collectDetails(cur)});
+      }
     };
-    // Hold the watched element via a WeakRef so an active watch doesn't keep a
-    // removed element alive: the override and `restore` only reach `el` through
-    // the ref, leaving the DOM as its sole strong root.
-    let watched = null;
-    const unwatch = () => {
-        watched?.restore();
-        watched = null;
+    watched = {
+      ref,
+      restore: () => {
+        const cur = ref.deref();
+        if (cur === undefined) return;
+        if (hadOwn) cur.updated = ownPrev;
+        else delete cur.updated;
+      },
     };
-    const watch = (id) => {
-        unwatch();
-        const el = elementById(id);
-        if (el === undefined) {
-            send({ type: 'gone', id });
-            return;
+    // Push an immediate snapshot so the panel doesn't wait for the next update.
+    send({type: 'details', details: collectDetails(el)});
+  };
+  // -------------------------------------------------------------------------
+  // Opt-in live tree: watch the DOM (light + every shadow root) and push a
+  // fresh tree when the component hierarchy actually changes. Off by default.
+  // childList-only (no attributes), so cosmetic changes — including our own
+  // highlight box toggling — don't churn; identical rebuilds are also deduped.
+  // Batches that only move text or comment nodes (most Lit re-renders) are
+  // dropped before the debounce, and only added subtrees are walked for new
+  // shadow roots, so a busy page no longer costs a full-page walk per batch.
+  // -------------------------------------------------------------------------
+  let observer = null;
+  let observeTimer;
+  let lastTreeJson = '';
+  // Added elements whose subtrees still need their shadow roots observed.
+  let pendingRoots = [];
+  /** Observe every shadow root at or under `root` (and `root`'s subtree). */
+  const observeShadowRoots = (obs, root) => {
+    if (root instanceof Element && root.shadowRoot !== null) {
+      obs.observe(root.shadowRoot, {childList: true, subtree: true});
+      observeShadowRoots(obs, root.shadowRoot);
+    }
+    for (const el of root.querySelectorAll('*')) {
+      if (el.shadowRoot !== null) {
+        obs.observe(el.shadowRoot, {childList: true, subtree: true});
+        observeShadowRoots(obs, el.shadowRoot);
+      }
+    }
+  };
+  /** Re-attach the observer to the body and every shadow root in the page. */
+  const syncObserverTargets = (obs) => {
+    obs.disconnect();
+    obs.observe(document.body, {childList: true, subtree: true});
+    observeShadowRoots(obs, document);
+  };
+  const pushTreeIfChanged = () => {
+    const roots = buildTree();
+    const json = JSON.stringify(roots);
+    if (json === lastTreeJson) return;
+    lastTreeJson = json;
+    send({type: 'tree', roots});
+  };
+  /** Whether a subtree holds anything the tree (or observer) cares about. */
+  const mayHoldComponents = (node) => {
+    if (!(node instanceof Element)) return false;
+    const matters = (el) =>
+      el.localName.includes('-') || el.shadowRoot !== null;
+    if (matters(node)) return true;
+    for (const el of node.querySelectorAll('*')) if (matters(el)) return true;
+    return false;
+  };
+  const onMutation = (records) => {
+    // The tree only has custom elements in it, so a batch that adds or
+    // removes none (text, comments, plain markup) can't change it.
+    let relevant = false;
+    for (const record of records) {
+      for (const node of record.addedNodes) {
+        if (mayHoldComponents(node)) {
+          pendingRoots.push(node);
+          relevant = true;
         }
-        const hadOwn = Object.prototype.hasOwnProperty.call(el, 'updated');
-        const prev = el.updated;
-        const ref = new WeakRef(el);
-        el.updated = function (changed) {
-            prev?.call(this, changed);
-            const cur = ref.deref();
-            if (cur !== undefined) {
-                send({ type: 'details', details: collectDetails(cur) });
-            }
-        };
-        watched = {
-            ref,
-            restore: () => {
-                const cur = ref.deref();
-                if (cur === undefined)
-                    return;
-                if (hadOwn)
-                    cur.updated = prev;
-                else
-                    delete cur.updated;
-            },
-        };
-        // Push an immediate snapshot so the panel doesn't wait for the next update.
-        send({ type: 'details', details: collectDetails(el) });
-    };
-    // -------------------------------------------------------------------------
-    // Highlight box: a lightweight fixed-position outline drawn over an element
-    // the panel hovers in its tree. Independent of the source overlay so it works
-    // whether or not that feature is enabled.
-    // -------------------------------------------------------------------------
-    let highlightBox = null;
-    const showHighlight = (el) => {
-        if (highlightBox === null) {
-            highlightBox = document.createElement('div');
-            highlightBox.setAttribute('data-lit-devtools-highlight', '');
-            Object.assign(highlightBox.style, {
-                position: 'fixed',
-                zIndex: '2147483646',
-                pointerEvents: 'none',
-                background: 'rgba(77, 99, 255, 0.25)',
-                outline: '1px solid #4d63ff',
-                borderRadius: '2px',
-                transition: 'all 80ms ease-out',
-            });
-            document.body.append(highlightBox);
+      }
+      if (!relevant) {
+        for (const node of record.removedNodes) {
+          if (mayHoldComponents(node)) {
+            relevant = true;
+            break;
+          }
         }
-        const r = el.getBoundingClientRect();
-        Object.assign(highlightBox.style, {
-            display: 'block',
-            left: `${r.left}px`,
-            top: `${r.top}px`,
-            width: `${r.width}px`,
-            height: `${r.height}px`,
-        });
-    };
-    const clearHighlight = () => {
-        if (highlightBox !== null)
-            highlightBox.style.display = 'none';
-    };
-    // -------------------------------------------------------------------------
-    // Opt-in live tree: watch the DOM (light + every shadow root) and push a
-    // fresh tree when the component hierarchy actually changes. Off by default.
-    // childList-only (no attributes), so cosmetic changes — including our own
-    // highlight box toggling — don't churn; identical rebuilds are also deduped.
-    // -------------------------------------------------------------------------
-    let observer = null;
-    let observeTimer;
-    let lastTreeJson = '';
-    /** Re-attach the observer to the body and every shadow root in the page. */
-    const syncObserverTargets = (obs) => {
-        obs.disconnect();
-        obs.observe(document.body, { childList: true, subtree: true });
-        const walk = (root) => {
-            for (const el of root.querySelectorAll('*')) {
-                if (el.shadowRoot !== null) {
-                    obs.observe(el.shadowRoot, { childList: true, subtree: true });
-                    walk(el.shadowRoot);
-                }
-            }
-        };
-        walk(document);
-    };
-    const pushTreeIfChanged = () => {
-        const roots = buildTree();
-        const json = JSON.stringify(roots);
-        if (json === lastTreeJson)
-            return;
-        lastTreeJson = json;
-        send({ type: 'tree', roots });
-    };
-    const onMutation = () => {
-        if (observeTimer !== undefined)
-            clearTimeout(observeTimer);
-        observeTimer = setTimeout(() => {
-            observeTimer = undefined;
-            if (observer !== null)
-                syncObserverTargets(observer);
-            pushTreeIfChanged();
-        }, 100);
-    };
-    const setObserving = (enabled) => {
-        if (enabled) {
-            if (observer === null)
-                observer = new MutationObserver(onMutation);
-            lastTreeJson = '';
-            syncObserverTargets(observer);
-            pushTreeIfChanged();
-        }
-        else if (observer !== null) {
-            observer.disconnect();
-            observer = null;
-            if (observeTimer !== undefined) {
-                clearTimeout(observeTimer);
-                observeTimer = undefined;
-            }
+      }
+    }
+    if (!relevant) return;
+    if (observeTimer !== undefined) clearTimeout(observeTimer);
+    observeTimer = setTimeout(() => {
+      observeTimer = undefined;
+      // Walk added subtrees now rather than on arrival: a custom element
+      // attaches its shadow root when it upgrades, which can be after insert.
+      // Removed roots need no bookkeeping; a detached shadow root just stops
+      // producing records.
+      const roots = pendingRoots;
+      pendingRoots = [];
+      if (observer !== null) {
+        for (const root of roots) {
+          if (root.isConnected) observeShadowRoots(observer, root);
         }
+      }
+      pushTreeIfChanged();
+    }, 100);
+  };
+  const setObserving = (enabled) => {
+    if (enabled) {
+      if (observer === null) observer = new MutationObserver(onMutation);
+      lastTreeJson = '';
+      syncObserverTargets(observer);
+      pushTreeIfChanged();
+    } else if (observer !== null) {
+      observer.disconnect();
+      observer = null;
+      pendingRoots = [];
+      if (observeTimer !== undefined) {
+        clearTimeout(observeTimer);
+        observeTimer = undefined;
+      }
+    }
+  };
+  // -------------------------------------------------------------------------
+  // SPA navigation: a route change swaps the component tree without any HMR
+  // or panel event, so the snapshot went stale until a manual refresh. Push a
+  // deduped tree after each navigation — twice, since routes typically
+  // lazy-load and render async. Redundant while the live observer watches.
+  // -------------------------------------------------------------------------
+  const onNavigation = () => {
+    if (observer !== null) return;
+    for (const delay of [150, 1000]) {
+      setTimeout(pushTreeIfChanged, delay);
+    }
+  };
+  window.addEventListener('popstate', onNavigation);
+  window.addEventListener('hashchange', onNavigation);
+  for (const method of ['pushState', 'replaceState']) {
+    const original = history[method].bind(history);
+    history[method] = (...args) => {
+      original(...args);
+      onNavigation();
     };
-    // -------------------------------------------------------------------------
-    // SPA navigation: a route change swaps the component tree without any HMR
-    // or panel event, so the snapshot went stale until a manual refresh. Push a
-    // deduped tree after each navigation — twice, since routes typically
-    // lazy-load and render async. Redundant while the live observer watches.
-    // -------------------------------------------------------------------------
-    const onNavigation = () => {
-        if (observer !== null)
-            return;
-        for (const delay of [150, 1000]) {
-            setTimeout(pushTreeIfChanged, delay);
+  }
+  // -------------------------------------------------------------------------
+  // Command dispatch
+  // -------------------------------------------------------------------------
+  hot.on(INSPECT_CMD_CHANNEL, (data) => {
+    const cmd = data;
+    switch (cmd.type) {
+      case 'tree': {
+        const roots = buildTree();
+        lastTreeJson = JSON.stringify(roots);
+        send({type: 'tree', roots});
+        break;
+      }
+      case 'details': {
+        const el = elementById(cmd.id);
+        if (el !== undefined) {
+          send({type: 'details', details: collectDetails(el)});
+        } else {
+          send({type: 'gone', id: cmd.id});
         }
-    };
-    window.addEventListener('popstate', onNavigation);
-    window.addEventListener('hashchange', onNavigation);
-    for (const method of ['pushState', 'replaceState']) {
-        const original = history[method].bind(history);
-        history[method] = (...args) => {
-            original(...args);
-            onNavigation();
-        };
+        break;
+      }
+      case 'watch':
+        if (cmd.id === null) unwatch();
+        else watch(cmd.id);
+        break;
+      case 'highlight':
+        // Fallback path. A panel that handshaked over the in-page channel
+        // emits there instead and never reaches this.
+        highlightById(cmd.id);
+        break;
+      case 'observe':
+        setObserving(cmd.enabled);
+        break;
     }
-    // -------------------------------------------------------------------------
-    // Command dispatch
-    // -------------------------------------------------------------------------
-    hot.on(INSPECT_CMD_CHANNEL, (data) => {
-        const cmd = data;
-        switch (cmd.type) {
-            case 'tree': {
-                const roots = buildTree();
-                lastTreeJson = JSON.stringify(roots);
-                send({ type: 'tree', roots });
-                break;
-            }
-            case 'details': {
-                const el = elementById(cmd.id);
-                if (el !== undefined) {
-                    send({ type: 'details', details: collectDetails(el) });
-                }
-                else {
-                    send({ type: 'gone', id: cmd.id });
-                }
-                break;
-            }
-            case 'watch':
-                if (cmd.id === null)
-                    unwatch();
-                else
-                    watch(cmd.id);
-                break;
-            case 'highlight': {
-                if (cmd.id === null) {
-                    clearHighlight();
-                    break;
-                }
-                const el = elementById(cmd.id);
-                if (el !== undefined)
-                    showHighlight(el);
-                else
-                    clearHighlight();
-                break;
-            }
-            case 'observe':
-                setObserving(cmd.enabled);
-                break;
-        }
-    });
-    // Announce readiness so a panel that loaded first re-requests the tree.
-    send({ type: 'ready' });
+  });
+  // Announce readiness so a panel that loaded first re-requests the tree.
+  send({type: 'ready'});
 }
-//# sourceMappingURL=install.js.map
+//# sourceMappingURL=install.js.map

package/lib/runtime/inspector/install.js.map

@@ -1 +1 @@
-{"version":3,"file":"install.js","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/inspector/install.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 * Components inspector runtime.\n *\n * Injected into the host page (alongside the timeline runtime) when the\n * DevTools panel is enabled. Answers the panel's tree/details requests over the\n * Vite HMR channel, keeps a watched element's details fresh as it updates, and\n * outlines elements the panel hovers in its tree.\n */\n\nimport {elementById} from '../timeline/identity.js';\nimport {buildTree, collectDetails} from './collect.js';\nimport {\n  INSPECT_CMD_CHANNEL,\n  INSPECT_DATA_CHANNEL,\n  type InspectorCommand,\n  type InspectorMessage,\n} from '../../../types/inspector.js';\n\ntype ViteHot = {\n  send: (event: string, data: unknown) => void;\n  on: (event: string, handler: (data: unknown) => void) => void;\n};\n\nconst hot = (import.meta as {hot?: ViteHot}).hot;\n\nif (hot !== undefined && typeof window !== 'undefined') {\n  const send = (msg: InspectorMessage): void => {\n    try {\n      hot.send(INSPECT_DATA_CHANNEL, msg);\n    } catch {\n      // HMR channel temporarily unavailable; the panel can re-request.\n    }\n  };\n\n  // -------------------------------------------------------------------------\n  // Live-watch: re-push details whenever the watched element finishes updating.\n  // We wrap the instance's `updated` (not the prototype) so the hook is scoped\n  // to one element and trivially removable, and it works without the timeline's\n  // recording gate.\n  // -------------------------------------------------------------------------\n\n  type Updatable = Element & {\n    updated?: (changed: unknown) => void;\n  };\n  // Hold the watched element via a WeakRef so an active watch doesn't keep a\n  // removed element alive: the override and `restore` only reach `el` through\n  // the ref, leaving the DOM as its sole strong root.\n  let watched: {ref: WeakRef<Updatable>; restore: () => void} | null = null;\n\n  const unwatch = (): void => {\n    watched?.restore();\n    watched = null;\n  };\n\n  const watch = (id: number): void => {\n    unwatch();\n    const el = elementById(id) as Updatable | undefined;\n    if (el === undefined) {\n      send({type: 'gone', id});\n      return;\n    }\n    const hadOwn = Object.prototype.hasOwnProperty.call(el, 'updated');\n    const prev = el.updated;\n    const ref = new WeakRef(el);\n    el.updated = function (changed: unknown) {\n      prev?.call(this, changed);\n      const cur = ref.deref();\n      if (cur !== undefined) {\n        send({type: 'details', details: collectDetails(cur)});\n      }\n    };\n    watched = {\n      ref,\n      restore: () => {\n        const cur = ref.deref();\n        if (cur === undefined) return;\n        if (hadOwn) cur.updated = prev;\n        else delete cur.updated;\n      },\n    };\n    // Push an immediate snapshot so the panel doesn't wait for the next update.\n    send({type: 'details', details: collectDetails(el)});\n  };\n\n  // -------------------------------------------------------------------------\n  // Highlight box: a lightweight fixed-position outline drawn over an element\n  // the panel hovers in its tree. Independent of the source overlay so it works\n  // whether or not that feature is enabled.\n  // -------------------------------------------------------------------------\n\n  let highlightBox: HTMLElement | null = null;\n\n  const showHighlight = (el: Element): void => {\n    if (highlightBox === null) {\n      highlightBox = document.createElement('div');\n      highlightBox.setAttribute('data-lit-devtools-highlight', '');\n      Object.assign(highlightBox.style, {\n        position: 'fixed',\n        zIndex: '2147483646',\n        pointerEvents: 'none',\n        background: 'rgba(77, 99, 255, 0.25)',\n        outline: '1px solid #4d63ff',\n        borderRadius: '2px',\n        transition: 'all 80ms ease-out',\n      } satisfies Partial<CSSStyleDeclaration>);\n      document.body.append(highlightBox);\n    }\n    const r = el.getBoundingClientRect();\n    Object.assign(highlightBox.style, {\n      display: 'block',\n      left: `${r.left}px`,\n      top: `${r.top}px`,\n      width: `${r.width}px`,\n      height: `${r.height}px`,\n    });\n  };\n\n  const clearHighlight = (): void => {\n    if (highlightBox !== null) highlightBox.style.display = 'none';\n  };\n\n  // -------------------------------------------------------------------------\n  // Opt-in live tree: watch the DOM (light + every shadow root) and push a\n  // fresh tree when the component hierarchy actually changes. Off by default.\n  // childList-only (no attributes), so cosmetic changes — including our own\n  // highlight box toggling — don't churn; identical rebuilds are also deduped.\n  // -------------------------------------------------------------------------\n\n  let observer: MutationObserver | null = null;\n  let observeTimer: ReturnType<typeof setTimeout> | undefined;\n  let lastTreeJson = '';\n\n  /** Re-attach the observer to the body and every shadow root in the page. */\n  const syncObserverTargets = (obs: MutationObserver): void => {\n    obs.disconnect();\n    obs.observe(document.body, {childList: true, subtree: true});\n    const walk = (root: ParentNode): void => {\n      for (const el of root.querySelectorAll('*')) {\n        if (el.shadowRoot !== null) {\n          obs.observe(el.shadowRoot, {childList: true, subtree: true});\n          walk(el.shadowRoot);\n        }\n      }\n    };\n    walk(document);\n  };\n\n  const pushTreeIfChanged = (): void => {\n    const roots = buildTree();\n    const json = JSON.stringify(roots);\n    if (json === lastTreeJson) return;\n    lastTreeJson = json;\n    send({type: 'tree', roots});\n  };\n\n  const onMutation = (): void => {\n    if (observeTimer !== undefined) clearTimeout(observeTimer);\n    observeTimer = setTimeout(() => {\n      observeTimer = undefined;\n      if (observer !== null) syncObserverTargets(observer);\n      pushTreeIfChanged();\n    }, 100);\n  };\n\n  const setObserving = (enabled: boolean): void => {\n    if (enabled) {\n      if (observer === null) observer = new MutationObserver(onMutation);\n      lastTreeJson = '';\n      syncObserverTargets(observer);\n      pushTreeIfChanged();\n    } else if (observer !== null) {\n      observer.disconnect();\n      observer = null;\n      if (observeTimer !== undefined) {\n        clearTimeout(observeTimer);\n        observeTimer = undefined;\n      }\n    }\n  };\n\n  // -------------------------------------------------------------------------\n  // SPA navigation: a route change swaps the component tree without any HMR\n  // or panel event, so the snapshot went stale until a manual refresh. Push a\n  // deduped tree after each navigation — twice, since routes typically\n  // lazy-load and render async. Redundant while the live observer watches.\n  // -------------------------------------------------------------------------\n\n  const onNavigation = (): void => {\n    if (observer !== null) return;\n    for (const delay of [150, 1000]) {\n      setTimeout(pushTreeIfChanged, delay);\n    }\n  };\n  window.addEventListener('popstate', onNavigation);\n  window.addEventListener('hashchange', onNavigation);\n  for (const method of ['pushState', 'replaceState'] as const) {\n    const original = history[method].bind(history);\n    history[method] = (...args: Parameters<History['pushState']>) => {\n      original(...args);\n      onNavigation();\n    };\n  }\n\n  // -------------------------------------------------------------------------\n  // Command dispatch\n  // -------------------------------------------------------------------------\n\n  hot.on(INSPECT_CMD_CHANNEL, (data) => {\n    const cmd = data as InspectorCommand;\n    switch (cmd.type) {\n      case 'tree': {\n        const roots = buildTree();\n        lastTreeJson = JSON.stringify(roots);\n        send({type: 'tree', roots});\n        break;\n      }\n      case 'details': {\n        const el = elementById(cmd.id);\n        if (el !== undefined) {\n          send({type: 'details', details: collectDetails(el)});\n        } else {\n          send({type: 'gone', id: cmd.id});\n        }\n        break;\n      }\n      case 'watch':\n        if (cmd.id === null) unwatch();\n        else watch(cmd.id);\n        break;\n      case 'highlight': {\n        if (cmd.id === null) {\n          clearHighlight();\n          break;\n        }\n        const el = elementById(cmd.id);\n        if (el !== undefined) showHighlight(el);\n        else clearHighlight();\n        break;\n      }\n      case 'observe':\n        setObserving(cmd.enabled);\n        break;\n    }\n  });\n\n  // Announce readiness so a panel that loaded first re-requests the tree.\n  send({type: 'ready'});\n}\n"]}
+{"version":3,"file":"install.js","sourceRoot":"","sources":["../../../src/lib/runtime/inspector/install.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 * Components inspector runtime.\n *\n * Injected into the host page (alongside the timeline runtime) when the\n * DevTools panel is enabled. Answers the panel's tree/details requests over the\n * Vite HMR channel, keeps a watched element's details fresh as it updates, and\n * outlines elements the panel hovers in its tree.\n */\n\nimport {createPageScriptChannel} from 'devframe/in-page-channel';\nimport {elementById} from '../timeline/identity.js';\nimport {buildTree, collectDetails} from './collect.js';\nimport {clearHighlight, highlightById} from './highlight.js';\nimport {\n  LIT_IN_PAGE_CHANNEL,\n  type LitInPageProtocol,\n} from '../../../types/in-page.js';\nimport {\n  INSPECT_CMD_CHANNEL,\n  INSPECT_DATA_CHANNEL,\n  type InspectorCommand,\n  type InspectorMessage,\n} from '../../../types/inspector.js';\n\ntype ViteHot = {\n  send: (event: string, data: unknown) => void;\n  on: (event: string, handler: (data: unknown) => void) => void;\n};\n\nconst hot = (import.meta as {hot?: ViteHot}).hot;\n\n// The direct panel channel, outside the `hot` gate on purpose: it is the one\n// part of the inspector that does not need a dev server, which is what lets\n// the hover outline keep working in a static snapshot of the panel. Answering\n// handshakes costs nothing until a panel actually sends one.\nif (typeof window !== 'undefined') {\n  const channel = createPageScriptChannel<LitInPageProtocol>({\n    name: LIT_IN_PAGE_CHANNEL,\n    functions: {},\n    events: {\n      highlight: {handler: (id) => highlightById(id)},\n    },\n  });\n  // A panel that goes away mid-hover never gets to send its `highlight(null)`,\n  // and an outline left painted over the app is worse than a missing one.\n  channel.events.on('panel:disconnected', () => clearHighlight());\n}\n\nif (hot !== undefined && typeof window !== 'undefined') {\n  const send = (msg: InspectorMessage): void => {\n    try {\n      hot.send(INSPECT_DATA_CHANNEL, msg);\n    } catch {\n      // HMR channel temporarily unavailable; the panel can re-request.\n    }\n  };\n\n  // -------------------------------------------------------------------------\n  // Live-watch: re-push details whenever the watched element finishes updating.\n  // We wrap the instance's `updated` (not the prototype) so the hook is scoped\n  // to one element and trivially removable, and it works without the timeline's\n  // recording gate.\n  // -------------------------------------------------------------------------\n\n  type Updatable = Element & {\n    updated?: (changed: unknown) => void;\n  };\n  // Hold the watched element via a WeakRef so an active watch doesn't keep a\n  // removed element alive: the override and `restore` only reach `el` through\n  // the ref, leaving the DOM as its sole strong root.\n  let watched: {ref: WeakRef<Updatable>; restore: () => void} | null = null;\n\n  const unwatch = (): void => {\n    watched?.restore();\n    watched = null;\n  };\n\n  const watch = (id: number): void => {\n    unwatch();\n    const el = elementById(id) as Updatable | undefined;\n    if (el === undefined) {\n      send({type: 'gone', id});\n      return;\n    }\n    const hadOwn = Object.prototype.hasOwnProperty.call(el, 'updated');\n    // Only an *own* `updated` is stable across an HMR hot patch. A prototype\n    // implementation is replaced in place on every patch (`syncOwnMembers` in\n    // ../patch.ts), so caching it here would pin the watched instance to the\n    // pre-edit code for the life of the watch — resolve it through the\n    // prototype chain on each call instead. Our wrapper is an own property, so\n    // the lookup skips it and cannot recurse.\n    const ownPrev = hadOwn ? el.updated : undefined;\n    const ref = new WeakRef(el);\n    el.updated = function (this: Updatable, changed: unknown) {\n      const current =\n        ownPrev ?? (Object.getPrototypeOf(this) as Updatable | null)?.updated;\n      current?.call(this, changed);\n      const cur = ref.deref();\n      if (cur !== undefined) {\n        send({type: 'details', details: collectDetails(cur)});\n      }\n    };\n    watched = {\n      ref,\n      restore: () => {\n        const cur = ref.deref();\n        if (cur === undefined) return;\n        if (hadOwn) cur.updated = ownPrev;\n        else delete cur.updated;\n      },\n    };\n    // Push an immediate snapshot so the panel doesn't wait for the next update.\n    send({type: 'details', details: collectDetails(el)});\n  };\n\n  // -------------------------------------------------------------------------\n  // Opt-in live tree: watch the DOM (light + every shadow root) and push a\n  // fresh tree when the component hierarchy actually changes. Off by default.\n  // childList-only (no attributes), so cosmetic changes — including our own\n  // highlight box toggling — don't churn; identical rebuilds are also deduped.\n  // Batches that only move text or comment nodes (most Lit re-renders) are\n  // dropped before the debounce, and only added subtrees are walked for new\n  // shadow roots, so a busy page no longer costs a full-page walk per batch.\n  // -------------------------------------------------------------------------\n\n  let observer: MutationObserver | null = null;\n  let observeTimer: ReturnType<typeof setTimeout> | undefined;\n  let lastTreeJson = '';\n  // Added elements whose subtrees still need their shadow roots observed.\n  let pendingRoots: Element[] = [];\n\n  /** Observe every shadow root at or under `root` (and `root`'s subtree). */\n  const observeShadowRoots = (\n    obs: MutationObserver,\n    root: ParentNode\n  ): void => {\n    if (root instanceof Element && root.shadowRoot !== null) {\n      obs.observe(root.shadowRoot, {childList: true, subtree: true});\n      observeShadowRoots(obs, root.shadowRoot);\n    }\n    for (const el of root.querySelectorAll('*')) {\n      if (el.shadowRoot !== null) {\n        obs.observe(el.shadowRoot, {childList: true, subtree: true});\n        observeShadowRoots(obs, el.shadowRoot);\n      }\n    }\n  };\n\n  /** Re-attach the observer to the body and every shadow root in the page. */\n  const syncObserverTargets = (obs: MutationObserver): void => {\n    obs.disconnect();\n    obs.observe(document.body, {childList: true, subtree: true});\n    observeShadowRoots(obs, document);\n  };\n\n  const pushTreeIfChanged = (): void => {\n    const roots = buildTree();\n    const json = JSON.stringify(roots);\n    if (json === lastTreeJson) return;\n    lastTreeJson = json;\n    send({type: 'tree', roots});\n  };\n\n  /** Whether a subtree holds anything the tree (or observer) cares about. */\n  const mayHoldComponents = (node: Node): node is Element => {\n    if (!(node instanceof Element)) return false;\n    const matters = (el: Element): boolean =>\n      el.localName.includes('-') || el.shadowRoot !== null;\n    if (matters(node)) return true;\n    for (const el of node.querySelectorAll('*')) if (matters(el)) return true;\n    return false;\n  };\n\n  const onMutation = (records: MutationRecord[]): void => {\n    // The tree only has custom elements in it, so a batch that adds or\n    // removes none (text, comments, plain markup) can't change it.\n    let relevant = false;\n    for (const record of records) {\n      for (const node of record.addedNodes) {\n        if (mayHoldComponents(node)) {\n          pendingRoots.push(node);\n          relevant = true;\n        }\n      }\n      if (!relevant) {\n        for (const node of record.removedNodes) {\n          if (mayHoldComponents(node)) {\n            relevant = true;\n            break;\n          }\n        }\n      }\n    }\n    if (!relevant) return;\n    if (observeTimer !== undefined) clearTimeout(observeTimer);\n    observeTimer = setTimeout(() => {\n      observeTimer = undefined;\n      // Walk added subtrees now rather than on arrival: a custom element\n      // attaches its shadow root when it upgrades, which can be after insert.\n      // Removed roots need no bookkeeping; a detached shadow root just stops\n      // producing records.\n      const roots = pendingRoots;\n      pendingRoots = [];\n      if (observer !== null) {\n        for (const root of roots) {\n          if (root.isConnected) observeShadowRoots(observer, root);\n        }\n      }\n      pushTreeIfChanged();\n    }, 100);\n  };\n\n  const setObserving = (enabled: boolean): void => {\n    if (enabled) {\n      if (observer === null) observer = new MutationObserver(onMutation);\n      lastTreeJson = '';\n      syncObserverTargets(observer);\n      pushTreeIfChanged();\n    } else if (observer !== null) {\n      observer.disconnect();\n      observer = null;\n      pendingRoots = [];\n      if (observeTimer !== undefined) {\n        clearTimeout(observeTimer);\n        observeTimer = undefined;\n      }\n    }\n  };\n\n  // -------------------------------------------------------------------------\n  // SPA navigation: a route change swaps the component tree without any HMR\n  // or panel event, so the snapshot went stale until a manual refresh. Push a\n  // deduped tree after each navigation — twice, since routes typically\n  // lazy-load and render async. Redundant while the live observer watches.\n  // -------------------------------------------------------------------------\n\n  const onNavigation = (): void => {\n    if (observer !== null) return;\n    for (const delay of [150, 1000]) {\n      setTimeout(pushTreeIfChanged, delay);\n    }\n  };\n  window.addEventListener('popstate', onNavigation);\n  window.addEventListener('hashchange', onNavigation);\n  for (const method of ['pushState', 'replaceState'] as const) {\n    const original = history[method].bind(history);\n    history[method] = (...args: Parameters<History['pushState']>) => {\n      original(...args);\n      onNavigation();\n    };\n  }\n\n  // -------------------------------------------------------------------------\n  // Command dispatch\n  // -------------------------------------------------------------------------\n\n  hot.on(INSPECT_CMD_CHANNEL, (data) => {\n    const cmd = data as InspectorCommand;\n    switch (cmd.type) {\n      case 'tree': {\n        const roots = buildTree();\n        lastTreeJson = JSON.stringify(roots);\n        send({type: 'tree', roots});\n        break;\n      }\n      case 'details': {\n        const el = elementById(cmd.id);\n        if (el !== undefined) {\n          send({type: 'details', details: collectDetails(el)});\n        } else {\n          send({type: 'gone', id: cmd.id});\n        }\n        break;\n      }\n      case 'watch':\n        if (cmd.id === null) unwatch();\n        else watch(cmd.id);\n        break;\n      case 'highlight':\n        // Fallback path. A panel that handshaked over the in-page channel\n        // emits there instead and never reaches this.\n        highlightById(cmd.id);\n        break;\n      case 'observe':\n        setObserving(cmd.enabled);\n        break;\n    }\n  });\n\n  // Announce readiness so a panel that loaded first re-requests the tree.\n  send({type: 'ready'});\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"serialize.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/inspector/serialize.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,gEAAgE;AAChE,eAAO,MAAM,OAAO,GAAI,OAAO,OAAO,KAAG,MAWxC,CAAC;AAwFF,oEAAoE;AACpE,eAAO,MAAM,SAAS,GAAI,OAAO,OAAO,KAAG,MAM1C,CAAC"}
+{"version":3,"file":"serialize.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/inspector/serialize.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAaH,gEAAgE;AAChE,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,MAWxC,CAAC;AA2FF,oEAAoE;AACpE,eAAO,MAAM,SAAS,UAAW,OAAO,KAAG,MAM1C,CAAC"}