@visulima/dev-toolbar 1.0.0-alpha.2 → 1.0.0-alpha.20

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@visulima/dev-toolbar",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.20",
   "description": "Devtools is a set of tools for building advanced devtools for your application",
   "keywords": [
-    "visulima",
-    "dev-toolbar"
+    "dev-toolbar",
+    "visulima"
   ],
   "homepage": "https://visulima.com/packages/dev-toolbar",
   "bugs": {
@@ -49,14 +49,22 @@
       "types": "./dist/apps/a11y/index.d.ts",
       "default": "./dist/apps/a11y/index.js"
     },
+    "./apps/assets": {
+      "types": "./dist/apps/assets/index.d.ts",
+      "default": "./dist/apps/assets/index.js"
+    },
+    "./apps/inspector": {
+      "types": "./dist/apps/inspector/index.d.ts",
+      "default": "./dist/apps/inspector/index.js"
+    },
+    "./apps/tailwind": {
+      "types": "./dist/apps/tailwind/index.d.ts",
+      "default": "./dist/apps/tailwind/index.js"
+    },
     "./apps/module-graph": {
       "types": "./dist/apps/module-graph/index.d.ts",
       "default": "./dist/apps/module-graph/index.js"
     },
-    "./apps/more": {
-      "types": "./dist/apps/more/index.d.ts",
-      "default": "./dist/apps/more/index.js"
-    },
     "./apps/performance": {
       "types": "./dist/apps/performance/index.d.ts",
       "default": "./dist/apps/performance/index.js"
@@ -73,33 +81,64 @@
       "types": "./dist/apps/timeline/index.d.ts",
       "default": "./dist/apps/timeline/index.js"
     },
+    "./apps/annotations": {
+      "types": "./dist/apps/annotations/index.d.ts",
+      "default": "./dist/apps/annotations/index.js"
+    },
     "./apps/vite-config": {
       "types": "./dist/apps/vite-config/index.d.ts",
       "default": "./dist/apps/vite-config/index.js"
     },
+    "./mcp": {
+      "types": "./dist/mcp/server.d.ts",
+      "default": "./dist/mcp/server.js"
+    },
     "./toolbar": {
       "types": "./dist/toolbar/index.d.ts",
       "default": "./dist/toolbar/index.js"
     },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "default": "./dist/ui/index.js"
+    },
     "./package.json": "./package.json"
   },
+  "bin": {
+    "visulima-dev-toolbar-mcp": "./bin/mcp.js"
+  },
   "files": [
+    "bin",
     "dist",
     "README.md",
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "axe-core": "^4.11.1",
-    "clsx": "^2.1.1",
-    "preact": "^10.28.4",
-    "tailwind-merge": "^3.5.0",
-    "tw-animate-css": "1.4.0"
+    "@babel/generator": "^7.29.1",
+    "@babel/parser": "7.29.3",
+    "@babel/traverse": "^7.29.0",
+    "@floating-ui/dom": "^1.7.6",
+    "launch-editor": "2.13.2",
+    "preact": "^10.29.1"
   },
   "peerDependencies": {
-    "vite": "^6 || ^7"
+    "@modelcontextprotocol/sdk": "^1.29.0",
+    "axe-core": "4.11.4",
+    "vite": "^8.0.11",
+    "zod": "^3.25.0 || ^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@modelcontextprotocol/sdk": {
+      "optional": true
+    },
+    "axe-core": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
+    }
   },
   "engines": {
-    "node": ">=22.21 <26"
+    "node": "^22.14.0 || >=24.10.0"
   },
   "publishConfig": {
     "access": "public",

package/dist/apps/a11y/a11y-app.d.ts

@@ -1,5 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppComponentProps } from "../../types/app.d.ts";
-declare const A11yApp: (_props: AppComponentProps) => ComponentChildren;
-export default A11yApp;

package/dist/apps/a11y/a11y-store.d.ts

