@oddsquad/vite-plugin-lit 0.0.3 → 0.1.0

package/lib/runtime/timeline/transport.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * Buffered transport for timeline events.
+ *
+ * Phase 0/1: forwards events over Vite's HMR WebSocket channel
+ * (`import.meta.hot.send`). This avoids the need for a separate devframe
+ * RPC connection in early phases and works with any Vite dev server.
+ *
+ * Phase 2 migration: replace `sendViaHmr` with `sendViaRpc` when the
+ * devframe RPC client is available (injected by the panel's clientScript).
+ *
+ * Batching: we coalesce events with `queueMicrotask` so a burst of
+ * commit/set-part events from a single render doesn't hammer the channel
+ * with one message per event.
+ */
+import type { TimelineEvent } from '../../../types/timeline.js';
+type HotClient = {
+    send: (event: string, data: unknown) => void;
+};
+/**
+ * Register the HMR hot client.
+ * Called by install.ts after import.meta.hot check.
+ * Flushes any queued events and fires pending one-shot callbacks.
+ */
+export declare const setHotClient: (hot: HotClient) => void;
+/**
+ * Register a callback to be invoked once the HMR client is available.
+ * If the client is already set the callback is fired on the next microtask.
+ */
+export declare const setHotClientCallback: (cb: () => void) => void;
+/**
+ * Enqueue a timeline event for forwarding to the Vite server.
+ * Batches via microtask so a single synchronous render burst
+ * doesn't send dozens of individual messages.
+ */
+export declare const emit: (event: TimelineEvent) => void;
+export {};
+//# sourceMappingURL=transport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transport.d.ts","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/transport.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAE9D,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAmBF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,KAAK,SAAS,KAAG,IAe7C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,IAAI,MAAM,IAAI,KAAG,IAMrD,CAAC;AAaF;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,aAAa,KAAG,IAc3C,CAAC"}

package/lib/runtime/timeline/transport.js

@@ -0,0 +1,86 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const queue = [];
+let flushScheduled = false;
+let hotClient = null;
+/**
+ * Cap on events retained while no hot client is connected. Without a client
+ * `flush()` cannot drain the queue, so an uncapped buffer would grow for the
+ * whole session (in production, or before `install.ts` wires the client).
+ * We keep only the most recent events; the retained tail flushes if a client
+ * later connects.
+ */
+const MAX_PENDING = 1000;
+// Callbacks registered before the hot client was available (e.g. addTimelineLayer
+// called at module init time before install.ts has set the client).
+const pendingCallbacks = [];
+/**
+ * Register the HMR hot client.
+ * Called by install.ts after import.meta.hot check.
+ * Flushes any queued events and fires pending one-shot callbacks.
+ */
+export const setHotClient = (hot) => {
+    hotClient = hot;
+    // Drain any events that arrived before the client was wired.
+    if (queue.length > 0 && !flushScheduled) {
+        flushScheduled = true;
+        queueMicrotask(flush);
+    }
+    // Fire one-shot callbacks (e.g. addTimelineLayer announcements).
+    for (const cb of pendingCallbacks.splice(0)) {
+        try {
+            cb();
+        }
+        catch {
+            // ignore
+        }
+    }
+};
+/**
+ * Register a callback to be invoked once the HMR client is available.
+ * If the client is already set the callback is fired on the next microtask.
+ */
+export const setHotClientCallback = (cb) => {
+    if (hotClient !== null) {
+        queueMicrotask(cb);
+    }
+    else {
+        pendingCallbacks.push(cb);
+    }
+};
+const flush = () => {
+    flushScheduled = false;
+    if (queue.length === 0 || hotClient === null)
+        return;
+    const batch = queue.splice(0);
+    try {
+        hotClient.send('lit:timeline:push-event', { events: batch });
+    }
+    catch {
+        // HMR channel may be temporarily unavailable; events are dropped.
+    }
+};
+/**
+ * Enqueue a timeline event for forwarding to the Vite server.
+ * Batches via microtask so a single synchronous render burst
+ * doesn't send dozens of individual messages.
+ */
+export const emit = (event) => {
+    queue.push(event);
+    if (hotClient === null) {
+        // No consumer yet: bound the buffer instead of scheduling a flush that
+        // would only no-op. `setHotClient` drains the retained tail on connect.
+        if (queue.length > MAX_PENDING) {
+            queue.splice(0, queue.length - MAX_PENDING);
+        }
+        return;
+    }
+    if (!flushScheduled) {
+        flushScheduled = true;
+        queueMicrotask(flush);
+    }
+};
+//# sourceMappingURL=transport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transport.js","sourceRoot":"","sources":["../../../../../packages/labs/vite-plugin-lit/src/lib/runtime/timeline/transport.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAuBH,MAAM,KAAK,GAAoB,EAAE,CAAC;AAClC,IAAI,cAAc,GAAG,KAAK,CAAC;AAC3B,IAAI,SAAS,GAAqB,IAAI,CAAC;AAEvC;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,IAAI,CAAC;AAEzB,kFAAkF;AAClF,oEAAoE;AACpE,MAAM,gBAAgB,GAAsB,EAAE,CAAC;AAE/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAc,EAAQ,EAAE;IACnD,SAAS,GAAG,GAAG,CAAC;IAChB,6DAA6D;IAC7D,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QACxC,cAAc,GAAG,IAAI,CAAC;QACtB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IACD,iEAAiE;IACjE,KAAK,MAAM,EAAE,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5C,IAAI,CAAC;YACH,EAAE,EAAE,CAAC;QACP,CAAC;QAAC,MAAM,CAAC;YACP,SAAS;QACX,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAc,EAAQ,EAAE;IAC3D,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QACvB,cAAc,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC;SAAM,CAAC;QACN,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC5B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,GAAS,EAAE;IACvB,cAAc,GAAG,KAAK,CAAC;IACvB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO;IACrD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,CAAC;QACH,SAAS,CAAC,IAAI,CAAC,yBAAyB,EAAE,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;IAC7D,CAAC;IAAC,MAAM,CAAC;QACP,kEAAkE;IACpE,CAAC;AACH,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAoB,EAAQ,EAAE;IACjD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClB,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QACvB,uEAAuE;QACvE,wEAAwE;QACxE,IAAI,KAAK,CAAC,MAAM,GAAG,WAAW,EAAE,CAAC;YAC/B,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;QAC9C,CAAC;QACD,OAAO;IACT,CAAC;IACD,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,cAAc,GAAG,IAAI,CAAC;QACtB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;AACH,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Buffered transport for timeline events.\n *\n * Phase 0/1: forwards events over Vite's HMR WebSocket channel\n * (`import.meta.hot.send`). This avoids the need for a separate devframe\n * RPC connection in early phases and works with any Vite dev server.\n *\n * Phase 2 migration: replace `sendViaHmr` with `sendViaRpc` when the\n * devframe RPC client is available (injected by the panel's clientScript).\n *\n * Batching: we coalesce events with `queueMicrotask` so a burst of\n * commit/set-part events from a single render doesn't hammer the channel\n * with one message per event.\n */\n\nimport type {TimelineEvent} from '../../../types/timeline.js';\n\ntype HotClient = {\n  send: (event: string, data: unknown) => void;\n};\n\nconst queue: TimelineEvent[] = [];\nlet flushScheduled = false;\nlet hotClient: HotClient | null = null;\n\n/**\n * Cap on events retained while no hot client is connected. Without a client\n * `flush()` cannot drain the queue, so an uncapped buffer would grow for the\n * whole session (in production, or before `install.ts` wires the client).\n * We keep only the most recent events; the retained tail flushes if a client\n * later connects.\n */\nconst MAX_PENDING = 1000;\n\n// Callbacks registered before the hot client was available (e.g. addTimelineLayer\n// called at module init time before install.ts has set the client).\nconst pendingCallbacks: Array<() => void> = [];\n\n/**\n * Register the HMR hot client.\n * Called by install.ts after import.meta.hot check.\n * Flushes any queued events and fires pending one-shot callbacks.\n */\nexport const setHotClient = (hot: HotClient): void => {\n  hotClient = hot;\n  // Drain any events that arrived before the client was wired.\n  if (queue.length > 0 && !flushScheduled) {\n    flushScheduled = true;\n    queueMicrotask(flush);\n  }\n  // Fire one-shot callbacks (e.g. addTimelineLayer announcements).\n  for (const cb of pendingCallbacks.splice(0)) {\n    try {\n      cb();\n    } catch {\n      // ignore\n    }\n  }\n};\n\n/**\n * Register a callback to be invoked once the HMR client is available.\n * If the client is already set the callback is fired on the next microtask.\n */\nexport const setHotClientCallback = (cb: () => void): void => {\n  if (hotClient !== null) {\n    queueMicrotask(cb);\n  } else {\n    pendingCallbacks.push(cb);\n  }\n};\n\nconst flush = (): void => {\n  flushScheduled = false;\n  if (queue.length === 0 || hotClient === null) return;\n  const batch = queue.splice(0);\n  try {\n    hotClient.send('lit:timeline:push-event', {events: batch});\n  } catch {\n    // HMR channel may be temporarily unavailable; events are dropped.\n  }\n};\n\n/**\n * Enqueue a timeline event for forwarding to the Vite server.\n * Batches via microtask so a single synchronous render burst\n * doesn't send dozens of individual messages.\n */\nexport const emit = (event: TimelineEvent): void => {\n  queue.push(event);\n  if (hotClient === null) {\n    // No consumer yet: bound the buffer instead of scheduling a flush that\n    // would only no-op. `setHotClient` drains the retained tail on connect.\n    if (queue.length > MAX_PENDING) {\n      queue.splice(0, queue.length - MAX_PENDING);\n    }\n    return;\n  }\n  if (!flushScheduled) {\n    flushScheduled = true;\n    queueMicrotask(flush);\n  }\n};\n"]}

package/lib/segmented-tabs.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import { LitElement } from 'lit';
+export interface TabItem {
+    id: string;
+    label: string;
+    icon?: string;
+}
+export type SegTabSize = 'sm' | 'md';
+/**
+ * Inline segmented tab control. Renders a horizontal row of text-only tabs
+ * with the active one highlighted by the accent color.
+ *
+ * Matches the SegmentedTabs spec from the Lit Design System devtools kit.
+ */
+export declare class SegmentedTabs extends LitElement {
+    static styles: import("lit").CSSResult[];
+    items: TabItem[];
+    value: string;
+    size: SegTabSize;
+    constructor();
+    private _select;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'segmented-tabs': SegmentedTabs;
+    }
+}
+//# sourceMappingURL=segmented-tabs.d.ts.map

