@visulima/dev-toolbar 1.0.0-alpha.1 → 1.0.0-alpha.10

package/dist/ui/components/card.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentChildren, JSX } from "preact";
+interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+}
+interface CardTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
+    children?: ComponentChildren;
+    class?: string;
+}
+declare const Card: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
+declare const CardHeader: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
+declare const CardTitle: ({ children, class: className, ...rest }: CardTitleProps) => JSX.Element;
+declare const CardDescription: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
+declare const CardContent: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
+declare const CardFooter: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/ui/components/icon.d.ts

@@ -1,10 +1,9 @@
-/** @jsxImportSource preact */
 import type { ComponentChildren } from "preact";
 interface IconProps {
     class?: string;
     size?: number;
     /**
-     * CSS data-URI from a `?data-uri&encoding=css` lucide-static import.
+     * CSS data-URI from a `?data-uri&encoding=css` lucide-static import.
      * Uses CSS mask-image so the icon inherits currentColor from the parent.
      */
     src: string;
@@ -12,10 +11,9 @@ interface IconProps {
 /**
  * Renders a lucide-static icon using CSS mask-image.
  * Color is driven by the parent element's `color` property (currentColor).
- *
- * Usage:
- *   import xIcon from "lucide-static/icons/x.d.ts";
- *   <Icon src={xIcon} size={13} />
+ * @example
+ * import xIcon from "lucide-static/icons/x.d.ts";
+ * &lt;Icon src={xIcon} size={13} />
  */
-declare const Icon: ({ src, size, class: className }: IconProps) => ComponentChildren;
+declare const Icon: ({ class: className, size, src }: IconProps) => ComponentChildren;
 export default Icon;

package/dist/ui/components/input.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "preact";
+import type { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
+interface InputProps extends JSX.InputHTMLAttributes {
+    class?: string;
+}
+declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
+export default Input;

package/dist/ui/components/label.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentChildren, JSX } from "preact";
+interface LabelProps extends JSX.LabelHTMLAttributes {
+    children?: ComponentChildren;
+    class?: string;
+}
+declare const Label: ({ children, class: className, ...rest }: LabelProps) => JSX.Element;
+export default Label;

package/dist/ui/components/popover.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentChildren, JSX } from "preact";
+interface PopoverProps {
+    children: ComponentChildren;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+}
+interface PopoverTriggerProps extends JSX.ButtonHTMLAttributes {
+    children: ComponentChildren;
+    class?: string;
+}
+interface PopoverContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    align?: "center" | "end" | "start";
+    children: ComponentChildren;
+    class?: string;
+    side?: "bottom" | "left" | "right" | "top";
+    sideOffset?: number;
+}
+interface PopoverCloseProps extends JSX.ButtonHTMLAttributes {
+    children?: ComponentChildren;
+    class?: string;
+}
+declare const Popover: ({ children, defaultOpen, onOpenChange, open }: PopoverProps) => JSX.Element;
+declare const PopoverTrigger: ({ children, class: className, ...rest }: PopoverTriggerProps) => JSX.Element;
+declare const PopoverContent: ({ align, children, class: className, side, sideOffset, ...rest }: PopoverContentProps) => JSX.Element | undefined;
+declare const PopoverClose: ({ children, class: className, ...rest }: PopoverCloseProps) => JSX.Element;
+export { Popover, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/ui/components/progress.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "preact";
+interface ProgressProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    value?: number;
+}
+declare const Progress: ({ class: className, value, ...rest }: ProgressProps) => JSX.Element;
+export default Progress;

package/dist/ui/components/select.d.ts

