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

package/dist/ui/index.d.ts

@@ -0,0 +1,382 @@
+import { ComponentChildren, JSX } from 'preact';
+import { RefAttributes, ForwardRefExoticComponent } from 'preact/compat';
+type AlertVariant = "default" | "destructive" | "info" | "success" | "warning";
+interface AlertProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children?: ComponentChildren;
+  class?: string;
+  variant?: AlertVariant;
+}
+interface AlertTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
+  children?: ComponentChildren;
+  class?: string;
+}
+interface AlertDescriptionProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children?: ComponentChildren;
+  class?: string;
+}
+declare const Alert: ({
+  children,
+  class: className,
+  variant,
+  ...rest
+}: AlertProps) => JSX.Element;
+declare const AlertTitle: ({
+  children,
+  class: className,
+  ...rest
+}: AlertTitleProps) => JSX.Element;
+declare const AlertDescription: ({
+  children,
+  class: className,
+  ...rest
+}: AlertDescriptionProps) => JSX.Element;
+type BadgeVariant = "default" | "destructive" | "info" | "outline" | "secondary" | "success" | "warning";
+interface BadgeProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  children?: ComponentChildren;
+  class?: string;
+  variant?: BadgeVariant;
+}
+declare const Badge: ({
+  children,
+  class: className,
+  variant,
+  ...rest
+}: BadgeProps) => JSX.Element;
+type ButtonSize = "default" | "icon" | "lg" | "sm";
+type ButtonVariant = "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";
+interface ButtonProps extends JSX.ButtonHTMLAttributes {
+  children?: ComponentChildren;
+  class?: string;
+  size?: ButtonSize;
+  variant?: ButtonVariant;
+}
+declare const Button: ({
+  children,
+  class: className,
+  size,
+  type,
+  variant,
+  ...rest
+}: ButtonProps) => JSX.Element;
+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;
+interface IconProps {
+  class?: string;
+  size?: number;
+  /**
+  * CSS data-URI from a `?data-uri&amp;encoding=css` lucide-static import.
+  * Uses CSS mask-image so the icon inherits currentColor from the parent.
+  */
+  src: string;
+}
+/**
+* Renders a lucide-static icon using CSS mask-image.
+* Color is driven by the parent element's `color` property (currentColor).
+* @example
+* import xIcon from "lucide-static/icons/x.svg?data-uri&amp;encoding=css";
+* &lt;Icon src={xIcon} size={13} />
+*/
+declare const Icon: ({
+  class: className,
+  size,
+  src
+}: IconProps) => ComponentChildren;
+interface InputProps extends JSX.InputHTMLAttributes {
+  class?: string;
+}
+declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
+interface LabelProps extends JSX.LabelHTMLAttributes {
+  children?: ComponentChildren;
+  class?: string;
+}
+declare const Label: ({
+  children,
+  class: className,
+  ...rest
+}: LabelProps) => JSX.Element;
+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;
+interface ProgressProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  class?: string;
+  value?: number;
+}
+declare const Progress: ({
+  class: className,
+  value,
+  ...rest
+}: ProgressProps) => JSX.Element;
+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;
+interface SeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  class?: string;
+  decorative?: boolean;
+  orientation?: "horizontal" | "vertical";
+}
+declare const Separator: ({
+  class: className,
+  decorative,
+  orientation,
+  ...rest
+}: SeparatorProps) => JSX.Element;
+interface SkeletonProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  class?: string;
+}
+declare const Skeleton: ({
+  class: className,
+  ...rest
+}: SkeletonProps) => JSX.Element;
+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;
+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;
+interface TextareaProps extends JSX.TextareaHTMLAttributes {
+  class?: string;
+}
+declare const Textarea: ForwardRefExoticComponent<RefAttributes<HTMLTextAreaElement> & TextareaProps>;
+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;
+type ClassValue = ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined;
+type ClassDictionary = Record<string, any>;
+type ClassArray = ClassValue[];
+declare function clsx(...inputs: ClassValue[]): string;
+export { Alert, AlertDescription, AlertTitle, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Icon, Input, Label, Popover, PopoverClose, PopoverContent, PopoverTrigger, Progress, Select, SelectContent, SelectItem, type SelectOption, SelectTrigger, SelectValue, Separator, Skeleton, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Tooltip, TooltipContent, TooltipTrigger, clsx, useSelectContext };

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-plugin.d.ts

