@oddsquad/vite-plugin-lit 0.2.2 → 0.3.0

package/lib/runtime/timeline/lifecycle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/lifecycle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAoBH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAE9D,KAAK,MAAM,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;AAC7C,KAAK,WAAW,GAAG,MAAM,OAAO,CAAC;AACjC,KAAK,cAAc,GAAG,MAAM,OAAO,CAAC;AA4KpC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,GAChC,MAAM,MAAM,EACZ,WAAW,WAAW,EACtB,SAAS,cAAc,KACtB,IAyBF,CAAC"}
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/lifecycle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAoBH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAE9D,KAAK,MAAM,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;AAC7C,KAAK,WAAW,GAAG,MAAM,OAAO,CAAC;AACjC,KAAK,cAAc,GAAG,MAAM,OAAO,CAAC;AAEpC;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAI/D,yEAAyE;AACzE,eAAO,MAAM,aAAa,SAAU,UAAU,GAAG,IAAI,KAAG,IAEvD,CAAC;AAmMF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,SAC1B,MAAM,aACD,WAAW,WACb,cAAc,KACtB,IAyBF,CAAC"}

package/lib/runtime/timeline/lifecycle.js

@@ -18,15 +18,31 @@
  *
  * Gated by the recording flag so overhead is near-zero when idle.
  */
-import { idOf, sourceOf, changedKeys } from './identity.js';
-import { now } from './clock.js';
+import {idOf, sourceOf, changedKeys} from './identity.js';
+import {now} from './clock.js';
+let updateHook = null;
+/** Install (or clear, with `null`) the per-update hook. One consumer. */
+export const setUpdateHook = (hook) => {
+  updateHook = hook;
+};
+/** Runs the update hook, never letting a consumer's throw reach the app. */
+const notifyUpdated = (el, first) => {
+  if (updateHook === null) return;
+  try {
+    updateHook(el, first);
+  } catch {
+    // dev tool — an overlay bug must not break the app's update cycle
+  }
+};
+/** `ReactiveElement.hasUpdated`, read before the update flips it. */
+const isFirstUpdate = (el) => el.hasUpdated !== true;
 /** Phases to instrument with start/end pairs. */
 const UPDATE_PHASES = [
-    'performUpdate',
-    'willUpdate',
-    'update',
-    'updated',
-    'firstUpdated',
+  'performUpdate',
+  'willUpdate',
+  'update',
+  'updated',
+  'firstUpdated',
 ];
 /** Point-in-time lifecycle events (no end bracket). */
 const POINT_PHASES = ['connectedCallback', 'disconnectedCallback'];