@@ -0,0 +1,54 @@
+import type { ComponentChildren, JSX } from "preact";
+interface SelectContextValue {
+    highlightedValue: string | null;
+    instanceId: string;
+    onSelect: (value: string) => void;
+    open: boolean;
+    search: string;
+    setHighlightedValue: (v: string | null) => void;
+    setOpen: (v: boolean) => void;
+    setSearch: (v: string) => void;
+    triggerRef: {
+        current: HTMLButtonElement | null;
+    };
+    value: string;
+}
+declare const useSelectContext: () => SelectContextValue;
+interface SelectOption {
+    label: string;
+    value: string;
+}
+interface SelectProps {
+    children: ComponentChildren;
+    onValueChange?: (value: string) => void;
+    value?: string;
+}
+interface SelectTriggerProps extends Omit<JSX.ButtonHTMLAttributes, "children"> {
+    children: ComponentChildren;
+    class?: string;
+}
+interface SelectContentProps {
+    align?: "center" | "end" | "start";
+    children: ComponentChildren;
+    class?: string;
+    searchable?: boolean;
+    side?: "bottom" | "top";
+    sideOffset?: number;
+}
+interface SelectItemProps {
+    children: ComponentChildren;
+    class?: string;
+    value: string;
+}
+interface SelectValueProps {
+    class?: string;
+    options: SelectOption[];
+    placeholder?: string;
+}
+declare const Select: ({ children, onValueChange, value }: SelectProps) => JSX.Element;
+declare const SelectTrigger: ({ children, class: className, ...rest }: SelectTriggerProps) => JSX.Element;
+declare const SelectValue: ({ class: className, options, placeholder }: SelectValueProps) => JSX.Element;
+declare const SelectContent: ({ align, children, class: className, searchable, side, sideOffset, }: SelectContentProps) => JSX.Element | undefined;
+declare const SelectItem: ({ children, class: className, value: itemValue }: SelectItemProps) => JSX.Element;
+export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, useSelectContext };
+export type { SelectOption };

package/dist/ui/components/separator.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from "preact";
+interface SeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    decorative?: boolean;
+    orientation?: "horizontal" | "vertical";
+}
+declare const Separator: ({ class: className, decorative, orientation, ...rest }: SeparatorProps) => JSX.Element;
+export default Separator;

package/dist/ui/components/skeleton.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from "preact";
+interface SkeletonProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+declare const Skeleton: ({ class: className, ...rest }: SkeletonProps) => JSX.Element;
+export default Skeleton;

package/dist/ui/components/switch.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from "preact";
+interface SwitchProps extends Omit<JSX.ButtonHTMLAttributes, "onChange"> {
+    checked?: boolean;
+    class?: string;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    id?: string;
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch: ({ checked, class: className, defaultChecked, disabled, id, onCheckedChange, ...rest }: SwitchProps) => JSX.Element;
+export default Switch;

package/dist/ui/components/tabs.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentChildren, JSX } from "preact";
+interface TabsProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    value?: string;
+}
+interface TabsListProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+}
+interface TabsTriggerProps extends JSX.ButtonHTMLAttributes {
+    children?: ComponentChildren;
+    class?: string;
+    disabled?: boolean;
+    value: string;
+}
+interface TabsContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children?: ComponentChildren;
+    class?: string;
+    value: string;
+}
+declare const Tabs: ({ children, class: className, defaultValue, onValueChange, value, ...rest }: TabsProps) => JSX.Element;
+declare const TabsList: ({ children, class: className, ...rest }: TabsListProps) => JSX.Element;
+declare const TabsTrigger: ({ children, class: className, disabled, value, ...rest }: TabsTriggerProps) => JSX.Element;
+declare const TabsContent: ({ children, class: className, value, ...rest }: TabsContentProps) => JSX.Element | undefined;
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/ui/components/textarea.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "preact";
+import type { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
+interface TextareaProps extends JSX.TextareaHTMLAttributes {
+    class?: string;
+}
+declare const Textarea: ForwardRefExoticComponent<RefAttributes<HTMLTextAreaElement> & TextareaProps>;
+export default Textarea;

package/dist/ui/components/tooltip.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentChildren, JSX } from "preact";
+interface TooltipProps {
+    children: ComponentChildren;
+    delayDuration?: number;
+}
+interface TooltipTriggerProps extends JSX.HTMLAttributes<HTMLSpanElement> {
+    children: ComponentChildren;
+    class?: string;
+}
+interface TooltipContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children: ComponentChildren;
+    class?: string;
+    side?: "bottom" | "left" | "right" | "top";
+    sideOffset?: number;
+}
+declare const Tooltip: ({ children, delayDuration: _delayDuration }: TooltipProps) => JSX.Element;
+declare const TooltipTrigger: ({ children, class: className, ...rest }: TooltipTriggerProps) => JSX.Element;
+declare const TooltipContent: ({ children, class: className, side, sideOffset, ...rest }: TooltipContentProps) => JSX.Element | undefined;
+export { Tooltip, TooltipContent, TooltipTrigger };