@@ -1,106 +1,158 @@
-import type { Plugin } from "vite";
-import type { DevToolbarApp, ServerFunctions } from "./types/index.d.ts";
+import { Plugin } from 'vite';
+import { D as DevToolbarApp, S as ServerFunctions } from "./packem_shared/app.d-SmKEDxsI.js";
+import "./packem_shared/global-api.d-BLfn-OUA.js";
+import '@babel/generator';
+import 'preact';
+interface InjectSourceIgnore {
+  /** Component names or patterns to skip. */
+  components?: (RegExp | string)[];
+  /** File paths or patterns to skip. */
+  files?: (RegExp | string)[];
+}
 /**
- * Dev toolbar plugin options
- */
-export interface DevToolbarOptions {
-    /**
-     * append an import to the module id ending with `appendTo` instead of adding a script into body
-     * useful for projects that do not use html file as an entry
-     *
-     * WARNING: only set this if you know exactly what it does.
-     * @default ''
-     */
-    appendTo?: string | RegExp;
-    /**
-     * Built-in apps to enable
-     */
-    apps?: {
-        [key: string]: boolean | undefined;
-        a11y?: boolean;
-        moduleGraph?: boolean;
-        performance?: boolean;
-        seo?: boolean;
-        settings?: boolean;
-        timeline?: boolean;
-        viteConfig?: boolean;
-    };
-    /**
-     * Whether clicking outside the DevTools panel closes it.
-     * @default true
-     */
-    closeOnOutsideClick?: boolean;
-    /**
-     * Custom apps to register
-     */
-    customApps?: DevToolbarApp[];
-    /**
-     * Whether toolbar is visible by default
-     */
-    defaultVisible?: boolean;
-    /**
-     * Initial panel height as a percentage of the viewport height (20–95).
-     * @default 60
-     */
-    height?: number;
-    /**
-     * 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?: string;
-        /** Toggle the DevTools panel open/closed. @default "Alt+Shift+D" */
-        toggle?: string;
-    };
-    /**
-     * Auto-hide the toolbar pill after this many milliseconds of inactivity.
-     * Set to -1 to never auto-hide.
-     * @default 5000
-     */
-    minimizePanelInactive?: number;
-    /**
-     * Toolbar placement (coarse shorthand — sets the edge and rough horizontal
-     * alignment of the toolbar pill).
-     * @default "bottom-center"
-     */
-    placement?: "bottom-left" | "bottom-center" | "bottom-right";
-    /**
-     * Which edge of the viewport the toolbar pill is anchored to.
-     * Takes precedence over the edge implied by `placement`.
-     * @default "bottom"
-     */
-    position?: "bottom" | "left" | "right" | "top";
-    /**
-     * Reduce motion for accessibility (disables all CSS animations).
-     * @default false
-     */
-    reduceMotion?: boolean;
-    /**
-     * Only activate the toolbar when the URL contains a specific query parameter.
-     * Useful for staging/production environments where you want opt-in debugging.
-     * @example requireUrlFlag: true, urlFlagName: 'debug' → toolbar only shows when URL has ?debug=true
-     * @default false
-     */
-    requireUrlFlag?: boolean;
-    /**
-     * Custom server RPC functions
-     */
-    serverFunctions?: Partial<ServerFunctions>;
-    /**
-     * The URL query parameter name used when requireUrlFlag is true.
-     * @default 'devtools'
-     */
-    urlFlagName?: string;
-    /**
-     * Initial panel width as a percentage of the viewport width (20–95).
-     * Applies when position is "left" or "right".
-     * @default 80
-     */
-    width?: number;
+* Dev toolbar plugin options
+*/
+interface DevToolbarOptions {
+  /**
+  * append an import to the module id ending with `appendTo` instead of adding a script into body
+  * useful for projects that do not use html file as an entry
+  *
+  * WARNING: only set this if you know exactly what it does.
+  * @default Empty string (disabled).
+  */
+  appendTo?: string | RegExp;
+  /**
+  * 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;
+  };
+  /**
+  * Whether clicking outside the DevTools panel closes it.
+  * @default true
+  */
+  closeOnOutsideClick?: boolean;
+  /**
+  * Custom apps to register
+  */
+  customApps?: DevToolbarApp[];
+  /**
+  * 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="&lt;file>:&lt;line>:&lt;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?: string;
+    /** Toggle the DevTools panel open/closed. \@default "Alt+Shift+D" */
+    toggle?: string;
+  };
+  /**
+  * Auto-hide the toolbar pill after this many milliseconds of inactivity.
+  * Set to -1 to never auto-hide.
+  * @default 5000
+  */
+  minimizePanelInactive?: number;
+  /**
+  * Toolbar placement (coarse shorthand — sets the edge and rough horizontal
+  * alignment of the toolbar pill).
+  * @default "bottom-center"
+  */
+  placement?: "bottom-left" | "bottom-center" | "bottom-right";
+  /**
+  * Which edge of the viewport the toolbar pill is anchored to.
+  * Takes precedence over the edge implied by `placement`.
+  * @default "bottom"
+  */
+  position?: "bottom" | "left" | "right" | "top";
+  /**
+  * Reduce motion for accessibility (disables all CSS animations).
+  * @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.
+  * @example requireUrlFlag: true, urlFlagName: 'debug' → toolbar only shows when URL has ?debug=true
+  * @default false
+  */
+  requireUrlFlag?: boolean;
+  /**
+  * Custom server RPC functions
+  */
+  serverFunctions?: Partial<ServerFunctions>;
+  /**
+  * The URL query parameter name used when requireUrlFlag is true.
+  * @default 'devtools'
+  */
+  urlFlagName?: string;
+  /**
+  * Initial panel width as a percentage of the viewport width (20–95).
+  * Applies when position is "left" or "right".
+  * @default 80
+  */
+  width?: number;
 }
 /**
- * Dev toolbar Vite plugin
- */
-export declare const devToolbar: (options?: DevToolbarOptions) => Plugin;
+* Returns the Vite plugin array for the dev toolbar.
+*/
+declare const devToolbar: (options?: DevToolbarOptions) => Plugin[];
+export { DevToolbarOptions, devToolbar };

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};