package/lib/segmented-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-tabs.d.ts","sourceRoot":"","sources":["../../../packages/labs/vite-plugin-lit/src/lib/segmented-tabs.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAqB,MAAM,KAAK,CAAC;AAInD,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC;;;;;GAKG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAuDpB;IAE+B,KAAK,EAAE,OAAO,EAAE,CAAC;IAE9B,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,UAAU,CAAC;;IASrC,OAAO,CAAC,OAAO;IAWN,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/lib/segmented-tabs.js

@@ -0,0 +1,129 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { tokens } from './tokens.js';
+/**
+ * Inline segmented tab control. Renders a horizontal row of text-only tabs
+ * with the active one highlighted by the accent color.
+ *
+ * Matches the SegmentedTabs spec from the Lit Design System devtools kit.
+ */
+let SegmentedTabs = class SegmentedTabs extends LitElement {
+    static { this.styles = [
+        tokens,
+        css `
+      :host {
+        display: flex;
+        gap: var(--lit-devtools-space-1);
+        align-self: stretch;
+      }
+      button {
+        appearance: none;
+        display: flex;
+        align-items: center;
+        gap: var(--lit-devtools-space-2);
+        border: 0;
+        background: none;
+        font: inherit;
+        color: var(--lit-devtools-text-muted);
+        padding: 0 var(--lit-devtools-space-5);
+        cursor: pointer;
+        border-bottom: 2px solid transparent;
+        white-space: nowrap;
+        transition:
+          color var(--lit-devtools-dur-fast) var(--lit-devtools-ease-standard),
+          border-color var(--lit-devtools-dur-fast)
+            var(--lit-devtools-ease-standard),
+          background var(--lit-devtools-dur-fast)
+            var(--lit-devtools-ease-standard);
+      }
+      button:hover {
+        color: var(--lit-devtools-text);
+        background: var(--lit-devtools-surface-hover);
+      }
+      button.active {
+        color: var(--lit-devtools-accent);
+        border-bottom-color: var(--lit-devtools-accent);
+      }
+      button:focus-visible {
+        outline: 2px solid var(--lit-devtools-accent-ring);
+        outline-offset: -2px;
+      }
+      button svg {
+        width: 18px;
+        height: 18px;
+        flex-shrink: 0;
+      }
+      :host([size='sm']) button {
+        font-size: var(--lit-devtools-text-xs);
+        padding: 0 var(--lit-devtools-space-4);
+      }
+      :host([size='md']) button,
+      :host(:not([size])) button {
+        font-size: var(--lit-devtools-text-sm);
+        padding: 0 var(--lit-devtools-space-5);
+      }
+    `,
+    ]; }
+    constructor() {
+        super();
+        this.items = [];
+        this.value = '';
+        this.size = 'md';
+    }
+    _select(id) {
+        this.value = id;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { value: id },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return html `
+      ${this.items.map((item) => html `
+          <button
+            role="tab"
+            aria-selected=${item.id === this.value}
+            class=${item.id === this.value ? 'active' : ''}
+            @click=${() => this._select(item.id)}
+          >
+            ${item.icon
+            ? html `<svg
+                  viewBox="0 0 256 256"
+                  fill="currentColor"
+                  aria-hidden="true"
+                >
+                  <path d=${item.icon} />
+                </svg>`
+            : nothing}
+            ${item.label}
+          </button>
+        `)}
+    `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], SegmentedTabs.prototype, "items", void 0);
+__decorate([
+    property()
+], SegmentedTabs.prototype, "value", void 0);
+__decorate([
+    property()
+], SegmentedTabs.prototype, "size", void 0);
+SegmentedTabs = __decorate([
+    customElement('segmented-tabs')
+], SegmentedTabs);
+export { SegmentedTabs };
+//# sourceMappingURL=segmented-tabs.js.map