@@ -1,46 +0,0 @@
-export type Severity = "critical" | "minor" | "moderate" | "serious";
-export type Standard = "best-practice" | "wcag21aa" | "wcag22aa" | "wcag2a";
-export interface A11yNode {
-    html: string;
-    selector: string;
-}
-export interface A11yIssue {
-    helpUrl: string;
-    id: string;
-    impact: Severity;
-    message: string;
-    nodes: A11yNode[];
-    wcagTags: string[];
-}
-export interface A11yStoreState {
-    isScanning: boolean;
-    issues: A11yIssue[];
-    lastScan: null | string;
-    scanError: null | string;
-    showOverlays: boolean;
-    standard: Standard;
-}
-export declare const SEVERITY_ORDER: Severity[];
-type Listener = () => void;
-declare class A11yStore {
-    private listeners;
-    private state;
-    constructor();
-    /** Remove all outline highlights from the page */
-    clearHighlights(): void;
-    getState(): Readonly<A11yStoreState>;
-    /** Scroll to and outline a single issue's elements */
-    highlightIssue(issue: A11yIssue): void;
-    /** Run an axe-core scan and persist results */
-    scan(disabledRules?: string[]): Promise<void>;
-    /** Toggle overlay highlights on all affected elements */
-    setShowOverlays(show: boolean): void;
-    /** Change the WCAG standard used for future scans */
-    setStandard(standard: Standard): void;
-    subscribe(fn: Listener): () => void;
-    private notify;
-    private persist;
-    private update;
-}
-export declare const a11yStore: A11yStore;
-export {};

package/dist/apps/a11y/a11y-tooltip.d.ts

@@ -1,11 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppTooltipProps } from "../../types/app.d.ts";
-/**
- * Hover tooltip for the Accessibility app button.
- * Shows a summary of scan results and quick action buttons.
- * @param _props - Tooltip props (unused; reads from a11yStore directly)
- * @returns Rendered tooltip component
- */
-declare const A11yTooltip: (_props: AppTooltipProps) => ComponentChildren;
-export default A11yTooltip;

package/dist/apps/module-graph/module-graph-app.d.ts

@@ -1,5 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppComponentProps } from "../../types/app.d.ts";
-declare const ModuleGraphApp: ({ helpers }: AppComponentProps) => ComponentChildren;
-export default ModuleGraphApp;

package/dist/apps/more/index.d.ts

@@ -1,3 +0,0 @@
-import type { DevToolbarApp } from "../../types/app.d.ts";
-declare const moreApp: DevToolbarApp;
-export default moreApp;

package/dist/apps/more/index.js

@@ -1,19 +0,0 @@
-var p=Object.defineProperty;var s=(n,t)=>p(n,"name",{value:t,configurable:!0});import{addHookName as m}from"preact/devtools";import{useState as u,useEffect as f}from"preact/hooks";import{m as g}from"../../packem_shared/cn-BEsR6GkP.js";import{jsxs as o,jsx as r}from"preact/jsx-runtime";const h=`<!-- @license lucide-static v0.575.0 - ISC -->
-<svg
-  class="lucide lucide-more-horizontal"
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <circle cx="12" cy="12" r="1" />
-  <circle cx="19" cy="12" r="1" />
-  <circle cx="5" cy="12" r="1" />
-</svg>
-`;var x=Object.defineProperty,i=s((n,t)=>x(n,"name",{value:t,configurable:!0}),"s");const b=i(n=>{const[t,c]=m(u([]),"apps");f(()=>{const e=globalThis.__VISULIMA_DEVTOOLS__;if(!e)return;const a=(e.getApps()??[]).filter(d=>!["dev-toolbar:a11y","dev-toolbar:settings","dev-toolbar:timeline","dev-toolbar:more","dev-toolbar:vite-config","dev-toolbar:module-graph","dev-toolbar:seo","dev-toolbar:performance"].includes(d.id));c(a)},[]);const l=i(e=>{globalThis.__VISULIMA_DEVTOOLS__?.openApp(e).catch(console.error)},"openApp");return t.length===0?o("div",{class:"p-8 flex flex-col items-center justify-center min-h-48 gap-5 text-center select-none",children:[r("div",{class:"size-14 bg-primary/5 border border-primary/20 flex items-center justify-center",children:r("svg",{"aria-hidden":"true",class:"size-6 text-primary/40",fill:"none",stroke:"currentColor","stroke-width":"1.5",viewBox:"0 0 24 24",children:r("path",{d:"M12 6v6m0 0v6m0-6h6m-6 0H6","stroke-linecap":"round","stroke-linejoin":"round"})})}),o("div",{class:"space-y-1.5",children:[r("p",{class:"text-[0.8125rem] font-medium text-foreground/70",children:"No additional apps registered"}),r("p",{class:"text-[0.725rem] text-muted-foreground",children:"Register a custom app to see it here"}),r("pre",{class:"mt-3 text-[0.65rem] font-mono text-primary/70 bg-primary/5 border border-primary/15 px-3 py-2 text-left",children:`window.__VISULIMA_DEVTOOLS__
-  .registerApp({ id, name, icon })`})]})]}):o("div",{class:"p-5",children:[o("h2",{class:"text-[0.65rem] font-bold uppercase tracking-[0.1em] text-muted-foreground mb-3 flex items-center gap-1.5",children:[r("span",{"aria-hidden":"true",class:"text-primary/50",children:"//"}),"Additional Apps"]}),r("div",{class:"grid grid-cols-2 gap-2",children:t.map(e=>o("button",{class:g("flex items-center gap-3 p-3","border border-border bg-card hover:bg-foreground/4","text-left cursor-pointer transition-colors duration-150"),onClick:i(()=>l(e.id),"onClick"),title:e.name,type:"button",children:[r("span",{class:"size-5 shrink-0 flex items-center justify-center text-[0.65rem] font-bold uppercase bg-foreground/8 text-foreground/70",children:e.name.slice(0,2)}),r("span",{class:"text-[0.8125rem] font-medium text-foreground truncate",children:e.name})]},e.id))})]})},"MoreApp"),A={component:b,icon:h,id:"dev-toolbar:more",name:"More"};export{A as default};

