@oddsquad/vite-plugin-lit 0.2.3 → 0.4.0

package/lib/segmented-tabs.js

@@ -3,15 +3,28 @@
  * 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';
+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.
@@ -19,111 +32,127 @@ import { tokens } from './tokens.js';
  * 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 `
+  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;
+        }
+        .badge {
+          flex-shrink: 0;
+          min-width: 16px;
+          padding: 0 var(--lit-devtools-space-1);
+          border-radius: var(--lit-devtools-radius-pill);
+          background: var(--lit-devtools-error-soft);
+          color: var(--lit-devtools-error);
+          font-size: var(--lit-devtools-text-xs);
+          line-height: 16px;
+          text-align: center;
+        }
+        :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.icon
+                ? html`<svg
+                    viewBox="0 0 256 256"
+                    fill="currentColor"
+                    aria-hidden="true"
+                  >
+                    <path d=${item.icon} />
+                  </svg>`
+                : nothing
+            }
             ${item.label}
+            ${
+              item.badge
+                ? html`<span class="badge">${item.badge}</span>`
+                : nothing
+            }
           </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
+__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

@@ -1 +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"]}
+{"version":3,"file":"segmented-tabs.js","sourceRoot":"","sources":["../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;AAYnC;;;;;GAKG;AAEI,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;aAC3B,WAAM,GAAG;QACvB,MAAM;QACN,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DF;KACF,AAlEqB,CAkEpB;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;;cAGlC,IAAI,CAAC,IAAI;YACP,CAAC,CAAC,IAAI,CAAA;;;;;8BAKQ,IAAI,CAAC,IAAI;yBACd;YACT,CAAC,CAAC,OACN;cACE,IAAI,CAAC,KAAK;cAEV,IAAI,CAAC,KAAK;YACR,CAAC,CAAC,IAAI,CAAA,uBAAuB,IAAI,CAAC,KAAK,SAAS;YAChD,CAAC,CAAC,OACN;;SAEH,CACF;KACF,CAAC;IACJ,CAAC;CACF,CAAA;AAxDkC;IAAhC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;4CAA0B;AAE9B;IAAnB,QAAQ,EAAE;4CAAuB;AAEd;IAAnB,QAAQ,EAAE;2CAA0B;AAzE1B,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA6HzB","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  /** Optional count pill trailing the label. Hidden when absent or zero. */\n  badge?: number;\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      .badge {\n        flex-shrink: 0;\n        min-width: 16px;\n        padding: 0 var(--lit-devtools-space-1);\n        border-radius: var(--lit-devtools-radius-pill);\n        background: var(--lit-devtools-error-soft);\n        color: var(--lit-devtools-error);\n        font-size: var(--lit-devtools-text-xs);\n        line-height: 16px;\n        text-align: center;\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            ${\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            }\n            ${item.label}\n            ${\n              item.badge\n                ? html`<span class=\"badge\">${item.badge}</span>`\n                : nothing\n            }\n          </button>\n        `\n      )}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'segmented-tabs': SegmentedTabs;\n  }\n}\n"]}

package/lib/snapshot.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import type { FeatureSettings } from '../types/timeline.js';
+import type { SessionSnapshot } from '../types/snapshot.js';
+/** What {@link buildSnapshot} reports back to whoever asked for the export. */
+export interface SnapshotBuildResult {
+    outDir: string;
+    events: number;
+    components: number;
+    details: number;
+}
+/**
+ * Write `snapshot` to `outDir` as a self-contained static panel.
+ *
+ * The build adapter is imported dynamically: it reaches for `node:fs`, and
+ * `definition.ts` is deliberately framework- and environment-neutral, so a
+ * static import would drag filesystem code into every context that merely
+ * builds the definition.
+ */
+export declare const buildSnapshot: (snapshot: SessionSnapshot, options: {
+    outDir: string;
+    features: FeatureSettings | null;
+    clientAssets?: string;
+}) => Promise<SnapshotBuildResult>;
+//# sourceMappingURL=snapshot.d.ts.map

package/lib/snapshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot.d.ts","sourceRoot":"","sources":["../src/lib/snapshot.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAkBH,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAE1D,+EAA+E;AAC/E,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAMD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,aACd,eAAe,WAChB;IACP,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,KACA,OAAO,CAAC,mBAAmB,CA0B7B,CAAC"}

package/lib/snapshot.js

