@oddsquad/vite-plugin-lit 0.2.2 → 0.3.0

package/{panel → dist/client}/index.html

@@ -22,6 +22,7 @@
       `prefers-color-scheme` @media owns it, following the host/OS; an explicit
       light/dark pins a `.color-scheme-*` class on :root.
     -->
+    <script type="module" crossorigin src="./assets/index-CFrVgNfS.js"></script>
   </head>
   <body>
     <lit-devtools-panel></lit-devtools-panel>

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/labs/vite-plugin-lit/src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,SAAS,EAAE,SAAS,IAAI,OAAO,EAAC,MAAM,iBAAiB,CAAC;AAChE,YAAY,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AACtD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,oBAAoB,GACrB,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,SAAS,EAAE,SAAS,IAAI,OAAO,EAAC,MAAM,iBAAiB,CAAC;AAChE,YAAY,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AACtD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,oBAAoB,GACrB,MAAM,gBAAgB,CAAC"}

package/index.js

@@ -3,5 +3,5 @@
  * Copyright 2026 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-export { litPlugin, litPlugin as default } from './lib/plugin.js';
-//# sourceMappingURL=index.js.map
+export {litPlugin, litPlugin as default} from './lib/plugin.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/labs/vite-plugin-lit/src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,SAAS,EAAE,SAAS,IAAI,OAAO,EAAC,MAAM,iBAAiB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nexport {litPlugin, litPlugin as default} from './lib/plugin.js';\nexport type {LitPluginOptions} from './lib/plugin.js';\nexport type {\n  ElementInfo,\n  EditorConfig,\n  SourceOverlayOptions,\n} from './lib/types.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,SAAS,EAAE,SAAS,IAAI,OAAO,EAAC,MAAM,iBAAiB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nexport {litPlugin, litPlugin as default} from './lib/plugin.js';\nexport type {LitPluginOptions} from './lib/plugin.js';\nexport type {\n  ElementInfo,\n  EditorConfig,\n  SourceOverlayOptions,\n} from './lib/types.js';\n"]}