package/dist/apps/more/more-app.d.ts

@@ -1,5 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppComponentProps } from "../../types/app.d.ts";
-declare const MoreApp: (_props: AppComponentProps) => ComponentChildren;
-export default MoreApp;

package/dist/apps/performance/performance-app.d.ts

@@ -1,5 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppComponentProps } from "../../types/app.d.ts";
-declare const PerformanceApp: (_props: AppComponentProps) => ComponentChildren;
-export default PerformanceApp;

package/dist/apps/performance/performance-tooltip.d.ts

@@ -1,5 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppTooltipProps } from "../../types/app.d.ts";
-declare const PerformanceTooltip: (_props: AppTooltipProps) => ComponentChildren;
-export default PerformanceTooltip;

package/dist/apps/seo/seo-app.d.ts

@@ -1,5 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppComponentProps } from "../../types/app.d.ts";
-declare const SeoApp: (_props: AppComponentProps) => ComponentChildren;
-export default SeoApp;

package/dist/apps/settings/settings-app.d.ts

@@ -1,5 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppComponentProps } from "../../types/app.d.ts";
-declare const SettingsApp: (_props: AppComponentProps) => ComponentChildren;
-export default SettingsApp;

package/dist/apps/timeline/timeline-app.d.ts

@@ -1,5 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppComponentProps } from "../../types/app.d.ts";
-declare const TimelineApp: (_props: AppComponentProps) => ComponentChildren;
-export default TimelineApp;

package/dist/apps/vite-config/vite-config-app.d.ts

@@ -1,5 +0,0 @@
-/** @jsxImportSource preact */
-import type { ComponentChildren } from "preact";
-import type { AppComponentProps } from "../../types/app.d.ts";
-declare const ViteConfigApp: ({ helpers }: AppComponentProps) => ComponentChildren;
-export default ViteConfigApp;

package/dist/hooks/create-hook.d.ts

@@ -1,10 +0,0 @@
-import type { DevToolbarApp } from "../types/app.d.ts";
-import type { DevToolbarHook } from "../types/hooks.d.ts";
-import type { TimelineEvent } from "../types/timeline.d.ts";
-/**
- * Creates a dev toolbar hook instance
- * @param onRegisterApp Callback when app is registered
- * @param onTimelineEvent Callback when timeline event is added
- * @returns Hook instance
- */
-export declare const createDevToolbarHook: (onRegisterApp?: (app: DevToolbarApp) => void, onTimelineEvent?: (groupId: string, event: TimelineEvent) => void) => DevToolbarHook;

package/dist/hooks/events.d.ts

@@ -1,5 +0,0 @@
-import type { HookEvents } from "../types/hooks.d.ts";
-/**
- * Hook event names
- */
-export declare const HOOK_EVENT_NAMES: (keyof HookEvents)[];

package/dist/hooks/global-hook.d.ts

@@ -1,15 +0,0 @@
-import type { DevToolbarApp } from "../types/app.d.ts";
-import type { DevToolbarHook } from "../types/hooks.d.ts";
-import type { TimelineEvent } from "../types/timeline.d.ts";
-/**
- * Setup global hook on window object
- * @param onRegisterApp Callback when app is registered
- * @param onTimelineEvent Callback when timeline event is added
- * @returns Hook instance
- */
-export declare const setupGlobalHook: (onRegisterApp?: (app: DevToolbarApp) => void, onTimelineEvent?: (groupId: string, event: TimelineEvent) => void) => DevToolbarHook;
-/**
- * Get the global hook instance
- * @returns Hook instance or undefined
- */
-export declare const getGlobalHook: () => DevToolbarHook | undefined;