package/dist/ui/index.d.ts

@@ -0,0 +1,18 @@
+export { Alert, AlertDescription, AlertTitle } from "./components/alert.d.ts";
+export { default as Badge } from "./components/badge.d.ts";
+export { default as Button } from "./components/button.d.ts";
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/card.d.ts";
+export { default as Icon } from "./components/icon.d.ts";
+export { default as Input } from "./components/input.d.ts";
+export { default as Label } from "./components/label.d.ts";
+export { Popover, PopoverClose, PopoverContent, PopoverTrigger } from "./components/popover.d.ts";
+export { default as Progress } from "./components/progress.d.ts";
+export type { SelectOption } from "./components/select.d.ts";
+export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, useSelectContext } from "./components/select.d.ts";
+export { default as Separator } from "./components/separator.d.ts";
+export { default as Skeleton } from "./components/skeleton.d.ts";
+export { default as Switch } from "./components/switch.d.ts";
+export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/tabs.d.ts";
+export { default as Textarea } from "./components/textarea.d.ts";
+export { Tooltip, TooltipContent, TooltipTrigger } from "./components/tooltip.d.ts";
+export { clsx } from "clsx";

package/dist/ui/index.js

@@ -0,0 +1 @@
+import{Alert as o,AlertDescription as r,AlertTitle as a}from"../packem_shared/Alert-D2CvX4fw.js";import{default as p}from"../packem_shared/Badge-BEgU04nl.js";import{default as s}from"../packem_shared/Button-Bkx66Co7.js";import{Card as d,CardContent as m,CardDescription as n,CardFooter as i,CardHeader as u,CardTitle as T}from"../packem_shared/Card-CJa4vHVc.js";import{default as c}from"../packem_shared/Icon-B6UHkC0o.js";import{default as S}from"../packem_shared/Input-Cs6aduTi.js";import{default as P}from"../packem_shared/Label-DyCng4Cp.js";import{Popover as A,PopoverClose as I,PopoverContent as B,PopoverTrigger as D}from"../packem_shared/Popover-BtFVaZYg.js";import{default as h}from"../packem_shared/Progress-DN6zn-0l.js";import{Select as w,SelectContent as F,SelectItem as H,SelectTrigger as V,SelectValue as j,useSelectContext as q}from"../packem_shared/Select-DgQ4ss-s.js";import{default as z}from"../packem_shared/Separator-D38mKeZv.js";import{default as G}from"../packem_shared/Skeleton-Dv-tcA1P.js";import{default as K}from"../packem_shared/Switch-C3NTpeoR.js";import{Tabs as N,TabsContent as O,TabsList as Q,TabsTrigger as R}from"../packem_shared/Tabs-DKWMiawt.js";import{default as W}from"../packem_shared/Textarea-Yfg3dLZi.js";import{Tooltip as Y,TooltipContent as Z,TooltipTrigger as _}from"../packem_shared/Tooltip-CioncSXj.js";import{clsx as ee}from"../packem_shared/clsx-wGlvpUfw.js";export{o as Alert,r as AlertDescription,a as AlertTitle,p as Badge,s as Button,d as Card,m as CardContent,n as CardDescription,i as CardFooter,u as CardHeader,T as CardTitle,c as Icon,S as Input,P as Label,A as Popover,I as PopoverClose,B as PopoverContent,D as PopoverTrigger,h as Progress,w as Select,F as SelectContent,H as SelectItem,V as SelectTrigger,j as SelectValue,z as Separator,G as Skeleton,K as Switch,N as Tabs,O as TabsContent,Q as TabsList,R as TabsTrigger,W as Textarea,Y as Tooltip,Z as TooltipContent,_ as TooltipTrigger,ee as clsx,q as useSelectContext};