@@ -36,99 +52,104 @@ const ticks = new WeakMap();
 const tickOf = (el) => ticks.get(el) ?? 0;
 /** Returns true if `proto[name]` is already our wrapper (idempotent install). */
 const isWrapped = (proto, name) => {
-    const fn = proto[name];
-    return (typeof fn === 'function' && fn[BRAND] === true);
+  const fn = proto[name];
+  return typeof fn === 'function' && fn[BRAND] === true;
 };
 /**
  * Wrap `proto[name]` with a start/end pair emitting to `emit`.
  * `isPoint` methods only emit a single event (no end bracket).
  */
 const wrap = (proto, name, isPoint, emit, recording, enabled) => {
-    if (isWrapped(proto, name))
-        return;
-    const orig = proto[name];
-    const wrapper = function (...args) {
-        if (!recording() || !enabled()) {
-            return orig?.apply(this, args);
-        }
-        // Bump the per-instance tick at the *start* of each performUpdate, before
-        // computing the groupId, so this whole update cycle — performUpdate and the
-        // willUpdate/update/updated phases it nests — shares one groupId, distinct
-        // from the previous cycle's. (Reading the tick before bumping put
-        // performUpdate in a different group from its own phases and let adjacent
-        // cycles collide on the same tick.)
-        if (name === 'performUpdate') {
-            ticks.set(this, tickOf(this) + 1);
-        }
-        const elementId = idOf(this);
-        const tagName = this.localName ?? 'unknown';
-        const source = sourceOf(this);
-        const tick = tickOf(this);
-        const groupId = `${elementId}:${tick}`;
-        const time = now();
-        const changed = changedKeys(args[0]);
-        if (!isPoint) {
-            emit({
-                layerId: 'lit-lifecycle',
-                time,
-                groupId,
-                title: name + ':start',
-                subtitle: tagName,
-                data: { phase: name, changed },
-                meta: { elementId, tagName, source },
-            });
-        }
-        let result;
-        try {
-            result = orig?.apply(this, args);
-        }
-        finally {
-            if (!isPoint) {
-                emit({
-                    layerId: 'lit-lifecycle',
-                    time: now(),
-                    groupId,
-                    title: name + ':end',
-                    subtitle: tagName,
-                    data: { phase: name },
-                    meta: { elementId, tagName, source },
-                });
-            }
-            else {
-                emit({
-                    layerId: 'lit-lifecycle',
-                    time,
-                    title: name,
-                    subtitle: tagName,
-                    data: { phase: name },
-                    meta: { elementId, tagName, source },
-                });
-            }
-        }
-        return result;
-    };
-    wrapper[BRAND] = true;
+  if (isWrapped(proto, name)) return;
+  const orig = proto[name];
+  const wrapper = function (...args) {
+    const isUpdate = name === 'performUpdate';
+    if (!recording() || !enabled()) {
+      if (!isUpdate || updateHook === null) return orig?.apply(this, args);
+      const first = isFirstUpdate(this);
+      const result = orig?.apply(this, args);
+      notifyUpdated(this, first);
+      return result;
+    }
+    const first = isUpdate && isFirstUpdate(this);
+    // Bump the per-instance tick at the *start* of each performUpdate, before
+    // computing the groupId, so this whole update cycle — performUpdate and the
+    // willUpdate/update/updated phases it nests — shares one groupId, distinct
+    // from the previous cycle's. (Reading the tick before bumping put
+    // performUpdate in a different group from its own phases and let adjacent
+    // cycles collide on the same tick.)
+    if (name === 'performUpdate') {
+      ticks.set(this, tickOf(this) + 1);
+    }
+    const elementId = idOf(this);
+    const tagName = this.localName ?? 'unknown';
+    const source = sourceOf(this);
+    const tick = tickOf(this);
+    const groupId = `${elementId}:${tick}`;
+    const time = now();
+    const changed = changedKeys(args[0]);
+    if (!isPoint) {
+      emit({
+        layerId: 'lit-lifecycle',
+        time,
+        groupId,
+        title: name + ':start',
+        subtitle: tagName,
+        data: {phase: name, changed},
+        meta: {elementId, tagName, source},
+      });
+    }
+    let result;
     try {
-        Object.defineProperty(proto, name, {
-            value: wrapper,
-            writable: true,
-            configurable: true,
+      result = orig?.apply(this, args);
+    } finally {
+      if (!isPoint) {
+        emit({
+          layerId: 'lit-lifecycle',
+          time: now(),
+          groupId,
+          title: name + ':end',
+          subtitle: tagName,
+          data: {phase: name},
+          meta: {elementId, tagName, source},
         });
+      } else {
+        emit({
+          layerId: 'lit-lifecycle',
+          time,
+          title: name,
+          subtitle: tagName,
+          data: {phase: name},
+          meta: {elementId, tagName, source},
+        });
+      }
     }
-    catch {
-        // Non-configurable slot; instrumentation degrades gracefully.
-    }
+    // After the bracket, not in it: a throwing update never completed, so it
+    // doesn't count as one.
+    if (isUpdate) notifyUpdated(this, first);
+    return result;
+  };
+  wrapper[BRAND] = true;
+  try {
+    Object.defineProperty(proto, name, {
+      value: wrapper,
+      writable: true,
+      configurable: true,
+    });
+  } catch {
+    // Non-configurable slot; instrumentation degrades gracefully.
+  }
 };
 /**
  * Finds the prototype in `proto`'s chain that *owns* `name` as an own property,
  * or null if none does.
  */
 const ownerOf = (proto, name) => {
-    let p = proto;
-    while (p !== null && !Object.prototype.hasOwnProperty.call(p, name)) {
-        p = Object.getPrototypeOf(p);
-    }
-    return p;
+  let p = proto;
+  while (p !== null && !Object.prototype.hasOwnProperty.call(p, name)) {
+    p = Object.getPrototypeOf(p);
+  }
+  return p;
 };
 /**
  * Returns any defined Lit element's prototype (duck-typed by `performUpdate`),
@@ -143,22 +164,20 @@ const ownerOf = (proto, name) => {
  * instrumentation at all.
  */
 const findLitElementProto = () => {
-    const registry = customElements._registry;
-    if (registry !== undefined) {
-        for (const ctor of Object.values(registry)) {
-            const proto = ctor?.prototype;
-            if (proto != null && 'performUpdate' in proto)
-                return proto;
-        }
+  const registry = customElements._registry;
+  if (registry !== undefined) {
+    for (const ctor of Object.values(registry)) {
+      const proto = ctor?.prototype;
+      if (proto != null && 'performUpdate' in proto) return proto;
     }
-    if (typeof document !== 'undefined') {
-        for (const el of document.querySelectorAll('*')) {
-            const proto = Object.getPrototypeOf(el);
-            if (proto != null && 'performUpdate' in proto)
-                return proto;
-        }
+  }
+  if (typeof document !== 'undefined') {
+    for (const el of document.querySelectorAll('*')) {
+      const proto = Object.getPrototypeOf(el);
+      if (proto != null && 'performUpdate' in proto) return proto;
     }
-    return null;
+  }
+  return null;
 };
 let installed = false;
 /**
@@ -177,29 +196,28 @@ let installed = false;
  * Idempotent — wrapping is brand-guarded per prototype+method.
  */
 export const installLifecycleLayer = (emit, recording, enabled) => {
-    if (installed)
-        return;
-    installed = true;
-    // Instrument from a sample already on the page (covers components defined
-    // before the runtime installed — the common case, since the runtime is
-    // injected after the app's modules).
-    const proto = findLitElementProto();
-    if (proto !== null) {
-        patchBases(proto, emit, recording, enabled);
+  if (installed) return;
+  installed = true;
+  // Instrument from a sample already on the page (covers components defined
+  // before the runtime installed — the common case, since the runtime is
+  // injected after the app's modules).
+  const proto = findLitElementProto();
+  if (proto !== null) {
+    patchBases(proto, emit, recording, enabled);
+  }
+  // Also instrument on future defines — both for components registered later
+  // and for the case where none were discoverable above. Kept installed for
+  // the page's lifetime; `patchBases` is idempotent (wrapping is brand-guarded
+  // per prototype+method), so re-running once the shared bases are wrapped is a
+  // cheap no-op.
+  const origDefine = customElements.define.bind(customElements);
+  customElements.define = (name, ctor, options) => {
+    origDefine(name, ctor, options);
+    const p = ctor?.prototype;
+    if (p != null && 'performUpdate' in p) {
+      patchBases(p, emit, recording, enabled);
     }
-    // Also instrument on future defines — both for components registered later
-    // and for the case where none were discoverable above. Kept installed for
-    // the page's lifetime; `patchBases` is idempotent (wrapping is brand-guarded
-    // per prototype+method), so re-running once the shared bases are wrapped is a
-    // cheap no-op.
-    const origDefine = customElements.define.bind(customElements);
-    customElements.define = (name, ctor, options) => {
-        origDefine(name, ctor, options);
-        const p = ctor?.prototype;
-        if (p != null && 'performUpdate' in p) {
-            patchBases(p, emit, recording, enabled);
-        }
-    };
+  };
 };
 /**
  * Wraps the lifecycle phases on the shared base prototypes reachable from
@@ -210,16 +228,14 @@ export const installLifecycleLayer = (emit, recording, enabled) => {
  * `render()`), so the timed call is the one that actually runs.
  */
 const patchBases = (sample, emit, recording, enabled) => {
-    const reProto = ownerOf(sample, 'performUpdate');
-    if (reProto === null)
-        return;
-    for (const name of UPDATE_PHASES) {
-        const owner = name === 'update' ? ownerOf(sample, 'update') : reProto;
-        if (owner !== null)
-            wrap(owner, name, false, emit, recording, enabled);
-    }
-    for (const name of POINT_PHASES) {
-        wrap(reProto, name, true, emit, recording, enabled);
-    }
+  const reProto = ownerOf(sample, 'performUpdate');
+  if (reProto === null) return;
+  for (const name of UPDATE_PHASES) {
+    const owner = name === 'update' ? ownerOf(sample, 'update') : reProto;
+    if (owner !== null) wrap(owner, name, false, emit, recording, enabled);
+  }
+  for (const name of POINT_PHASES) {
+    wrap(reProto, name, true, emit, recording, enabled);
+  }
 };
-//# sourceMappingURL=lifecycle.js.map
+//# sourceMappingURL=lifecycle.js.map

package/lib/runtime/timeline/lifecycle.js.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle.js","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/lifecycle.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 * ReactiveElement prototype instrumentation for the lifecycle timeline layer.\n *\n * Wraps the lifecycle methods listed in PHASES on the prototype of the\n * ReactiveElement class loaded by the app — not by importing lit directly,\n * to avoid multi-copy issues. The proto is resolved from the already-defined\n * custom element registry (same mechanism as the HMR patch module).\n *\n * Each wrapped method emits a paired start/end TimelineEvent so the panel\n * can render duration bars. performUpdate brackets the whole update tick and\n * bumps a per-instance tick counter that becomes the groupId shared by all\n * phase events within that tick.\n *\n * Gated by the recording flag so overhead is near-zero when idle.\n */\n\nimport {idOf, sourceOf, changedKeys} from './identity.js';\nimport {now} from './clock.js';\nimport type {TimelineEvent} from '../../../types/timeline.js';\n\ntype EmitFn = (event: TimelineEvent) => void;\ntype RecordingFn = () => boolean;\ntype LayerEnabledFn = () => boolean;\n\n/** Phases to instrument with start/end pairs. */\nconst UPDATE_PHASES = [\n  'performUpdate',\n  'willUpdate',\n  'update',\n  'updated',\n  'firstUpdated',\n] as const;\n\n/** Point-in-time lifecycle events (no end bracket). */\nconst POINT_PHASES = ['connectedCallback', 'disconnectedCallback'] as const;\n\nconst BRAND = Symbol.for('@lit-labs/vite-plugin-lit#timeline-lifecycle');\n\n/** Per-instance update tick counter (bumped inside performUpdate wrapper). */\nconst ticks = new WeakMap<object, number>();\n\nconst tickOf = (el: object): number => ticks.get(el) ?? 0;\n\ntype AnyFn = (...args: unknown[]) => unknown;\ntype Proto = Record<string | symbol, AnyFn | undefined>;\n\n/** Returns true if `proto[name]` is already our wrapper (idempotent install). */\nconst isWrapped = (proto: Proto, name: string): boolean => {\n  const fn = proto[name];\n  return (\n    typeof fn === 'function' && (fn as AnyFn & {[BRAND]?: true})[BRAND] === true\n  );\n};\n\n/**\n * Wrap `proto[name]` with a start/end pair emitting to `emit`.\n * `isPoint` methods only emit a single event (no end bracket).\n */\nconst wrap = (\n  proto: Proto,\n  name: string,\n  isPoint: boolean,\n  emit: EmitFn,\n  recording: RecordingFn,\n  enabled: LayerEnabledFn\n): void => {\n  if (isWrapped(proto, name)) return;\n  const orig = proto[name];\n\n  const wrapper: AnyFn & {[BRAND]?: true} = function (\n    this: object,\n    ...args: unknown[]\n  ) {\n    if (!recording() || !enabled()) {\n      return orig?.apply(this, args);\n    }\n\n    // Bump the per-instance tick at the *start* of each performUpdate, before\n    // computing the groupId, so this whole update cycle — performUpdate and the\n    // willUpdate/update/updated phases it nests — shares one groupId, distinct\n    // from the previous cycle's. (Reading the tick before bumping put\n    // performUpdate in a different group from its own phases and let adjacent\n    // cycles collide on the same tick.)\n    if (name === 'performUpdate') {\n      ticks.set(this, tickOf(this) + 1);\n    }\n\n    const elementId = idOf(this);\n    const tagName = (this as Element).localName ?? 'unknown';\n    const source = sourceOf(this);\n    const tick = tickOf(this);\n    const groupId = `${elementId}:${tick}`;\n    const time = now();\n    const changed = changedKeys(args[0]);\n\n    if (!isPoint) {\n      emit({\n        layerId: 'lit-lifecycle',\n        time,\n        groupId,\n        title: name + ':start',\n        subtitle: tagName,\n        data: {phase: name, changed},\n        meta: {elementId, tagName, source},\n      });\n    }\n\n    let result: unknown;\n    try {\n      result = orig?.apply(this, args);\n    } finally {\n      if (!isPoint) {\n        emit({\n          layerId: 'lit-lifecycle',\n          time: now(),\n          groupId,\n          title: name + ':end',\n          subtitle: tagName,\n          data: {phase: name},\n          meta: {elementId, tagName, source},\n        });\n      } else {\n        emit({\n          layerId: 'lit-lifecycle',\n          time,\n          title: name,\n          subtitle: tagName,\n          data: {phase: name},\n          meta: {elementId, tagName, source},\n        });\n      }\n    }\n    return result;\n  };\n  wrapper[BRAND] = true;\n\n  try {\n    Object.defineProperty(proto, name, {\n      value: wrapper,\n      writable: true,\n      configurable: true,\n    });\n  } catch {\n    // Non-configurable slot; instrumentation degrades gracefully.\n  }\n};\n\n/**\n * Finds the prototype in `proto`'s chain that *owns* `name` as an own property,\n * or null if none does.\n */\nconst ownerOf = (proto: Proto, name: string): Proto | null => {\n  let p: Proto | null = proto;\n  while (p !== null && !Object.prototype.hasOwnProperty.call(p, name)) {\n    p = Object.getPrototypeOf(p) as Proto | null;\n  }\n  return p;\n};\n\n/**\n * Returns any defined Lit element's prototype (duck-typed by `performUpdate`),\n * or null if none can be found yet. One sample is enough: its chain leads to\n * the shared ReactiveElement/LitElement base prototypes every component\n * inherits.\n *\n * Tries the non-standard `_registry` map first, then falls back to sampling a\n * live upgraded element from the DOM — `_registry` isn't present in every\n * engine (e.g. some Chrome builds), and without this fallback an app whose\n * components were all defined before the runtime installed gets no lifecycle\n * instrumentation at all.\n */\nconst findLitElementProto = (): Proto | null => {\n  const registry = (\n    customElements as unknown as {\n      _registry?: Record<string, CustomElementConstructor>;\n    }\n  )._registry;\n  if (registry !== undefined) {\n    for (const ctor of Object.values(registry)) {\n      const proto = ctor?.prototype;\n      if (proto != null && 'performUpdate' in proto) return proto as Proto;\n    }\n  }\n  if (typeof document !== 'undefined') {\n    for (const el of document.querySelectorAll('*')) {\n      const proto = Object.getPrototypeOf(el) as Proto | null;\n      if (proto != null && 'performUpdate' in proto) return proto;\n    }\n  }\n  return null;\n};\n\nlet installed = false;\n\n/**\n * Install lifecycle instrumentation for *every* Lit element on the page.\n *\n * The phases live on the shared ReactiveElement/LitElement base prototypes, so\n * wrapping them there instruments all components at once — not just the first\n * one registered (the old behavior, which also silently no-op'd when Vite\n * served the production Lit build, since that omits the `reactiveElementVersions`\n * sentinel the resolver gated on).\n *\n * A component that overrides `willUpdate`/`updated`/`firstUpdated` *without*\n * calling `super` shadows the base no-op and won't report that phase — an\n * accepted limitation; the common case and `super`-calling overrides report.\n *\n * Idempotent — wrapping is brand-guarded per prototype+method.\n */\nexport const installLifecycleLayer = (\n  emit: EmitFn,\n  recording: RecordingFn,\n  enabled: LayerEnabledFn\n): void => {\n  if (installed) return;\n  installed = true;\n\n  // Instrument from a sample already on the page (covers components defined\n  // before the runtime installed — the common case, since the runtime is\n  // injected after the app's modules).\n  const proto = findLitElementProto();\n  if (proto !== null) {\n    patchBases(proto, emit, recording, enabled);\n  }\n\n  // Also instrument on future defines — both for components registered later\n  // and for the case where none were discoverable above. Kept installed for\n  // the page's lifetime; `patchBases` is idempotent (wrapping is brand-guarded\n  // per prototype+method), so re-running once the shared bases are wrapped is a\n  // cheap no-op.\n  const origDefine = customElements.define.bind(customElements);\n  customElements.define = (name, ctor, options) => {\n    origDefine(name, ctor, options);\n    const p = ctor?.prototype as Proto | null;\n    if (p != null && 'performUpdate' in p) {\n      patchBases(p, emit, recording, enabled);\n    }\n  };\n};\n\n/**\n * Wraps the lifecycle phases on the shared base prototypes reachable from\n * `sample`. `performUpdate` is never overridden by app code, so walking up from\n * any Lit element lands on `ReactiveElement.prototype` — which owns the update/\n * connect lifecycle, shared by all components. `update` is wrapped on its\n * effective owner instead (`LitElement.prototype` overrides it to drive\n * `render()`), so the timed call is the one that actually runs.\n */\nconst patchBases = (\n  sample: Proto,\n  emit: EmitFn,\n  recording: RecordingFn,\n  enabled: LayerEnabledFn\n): void => {\n  const reProto = ownerOf(sample, 'performUpdate');\n  if (reProto === null) return;\n  for (const name of UPDATE_PHASES) {\n    const owner = name === 'update' ? ownerOf(sample, 'update') : reProto;\n    if (owner !== null) wrap(owner, name, false, emit, recording, enabled);\n  }\n  for (const name of POINT_PHASES) {\n    wrap(reProto, name, true, emit, recording, enabled);\n  }\n};\n"]}
+{"version":3,"file":"lifecycle.js","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/lifecycle.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 * ReactiveElement prototype instrumentation for the lifecycle timeline layer.\n *\n * Wraps the lifecycle methods listed in PHASES on the prototype of the\n * ReactiveElement class loaded by the app — not by importing lit directly,\n * to avoid multi-copy issues. The proto is resolved from the already-defined\n * custom element registry (same mechanism as the HMR patch module).\n *\n * Each wrapped method emits a paired start/end TimelineEvent so the panel\n * can render duration bars. performUpdate brackets the whole update tick and\n * bumps a per-instance tick counter that becomes the groupId shared by all\n * phase events within that tick.\n *\n * Gated by the recording flag so overhead is near-zero when idle.\n */\n\nimport {idOf, sourceOf, changedKeys} from './identity.js';\nimport {now} from './clock.js';\nimport type {TimelineEvent} from '../../../types/timeline.js';\n\ntype EmitFn = (event: TimelineEvent) => void;\ntype RecordingFn = () => boolean;\ntype LayerEnabledFn = () => boolean;\n\n/**\n * Called once per completed `performUpdate`, with the element and whether that\n * was its first update. Independent of the recording gate: the flash overlay\n * wants every update while it is on, whether or not the timeline is recording.\n */\nexport type UpdateHook = (el: Element, first: boolean) => void;\n\nlet updateHook: UpdateHook | null = null;\n\n/** Install (or clear, with `null`) the per-update hook. One consumer. */\nexport const setUpdateHook = (hook: UpdateHook | null): void => {\n  updateHook = hook;\n};\n\n/** Runs the update hook, never letting a consumer's throw reach the app. */\nconst notifyUpdated = (el: object, first: boolean): void => {\n  if (updateHook === null) return;\n  try {\n    updateHook(el as Element, first);\n  } catch {\n    // dev tool — an overlay bug must not break the app's update cycle\n  }\n};\n\n/** `ReactiveElement.hasUpdated`, read before the update flips it. */\nconst isFirstUpdate = (el: object): boolean =>\n  (el as {hasUpdated?: boolean}).hasUpdated !== true;\n\n/** Phases to instrument with start/end pairs. */\nconst UPDATE_PHASES = [\n  'performUpdate',\n  'willUpdate',\n  'update',\n  'updated',\n  'firstUpdated',\n] as const;\n\n/** Point-in-time lifecycle events (no end bracket). */\nconst POINT_PHASES = ['connectedCallback', 'disconnectedCallback'] as const;\n\nconst BRAND = Symbol.for('@lit-labs/vite-plugin-lit#timeline-lifecycle');\n\n/** Per-instance update tick counter (bumped inside performUpdate wrapper). */\nconst ticks = new WeakMap<object, number>();\n\nconst tickOf = (el: object): number => ticks.get(el) ?? 0;\n\ntype AnyFn = (...args: unknown[]) => unknown;\ntype Proto = Record<string | symbol, AnyFn | undefined>;\n\n/** Returns true if `proto[name]` is already our wrapper (idempotent install). */\nconst isWrapped = (proto: Proto, name: string): boolean => {\n  const fn = proto[name];\n  return (\n    typeof fn === 'function' && (fn as AnyFn & {[BRAND]?: true})[BRAND] === true\n  );\n};\n\n/**\n * Wrap `proto[name]` with a start/end pair emitting to `emit`.\n * `isPoint` methods only emit a single event (no end bracket).\n */\nconst wrap = (\n  proto: Proto,\n  name: string,\n  isPoint: boolean,\n  emit: EmitFn,\n  recording: RecordingFn,\n  enabled: LayerEnabledFn\n): void => {\n  if (isWrapped(proto, name)) return;\n  const orig = proto[name];\n\n  const wrapper: AnyFn & {[BRAND]?: true} = function (\n    this: object,\n    ...args: unknown[]\n  ) {\n    const isUpdate = name === 'performUpdate';\n    if (!recording() || !enabled()) {\n      if (!isUpdate || updateHook === null) return orig?.apply(this, args);\n      const first = isFirstUpdate(this);\n      const result = orig?.apply(this, args);\n      notifyUpdated(this, first);\n      return result;\n    }\n    const first = isUpdate && isFirstUpdate(this);\n\n    // Bump the per-instance tick at the *start* of each performUpdate, before\n    // computing the groupId, so this whole update cycle — performUpdate and the\n    // willUpdate/update/updated phases it nests — shares one groupId, distinct\n    // from the previous cycle's. (Reading the tick before bumping put\n    // performUpdate in a different group from its own phases and let adjacent\n    // cycles collide on the same tick.)\n    if (name === 'performUpdate') {\n      ticks.set(this, tickOf(this) + 1);\n    }\n\n    const elementId = idOf(this);\n    const tagName = (this as Element).localName ?? 'unknown';\n    const source = sourceOf(this);\n    const tick = tickOf(this);\n    const groupId = `${elementId}:${tick}`;\n    const time = now();\n    const changed = changedKeys(args[0]);\n\n    if (!isPoint) {\n      emit({\n        layerId: 'lit-lifecycle',\n        time,\n        groupId,\n        title: name + ':start',\n        subtitle: tagName,\n        data: {phase: name, changed},\n        meta: {elementId, tagName, source},\n      });\n    }\n\n    let result: unknown;\n    try {\n      result = orig?.apply(this, args);\n    } finally {\n      if (!isPoint) {\n        emit({\n          layerId: 'lit-lifecycle',\n          time: now(),\n          groupId,\n          title: name + ':end',\n          subtitle: tagName,\n          data: {phase: name},\n          meta: {elementId, tagName, source},\n        });\n      } else {\n        emit({\n          layerId: 'lit-lifecycle',\n          time,\n          title: name,\n          subtitle: tagName,\n          data: {phase: name},\n          meta: {elementId, tagName, source},\n        });\n      }\n    }\n    // After the bracket, not in it: a throwing update never completed, so it\n    // doesn't count as one.\n    if (isUpdate) notifyUpdated(this, first);\n    return result;\n  };\n  wrapper[BRAND] = true;\n\n  try {\n    Object.defineProperty(proto, name, {\n      value: wrapper,\n      writable: true,\n      configurable: true,\n    });\n  } catch {\n    // Non-configurable slot; instrumentation degrades gracefully.\n  }\n};\n\n/**\n * Finds the prototype in `proto`'s chain that *owns* `name` as an own property,\n * or null if none does.\n */\nconst ownerOf = (proto: Proto, name: string): Proto | null => {\n  let p: Proto | null = proto;\n  while (p !== null && !Object.prototype.hasOwnProperty.call(p, name)) {\n    p = Object.getPrototypeOf(p) as Proto | null;\n  }\n  return p;\n};\n\n/**\n * Returns any defined Lit element's prototype (duck-typed by `performUpdate`),\n * or null if none can be found yet. One sample is enough: its chain leads to\n * the shared ReactiveElement/LitElement base prototypes every component\n * inherits.\n *\n * Tries the non-standard `_registry` map first, then falls back to sampling a\n * live upgraded element from the DOM — `_registry` isn't present in every\n * engine (e.g. some Chrome builds), and without this fallback an app whose\n * components were all defined before the runtime installed gets no lifecycle\n * instrumentation at all.\n */\nconst findLitElementProto = (): Proto | null => {\n  const registry = (\n    customElements as unknown as {\n      _registry?: Record<string, CustomElementConstructor>;\n    }\n  )._registry;\n  if (registry !== undefined) {\n    for (const ctor of Object.values(registry)) {\n      const proto = ctor?.prototype;\n      if (proto != null && 'performUpdate' in proto) return proto as Proto;\n    }\n  }\n  if (typeof document !== 'undefined') {\n    for (const el of document.querySelectorAll('*')) {\n      const proto = Object.getPrototypeOf(el) as Proto | null;\n      if (proto != null && 'performUpdate' in proto) return proto;\n    }\n  }\n  return null;\n};\n\nlet installed = false;\n\n/**\n * Install lifecycle instrumentation for *every* Lit element on the page.\n *\n * The phases live on the shared ReactiveElement/LitElement base prototypes, so\n * wrapping them there instruments all components at once — not just the first\n * one registered (the old behavior, which also silently no-op'd when Vite\n * served the production Lit build, since that omits the `reactiveElementVersions`\n * sentinel the resolver gated on).\n *\n * A component that overrides `willUpdate`/`updated`/`firstUpdated` *without*\n * calling `super` shadows the base no-op and won't report that phase — an\n * accepted limitation; the common case and `super`-calling overrides report.\n *\n * Idempotent — wrapping is brand-guarded per prototype+method.\n */\nexport const installLifecycleLayer = (\n  emit: EmitFn,\n  recording: RecordingFn,\n  enabled: LayerEnabledFn\n): void => {\n  if (installed) return;\n  installed = true;\n\n  // Instrument from a sample already on the page (covers components defined\n  // before the runtime installed — the common case, since the runtime is\n  // injected after the app's modules).\n  const proto = findLitElementProto();\n  if (proto !== null) {\n    patchBases(proto, emit, recording, enabled);\n  }\n\n  // Also instrument on future defines — both for components registered later\n  // and for the case where none were discoverable above. Kept installed for\n  // the page's lifetime; `patchBases` is idempotent (wrapping is brand-guarded\n  // per prototype+method), so re-running once the shared bases are wrapped is a\n  // cheap no-op.\n  const origDefine = customElements.define.bind(customElements);\n  customElements.define = (name, ctor, options) => {\n    origDefine(name, ctor, options);\n    const p = ctor?.prototype as Proto | null;\n    if (p != null && 'performUpdate' in p) {\n      patchBases(p, emit, recording, enabled);\n    }\n  };\n};\n\n/**\n * Wraps the lifecycle phases on the shared base prototypes reachable from\n * `sample`. `performUpdate` is never overridden by app code, so walking up from\n * any Lit element lands on `ReactiveElement.prototype` — which owns the update/\n * connect lifecycle, shared by all components. `update` is wrapped on its\n * effective owner instead (`LitElement.prototype` overrides it to drive\n * `render()`), so the timed call is the one that actually runs.\n */\nconst patchBases = (\n  sample: Proto,\n  emit: EmitFn,\n  recording: RecordingFn,\n  enabled: LayerEnabledFn\n): void => {\n  const reProto = ownerOf(sample, 'performUpdate');\n  if (reProto === null) return;\n  for (const name of UPDATE_PHASES) {\n    const owner = name === 'update' ? ownerOf(sample, 'update') : reProto;\n    if (owner !== null) wrap(owner, name, false, emit, recording, enabled);\n  }\n  for (const name of POINT_PHASES) {\n    wrap(reProto, name, true, emit, recording, enabled);\n  }\n};\n"]}

package/lib/runtime/timeline/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/public-api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAE7E,YAAY,EAAC,aAAa,EAAE,aAAa,EAAC,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,aAAa,KAAG,IAEvD,CAAC;AAIF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,aAAa,KAAG,IAOvD,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/public-api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAE7E,YAAY,EAAC,aAAa,EAAE,aAAa,EAAC,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,UAAW,aAAa,KAAG,IAEvD,CAAC;AAIF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,UAAW,aAAa,KAAG,IAOvD,CAAC"}

package/lib/runtime/timeline/public-api.js

@@ -11,7 +11,7 @@
  * This module shares the same `transport.ts` instance as `install.ts`, so
  * events emitted here flow through the same batched HMR channel to the panel.
  */
-import { emit, setHotClientCallback } from './transport.js';
+import {emit, setHotClientCallback} from './transport.js';
 /**
  * Emit a custom timeline event from app code.
  *
@@ -24,7 +24,7 @@ import { emit, setHotClientCallback } from './transport.js';
  * transport queue).
  */
 export const addTimelineEvent = (event) => {
-    emit(event);
+  emit(event);
 };
 /**
  * Register a custom timeline layer and announce it to the panel.
@@ -34,11 +34,11 @@ export const addTimelineEvent = (event) => {
  * ignored.
  */
 export const addTimelineLayer = (layer) => {
-    const send = () => {
-        import.meta.hot?.send('lit:timeline:custom-layer', {
-            layer,
-        });
-    };
-    setHotClientCallback(send);
+  const send = () => {
+    import.meta.hot?.send('lit:timeline:custom-layer', {
+      layer,
+    });
+  };
+  setHotClientCallback(send);
 };
-//# sourceMappingURL=public-api.js.map
+//# sourceMappingURL=public-api.js.map

package/lib/runtime/timeline/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/public-api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;GAOG;AAEH,OAAO,EAAC,IAAI,EAAE,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAK1D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAQ,EAAE;IAC7D,IAAI,CAAC,KAAK,CAAC,CAAC;AACd,CAAC,CAAC;AAIF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAQ,EAAE;IAC7D,MAAM,IAAI,GAAG,GAAS,EAAE;QACrB,MAAM,CAAC,IAAwB,CAAC,GAAG,EAAE,IAAI,CAAC,2BAA2B,EAAE;YACtE,KAAK;SACN,CAAC,CAAC;IACL,CAAC,CAAC;IACF,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Public timeline API — re-exported by the `virtual:lit-plugin/timeline`\n * virtual module so app code and other plugins can contribute events and\n * custom layers without reaching into plugin internals.\n *\n * This module shares the same `transport.ts` instance as `install.ts`, so\n * events emitted here flow through the same batched HMR channel to the panel.\n */\n\nimport {emit, setHotClientCallback} from './transport.js';\nimport type {TimelineEvent, TimelineLayer} from '../../../types/timeline.js';\n\nexport type {TimelineEvent, TimelineLayer};\n\n/**\n * Emit a custom timeline event from app code.\n *\n * The event is forwarded to the Timeline panel when recording is active.\n * Use a custom `layerId` registered with `addTimelineLayer`, or one of the\n * built-in layer ids (`'lit-lifecycle'`, `'lit-render'`, `'mouse'`,\n * `'keyboard'`).\n *\n * No-ops in production (the HMR channel is absent; events are dropped in the\n * transport queue).\n */\nexport const addTimelineEvent = (event: TimelineEvent): void => {\n  emit(event);\n};\n\ntype ViteHot = {send: (event: string, data: unknown) => void};\n\n/**\n * Register a custom timeline layer and announce it to the panel.\n *\n * The panel adds the layer to its toggle strip after the built-in layers.\n * The registration message is sent once on first call; duplicate ids are\n * ignored.\n */\nexport const addTimelineLayer = (layer: TimelineLayer): void => {\n  const send = (): void => {\n    (import.meta as {hot?: ViteHot}).hot?.send('lit:timeline:custom-layer', {\n      layer,\n    });\n  };\n  setHotClientCallback(send);\n};\n"]}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/public-api.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;GAOG;AAEH,OAAO,EAAC,IAAI,EAAE,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAK1D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAQ,EAAE;IAC7D,IAAI,CAAC,KAAK,CAAC,CAAC;AACd,CAAC,CAAC;AAIF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAoB,EAAQ,EAAE;IAC7D,MAAM,IAAI,GAAG,GAAS,EAAE;QACrB,OAAO,IAAwB,CAAC,GAAG,EAAE,IAAI,CAAC,2BAA2B,EAAE;YACtE,KAAK;SACN,CAAC,CAAC;IACL,CAAC,CAAC;IACF,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Public timeline API — re-exported by the `virtual:lit-plugin/timeline`\n * virtual module so app code and other plugins can contribute events and\n * custom layers without reaching into plugin internals.\n *\n * This module shares the same `transport.ts` instance as `install.ts`, so\n * events emitted here flow through the same batched HMR channel to the panel.\n */\n\nimport {emit, setHotClientCallback} from './transport.js';\nimport type {TimelineEvent, TimelineLayer} from '../../../types/timeline.js';\n\nexport type {TimelineEvent, TimelineLayer};\n\n/**\n * Emit a custom timeline event from app code.\n *\n * The event is forwarded to the Timeline panel when recording is active.\n * Use a custom `layerId` registered with `addTimelineLayer`, or one of the\n * built-in layer ids (`'lit-lifecycle'`, `'lit-render'`, `'mouse'`,\n * `'keyboard'`).\n *\n * No-ops in production (the HMR channel is absent; events are dropped in the\n * transport queue).\n */\nexport const addTimelineEvent = (event: TimelineEvent): void => {\n  emit(event);\n};\n\ntype ViteHot = {send: (event: string, data: unknown) => void};\n\n/**\n * Register a custom timeline layer and announce it to the panel.\n *\n * The panel adds the layer to its toggle strip after the built-in layers.\n * The registration message is sent once on first call; duplicate ids are\n * ignored.\n */\nexport const addTimelineLayer = (layer: TimelineLayer): void => {\n  const send = (): void => {\n    (import.meta as {hot?: ViteHot}).hot?.send('lit:timeline:custom-layer', {\n      layer,\n    });\n  };\n  setHotClientCallback(send);\n};\n"]}

package/lib/runtime/timeline/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/render.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAI9D,KAAK,MAAM,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;AAC7C,KAAK,WAAW,GAAG,MAAM,OAAO,CAAC;AACjC,KAAK,cAAc,GAAG,MAAM,OAAO,CAAC;AAmGpC;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,WAAW,WAAW,EACtB,cAAc,cAAc,KAC3B,IASF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,SAAS,OAAO,KAAG,IAGxD,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,oBAAoB,QAAO,IAIvC,CAAC"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/lib/runtime/timeline/render.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAI9D,KAAK,MAAM,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;AAC7C,KAAK,WAAW,GAAG,MAAM,OAAO,CAAC;AACjC,KAAK,cAAc,GAAG,MAAM,OAAO,CAAC;AAmGpC;;;GAGG;AACH,eAAO,MAAM,kBAAkB,SACvB,MAAM,aACD,WAAW,gBACR,cAAc,KAC3B,IASF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,YAAa,OAAO,KAAG,IAGxD,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,oBAAoB,QAAO,IAIvC,CAAC"}