package/dist/hooks/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Hook system exports
- */
-export { createDevToolbarHook } from "./create-hook.d.ts";
-export { HOOK_EVENT_NAMES } from "./events.d.ts";
-export { getGlobalHook, setupGlobalHook } from "./global-hook.d.ts";

package/dist/packem_shared/TimelineStore-BgBrirKd.js

@@ -1 +0,0 @@
-import{T as o,g as r}from"./store-BxE0w51s.js";export{o as TimelineStore,r as getTimelineStore};

package/dist/packem_shared/cn-BEsR6GkP.js

@@ -1 +0,0 @@
-var t=Object.defineProperty;var o=(r,e)=>t(r,"name",{value:e,configurable:!0});import{clsx as m}from"clsx";import{twMerge as a}from"tailwind-merge";var c=Object.defineProperty,n=o((r,e)=>c(r,"name",{value:e,configurable:!0}),"t");const l=n((...r)=>a(m(r)),"cn");export{l as m};

package/dist/packem_shared/createClientRPCContext-DzKQpKTk.js

@@ -1 +0,0 @@
-var s=Object.defineProperty;var d=(a,n)=>s(a,"name",{value:n,configurable:!0});var m=Object.defineProperty,c=d((a,n)=>m(a,"name",{value:n,configurable:!0}),"r");const p=c(a=>{const n={onConfigChange:c(()=>{},"onConfigChange"),onHMRUpdate:c(()=>{},"onHMRUpdate"),onModuleUpdate:c(()=>{},"onModuleUpdate"),...a},t=new Map;return globalThis.window!==void 0&&import.meta.hot&&(import.meta.hot.on("dev-toolbar:rpc:response",e=>{const o=t.get(e.id);o&&(t.delete(e.id),o.resolve(e.result))}),import.meta.hot.on("dev-toolbar:rpc:error",e=>{const o=t.get(e.id);o&&(t.delete(e.id),o.reject(new Error(e.error)))}),import.meta.hot.on("dev-toolbar:client",e=>{const{args:o,method:r}=e,i=n[r];if(i)try{i(...o)}catch(l){console.error(`[dev-toolbar] Error calling client function ${r}:`,l)}})),{async callServer(e,...o){if(globalThis.window===void 0||!import.meta.hot)throw new Error("RPC calls can only be made in browser environment with HMR");const r=`${Date.now()}-${Math.random().toString(36).slice(7)}`;return new Promise((i,l)=>{t.set(r,{reject:l,resolve:i}),setTimeout(()=>{t.has(r)&&(t.delete(r),l(new Error(`RPC call timeout: ${e}`)))},3e4),import.meta.hot.send("dev-toolbar:rpc",{args:o,id:r,method:e})})},registerFunction(e,o){n[e]=o}}},"createClientRPCContext");export{p as createClientRPCContext};

package/dist/packem_shared/createDevToolbarHook-DGNxqk8N.js

@@ -1 +0,0 @@
-var d=Object.defineProperty;var c=(n,a)=>d(n,"name",{value:a,configurable:!0});var f=Object.defineProperty,l=c((n,a)=>f(n,"name",{value:a,configurable:!0}),"v");const g=l((n,a)=>{const r=new Map;return{addTimelineEvent(e,t){a&&a(e,t),this.emit("timeline:event",t)},emit(e,...t){const o=r.get(e);if(o)for(const i of o)try{i(...t)}catch(s){console.error(`[dev-toolbar] Error in hook handler for ${String(e)}:`,s)}},off(e,t){const o=r.get(e);o&&(t?(o.delete(t),o.size===0&&r.delete(e)):r.delete(e))},on(e,t){return r.has(e)||r.set(e,new Set),r.get(e).add(t),()=>{const o=r.get(e);o&&(o.delete(t),o.size===0&&r.delete(e))}},once(e,t){const o=l(((...i)=>{t(...i),this.off(e,o)}),"onceHandler");this.on(e,o)},registerApp(e){n&&n(e)}}},"createDevToolbarHook");export{g as createDevToolbarHook};

package/dist/packem_shared/createServerRPCContext-BVSesPXu.js

