@visulima/dev-toolbar 1.0.0-alpha.12 → 1.0.0-alpha.14

package/dist/types/rpc.d.ts

@@ -1,137 +0,0 @@
-import type { ViteDevServer } from "vite";
-import type { StaticAsset } from "../rpc/functions/assets.d.ts";
-import type { SerializableModuleNode } from "../rpc/functions/module-graph.d.ts";
-import type { TailwindConfigResult } from "../rpc/functions/tailwind-config.d.ts";
-import type { Annotation, CreateAnnotationData, UpdateAnnotationData } from "./annotations.d.ts";
-/**
- * Server-side RPC functions
- * These can be called from the client
- */
-export interface ServerFunctions {
-    /**
-     * Extension point for custom server functions
-     */
-    [key: string]: (...args: any[]) => Promise<any>;
-    /**
-     * Create a new annotation
-     * @param data Annotation data (id, timestamps, status are generated server-side)
-     */
-    createAnnotation: (data: CreateAnnotationData) => Promise<Annotation>;
-    /**
-     * Delete an annotation and its screenshot
-     * @param id Annotation ID
-     */
-    deleteAnnotation: (id: string) => Promise<boolean>;
-    /**
-     * Get all annotations
-     */
-    getAnnotations: () => Promise<Annotation[]>;
-    /**
-     * Get module dependency graph
-     */
-    getModuleGraph: () => Promise<SerializableModuleNode[]>;
-    /**
-     * Get a screenshot as a base64 data URL
-     * @param annotationId Annotation ID
-     */
-    getScreenshot: (annotationId: string) => Promise<string | null>;
-    /**
-     * Get all static assets from the public directory
-     */
-    getStaticAssets: () => Promise<StaticAsset[]>;
-    /**
-     * Get full Tailwind CSS theme (default + user overrides)
-     */
-    getTailwindConfig: () => Promise<TailwindConfigResult>;
-    /**
-     * Get Vite configuration
-     */
-    getViteConfig: () => Promise<Record<string, any>>;
-    /**
-     * Open file in editor
-     * @param file File path
-     * @param line Line number (1-based)
-     * @param column Column number (1-based)
-     * @param editor Editor override (e.g. "code", "webstorm") — empty string means auto-detect
-     */
-    openInEditor: (file: string, line?: number, column?: number, editor?: string) => Promise<void>;
-    /**
-     * Read file contents
-     * @param path File path
-     */
-    readFile: (path: string) => Promise<string>;
-    /**
-     * Save a screenshot for an annotation
-     * @param annotationId Annotation ID
-     * @param dataUrl Base64 data URL (PNG, JPEG, WebP, or SVG)
-     * @returns Relative path within .devtoolbar/
-     */
-    saveScreenshot: (annotationId: string, dataUrl: string) => Promise<string>;
-    /**
-     * Update an existing annotation
-     * @param id Annotation ID
-     * @param data Fields to update
-     */
-    updateAnnotation: (id: string, data: UpdateAnnotationData) => Promise<Annotation | null>;
-}
-/**
- * Client-side RPC functions
- * These can be called from the server
- */
-export interface ClientFunctions {
-    [key: string]: (...args: any[]) => void;
-    /**
-     * Notify client of config change
-     * @param config New Vite config
-     */
-    onConfigChange: (config: Record<string, unknown>) => void;
-    /**
-     * Notify client of HMR update
-     * @param payload HMR payload
-     */
-    onHMRUpdate: (payload: unknown) => void;
-    /**
-     * Notify client of module update
-     * @param module Updated module node
-     */
-    onModuleUpdate: (module: SerializableModuleNode) => void;
-}
-/**
- * RPC context for server-side
- */
-export interface ServerRPCContext {
-    /**
-     * Call a client function
-     * @param name Function name
-     * @param args Function arguments
-     */
-    callClient: <K extends keyof ClientFunctions>(name: K, ...args: Parameters<ClientFunctions[K]>) => void;
-    /**
-     * Register a server function
-     * @param name Function name
-     * @param fn Function implementation
-     */
-    registerFunction: <K extends keyof ServerFunctions>(name: K, function_: ServerFunctions[K]) => void;
-    /**
-     * Vite dev server instance
-     */
-    server: ViteDevServer;
-}
-/**
- * RPC context for client-side
- */
-export interface ClientRPCContext {
-    /**
-     * Call a server function
-     * @param name Function name
-     * @param args Function arguments
-     */
-    callServer: <K extends keyof ServerFunctions>(name: K, ...args: Parameters<ServerFunctions[K]>) => Promise<ReturnType<ServerFunctions[K]>>;
-    /**
-     * Register a client function
-     * @param name Function name
-     * @param function_ Function implementation
-     */
-    registerFunction: <K extends keyof ClientFunctions>(name: K, function_: ClientFunctions[K]) => void;
-}
-export { type StaticAsset } from "../rpc/functions/assets.d.ts";