package/dist/vite/inject-source.d.ts

@@ -0,0 +1,24 @@
+import generate from "@babel/generator";
+declare const gen: typeof generate;
+export declare const SOURCE_ATTR = "data-vdt-source";
+export interface InjectSourceIgnore {
+    /** Component names or patterns to skip. */
+    components?: (RegExp | string)[];
+    /** File paths or patterns to skip. */
+    files?: (RegExp | string)[];
+}
+/**
+ * Inject `data-vdt-source="<file>:<line>:<col>"` into every JSX opening element
+ * in the given source code, enabling the inspector to resolve elements back to
+ * their source location.
+ *
+ * Pass `originalCode` when the received `code` may have been pre-processed by an
+ * SSR pipeline (e.g. Vinxi / TanStack Start) that shifts JSX line numbers relative
+ * to the source file on disk. Positions are then read from `originalCode` but
+ * injected into `code`'s AST, ensuring server and client produce identical
+ * attribute values and React hydration never reports a mismatch.
+ *
+ * Returns `undefined` when the file was skipped or contained no JSX to transform.
+ */
+export declare const addSourceToJsx: (code: string, id: string, ignore?: InjectSourceIgnore, originalCode?: string) => ReturnType<typeof gen> | undefined;
+export {};

package/dist/vite/matcher.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns true if `value` matches any of the given patterns.
+ * Strings are treated as glob patterns; RegExps are tested directly.
+ */
+declare const matcher: (patterns: (RegExp | string)[], value: string) => boolean;
+export default matcher;

package/dist/vite-plugin.d.ts

@@ -1,5 +1,6 @@
 import type { Plugin } from "vite";
 import type { DevToolbarApp, ServerFunctions } from "./types/index.d.ts";
+import type { InjectSourceIgnore } from "./vite/inject-source.d.ts";
 /**
  * Dev toolbar plugin options
  */