@@ -1 +0,0 @@
-var p=Object.defineProperty;var l=(e,r)=>p(e,"name",{value:r,configurable:!0});var g=Object.defineProperty,v=l((e,r)=>g(e,"name",{value:r,configurable:!0}),"u");const f=v(async e=>{const{moduleGraph:r}=e,t=[];return r.idToModuleMap.forEach(o=>{const n=[];o.importers.forEach(a=>{const s=a.url??a.id;s&&n.push(s)});const c=o.id??o.url,i=o.url??o.id;!c||!i||t.push({id:c,importerCount:o.importers.size,importerUrls:n,url:i})}),t},"getModuleGraph");var h=Object.defineProperty,m=l((e,r)=>h(e,"name",{value:r,configurable:!0}),"n$1");const b=m(async(e,r,t,o)=>{const n=e;if(n.openInEditor){await n.openInEditor(r,{column:o,line:t});return}const c=process.env.EDITOR||process.env.VISUAL||"code",i=r.startsWith("/")?r:`${e.config.root}/${r}`,a=t&&o?`:${t}:${o}`:t?`:${t}`:"",{spawn:s}=require("node:child_process");s(c,[`${i}${a}`],{detached:!0,stdio:"ignore"})},"openInEditor");var y=Object.defineProperty,$=l((e,r)=>y(e,"name",{value:r,configurable:!0}),"t");const C=$(async e=>({base:e.config.base,build:{outDir:e.config.build?.outDir},mode:e.config.mode,resolve:{alias:e.config.resolve.alias},root:e.config.root,server:{host:e.config.server?.host,https:e.config.server?.https,port:e.config.server?.port}}),"getViteConfig");var E=Object.defineProperty,d=l((e,r)=>E(e,"name",{value:r,configurable:!0}),"n");const I=d(e=>({getModuleGraph:d(async()=>f(e),"getModuleGraph"),getViteConfig:d(async()=>C(e),"getViteConfig"),openInEditor:d(async(r,t,o)=>b(e,r,t,o),"openInEditor"),readFile:d(async r=>{const{readFile:t}=await import("node:fs/promises"),o=r.startsWith("/")?r:`${e.config.root}/${r}`;return t(o,"utf-8")},"readFile")}),"createDefaultServerFunctions"),P=d((e,r)=>{const t={...I(e),...r};return e.ws.on("dev-toolbar:rpc",async(o,n)=>{const{args:c,id:i,method:a}=o,s=t[a];if(!s){n.send("dev-toolbar:rpc:error",{error:`Unknown RPC method: ${a}`,id:i});return}try{const u=await s(e,...c);n.send("dev-toolbar:rpc:response",{id:i,result:u})}catch(u){n.send("dev-toolbar:rpc:error",{error:u instanceof Error?u.message:String(u),id:i})}}),{callClient(o,...n){e.ws.send({data:{args:n,method:o},event:"dev-toolbar:client",type:"custom"})},registerFunction(o,n){t[o]=n},server:e}},"createServerRPCContext");export{P as createServerRPCContext};

package/dist/packem_shared/icon-BUQ92HaT.js

