@visulima/dev-toolbar 1.0.10 → 1.0.12

package/dist/packem_shared/server.d-CF1fcO17.d.ts

@@ -0,0 +1,39 @@
+import { ViteDevServer } from 'vite';
+import { S as ServerFunctions, a as ServerRPCContext } from "./global-api.d-PUBE6Od9.js";
+/**
+ * Configuration for the `readFile` RPC endpoint.
+ */
+interface ReadFileOptions {
+  /**
+   * Lower-cased file extensions (without the dot) the `readFile` RPC may return.
+   * Defaults to a curated list of source/markup/text formats — set this to widen
+   * or narrow the surface. Sensitive formats (`.env`, `.pem`, lockfiles) are not
+   * in the default list.
+   */
+  extensions?: string[];
+}
+/**
+ * Options accepted by {@link createServerRPCContext}.
+ */
+interface ServerRPCOptions {
+  /** Editor to use for "open in editor" functionality. */
+  editor?: string;
+  /**
+   * `readFile` RPC behaviour. Set to `false` to remove the endpoint entirely,
+   * or pass an object to customise the allowed extensions.
+   * @default { extensions: curated source/text list }
+   */
+  readFile?: ReadFileOptions | false;
+}
+/**
+ * Creates server-side RPC context.
+ * @param server Vite dev server instance.
+ * @param customFunctions Custom server functions to register.
+ * @param options Additional options (e.g. which editor to launch, readFile policy).
+ * @param options.editor Editor to use for "open in editor" functionality.
+ * @param options.readFile `readFile` RPC policy — `false` disables it, or pass an
+ * object to override the allowed extension list.
+ * @returns Server RPC context.
+ */
+declare const createServerRPCContext: (server: ViteDevServer, customFunctions?: Partial<ServerFunctions>, options?: ServerRPCOptions) => ServerRPCContext;
+export { ReadFileOptions as R, ServerRPCOptions as S, createServerRPCContext as c };

package/dist/toolbar/index.d.ts