@@ -9,19 +10,26 @@ export interface DevToolbarOptions {
      * useful for projects that do not use html file as an entry
      *
      * WARNING: only set this if you know exactly what it does.
-     * @default ''
+     * @default Empty string (disabled).
      */
     appendTo?: string | RegExp;
     /**
-     * Built-in apps to enable
+     * Built-in apps to enable. All apps are disabled by default — only
+     * `viteConfig`, `settings`, and the "more" drawer are shown out of the box.
+     * Explicitly set an app to `true` to enable it.
+     * @example { inspector: true, seo: true }
      */
     apps?: {
         [key: string]: boolean | undefined;
         a11y?: boolean;
+        annotations?: boolean;
+        assets?: boolean;
+        inspector?: boolean;
         moduleGraph?: boolean;
         performance?: boolean;
         seo?: boolean;
         settings?: boolean;
+        tailwind?: boolean;
         timeline?: boolean;
         viteConfig?: boolean;
     };
@@ -38,20 +46,47 @@ export interface DevToolbarOptions {
      * Whether toolbar is visible by default
      */
     defaultVisible?: boolean;
+    /**
+     * The editor to open when clicking "Open in editor" in the inspector.
+     * Accepts any value supported by `launch-editor` — an editor name/alias
+     * (e.g. `"code"`, `"webstorm"`, `"vim"`, `"atom"`) or the full path to
+     * the editor executable.
+     *
+     * If omitted, `launch-editor` auto-detects the editor from the `EDITOR`
+     * / `VISUAL` environment variables or from the currently running IDE
+     * process detected on the OS process list.
+     * @example "webstorm"
+     * @example "code"
+     */
+    editor?: string;
     /**
      * Initial panel height as a percentage of the viewport height (20–95).
      * @default 60
      */
     height?: number;
+    /**
+     * Inject `data-vdt-source="<file>:<line>:<col>"` attributes into every JSX
+     * opening element during development. This lets the inspector jump directly
+     * to the source file when an element is clicked.
+     *
+     * Only active when `mode === 'development'`. Set `enabled: false` to opt out.
+     * Use `ignore.files` / `ignore.components` to exclude specific paths or
+     * component names (strings are treated as glob patterns).
+     * @default { enabled: true }
+     */
+    injectSource?: {
+        enabled?: boolean;
+        ignore?: InjectSourceIgnore;
+    };
     /**
      * Keyboard shortcut bindings.
      * These are project-level defaults; users can still override them via the
      * Settings app (stored in localStorage).
      */
     keybindings?: {
-        /** Close active app / panel. @default "Escape" */
+        /** Close active app / panel. \@default "Escape" */
         close?: string;
-        /** Toggle the DevTools panel open/closed. @default "Alt+Shift+D" */
+        /** Toggle the DevTools panel open/closed. \@default "Alt+Shift+D" */
         toggle?: string;
     };
     /**
@@ -77,6 +112,14 @@ export interface DevToolbarOptions {
      * @default false
      */
     reduceMotion?: boolean;
+    /**
+     * Strip all \@visulima/dev-toolbar imports and virtual modules when building
+     * for production (i.e. when `command !== 'serve'` or `mode === 'production'`).
+     * This guarantees the toolbar never ends up in a production bundle even if the
+     * user accidentally imports our package in application code.
+     * @default true
+     */
+    removeDevtoolsOnBuild?: boolean;
     /**
      * Only activate the toolbar when the URL contains a specific query parameter.
      * Useful for staging/production environments where you want opt-in debugging.
@@ -101,6 +144,6 @@ export interface DevToolbarOptions {
     width?: number;
 }
 /**
- * Dev toolbar Vite plugin
+ * Returns the Vite plugin array for the dev toolbar.
  */
-export declare const devToolbar: (options?: DevToolbarOptions) => Plugin;
+export declare const devToolbar: (options?: DevToolbarOptions) => Plugin[];

package/dist/vite-plugin.js

@@ -1,2 +1,5 @@
-var g=Object.defineProperty;var p=(e,r)=>g(e,"name",{value:r,configurable:!0});import{createRequire as b}from"node:module";import{normalizePath as $}from"vite";import{createServerRPCContext as j}from"./packem_shared/createServerRPCContext-BVSesPXu.js";const h=b(import.meta.url),s=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,u=p(e=>{if(typeof s<"u"&&s.versions&&s.versions.node){const[r,o]=s.versions.node.split(".").map(Number);if(r>22||r===22&&o>=3||r===20&&o>=16)return s.getBuiltinModule(e)}return h(e)},"__cjs_getBuiltinModule"),y=u("node:fs"),_=u("node:path"),{fileURLToPath:T}=u("node:url");var P=Object.defineProperty,c=p((e,r)=>P(e,"name",{value:r,configurable:!0}),"o");const F=c(()=>$(_.dirname(T(import.meta.url))),"getDevToolbarPath"),C=c(e=>e.replace(/\?.*$/,""),"removeUrlQuery"),d="?__visulima-dev-toolbar-resource",f="virtual:visulima-dev-toolbar-options",m=`\0${f}`,a="virtual:visulima-dev-toolbar-path:",x=c((e={})=>{const r=F();let o;return{apply:"serve",configResolved(t){o=t},configureServer(t){j(t,e.serverFunctions),t.ws.on("connection",()=>{t.ws.send({event:"dev-toolbar:init",type:"custom"})})},enforce:"pre",async load(t){if(t===m)return`export default ${JSON.stringify({apps:{a11y:e.apps?.a11y??!0,moduleGraph:e.apps?.moduleGraph??!0,performance:e.apps?.performance??!0,seo:e.apps?.seo??!0,settings:e.apps?.settings??!0,timeline:e.apps?.timeline??!0,viteConfig:e.apps?.viteConfig??!0},base:o.base,closeOnOutsideClick:e.closeOnOutsideClick??!0,defaultVisible:e.defaultVisible??!0,height:e.height??60,keybindings:e.keybindings??{},minimizePanelInactive:e.minimizePanelInactive??5e3,placement:e.placement??"bottom-center",position:e.position??"bottom",reduceMotion:e.reduceMotion??!1,requireUrlFlag:e.requireUrlFlag??!1,urlFlagName:e.urlFlagName??"devtools",width:e.width??80})};`;if(t.endsWith(d)){const n=C(t);return this.addWatchFile(n),await y.promises.readFile(n,"utf8")}},name:"@visulima/dev-toolbar",resolveId(t){if(t===f)return m;if(t.startsWith(a))return`${t.replace(a,`${r}/`)}${d}`},transform(t,n,v){if(v?.ssr)return;const{appendTo:i}=e,l=n.split("?",2)[0];if(i&&l&&(typeof i=="string"&&l.endsWith(i)||i instanceof RegExp&&i.test(l)))return`import '${a}client/overlay.js';
-${t}`},transformIndexHtml(){return e.appendTo?void 0:{html:"",tags:[{attrs:{src:`${o.base||"/"}@id/${a}client/overlay.js`,type:"module"},injectTo:"head-prepend",tag:"script"}]}}}},"devToolbar");export{x as devToolbar};
+var O=Object.defineProperty;var g=(e,r)=>O(e,"name",{value:r,configurable:!0});import{createRequire as x}from"node:module";import{normalizePath as I}from"vite";import{createServerRPCContext as k}from"./packem_shared/createServerRPCContext-D-yZrEjs.js";const F=x(import.meta.url),d=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,b=g(e=>{if(typeof d<"u"&&d.versions&&d.versions.node){const[r,f]=d.versions.node.split(".").map(Number);if(r>22||r===22&&f>=3||r===20&&f>=16)return d.getBuiltinModule(e)}return F(e)},"__cjs_getBuiltinModule"),P=b("node:fs"),T=b("node:path"),{fileURLToPath:S}=b("node:url");var R=Object.defineProperty,m=g((e,r)=>R(e,"name",{value:r,configurable:!0}),"u");const q=m(()=>I(T.dirname(S(import.meta.url))),"getDevToolbarPath"),D=/\?.+$/,M=/\/dist\/|\/build\//,N=/\.[jt]sx$/,W=m(e=>e.replace(D,""),"removeUrlQuery"),w="?__visulima-dev-toolbar-resource",h="virtual:visulima-dev-toolbar-options",_=`\0${h}`,u="virtual:visulima-dev-toolbar-path:",j="\0__visulima-dev-toolbar-empty",E=m((e={})=>{const r=q(),f=e.removeDevtoolsOnBuild??!0,$=e.injectSource?.enabled??!0;let v;return[{apply:"serve",config(){return{server:{watch:{ignored:["**/.devtoolbar/**"]}}}},configResolved(t){if(v=t,!e.appendTo){const o=new Set(t.plugins.map(n=>n.name));(o.has("tanstack-start-core:config")||o.has("tanstack-react-start:config"))&&(e.appendTo=/router\.tsx$/)}const a=/dev-toolbar[\\/]dist[\\/]|__visulima-dev-toolbar-resource/;for(const o of t.plugins){if(!o.name.includes("babel"))continue;const n=o.transform;if(!n)continue;const i=typeof n=="function"?n:typeof n=="object"&&"handler"in n?n.handler:void 0;if(typeof i!="function")continue;const s=m(function(l,c,...p){if(!a.test(c))return i.call(this,l,c,...p)},"wrapper");typeof n=="function"?o.transform=s:n.handler=s}},configureServer(t){k(t,e.serverFunctions,{editor:e.editor}),t.ws.on("connection",()=>{t.ws.send({event:"dev-toolbar:init",type:"custom"})}),t.middlewares.use("/__devtoolbar/events",async(a,o)=>{o.writeHead(200,{"Cache-Control":"no-cache",Connection:"keep-alive","Content-Type":"text/event-stream","X-Accel-Buffering":"no"});const n=m((c,p)=>{o.write(`event: ${c}
+data: ${JSON.stringify(p)}
+
+`)},"sendEvent");n("connected",{timestamp:Date.now()});const{watch:i}=await import("node:fs"),s=T.join(t.config.root,".devtoolbar","annotations.json");let l;try{l=i(s,{persistent:!1},c=>{c==="change"&&n("annotations.changed",{timestamp:Date.now()})}),l.on("error",()=>{})}catch{const{stat:c}=await import("node:fs/promises");let p=0;const C=setInterval(async()=>{try{const y=(await c(s)).mtimeMs;y!==p&&(p=y,n("annotations.changed",{timestamp:Date.now()}))}catch{}},2e3);a.on("close",()=>{clearInterval(C)});return}a.on("close",()=>{l?.close()})})},enforce:"pre",async load(t){if(t===_){const a=(e.customApps??[]).filter(o=>!o.component&&!o.init&&o.view?.type==="iframe").map(o=>({defaultOpen:o.defaultOpen,icon:o.icon,id:o.id,name:o.name,view:o.view}));return`export default ${JSON.stringify({apps:{a11y:e.apps?.a11y??!1,annotations:e.apps?.annotations??e.apps?.inspector??!1,assets:e.apps?.assets??!1,inspector:e.apps?.inspector??!1,moduleGraph:e.apps?.moduleGraph??!1,performance:e.apps?.performance??!1,seo:e.apps?.seo??!1,settings:e.apps?.settings??!0,tailwind:e.apps?.tailwind??!1,timeline:e.apps?.timeline??!1,viteConfig:e.apps?.viteConfig??!0},base:v.base,closeOnOutsideClick:e.closeOnOutsideClick??!0,customApps:a,defaultVisible:e.defaultVisible??!0,editor:e.editor??"",height:e.height??60,keybindings:e.keybindings??{},minimizePanelInactive:e.minimizePanelInactive??5e3,placement:e.placement??"bottom-center",position:e.position??"bottom",reduceMotion:e.reduceMotion??!1,requireUrlFlag:e.requireUrlFlag??!1,urlFlagName:e.urlFlagName??"devtools",width:e.width??80})};`}if(t.endsWith(w)){const a=W(t);return this.addWatchFile(a),await P.promises.readFile(a,"utf8")}},name:"@visulima/dev-toolbar",resolveId(t){if(t===h)return _;if(t.startsWith(u))return`${t.replace(u,`${r}/`)}${w}`},transform(t,a,o){if(o?.ssr)return;const{appendTo:n}=e,i=a.split("?",2)[0];if(n&&i&&(typeof n=="string"&&i.endsWith(n)||n instanceof RegExp&&n.test(i)))return`import '${u}client/overlay.js';
+${t}`},transformIndexHtml(){return e.appendTo?void 0:{html:"",tags:[{attrs:{src:`${v.base||"/"}@id/${u}client/overlay.js`,type:"module"},injectTo:"head-prepend",tag:"script"}]}}},{enforce:"pre",name:"@visulima/dev-toolbar:inject-source",async transform(t,a){if(!$||v.mode!=="development"||a.includes("node_modules")||a.includes("?raw")||M.test(a)||!N.test(a.split("?")[0]??""))return;const{readFile:o}=await import("node:fs/promises");let n;try{const l=await o(a.split("?")[0]??a,"utf8");l!==t&&(n=l)}catch{}const{addSourceToJsx:i}=await import("./packem_chunks/inject-source.js"),s=i(t,a,e.injectSource?.ignore,n);if(s)return{code:s.code??t,map:s.map??void 0}}},{apply(t,{command:a,mode:o}){return f&&(a!=="serve"||o==="production")},load(t){if(t===j)return"export default {};"},name:"@visulima/dev-toolbar:remove-on-build",resolveId(t){if(t===h||t.startsWith(u))return j}}]},"devToolbar");export{E as devToolbar};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visulima/dev-toolbar",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.10",
   "description": "Devtools is a set of tools for building advanced devtools for your application",
   "keywords": [
     "visulima",
@@ -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.2",
+    "@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.0.0",
+    "axe-core": "4.11.3",
+    "vite": "^6 || ^7 || ^8",
+    "zod": "^3.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/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/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};