package/lib/color-scheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-scheme.d.ts","sourceRoot":"","sources":["../../../packages/labs/vite-plugin-lit/src/lib/color-scheme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;GAUG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9D,iEAAiE;AACjE,eAAO,MAAM,mBAAmB,8BAA8B,CAAC;AAE/D,uDAAuD;AACvD,eAAO,MAAM,yBAAyB,QAAO,qBAQ5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,qBAAqB,KAAG,IAI9D,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,GAAI,MAAM,qBAAqB,KAAG,IAOtE,CAAC"}
+{"version":3,"file":"color-scheme.d.ts","sourceRoot":"","sources":["../src/lib/color-scheme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;GAUG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9D,iEAAiE;AACjE,eAAO,MAAM,mBAAmB,8BAA8B,CAAC;AAE/D,uDAAuD;AACvD,eAAO,MAAM,yBAAyB,QAAO,qBAQ5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,SAAU,qBAAqB,KAAG,IAI9D,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,SAAU,qBAAqB,KAAG,IAOtE,CAAC"}

package/lib/color-scheme.js

@@ -7,15 +7,13 @@
 export const COLOR_SCHEME_LS_KEY = 'lit-devtools-color-scheme';
 /** Read the saved preference, defaulting to `auto`. */
 export const readColorSchemePreference = () => {
-    try {
-        const raw = localStorage.getItem(COLOR_SCHEME_LS_KEY);
-        if (raw === 'auto' || raw === 'dark' || raw === 'light')
-            return raw;
-    }
-    catch {
-        // ignore
-    }
-    return 'auto';
+  try {
+    const raw = localStorage.getItem(COLOR_SCHEME_LS_KEY);
+    if (raw === 'auto' || raw === 'dark' || raw === 'light') return raw;
+  } catch {
+    // ignore
+  }
+  return 'auto';
 };
 /**
  * Apply a preference to the document root. `light`/`dark` pin the matching
@@ -23,19 +21,17 @@ export const readColorSchemePreference = () => {
  * in the injected tokens own the scheme (and live-update on OS changes).
  */
 export const applyColorScheme = (pref) => {
-    const root = document.documentElement;
-    root.classList.remove('color-scheme-light', 'color-scheme-dark');
-    if (pref !== 'auto')
-        root.classList.add('color-scheme-' + pref);
+  const root = document.documentElement;
+  root.classList.remove('color-scheme-light', 'color-scheme-dark');
+  if (pref !== 'auto') root.classList.add('color-scheme-' + pref);
 };
 /** Persist a preference and apply it immediately. */
 export const setColorSchemePreference = (pref) => {
-    try {
-        localStorage.setItem(COLOR_SCHEME_LS_KEY, pref);
-    }
-    catch {
-        // ignore
-    }
-    applyColorScheme(pref);
+  try {
+    localStorage.setItem(COLOR_SCHEME_LS_KEY, pref);
+  } catch {
+    // ignore
+  }
+  applyColorScheme(pref);
 };
-//# sourceMappingURL=color-scheme.js.map
+//# sourceMappingURL=color-scheme.js.map

package/lib/color-scheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-scheme.js","sourceRoot":"","sources":["../../../packages/labs/vite-plugin-lit/src/lib/color-scheme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAeH,iEAAiE;AACjE,MAAM,CAAC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC;AAE/D,uDAAuD;AACvD,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAA0B,EAAE;IACnE,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QACtD,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,OAAO;YAAE,OAAO,GAAG,CAAC;IACtE,CAAC;IAAC,MAAM,CAAC;QACP,SAAS;IACX,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAA2B,EAAQ,EAAE;IACpE,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;IACtC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,EAAE,mBAAmB,CAAC,CAAC;IACjE,IAAI,IAAI,KAAK,MAAM;QAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,qDAAqD;AACrD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,IAA2B,EAAQ,EAAE;IAC5E,IAAI,CAAC;QACH,YAAY,CAAC,OAAO,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;IAAC,MAAM,CAAC;QACP,SAAS;IACX,CAAC;IACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Panel color-scheme preference, persisted in `localStorage`.\n *\n * `auto` is the default and needs no JavaScript: the token values injected by\n * {@link injectTokens} in `tokens.ts` react to `prefers-color-scheme` via\n * `@media`, so the panel follows whatever scheme its host requests — the OS\n * when standalone, or the embedding app's `color-scheme` when docked in the\n * Vite DevTools shell (the iframe inherits it). An explicit `light`/`dark`\n * preference pins the matching `.color-scheme-light` / `.color-scheme-dark`\n * class on the document root, overriding the media query.\n */\nexport type ColorSchemePreference = 'auto' | 'dark' | 'light';\n\n/** localStorage key for the panel UI color-scheme preference. */\nexport const COLOR_SCHEME_LS_KEY = 'lit-devtools-color-scheme';\n\n/** Read the saved preference, defaulting to `auto`. */\nexport const readColorSchemePreference = (): ColorSchemePreference => {\n  try {\n    const raw = localStorage.getItem(COLOR_SCHEME_LS_KEY);\n    if (raw === 'auto' || raw === 'dark' || raw === 'light') return raw;\n  } catch {\n    // ignore\n  }\n  return 'auto';\n};\n\n/**\n * Apply a preference to the document root. `light`/`dark` pin the matching\n * class; `auto` removes both and lets the `prefers-color-scheme` `@media` rule\n * in the injected tokens own the scheme (and live-update on OS changes).\n */\nexport const applyColorScheme = (pref: ColorSchemePreference): void => {\n  const root = document.documentElement;\n  root.classList.remove('color-scheme-light', 'color-scheme-dark');\n  if (pref !== 'auto') root.classList.add('color-scheme-' + pref);\n};\n\n/** Persist a preference and apply it immediately. */\nexport const setColorSchemePreference = (pref: ColorSchemePreference): void => {\n  try {\n    localStorage.setItem(COLOR_SCHEME_LS_KEY, pref);\n  } catch {\n    // ignore\n  }\n  applyColorScheme(pref);\n};\n"]}
+{"version":3,"file":"color-scheme.js","sourceRoot":"","sources":["../src/lib/color-scheme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAeH,iEAAiE;AACjE,MAAM,CAAC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC;AAE/D,uDAAuD;AACvD,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAA0B,EAAE;IACnE,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QACtD,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,OAAO;YAAE,OAAO,GAAG,CAAC;IACtE,CAAC;IAAC,MAAM,CAAC;QACP,SAAS;IACX,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAA2B,EAAQ,EAAE;IACpE,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;IACtC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,EAAE,mBAAmB,CAAC,CAAC;IACjE,IAAI,IAAI,KAAK,MAAM;QAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,qDAAqD;AACrD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,IAA2B,EAAQ,EAAE;IAC5E,IAAI,CAAC;QACH,YAAY,CAAC,OAAO,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;IAAC,MAAM,CAAC;QACP,SAAS;IACX,CAAC;IACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Panel color-scheme preference, persisted in `localStorage`.\n *\n * `auto` is the default and needs no JavaScript: the token values injected by\n * {@link injectTokens} in `tokens.ts` react to `prefers-color-scheme` via\n * `@media`, so the panel follows whatever scheme its host requests — the OS\n * when standalone, or the embedding app's `color-scheme` when docked in the\n * Vite DevTools shell (the iframe inherits it). An explicit `light`/`dark`\n * preference pins the matching `.color-scheme-light` / `.color-scheme-dark`\n * class on the document root, overriding the media query.\n */\nexport type ColorSchemePreference = 'auto' | 'dark' | 'light';\n\n/** localStorage key for the panel UI color-scheme preference. */\nexport const COLOR_SCHEME_LS_KEY = 'lit-devtools-color-scheme';\n\n/** Read the saved preference, defaulting to `auto`. */\nexport const readColorSchemePreference = (): ColorSchemePreference => {\n  try {\n    const raw = localStorage.getItem(COLOR_SCHEME_LS_KEY);\n    if (raw === 'auto' || raw === 'dark' || raw === 'light') return raw;\n  } catch {\n    // ignore\n  }\n  return 'auto';\n};\n\n/**\n * Apply a preference to the document root. `light`/`dark` pin the matching\n * class; `auto` removes both and lets the `prefers-color-scheme` `@media` rule\n * in the injected tokens own the scheme (and live-update on OS changes).\n */\nexport const applyColorScheme = (pref: ColorSchemePreference): void => {\n  const root = document.documentElement;\n  root.classList.remove('color-scheme-light', 'color-scheme-dark');\n  if (pref !== 'auto') root.classList.add('color-scheme-' + pref);\n};\n\n/** Persist a preference and apply it immediately. */\nexport const setColorSchemePreference = (pref: ColorSchemePreference): void => {\n  try {\n    localStorage.setItem(COLOR_SCHEME_LS_KEY, pref);\n  } catch {\n    // ignore\n  }\n  applyColorScheme(pref);\n};\n"]}

package/lib/devframe/definition.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import type { DevframeDefinition } from 'devframe';
+import type { FeatureSettings } from '../../types/timeline.js';
+import { type TimelineSource } from './source.js';
+import type { SessionSnapshot } from '../../types/snapshot.js';
+export interface CreateLitDevframeOptions {
+    /** Page-runtime bridge. Use {@link createNullSource} when no page is attached. */
+    source: TimelineSource;
+    /** Plugin version, surfaced by `get-meta` and the devframe's own `version`. */
+    version: string;
+    /** Resolved feature settings, surfaced by `get-meta`. */
+    features?: () => FeatureSettings | null;
+    /**
+     * Directory holding the built panel SPA. Defaults to the package's own
+     * `dist/client`; the dev-time panel build points it elsewhere.
+     */
+    clientAssets?: string;
+    /**
+     * Absolute directory the injected `ElementSource.file` paths are relative
+     * to (the Vite root). Read per call, since a host only knows it once its
+     * dev server is up. Without it `open-source` can only open paths that are
+     * already absolute.
+     */
+    sourceRoot?: () => string | undefined;
+    /**
+     * Boot from a recorded session instead of a live one. Set only by the
+     * static-snapshot build (see `lib/snapshot.ts`): the caches below start
+     * populated, so the frozen panel has a timeline and a component tree to
+     * render with no page and no dev server behind it.
+     */
+    replay?: SessionSnapshot;
+}
+/**
+ * Builds the Lit devframe definition. Framework-neutral: everything here
+ * runs the same whether the host is Vite (`vite.ts`), a standalone dev
+ * server, a static build, or an MCP server.
+ */
+export declare function createLitDevframe(options: CreateLitDevframeOptions): DevframeDefinition;
+declare const _default: DevframeDefinition;
+export default _default;
+//# sourceMappingURL=definition.d.ts.map

package/lib/devframe/definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition.d.ts","sourceRoot":"","sources":["../../src/lib/devframe/definition.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAkBH,OAAO,KAAK,EAAC,kBAAkB,EAAsB,MAAM,UAAU,CAAC;AAWtE,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,yBAAyB,CAAC;AA2CjC,OAAO,EAAmB,KAAK,cAAc,EAAC,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,wBAAwB;IACvC,kFAAkF;IAClF,MAAM,EAAE,cAAc,CAAC;IACvB,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IACtC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,wBAAwB,GAChC,kBAAkB,CAkhBpB"}