@@ -1 +0,0 @@
-var S=Object.defineProperty;var l=(e,t)=>S(e,"name",{value:t,configurable:!0});import{addHookName as g}from"preact/devtools";import{useState as f,useEffect as v}from"preact/hooks";import{m as w}from"./cn-BEsR6GkP.js";import{jsx as T}from"preact/jsx-runtime";var O=Object.defineProperty,s=l((e,t)=>O(e,"name",{value:t,configurable:!0}),"t$2");const _={toggle:"Alt+Shift+D",close:"Escape"},k="__v_dt__frame_state",a={closeOnOutsideClick:!0,height:60,isPip:!1,isFirstVisit:!0,keybindings:_,left:50,minimizePanelInactive:5e3,open:!1,position:"bottom",preferShowFloatingPanel:!0,reduceMotion:!1,route:"/",top:0,viewMode:"default",width:80},I=s(()=>{const e=globalThis.__VISULIMA_DEV_TOOLBAR_OPTIONS__;return e?{...a,closeOnOutsideClick:e.closeOnOutsideClick??a.closeOnOutsideClick,height:e.height??a.height,keybindings:{..._,...e.keybindings},minimizePanelInactive:e.minimizePanelInactive??a.minimizePanelInactive,position:e.position??a.position,reduceMotion:e.reduceMotion??a.reduceMotion,width:e.width??a.width}:{...a}},"buildEffectiveDefaults"),L=s(()=>{const e=I();if(globalThis.window===void 0)return e;try{const t=localStorage.getItem(k);if(t){const i=JSON.parse(t);return{...e,...i,keybindings:{...e.keybindings,...i.keybindings},open:!1}}}catch{}return e},"loadState"),M=s(e=>{if(globalThis.window!==void 0)try{localStorage.setItem(k,JSON.stringify(e))}catch{}},"saveState");let c=L();const d=new Set,$=s(()=>{for(const e of d)e()},"notifyListeners"),P=s(e=>{c={...c,...e},M(c),$()},"updateSharedState"),V=s(()=>{const[,e]=g(f(0),"forceUpdate");return v(()=>{const t=s(()=>{e(i=>i+1)},"listener");return d.add(t),()=>{d.delete(t)}},[]),{state:c,updateState:P}},"useFrameState");var E=Object.defineProperty,o=l((e,t)=>E(e,"name",{value:t,configurable:!0}),"t$1");const b="__v_dt__theme",h=o(()=>globalThis.window===void 0?"light":globalThis.window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light","getSystemTheme"),z=o(()=>{if(globalThis.window===void 0)return"system";try{const e=localStorage.getItem(b);if(e==="light"||e==="dark"||e==="system")return e}catch(e){console.warn("[dev-toolbar] Failed to load theme:",e)}return"system"},"loadTheme"),C=o(e=>{if(globalThis.window!==void 0)try{localStorage.setItem(b,e)}catch(t){console.warn("[dev-toolbar] Failed to save theme:",t)}},"saveTheme");let n=z(),r=n==="system"?h():n;const m=new Set,p=o(()=>{for(const e of m)e()},"notifyThemeListeners"),y=o(e=>{try{localStorage.setItem("__v-o__theme",e)}catch{}const t=globalThis.__v_o__current?.shadowRoot?.querySelector("#__v_o__root");t&&(e==="dark"?t.classList.add("dark"):t.classList.remove("dark"))},"syncViteOverlayTheme"),u=o(e=>{n=e,r=e==="system"?h():e,C(e),y(r),p()},"setSharedTheme");if(globalThis.window!==void 0){const e=globalThis.window.matchMedia("(prefers-color-scheme: dark)"),t=o(()=>{n==="system"&&(r=h(),y(r),p())},"handleSystemChange");e.addEventListener?e.addEventListener("change",t):e.addListener&&e.addListener(t)}const W=o(()=>{const[,e]=g(f(0),"forceUpdate");return v(()=>{const t=o(()=>{e(i=>i+1)},"listener");return m.add(t),()=>{m.delete(t)}},[]),{resolvedTheme:r,setTheme:u,theme:n,toggleTheme:o(()=>{u(r==="dark"?"light":"dark")},"toggleTheme")}},"useTheme");var F=Object.defineProperty,D=l((e,t)=>F(e,"name",{value:t,configurable:!0}),"o");const x=D(({src:e,size:t=13,class:i})=>T("span",{class:w("inline-block shrink-0",i),style:{backgroundColor:"currentColor",height:t,maskImage:`url(${e})`,maskRepeat:"no-repeat",maskSize:"contain",WebkitMaskImage:`url(${e})`,WebkitMaskRepeat:"no-repeat",WebkitMaskSize:"contain",width:t}}),"Icon");export{_ as D,W as a,x as i,V as u};

package/dist/packem_shared/store-BxE0w51s.js

@@ -1 +0,0 @@
-var v=Object.defineProperty;var o=(r,e)=>v(r,"name",{value:e,configurable:!0});const a=[{color:"#10B981",events:[],id:"hmr",label:"HMR Updates"},{color:"#3B82F6",events:[],id:"network",label:"Network"},{color:"#EF4444",events:[],id:"errors",label:"Errors"},{color:"#8B5CF6",events:[],id:"custom",label:"Custom"}];var g=Object.defineProperty,i=o((r,e)=>g(r,"name",{value:e,configurable:!0}),"i");class c{static{o(this,"TimelineStore")}static{i(this,"TimelineStore")}groups;maxEvents;constructor(e=1e3){this.maxEvents=e,this.groups=new Map;for(const t of a)this.groups.set(t.id,{...t,events:[]})}addEvent(e,t){let s=this.groups.get(e);s||(s={events:[],id:e,label:e},this.groups.set(e,s)),s.events.push(t),s.events.length>this.maxEvents&&s.events.shift(),s.events.sort((l,u)=>l.time-u.time)}getGroups(){return[...this.groups.values()]}getGroupEvents(e){return this.groups.get(e)?.events||[]}getAllEvents(){const e=[];for(const t of this.groups.values())e.push(...t.events);return e.sort((t,s)=>t.time-s.time)}clearGroup(e){const t=this.groups.get(e);t&&(t.events=[])}clearAll(){for(const e of this.groups.values())e.events=[]}getEventsInRange(e,t){return this.getAllEvents().filter(s=>s.time>=e&&s.time<=t)}}let n;const h=i(()=>(n||(n=new c),n),"getTimelineStore");export{a as D,c as T,h as g};

package/dist/performance/monitor.d.ts

@@ -1,115 +0,0 @@
-/**
- * Performance Monitor — singleton that collects browser performance metrics.
- *
- * Metrics collected:
- *  - FPS via requestAnimationFrame circular buffer (last 60 samples)
- *  - Memory via performance.memory (Chrome only, 1-second polling)
- *  - Core Web Vitals: LCP, CLS, FID, FCP, TTFB (PerformanceObserver, buffered)
- *  - Long tasks (>50 ms blocking) via PerformanceObserver
- */
-export interface MemoryInfo {
-    /** JS heap size limit in bytes */
-    jsHeapSizeLimit: number;
-    /** Total allocated JS heap in bytes */
-    totalJSHeapSize: number;
-    /** Currently used JS heap in bytes */
-    usedJSHeapSize: number;
-}
-export interface LongTask {
-    /** Duration in milliseconds */
-    duration: number;
-    /** Unique id */
-    id: string;
-    /** Start time (DOMHighResTimeStamp) */
-    startTime: number;
-}
-export interface CoreWebVitals {
-    /** Cumulative Layout Shift score */
-    cls: null | number;
-    /** First Contentful Paint in ms */
-    fcp: null | number;
-    /** First Input Delay in ms */
-    fid: null | number;
-    /** Largest Contentful Paint in ms */
-    lcp: null | number;
-    /** Time to First Byte in ms */
-    ttfb: null | number;
-}
-export interface PerformanceSnapshot {
-    /** Current FPS (0–60) */
-    fps: number;
-    /** Long tasks captured since start */
-    longTasks: LongTask[];
-    /** Memory info (Chrome only, otherwise null) */
-    memory: MemoryInfo | null;
-    /** Core Web Vitals */
-    vitals: CoreWebVitals;
-}
-type Listener = (snapshot: PerformanceSnapshot) => void;
-export declare const CWV_THRESHOLDS: {
-    readonly cls: {
-        readonly good: 0.1;
-        readonly poor: 0.25;
-    };
-    readonly fcp: {
-        readonly good: 1800;
-        readonly poor: 3000;
-    };
-    readonly fid: {
-        readonly good: 100;
-        readonly poor: 300;
-    };
-    readonly lcp: {
-        readonly good: 2500;
-        readonly poor: 4000;
-    };
-    readonly ttfb: {
-        readonly good: 800;
-        readonly poor: 1800;
-    };
-};
-export type CwvRating = "good" | "needs-improvement" | "poor";
-export declare const getCwvRating: (metric: keyof typeof CWV_THRESHOLDS, value: number) => CwvRating;
-export declare class PerformanceMonitor {
-    private clsValue;
-    private fpsSamples;
-    private listeners;
-    private longTaskIdCounter;
-    private longTasks;
-    private memory;
-    private memoryInterval;
-    private observers;
-    private rafId;
-    private running;
-    private vitals;
-    /**
-     * Remove all collected long tasks (useful for the "Clear" button in the UI).
-     */
-    clearLongTasks(): void;
-    /**
-     * Return a snapshot of the current metrics (no subscription).
-     */
-    getSnapshot(): PerformanceSnapshot;
-    /**
-     * Start collecting metrics. Safe to call multiple times — starts once.
-     */
-    start(): void;
-    /**
-     * Stop all observers and timers.
-     */
-    stop(): void;
-    /**
-     * Subscribe to metric updates. Returns an unsubscribe function.
-     */
-    subscribe(listener: Listener): () => void;
-    private currentFps;
-    private emit;
-    private loadTtfb;
-    private startCwv;
-    private startFps;
-    private startLongTasks;
-    private startMemory;
-    private tryObserve;
-}
-export declare const performanceMonitor: PerformanceMonitor;
-export {};

package/dist/rpc/client.d.ts

@@ -1,7 +0,0 @@
-import type { ClientFunctions, ClientRPCContext } from "../types/rpc.d.ts";
-/**
- * Creates client-side RPC context
- * @param customFunctions Custom client functions to register
- * @returns Client RPC context
- */
-export declare const createClientRPCContext: (customFunctions?: Partial<ClientFunctions>) => ClientRPCContext;

package/dist/rpc/functions/module-graph.d.ts

@@ -1,17 +0,0 @@
-import type { ViteDevServer } from "vite";
-export interface SerializableModuleNode {
-    id: string;
-    importerCount: number;
-    importerUrls: string[];
-    url: string;
-}
-/**
- * Get module dependency graph as serializable objects.
- * Raw ModuleNode objects contain circular references (importers/importedModules)
- * which cannot be JSON-serialized; this function returns a flat, safe representation.
- * Importer URLs are extracted from each ModuleNode's importers Set before serialization
- * so the client can display the full "imported by" list without a second RPC call.
- * @param {import('vite').ViteDevServer} server Vite dev server instance
- * @returns {Promise<SerializableModuleNode[]>} Array of serializable module entries
- */
-export declare const getModuleGraph: (server: ViteDevServer) => Promise<SerializableModuleNode[]>;

package/dist/rpc/functions/open-in-editor.d.ts

@@ -1,9 +0,0 @@
-import type { ViteDevServer } from "vite";
-/**
- * Open file in editor
- * @param server Vite dev server instance
- * @param file File path
- * @param line Line number (1-based)
- * @param column Column number (1-based)
- */
-export declare const openInEditor: (server: ViteDevServer, file: string, line?: number, column?: number) => Promise<void>;

package/dist/rpc/functions/vite-config.d.ts

@@ -1,7 +0,0 @@
-import type { ViteDevServer } from "vite";
-/**
- * Get Vite configuration
- * @param server Vite dev server instance
- * @returns Vite config object
- */
-export declare const getViteConfig: (server: ViteDevServer) => Promise<Record<string, any>>;

package/dist/rpc/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * RPC layer exports
- */
-export { createClientRPCContext } from "./client.d.ts";
-export { getModuleGraph, type SerializableModuleNode } from "./functions/module-graph.d.ts";
-export { openInEditor } from "./functions/open-in-editor.d.ts";
-export { getViteConfig } from "./functions/vite-config.d.ts";
-export { createServerRPCContext } from "./server.d.ts";

package/dist/rpc/server.d.ts

@@ -1,9 +0,0 @@
-import type { ViteDevServer } from "vite";
-import type { ServerFunctions, ServerRPCContext } from "../types/rpc.d.ts";
-/**
- * Creates server-side RPC context
- * @param server Vite dev server instance
- * @param customFunctions Custom server functions to register
- * @returns Server RPC context
- */
-export declare const createServerRPCContext: (server: ViteDevServer, customFunctions?: Partial<ServerFunctions>) => ServerRPCContext;

package/dist/timeline/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Timeline system exports
- */
-export type { TimelineEvent, TimelineEventLevel, TimelineGroup } from "../types/timeline.d.ts";
-export { DEFAULT_TIMELINE_GROUPS } from "../types/timeline.d.ts";
-export { getTimelineStore, TimelineStore } from "./store.d.ts";

package/dist/timeline/store.d.ts

@@ -1,52 +0,0 @@
-import type { TimelineEvent, TimelineGroup } from "../types/timeline.d.ts";
-/**
- * Timeline store for managing events
- */
-export declare class TimelineStore {
-    private groups;
-    private maxEvents;
-    constructor(maxEvents?: number);
-    /**
-     * Add an event to a group
-     * @param groupId Group ID
-     * @param event Timeline event
-     */
-    addEvent(groupId: string, event: TimelineEvent): void;
-    /**
-     * Get all groups
-     * @returns Array of timeline groups
-     */
-    getGroups(): TimelineGroup[];
-    /**
-     * Get events for a specific group
-     * @param groupId Group ID
-     * @returns Array of events or empty array
-     */
-    getGroupEvents(groupId: string): TimelineEvent[];
-    /**
-     * Get all events across all groups
-     * @returns Array of all events
-     */
-    getAllEvents(): TimelineEvent[];
-    /**
-     * Clear events for a group
-     * @param groupId Group ID
-     */
-    clearGroup(groupId: string): void;
-    /**
-     * Clear all events
-     */
-    clearAll(): void;
-    /**
-     * Get events within a time range
-     * @param startTime Start timestamp
-     * @param endTime End timestamp
-     * @returns Array of events in range
-     */
-    getEventsInRange(startTime: number, endTime: number): TimelineEvent[];
-}
-/**
- * Get or create timeline store instance
- * @returns Timeline store instance
- */
-export declare const getTimelineStore: () => TimelineStore;