@@ -0,0 +1,57 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * Freezing a live session into a static panel someone else can open.
+ *
+ * Capture needs no transport: by the time a developer wants to export, the
+ * node side is already holding the timeline buffer, the component tree, the
+ * details of everything that was inspected, and the HMR incompatibility list.
+ * The export reads its own state and hands it to devframe's build adapter as
+ * a second, replaying definition.
+ *
+ * The output is a plain directory: the panel SPA, a `__connection.json` that
+ * says `backend: 'static'`, and the baked RPC dump. It is mount-path agnostic,
+ * so it works opened from a file server at any base — zip it onto an issue.
+ */
+import {createLitDevframe} from './devframe/definition.js';
+import {createNullSource} from './devframe/source.js';
+/** Count the nodes of a tree, so the caller can say what it exported. */
+const countNodes = (nodes) =>
+  nodes.reduce((total, node) => total + 1 + countNodes(node.children), 0);
+/**
+ * Write `snapshot` to `outDir` as a self-contained static panel.
+ *
+ * The build adapter is imported dynamically: it reaches for `node:fs`, and
+ * `definition.ts` is deliberately framework- and environment-neutral, so a
+ * static import would drag filesystem code into every context that merely
+ * builds the definition.
+ */
+export const buildSnapshot = async (snapshot, options) => {
+  const {createBuild} = await import('devframe/adapters/build');
+  const definition = createLitDevframe({
+    // Nothing to attach to: the page this session describes is gone, and
+    // every answer the frozen panel needs is already in `replay`.
+    source: createNullSource(),
+    version: snapshot.version,
+    features: () => options.features,
+    clientAssets: options.clientAssets,
+    replay: snapshot,
+  });
+  await createBuild(definition, {
+    outDir: options.outDir,
+    // The Vite plugin declares `capabilities.build: false` because there is
+    // nothing to render during `vite build` — a *recorded* session is the one
+    // case where a build does make sense.
+    force: true,
+  });
+  return {
+    outDir: options.outDir,
+    events: snapshot.events.length,
+    components: countNodes(snapshot.roots),
+    details: snapshot.details.length,
+  };
+};
+//# sourceMappingURL=snapshot.js.map

package/lib/snapshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot.js","sourceRoot":"","sources":["../src/lib/snapshot.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAYtD,yEAAyE;AACzE,MAAM,UAAU,GAAG,CAAC,KAA+B,EAAU,EAAE,CAC7D,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;AAE1E;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EAChC,QAAyB,EACzB,OAIC,EAC6B,EAAE;IAChC,MAAM,EAAC,WAAW,EAAC,GAAG,MAAM,MAAM,CAAC,yBAAyB,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,iBAAiB,CAAC;QACnC,qEAAqE;QACrE,8DAA8D;QAC9D,MAAM,EAAE,gBAAgB,EAAE;QAC1B,OAAO,EAAE,QAAQ,CAAC,OAAO;QACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ;QAChC,YAAY,EAAE,OAAO,CAAC,YAAY;QAClC,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;IAEH,MAAM,WAAW,CAAC,UAAU,EAAE;QAC5B,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,wEAAwE;QACxE,0EAA0E;QAC1E,sCAAsC;QACtC,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC;IAEH,OAAO;QACL,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM;QAC9B,UAAU,EAAE,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;QACtC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM;KACjC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Freezing a live session into a static panel someone else can open.\n *\n * Capture needs no transport: by the time a developer wants to export, the\n * node side is already holding the timeline buffer, the component tree, the\n * details of everything that was inspected, and the HMR incompatibility list.\n * The export reads its own state and hands it to devframe's build adapter as\n * a second, replaying definition.\n *\n * The output is a plain directory: the panel SPA, a `__connection.json` that\n * says `backend: 'static'`, and the baked RPC dump. It is mount-path agnostic,\n * so it works opened from a file server at any base — zip it onto an issue.\n */\n\nimport {createLitDevframe} from './devframe/definition.js';\nimport {createNullSource} from './devframe/source.js';\nimport type {FeatureSettings} from '../types/timeline.js';\nimport type {SessionSnapshot} from '../types/snapshot.js';\n\n/** What {@link buildSnapshot} reports back to whoever asked for the export. */\nexport interface SnapshotBuildResult {\n  outDir: string;\n  events: number;\n  components: number;\n  details: number;\n}\n\n/** Count the nodes of a tree, so the caller can say what it exported. */\nconst countNodes = (nodes: SessionSnapshot['roots']): number =>\n  nodes.reduce((total, node) => total + 1 + countNodes(node.children), 0);\n\n/**\n * Write `snapshot` to `outDir` as a self-contained static panel.\n *\n * The build adapter is imported dynamically: it reaches for `node:fs`, and\n * `definition.ts` is deliberately framework- and environment-neutral, so a\n * static import would drag filesystem code into every context that merely\n * builds the definition.\n */\nexport const buildSnapshot = async (\n  snapshot: SessionSnapshot,\n  options: {\n    outDir: string;\n    features: FeatureSettings | null;\n    clientAssets?: string;\n  }\n): Promise<SnapshotBuildResult> => {\n  const {createBuild} = await import('devframe/adapters/build');\n  const definition = createLitDevframe({\n    // Nothing to attach to: the page this session describes is gone, and\n    // every answer the frozen panel needs is already in `replay`.\n    source: createNullSource(),\n    version: snapshot.version,\n    features: () => options.features,\n    clientAssets: options.clientAssets,\n    replay: snapshot,\n  });\n\n  await createBuild(definition, {\n    outDir: options.outDir,\n    // The Vite plugin declares `capabilities.build: false` because there is\n    // nothing to render during `vite build` — a *recorded* session is the one\n    // case where a build does make sense.\n    force: true,\n  });\n\n  return {\n    outDir: options.outDir,\n    events: snapshot.events.length,\n    components: countNodes(snapshot.roots),\n    details: snapshot.details.length,\n  };\n};\n"]}

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

@@ -1 +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;AAqI1C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,MAAM,MAAM,EACZ,UAAU,MAAM,EAChB,IAAI,WAAW,KACd,OA8DF,CAAC"}
+{"version":3,"file":"source-meta.d.ts","sourceRoot":"","sources":["../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,SAAU,MAAM,SAAS,MAAM,KAAG,MAClB,CAAC;AA8I1C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,SACrB,MAAM,YACF,MAAM,MACZ,WAAW,KACd,OAiEF,CAAC"}