package/lib/segmented-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-tabs.js","sourceRoot":"","sources":["../../../packages/labs/vite-plugin-lit/src/lib/segmented-tabs.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;;;;;;AAEH,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAC,MAAM,KAAK,CAAC;AACnD,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAUnC;;;;;GAKG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;aAC3B,WAAM,GAAG;QACvB,MAAM;QACN,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoDF;KACF,AAvDqB,CAuDpB;IAQF;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAEO,OAAO,CAAC,EAAU;QACxB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,EAAC,KAAK,EAAE,EAAE,EAAC;YACnB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,KAAK,CAAC,GAAG,CACd,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;;4BAGM,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK;oBAC9B,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;qBACrC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;;cAElC,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;;;;4BAKQ,IAAI,CAAC,IAAI;uBACd;YACT,CAAC,CAAC,OAAO;cACT,IAAI,CAAC,KAAK;;SAEf,CACF;KACF,CAAC;IACJ,CAAC;;AAhDgC;IAAhC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;4CAA0B;AAE9B;IAAnB,QAAQ,EAAE;4CAAuB;AAEd;IAAnB,QAAQ,EAAE;2CAA0B;AA9D1B,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA2GzB","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport {LitElement, html, css, nothing} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {tokens} from './tokens.js';\n\nexport interface TabItem {\n  id: string;\n  label: string;\n  icon?: string;\n}\n\nexport type SegTabSize = 'sm' | 'md';\n\n/**\n * Inline segmented tab control. Renders a horizontal row of text-only tabs\n * with the active one highlighted by the accent color.\n *\n * Matches the SegmentedTabs spec from the Lit Design System devtools kit.\n */\n@customElement('segmented-tabs')\nexport class SegmentedTabs extends LitElement {\n  static override styles = [\n    tokens,\n    css`\n      :host {\n        display: flex;\n        gap: var(--lit-devtools-space-1);\n        align-self: stretch;\n      }\n      button {\n        appearance: none;\n        display: flex;\n        align-items: center;\n        gap: var(--lit-devtools-space-2);\n        border: 0;\n        background: none;\n        font: inherit;\n        color: var(--lit-devtools-text-muted);\n        padding: 0 var(--lit-devtools-space-5);\n        cursor: pointer;\n        border-bottom: 2px solid transparent;\n        white-space: nowrap;\n        transition:\n          color var(--lit-devtools-dur-fast) var(--lit-devtools-ease-standard),\n          border-color var(--lit-devtools-dur-fast)\n            var(--lit-devtools-ease-standard),\n          background var(--lit-devtools-dur-fast)\n            var(--lit-devtools-ease-standard);\n      }\n      button:hover {\n        color: var(--lit-devtools-text);\n        background: var(--lit-devtools-surface-hover);\n      }\n      button.active {\n        color: var(--lit-devtools-accent);\n        border-bottom-color: var(--lit-devtools-accent);\n      }\n      button:focus-visible {\n        outline: 2px solid var(--lit-devtools-accent-ring);\n        outline-offset: -2px;\n      }\n      button svg {\n        width: 18px;\n        height: 18px;\n        flex-shrink: 0;\n      }\n      :host([size='sm']) button {\n        font-size: var(--lit-devtools-text-xs);\n        padding: 0 var(--lit-devtools-space-4);\n      }\n      :host([size='md']) button,\n      :host(:not([size])) button {\n        font-size: var(--lit-devtools-text-sm);\n        padding: 0 var(--lit-devtools-space-5);\n      }\n    `,\n  ];\n\n  @property({type: Array}) declare items: TabItem[];\n\n  @property() declare value: string;\n\n  @property() declare size: SegTabSize;\n\n  constructor() {\n    super();\n    this.items = [];\n    this.value = '';\n    this.size = 'md';\n  }\n\n  private _select(id: string): void {\n    this.value = id;\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: {value: id},\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  override render() {\n    return html`\n      ${this.items.map(\n        (item) => html`\n          <button\n            role=\"tab\"\n            aria-selected=${item.id === this.value}\n            class=${item.id === this.value ? 'active' : ''}\n            @click=${() => this._select(item.id)}\n          >\n            ${item.icon\n              ? html`<svg\n                  viewBox=\"0 0 256 256\"\n                  fill=\"currentColor\"\n                  aria-hidden=\"true\"\n                >\n                  <path d=${item.icon} />\n                </svg>`\n              : nothing}\n            ${item.label}\n          </button>\n        `\n      )}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'segmented-tabs': SegmentedTabs;\n  }\n}\n"]}

package/lib/source-meta.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import type MagicString from 'magic-string';
+/** Stable key shared between transform output and runtime resolution. */
+export declare const SOURCE_META_KEY = "@lit-labs/vite-plugin-lit#source";
+/**
+ * The expression string used in generated code to reference the shared
+ * symbol at runtime.
+ */
+export declare const SOURCE_META_SYM = "Symbol.for('@lit-labs/vite-plugin-lit#source')";
+export interface InjectedSourceMeta {
+    filePath: string;
+    lineNumber: number;
+    componentName?: string;
+}
+/** 1-based line number for an index in source text. */
+export declare const lineNumberAt: (code: string, index: number) => number;
+/**
+ * Injects component source metadata onto custom element class constructors.
+ * Returns whether any injection was made.
+ */
+export declare const injectSourceMeta: (code: string, filePath: string, ms: MagicString) => boolean;
+//# sourceMappingURL=source-meta.d.ts.map

package/lib/source-meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-meta.d.ts","sourceRoot":"","sources":["../../../packages/labs/vite-plugin-lit/src/lib/source-meta.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,WAAW,MAAM,cAAc,CAAC;AAE5C,yEAAyE;AACzE,eAAO,MAAM,eAAe,qCAAqC,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,eAAe,mDAAqC,CAAC;AAElE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,uDAAuD;AACvD,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAClB,CAAC;AAkE1C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,MAAM,MAAM,EACZ,UAAU,MAAM,EAChB,IAAI,WAAW,KACd,OA8DF,CAAC"}

package/lib/source-meta.js

@@ -0,0 +1,129 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/** Stable key shared between transform output and runtime resolution. */
+export const SOURCE_META_KEY = '@lit-labs/vite-plugin-lit#source';
+/**
+ * The expression string used in generated code to reference the shared
+ * symbol at runtime.
+ */
+export const SOURCE_META_SYM = `Symbol.for('${SOURCE_META_KEY}')`;
+/** 1-based line number for an index in source text. */
+export const lineNumberAt = (code, index) => code.slice(0, index).split('\n').length;
+/**
+ * Finds the index after the closing `}` of a class body starting at
+ * `classStart`. Skips braces inside strings, template literals, and regex
+ * literals so those don't throw off the count.
+ */
+const findClassBodyEnd = (code, classStart) => {
+    const open = code.indexOf('{', classStart);
+    if (open === -1)
+        return -1;
+    let depth = 1;
+    let i = open + 1;
+    while (i < code.length && depth > 0) {
+        const ch = code[i];
+        if (ch === '"' || ch === "'") {
+            const quote = ch;
+            i++;
+            while (i < code.length && code[i] !== quote) {
+                if (code[i] === '\\')
+                    i++;
+                i++;
+            }
+            i++;
+            continue;
+        }
+        if (ch === '`') {
+            i++;
+            while (i < code.length && code[i] !== '`') {
+                if (code[i] === '\\')
+                    i++;
+                i++;
+            }
+            i++;
+            continue;
+        }
+        if (ch === '/') {
+            const prev = i > 0 ? code[i - 1] : '';
+            if (/[=:(,+\-!&|?{}[; ]/.test(prev)) {
+                i++;
+                while (i < code.length && code[i] !== '/') {
+                    if (code[i] === '\\')
+                        i++;
+                    i++;
+                }
+                i++;
+                continue;
+            }
+        }
+        if (ch === '{')
+            depth++;
+        else if (ch === '}')
+            depth--;
+        i++;
+    }
+    return depth === 0 ? i : -1;
+};
+const makeAssignment = (className, filePath, lineNumber) => `${className}[${SOURCE_META_SYM}]={filePath:${JSON.stringify(filePath)},lineNumber:${lineNumber},componentName:${JSON.stringify(className)}};`;
+/** True when `className` is declared as a class/let/const in module code. */
+const isClassDeclaredInModule = (code, className) => new RegExp(`^\\s*(?:export\\s+)?(?:class|let|const|var)\\s+${className}\\b`, 'm').test(code);
+/**
+ * Injects component source metadata onto custom element class constructors.
+ * Returns whether any injection was made.
+ */
+export const injectSourceMeta = (code, filePath, ms) => {
+    if (code.includes(SOURCE_META_SYM)) {
+        return false;
+    }
+    let changed = false;
+    const injected = new Set();
+    const injectAtClassEnd = (className, matchIndex, match) => {
+        if (injected.has(className))
+            return;
+        const classOffset = match.indexOf('class');
+        if (classOffset === -1)
+            return;
+        const classStart = matchIndex + classOffset;
+        const end = findClassBodyEnd(code, classStart);
+        if (end === -1)
+            return;
+        // Report the match start (the `@customElement` decorator) rather than the
+        // `class` keyword, so the overlay points at the top of the component.
+        const line = lineNumberAt(code, matchIndex);
+        ms.append('\n' + makeAssignment(className, filePath, line));
+        injected.add(className);
+        changed = true;
+    };
+    // @customElement(...) class Foo (any whitespace between them)
+    for (const m of code.matchAll(/@customElement\s*\([^)]*\)\s+(?:export\s+)?class\s+(\w+)/g)) {
+        injectAtClassEnd(m[1], m.index, m[0]);
+    }
+    // customElements.define('tag', ClassName)
+    for (const m of code.matchAll(/customElements\.define\s*\(\s*['"][^'"]+['"]\s*,\s*(\w+)/g)) {
+        const className = m[1];
+        if (injected.has(className) || !isClassDeclaredInModule(code, className)) {
+            continue;
+        }
+        const line = lineNumberAt(code, m.index);
+        ms.append('\n' + makeAssignment(className, filePath, line));
+        injected.add(className);
+        changed = true;
+    }
+    // TypeScript experimental-decorators / esbuild output
+    // e.g. `Foo = __decorateClass([customElement(...)], Foo)`
+    //       `Foo = _decorate([customElement(...)], Foo)`
+    for (const m of code.matchAll(/(\w+)\s*=\s*__decorate\w*\(\s*\[[\s\S]*?customElement\s*\([^)]*\)[\s\S]*?\],\s*\1\)/g)) {
+        const className = m[1];
+        if (injected.has(className))
+            continue;
+        const line = lineNumberAt(code, m.index);
+        ms.append('\n' + makeAssignment(className, filePath, line));
+        injected.add(className);
+        changed = true;
+    }
+    return changed;
+};
+//# sourceMappingURL=source-meta.js.map

package/lib/source-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-meta.js","sourceRoot":"","sources":["../../../packages/labs/vite-plugin-lit/src/lib/source-meta.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport type MagicString from 'magic-string';\n\n/** Stable key shared between transform output and runtime resolution. */\nexport const SOURCE_META_KEY = '@lit-labs/vite-plugin-lit#source';\n\n/**\n * The expression string used in generated code to reference the shared\n * symbol at runtime.\n */\nexport const SOURCE_META_SYM = `Symbol.for('${SOURCE_META_KEY}')`;\n\nexport interface InjectedSourceMeta {\n  filePath: string;\n  lineNumber: number;\n  componentName?: string;\n}\n\n/** 1-based line number for an index in source text. */\nexport const lineNumberAt = (code: string, index: number): number =>\n  code.slice(0, index).split('\\n').length;\n\n/**\n * Finds the index after the closing `}` of a class body starting at\n * `classStart`. Skips braces inside strings, template literals, and regex\n * literals so those don't throw off the count.\n */\nconst findClassBodyEnd = (code: string, classStart: number): number => {\n  const open = code.indexOf('{', classStart);\n  if (open === -1) return -1;\n  let depth = 1;\n  let i = open + 1;\n  while (i < code.length && depth > 0) {\n    const ch = code[i];\n    if (ch === '\"' || ch === \"'\") {\n      const quote = ch;\n      i++;\n      while (i < code.length && code[i] !== quote) {\n        if (code[i] === '\\\\') i++;\n        i++;\n      }\n      i++;\n      continue;\n    }\n    if (ch === '`') {\n      i++;\n      while (i < code.length && code[i] !== '`') {\n        if (code[i] === '\\\\') i++;\n        i++;\n      }\n      i++;\n      continue;\n    }\n    if (ch === '/') {\n      const prev = i > 0 ? code[i - 1] : '';\n      if (/[=:(,+\\-!&|?{}[; ]/.test(prev)) {\n        i++;\n        while (i < code.length && code[i] !== '/') {\n          if (code[i] === '\\\\') i++;\n          i++;\n        }\n        i++;\n        continue;\n      }\n    }\n    if (ch === '{') depth++;\n    else if (ch === '}') depth--;\n    i++;\n  }\n  return depth === 0 ? i : -1;\n};\n\nconst makeAssignment = (\n  className: string,\n  filePath: string,\n  lineNumber: number\n) =>\n  `${className}[${SOURCE_META_SYM}]={filePath:${JSON.stringify(filePath)},lineNumber:${lineNumber},componentName:${JSON.stringify(className)}};`;\n\n/** True when `className` is declared as a class/let/const in module code. */\nconst isClassDeclaredInModule = (code: string, className: string): boolean =>\n  new RegExp(\n    `^\\\\s*(?:export\\\\s+)?(?:class|let|const|var)\\\\s+${className}\\\\b`,\n    'm'\n  ).test(code);\n\n/**\n * Injects component source metadata onto custom element class constructors.\n * Returns whether any injection was made.\n */\nexport const injectSourceMeta = (\n  code: string,\n  filePath: string,\n  ms: MagicString\n): boolean => {\n  if (code.includes(SOURCE_META_SYM)) {\n    return false;\n  }\n  let changed = false;\n  const injected = new Set<string>();\n\n  const injectAtClassEnd = (\n    className: string,\n    matchIndex: number,\n    match: string\n  ) => {\n    if (injected.has(className)) return;\n    const classOffset = match.indexOf('class');\n    if (classOffset === -1) return;\n    const classStart = matchIndex + classOffset;\n    const end = findClassBodyEnd(code, classStart);\n    if (end === -1) return;\n    // Report the match start (the `@customElement` decorator) rather than the\n    // `class` keyword, so the overlay points at the top of the component.\n    const line = lineNumberAt(code, matchIndex);\n    ms.append('\\n' + makeAssignment(className, filePath, line));\n    injected.add(className);\n    changed = true;\n  };\n\n  // @customElement(...) class Foo (any whitespace between them)\n  for (const m of code.matchAll(\n    /@customElement\\s*\\([^)]*\\)\\s+(?:export\\s+)?class\\s+(\\w+)/g\n  )) {\n    injectAtClassEnd(m[1], m.index, m[0]);\n  }\n\n  // customElements.define('tag', ClassName)\n  for (const m of code.matchAll(\n    /customElements\\.define\\s*\\(\\s*['\"][^'\"]+['\"]\\s*,\\s*(\\w+)/g\n  )) {\n    const className = m[1];\n    if (injected.has(className) || !isClassDeclaredInModule(code, className)) {\n      continue;\n    }\n    const line = lineNumberAt(code, m.index);\n    ms.append('\\n' + makeAssignment(className, filePath, line));\n    injected.add(className);\n    changed = true;\n  }\n\n  // TypeScript experimental-decorators / esbuild output\n  // e.g. `Foo = __decorateClass([customElement(...)], Foo)`\n  //       `Foo = _decorate([customElement(...)], Foo)`\n  for (const m of code.matchAll(\n    /(\\w+)\\s*=\\s*__decorate\\w*\\(\\s*\\[[\\s\\S]*?customElement\\s*\\([^)]*\\)[\\s\\S]*?\\],\\s*\\1\\)/g\n  )) {\n    const className = m[1];\n    if (injected.has(className)) continue;\n    const line = lineNumberAt(code, m.index);\n    ms.append('\\n' + makeAssignment(className, filePath, line));\n    injected.add(className);\n    changed = true;\n  }\n\n  return changed;\n};\n"]}

package/lib/timeline-plugin.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import type { Plugin } from 'vite';
+import { type FeatureSettings } from '../types/timeline.js';
+interface DockEntry {
+    id: string;
+    type: 'iframe';
+    title: string;
+    icon: string;
+    url: string;
+    category?: string;
+}
+interface RpcFn {
+    name: string;
+    type?: string;
+    handler?: (...args: unknown[]) => unknown;
+}
+/** Subset of @devframes/hub's command-input we register. */
+interface CommandInput {
+    id: string;
+    title: string;
+    description?: string;
+    icon?: string;
+    category?: string;
+    keybindings?: Array<{
+        key: string;
+    }>;
+    handler?: (...args: unknown[]) => unknown;
+}
+interface TimelineCtx {
+    docks: {
+        register: (entry: DockEntry) => unknown;
+    };
+    commands?: {
+        register: (command: CommandInput) => unknown;
+    };
+    rpc: {
+        register: (fn: RpcFn) => void;
+        functions?: Record<string, (...args: unknown[]) => unknown>;
+    };
+    views: {
+        hostStatic: (baseUrl: string, distDir: string) => void;
+    };
+    viteServer?: {
+        middlewares: {
+            use: (path: string, handler: (req: {
+                url?: string;
+            }, res: {
+                statusCode: number;
+                setHeader: (k: string, v: string) => void;
+                end: (body: string) => void;
+            }, next: () => void) => void) => void;
+        };
+    };
+    viteConfig?: {
+        root: string;
+    };
+}
+declare module 'vite' {
+    interface Plugin {
+        devtools?: {
+            capabilities?: unknown;
+            setup: (ctx: TimelineCtx) => void | Promise<void>;
+        };
+    }
+}
+export declare const litTimelinePlugin: (getSettings?: () => FeatureSettings | undefined) => Plugin;
+export {};
+//# sourceMappingURL=timeline-plugin.d.ts.map

package/lib/timeline-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-plugin.d.ts","sourceRoot":"","sources":["../../../packages/labs/vite-plugin-lit/src/lib/timeline-plugin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,KAAK,EAAC,MAAM,EAAgB,MAAM,MAAM,CAAC;AAChD,OAAO,EAEL,KAAK,eAAe,EAIrB,MAAM,sBAAsB,CAAC;AAkB9B,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;CAC3C;AAED,4DAA4D;AAC5D,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC;CAC3C;AAED,UAAU,WAAW;IACnB,KAAK,EAAE;QAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAA;KAAC,CAAC;IACjD,QAAQ,CAAC,EAAE;QAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,OAAO,CAAA;KAAC,CAAC;IAC1D,GAAG,EAAE;QACH,QAAQ,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,IAAI,CAAC;QAC9B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC;KAC7D,CAAC;IACF,KAAK,EAAE;QAAC,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;KAAC,CAAC;IAChE,UAAU,CAAC,EAAE;QACX,WAAW,EAAE;YACX,GAAG,EAAE,CACH,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,CACP,GAAG,EAAE;gBAAC,GAAG,CAAC,EAAE,MAAM,CAAA;aAAC,EACnB,GAAG,EAAE;gBACH,UAAU,EAAE,MAAM,CAAC;gBACnB,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;gBAC1C,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;aAC7B,EACD,IAAI,EAAE,MAAM,IAAI,KACb,IAAI,KACN,IAAI,CAAC;SACX,CAAC;KACH,CAAC;IACF,UAAU,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,CAAC;CAC7B;AAID,OAAO,QAAQ,MAAM,CAAC;IACpB,UAAU,MAAM;QACd,QAAQ,CAAC,EAAE;YACT,YAAY,CAAC,EAAE,OAAO,CAAC;YACvB,KAAK,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;SACnD,CAAC;KACH;CACF;AAyJD,eAAO,MAAM,iBAAiB,GAC5B,cAAc,MAAM,eAAe,GAAG,SAAS,KAC9C,MAwTF,CAAC"}