@@ -1,103 +1,103 @@
-import { D as DevToolbarApp, a as DevToolbarAppState } from "../packem_shared/app.d-SmKEDxsI.js";
-import "../packem_shared/global-api.d-DeaCvII9.js";
+import { D as DevToolbarApp, a as DevToolbarAppState } from "../packem_shared/app.d-BV5WIojP.js";
+import "../packem_shared/global-api.d-PUBE6Od9.js";
 import 'vite';
 import 'preact';
 /**
-* Manages the lifecycle of all registered dev-toolbar apps.
-*/
+ * Manages the lifecycle of all registered dev-toolbar apps.
+ */
 declare class AppManager {
   private apps;
   private activeAppId;
   private initializedApps;
   private appCanvases;
   /**
-  * Registers an app with the toolbar.
-  * @param app App definition.
-  * @param builtIn Whether this is a built-in app.
-  */
+   * Registers an app with the toolbar.
+   * @param app App definition.
+   * @param builtIn Whether this is a built-in app.
+   */
   registerApp(app: DevToolbarApp, builtIn?: boolean): void;
   /**
-  * Unregisters an app and calls its destroy hook if initialized.
-  * @param appId App ID to unregister.
-  */
+   * Unregisters an app and calls its destroy hook if initialized.
+   * @param appId App ID to unregister.
+   */
   unregisterApp(appId: string): Promise<void>;
   /**
-  * Returns the app state for a given ID.
-  * @param appId App ID to look up.
-  * @returns App state or undefined.
-  */
+   * Returns the app state for a given ID.
+   * @param appId App ID to look up.
+   * @returns App state or undefined.
+   */
   getApp(appId: string): DevToolbarAppState | undefined;
   /**
-  * Returns all registered app states.
-  */
+   * Returns all registered app states.
+   */
   getAllApps(): DevToolbarAppState[];
   /**
-  * Returns the currently active app state, or undefined if none is active.
-  */
+   * Returns the currently active app state, or undefined if none is active.
+   */
   getActiveApp(): DevToolbarAppState | undefined;
   /**
-  * Toggles the active state of an app.
-  * @param appId App ID to toggle.
-  * @returns Whether the toggle was successful.
-  */
+   * Toggles the active state of an app.
+   * @param appId App ID to toggle.
+   * @returns Whether the toggle was successful.
+   */
   toggleApp(appId: string): Promise<boolean>;
   /**
-  * Directly sets the active state of an action button without invoking callbacks.
-  * Use this to deactivate a button from outside the toolbar (e.g. after async work).
-  * @param appId The unique identifier of the app whose active state to change.
-  * @param active New active state.
-  */
+   * Directly sets the active state of an action button without invoking callbacks.
+   * Use this to deactivate a button from outside the toolbar (e.g. after async work).
+   * @param appId The unique identifier of the app whose active state to change.
+   * @param active New active state.
+   */
   setAppActive(appId: string, active: boolean): void;
   /**
-  * Returns whether an app has already had its init() called.
-  * @param appId App ID to check.
-  */
+   * Returns whether an app has already had its init() called.
+   * @param appId App ID to check.
+   */
   isAppInitialized(appId: string): boolean;
   /**
-  * Marks an app as having been initialized.
-  * @param appId App ID to mark.
-  */
+   * Marks an app as having been initialized.
+   * @param appId App ID to mark.
+   */
   markAppInitialized(appId: string): void;
   /**
-  * Opens an app and initializes it if necessary.
-  * @param appId App ID to open.
-  * @returns Whether the open was successful.
-  */
+   * Opens an app and initializes it if necessary.
+   * @param appId App ID to open.
+   * @returns Whether the open was successful.
+   */
   openApp(appId: string): Promise<boolean>;
   /**
-  * Closes an active app.
-  * @param appId App ID to close.
-  * @returns Whether the close was successful.
-  */
+   * Closes an active app.
+   * @param appId App ID to close.
+   * @returns Whether the close was successful.
+   */
   closeApp(appId: string): Promise<boolean>;
   /**
-  * Sets a notification for an app.
-  * @param appId The unique identifier of the app to notify.
-  * @param state Whether the notification is currently visible.
-  * @param level The severity level of the notification badge.
-  */
+   * Sets a notification for an app.
+   * @param appId The unique identifier of the app to notify.
+   * @param state Whether the notification is currently visible.
+   * @param level The severity level of the notification badge.
+   */
   setNotification(appId: string, state: boolean, level?: "info" | "warning" | "error"): void;
   /**
-  * Clears the notification for an app.
-  * @param appId The unique identifier of the app whose notification to clear.
-  */
+   * Clears the notification for an app.
+   * @param appId The unique identifier of the app whose notification to clear.
+   */
   clearNotification(appId: string): void;
   /**
-  * Returns the canvas element and shadow root for an app.
-  * @param appId The unique identifier of the app whose canvas to retrieve.
-  * @returns Canvas element with shadow root or undefined.
-  */
+   * Returns the canvas element and shadow root for an app.
+   * @param appId The unique identifier of the app whose canvas to retrieve.
+   * @returns Canvas element with shadow root or undefined.
+   */
   getAppCanvas(appId: string): {
     element: HTMLElement;
     shadowRoot: ShadowRoot;
   } | undefined;
   /**
-  * Stores the canvas element and shadow root for an app.
-  * @param appId The unique identifier of the app whose canvas to store.
-  * @param canvas The canvas object containing the host element and its shadow root.
-  * @param canvas.element The host HTMLElement that wraps the app's shadow DOM.
-  * @param canvas.shadowRoot The ShadowRoot attached to the canvas element.
-  */
+   * Stores the canvas element and shadow root for an app.
+   * @param appId The unique identifier of the app whose canvas to store.
+   * @param canvas The canvas object containing the host element and its shadow root.
+   * @param canvas.element The host HTMLElement that wraps the app's shadow DOM.
+   * @param canvas.shadowRoot The ShadowRoot attached to the canvas element.
+   */
   setAppCanvas(appId: string, canvas: {
     element: HTMLElement;
     shadowRoot: ShadowRoot;
@@ -105,50 +105,50 @@ declare class AppManager {
 }
 declare const sharedToolbarStylesheet: CSSStyleSheet | undefined;
 /**
-* Dev Toolbar Web Component.
-*/
+ * Dev Toolbar Web Component.
+ */
 declare class DevToolbar extends HTMLElement {
   private appManager;
   private hasBeenInitialized;
   private renderRoot;
   constructor();
   /**
-  * Called when element is inserted into the DOM.
-  * According to Preact docs, rendering should happen here or after connection.
-  */
+   * Called when element is inserted into the DOM.
+   * According to Preact docs, rendering should happen here or after connection.
+   */
   connectedCallback(): void;
   /**
-  * Called when element is removed from the DOM.
-  * Cleans up the Preact component to prevent memory leaks.
-  */
+   * Called when element is removed from the DOM.
+   * Cleans up the Preact component to prevent memory leaks.
+   */
   disconnectedCallback(): void;
   /**
-  * Initialize the toolbar.
-  */
+   * Initialize the toolbar.
+   */
   init(): void;
   /**
-  * Check if toolbar is hidden.
-  */
+   * Check if toolbar is hidden.
+   */
   isHidden(): boolean;
   /**
-  * Set toolbar visibility.
-  */
+   * Set toolbar visibility.
+   */
   setToolbarVisible(visible: boolean): void;
   /**
-  * Adds an app to the toolbar and triggers a re-render.
-  */
+   * Adds an app to the toolbar and triggers a re-render.
+   */
   registerApp(app: DevToolbarApp, builtIn?: boolean): void;
   /**
-  * Get app manager (for external access).
-  */
+   * Get app manager (for external access).
+   */
   getAppManager(): AppManager;
   /**
-  * Renders the toolbar UI using Preact.
-  */
+   * Renders the toolbar UI using Preact.
+   */
   private render;
   /**
-  * Attaches global keyboard shortcuts and other DOM event listeners.
-  */
+   * Attaches global keyboard shortcuts and other DOM event listeners.
+   */
   private setupEventListeners;
 }
 export { DevToolbar, sharedToolbarStylesheet };

package/dist/ui/index.d.ts

@@ -14,34 +14,16 @@ 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;
+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;
+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 {
@@ -50,14 +32,7 @@ interface ButtonProps extends JSX.ButtonHTMLAttributes {
   size?: ButtonSize;
   variant?: ButtonVariant;
 }
-declare const Button: ({
-  children,
-  class: className,
-  size,
-  type,
-  variant,
-  ...rest
-}: ButtonProps) => JSX.Element;
+declare const Button: ({ children, class: className, size, type, variant, ...rest }: ButtonProps) => JSX.Element;
 interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {
   children?: ComponentChildren;
   class?: string;
@@ -66,57 +41,29 @@ 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;
+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.
-  */
+   * 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;
+ * 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;
 }
@@ -125,11 +72,7 @@ interface LabelProps extends JSX.LabelHTMLAttributes {
   children?: ComponentChildren;
   class?: string;
 }
-declare const Label: ({
-  children,
-  class: className,
-  ...rest
-}: LabelProps) => JSX.Element;
+declare const Label: ({ children, class: className, ...rest }: LabelProps) => JSX.Element;
 interface PopoverProps {
   children: ComponentChildren;
   defaultOpen?: boolean;
@@ -151,39 +94,15 @@ 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;
+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;
+declare const Progress: ({ class: className, value, ...rest }: ProgressProps) => JSX.Element;
 interface SelectContextValue {
   highlightedValue: string | null;
   instanceId: string;
@@ -230,52 +149,21 @@ interface SelectValueProps {
   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;
+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;
+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;
+declare const Skeleton: ({ class: className, ...rest }: SkeletonProps) => JSX.Element;
 interface SwitchProps extends Omit<JSX.ButtonHTMLAttributes, "onChange"> {
   checked?: boolean;
   class?: string;
@@ -284,15 +172,7 @@ interface SwitchProps extends Omit<JSX.ButtonHTMLAttributes, "onChange"> {
   id?: string;
   onCheckedChange?: (checked: boolean) => void;
 }
-declare const Switch: ({
-  checked,
-  class: className,
-  defaultChecked,
-  disabled,
-  id,
-  onCheckedChange,
-  ...rest
-}: SwitchProps) => JSX.Element;
+declare const Switch: ({ checked, class: className, defaultChecked, disabled, id, onCheckedChange, ...rest }: SwitchProps) => JSX.Element;
 interface TabsProps extends JSX.HTMLAttributes<HTMLDivElement> {
   children?: ComponentChildren;
   class?: string;
@@ -315,32 +195,10 @@ interface TabsContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
   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;
+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;
 }
@@ -359,22 +217,9 @@ interface TooltipContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
   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;
+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[];