package/dist/types/timeline.d.ts

@@ -1,62 +0,0 @@
-/**
- * Severity levels for timeline events.
- */
-export type TimelineEventLevel = "info" | "warning" | "error";
-/**
- * A single captured event displayed in the timeline panel.
- */
-export interface TimelineEvent {
-    /**
-     * Optional event data
-     */
-    data?: Record<string, any>;
-    /**
-     * Optional duration (milliseconds)
-     */
-    duration?: number;
-    /**
-     * Unique event ID
-     */
-    id: string;
-    /**
-     * Event level
-     */
-    level?: TimelineEventLevel;
-    /**
-     * Optional subtitle
-     */
-    subtitle?: string;
-    /**
-     * Timestamp (milliseconds since epoch)
-     */
-    time: number;
-    /**
-     * Event title
-     */
-    title: string;
-}
-/**
- * A named group that holds related timeline events.
- */
-export interface TimelineGroup {
-    /**
-     * Group color (hex or CSS color)
-     */
-    color?: string;
-    /**
-     * Events in this group
-     */
-    events: TimelineEvent[];
-    /**
-     * Group ID
-     */
-    id: string;
-    /**
-     * Group label
-     */
-    label: string;
-}
-/**
- * Default timeline groups
- */
-export declare const DEFAULT_TIMELINE_GROUPS: ReadonlyArray<TimelineGroup>;

package/dist/types/toolbar.d.ts

@@ -1,56 +0,0 @@
-/**
- * Toolbar placement options (for backward compatibility)
- */
-export type ToolbarPlacement = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
-/**
- * Notification levels
- */
-export type NotificationLevel = "info" | "warning" | "error";
-/**
- * Position anchor (which edge the toolbar is attached to)
- * Matches Vue DevTools positioning
- */
-export type PositionAnchor = "top" | "bottom" | "left" | "right";
-/**
- * Frame state - matches Vue DevTools DevToolsFrameState
- * @see https://github.com/vuejs/devtools/blob/main/packages/overlay/src/composables/state.ts
- */
-export interface FrameState {
-    /**
-     * Horizontal position as percentage (0-100)
-     */
-    left: number;
-    /**
-     * Whether panel is open
-     */
-    open: boolean;
-    /**
-     * Which edge the toolbar is anchored to
-     */
-    position: PositionAnchor;
-    /**
-     * Vertical position as percentage (0-100)
-     */
-    top: number;
-}
-/**
- * Configuration options controlling the toolbar's initial appearance.
- */
-export interface ToolbarSettings {
-    /**
-     * Whether toolbar is visible by default
-     */
-    defaultVisible: boolean;
-    /**
-     * Toolbar placement on screen
-     */
-    placement: ToolbarPlacement;
-    /**
-     * Whether to show notifications
-     */
-    showNotifications: boolean;
-}
-/**
- * Default toolbar settings
- */
-export declare const DEFAULT_TOOLBAR_SETTINGS: ToolbarSettings;

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

@@ -1,19 +0,0 @@
-import type { ComponentChildren, JSX } from "preact";
-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;
-export { Alert, AlertDescription, AlertTitle };

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

@@ -1,9 +0,0 @@
-import type { ComponentChildren, JSX } from "preact";
-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;
-export default Badge;

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

@@ -1,11 +0,0 @@
-import type { ComponentChildren, JSX } from "preact";
-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;
-export default Button;

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

@@ -1,16 +0,0 @@
-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,19 +0,0 @@
-import type { ComponentChildren } from "preact";
-interface IconProps {
-    class?: string;
-    size?: number;
-    /**
-     * 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;
-}
-/**
- * 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.d.ts";
- * <Icon src={xIcon} size={13} />
- */
-declare const Icon: ({ class: className, size, src }: IconProps) => ComponentChildren;
-export default Icon;

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

@@ -1,7 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,54 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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/vite/inject-source.d.ts

@@ -1,24 +0,0 @@
-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

@@ -1,6 +0,0 @@
-/**
- * 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;