@visulima/dev-toolbar 1.0.0-alpha.3 → 1.0.0-alpha.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (172) hide show
  1. package/CHANGELOG.md +276 -0
  2. package/LICENSE.md +137 -5
  3. package/README.md +11 -1
  4. package/bin/mcp.js +29 -0
  5. package/dist/apps/a11y/index.d.ts +3 -2
  6. package/dist/apps/a11y/index.js +3 -3
  7. package/dist/apps/annotations/index.d.ts +4 -0
  8. package/dist/apps/annotations/index.js +18 -0
  9. package/dist/apps/assets/index.d.ts +4 -0
  10. package/dist/apps/assets/index.js +16 -0
  11. package/dist/apps/inspector/index.d.ts +3 -2
  12. package/dist/apps/inspector/index.js +15 -2
  13. package/dist/apps/module-graph/index.d.ts +3 -2
  14. package/dist/apps/module-graph/index.js +2 -2
  15. package/dist/apps/performance/index.d.ts +3 -2
  16. package/dist/apps/performance/index.js +2 -2
  17. package/dist/apps/seo/index.d.ts +3 -2
  18. package/dist/apps/seo/index.js +2 -2
  19. package/dist/apps/settings/index.d.ts +3 -2
  20. package/dist/apps/settings/index.js +2 -2
  21. package/dist/apps/tailwind/index.d.ts +3 -2
  22. package/dist/apps/tailwind/index.js +6 -6
  23. package/dist/apps/timeline/index.d.ts +3 -2
  24. package/dist/apps/timeline/index.js +2 -2
  25. package/dist/apps/vite-config/index.d.ts +3 -2
  26. package/dist/apps/vite-config/index.js +2 -2
  27. package/dist/client/overlay.d.ts +1 -1
  28. package/dist/client/overlay.js +1 -1
  29. package/dist/index.d.ts +143 -7
  30. package/dist/index.js +1 -1
  31. package/dist/mcp/server.d.ts +2 -0
  32. package/dist/mcp/server.js +1 -0
  33. package/dist/packem_chunks/inject-source.js +9 -1
  34. package/dist/packem_shared/Alert-D2CvX4fw.js +1 -0
  35. package/dist/packem_shared/Badge-BEgU04nl.js +1 -0
  36. package/dist/packem_shared/Button-Bkx66Co7.js +1 -0
  37. package/dist/packem_shared/Card-CJa4vHVc.js +1 -0
  38. package/dist/packem_shared/Icon-B6UHkC0o.js +1 -0
  39. package/dist/packem_shared/Input-Cs6aduTi.js +1 -0
  40. package/dist/packem_shared/Label-DyCng4Cp.js +1 -0
  41. package/dist/packem_shared/Popover-BtFVaZYg.js +1 -0
  42. package/dist/packem_shared/Progress-DN6zn-0l.js +1 -0
  43. package/dist/packem_shared/Select-DgQ4ss-s.js +1 -0
  44. package/dist/packem_shared/Separator-D38mKeZv.js +1 -0
  45. package/dist/packem_shared/Skeleton-Dv-tcA1P.js +1 -0
  46. package/dist/packem_shared/Switch-C3NTpeoR.js +1 -0
  47. package/dist/packem_shared/Tabs-DKWMiawt.js +1 -0
  48. package/dist/packem_shared/Textarea-Yfg3dLZi.js +1 -0
  49. package/dist/packem_shared/Tooltip-CioncSXj.js +1 -0
  50. package/dist/packem_shared/annotation-settings-Bv0TH4WI.js +1 -0
  51. package/dist/packem_shared/annotation-store-bLQRYMaI.js +1 -0
  52. package/dist/packem_shared/app.d-SmKEDxsI.d.ts +229 -0
  53. package/dist/packem_shared/clsx-wGlvpUfw.js +1 -0
  54. package/dist/packem_shared/createClientRPCContext-DgRxrllw.js +1 -0
  55. package/dist/packem_shared/createDevToolbarHook-4bZZiHPI.js +1 -0
  56. package/dist/packem_shared/createServerRPCContext-D-yZrEjs.js +1 -0
  57. package/dist/packem_shared/getTimelineStore-B1cfjWV8.js +1 -0
  58. package/dist/packem_shared/global-api.d-DG2WYakl.d.ts +547 -0
  59. package/dist/packem_shared/{setupGlobalHook-CFuxsCyl.js → setupGlobalHook-CCf9Logv.js} +1 -1
  60. package/dist/packem_shared/sharedToolbarStylesheet-pA-B0Jt2.js +2 -0
  61. package/dist/packem_shared/store-DaUtLjf3.js +1 -0
  62. package/dist/packem_shared/use-frame-state-CxrlPUM5.js +1 -0
  63. package/dist/packem_shared/use-theme-zpm4zmqP.js +1 -0
  64. package/dist/toolbar/index.d.ts +152 -55
  65. package/dist/toolbar/index.js +3 -3
  66. package/dist/ui/index.d.ts +382 -17
  67. package/dist/ui/index.js +1 -1
  68. package/dist/vite-plugin.d.ts +155 -141
  69. package/dist/vite-plugin.js +5 -2
  70. package/package.json +39 -19
  71. package/dist/apps/a11y/a11y-app.d.ts +0 -5
  72. package/dist/apps/a11y/a11y-store.d.ts +0 -46
  73. package/dist/apps/a11y/a11y-tooltip.d.ts +0 -11
  74. package/dist/apps/inspector/inspector-app.d.ts +0 -12
  75. package/dist/apps/module-graph/module-graph-app.d.ts +0 -5
  76. package/dist/apps/more/index.d.ts +0 -3
  77. package/dist/apps/more/index.js +0 -19
  78. package/dist/apps/more/more-app.d.ts +0 -5
  79. package/dist/apps/performance/performance-app.d.ts +0 -5
  80. package/dist/apps/performance/performance-tooltip.d.ts +0 -5
  81. package/dist/apps/seo/seo-app.d.ts +0 -5
  82. package/dist/apps/settings/settings-app.d.ts +0 -4
  83. package/dist/apps/tailwind/tailwind-app.d.ts +0 -5
  84. package/dist/apps/timeline/timeline-app.d.ts +0 -5
  85. package/dist/apps/vite-config/vite-config-app.d.ts +0 -5
  86. package/dist/hooks/create-hook.d.ts +0 -10
  87. package/dist/hooks/events.d.ts +0 -5
  88. package/dist/hooks/global-hook.d.ts +0 -15
  89. package/dist/hooks/index.d.ts +0 -6
  90. package/dist/packem_shared/Alert-H-x1JuZ0.js +0 -1
  91. package/dist/packem_shared/Badge-C30mDKKG.js +0 -1
  92. package/dist/packem_shared/Button-DODNCTPZ.js +0 -1
  93. package/dist/packem_shared/Card-DdI7Wn3t.js +0 -1
  94. package/dist/packem_shared/Icon-DWFLZkwW.js +0 -1
  95. package/dist/packem_shared/Input-GfbOwAkK.js +0 -1
  96. package/dist/packem_shared/Label-Bzi47aUf.js +0 -1
  97. package/dist/packem_shared/Popover-o3Vkvndp.js +0 -1
  98. package/dist/packem_shared/Progress-vGfFpxRn.js +0 -1
  99. package/dist/packem_shared/Separator-DQGeJPQg.js +0 -1
  100. package/dist/packem_shared/Skeleton-BYXau6jM.js +0 -1
  101. package/dist/packem_shared/Switch-BeC78S_T.js +0 -1
  102. package/dist/packem_shared/Tabs-BBc4S-2T.js +0 -1
  103. package/dist/packem_shared/Textarea-DvbSX13V.js +0 -1
  104. package/dist/packem_shared/TimelineStore-BgBrirKd.js +0 -1
  105. package/dist/packem_shared/Tooltip-BwK-2I9P.js +0 -1
  106. package/dist/packem_shared/cn-DWLJYh3h.js +0 -1
  107. package/dist/packem_shared/createClientRPCContext-DzKQpKTk.js +0 -1
  108. package/dist/packem_shared/createDevToolbarHook-DGNxqk8N.js +0 -1
  109. package/dist/packem_shared/createServerRPCContext-CRd6VAWp.js +0 -1
  110. package/dist/packem_shared/sharedToolbarStylesheet-DHHoFz2-.js +0 -2
  111. package/dist/packem_shared/store-BxE0w51s.js +0 -1
  112. package/dist/packem_shared/use-theme-CX1gG6Sv.js +0 -1
  113. package/dist/performance/monitor.d.ts +0 -115
  114. package/dist/rpc/client.d.ts +0 -7
  115. package/dist/rpc/functions/module-graph.d.ts +0 -17
  116. package/dist/rpc/functions/open-in-editor.d.ts +0 -14
  117. package/dist/rpc/functions/tailwind-config.d.ts +0 -12
  118. package/dist/rpc/functions/vite-config.d.ts +0 -7
  119. package/dist/rpc/server.d.ts +0 -12
  120. package/dist/timeline/capture.d.ts +0 -6
  121. package/dist/timeline/index.d.ts +0 -7
  122. package/dist/timeline/store.d.ts +0 -52
  123. package/dist/toolbar/app-manager.d.ts +0 -102
  124. package/dist/toolbar/components/app-button.d.ts +0 -19
  125. package/dist/toolbar/components/app-canvas.d.ts +0 -12
  126. package/dist/toolbar/components/app-tooltip-overlay.d.ts +0 -12
  127. package/dist/toolbar/components/first-visit-hint.d.ts +0 -16
  128. package/dist/toolbar/components/index.d.ts +0 -4
  129. package/dist/toolbar/components/pinned-tooltip-card.d.ts +0 -22
  130. package/dist/toolbar/components/toolbar-bar.d.ts +0 -14
  131. package/dist/toolbar/components/toolbar-container.d.ts +0 -55
  132. package/dist/toolbar/components/vite-overlay-button.d.ts +0 -14
  133. package/dist/toolbar/context/index.d.ts +0 -2
  134. package/dist/toolbar/context/toolbar-context.d.ts +0 -106
  135. package/dist/toolbar/global-api.d.ts +0 -24
  136. package/dist/toolbar/helpers.d.ts +0 -6
  137. package/dist/toolbar/hooks/index.d.ts +0 -10
  138. package/dist/toolbar/hooks/use-apps.d.ts +0 -13
  139. package/dist/toolbar/hooks/use-frame-state.d.ts +0 -94
  140. package/dist/toolbar/hooks/use-panel-visible.d.ts +0 -21
  141. package/dist/toolbar/hooks/use-position.d.ts +0 -22
  142. package/dist/toolbar/hooks/use-theme.d.ts +0 -13
  143. package/dist/toolbar/hooks/use-toolbar.d.ts +0 -14
  144. package/dist/toolbar/settings.d.ts +0 -17
  145. package/dist/toolbar/stylesheet.d.ts +0 -1
  146. package/dist/toolbar/utils/index.d.ts +0 -12
  147. package/dist/types/app.d.ts +0 -175
  148. package/dist/types/global-api.d.ts +0 -102
  149. package/dist/types/hooks.d.ts +0 -88
  150. package/dist/types/index.d.ts +0 -12
  151. package/dist/types/messaging.d.ts +0 -43
  152. package/dist/types/rpc.d.ts +0 -100
  153. package/dist/types/timeline.d.ts +0 -62
  154. package/dist/types/toolbar.d.ts +0 -56
  155. package/dist/ui/components/alert.d.ts +0 -20
  156. package/dist/ui/components/badge.d.ts +0 -10
  157. package/dist/ui/components/button.d.ts +0 -12
  158. package/dist/ui/components/card.d.ts +0 -17
  159. package/dist/ui/components/icon.d.ts +0 -21
  160. package/dist/ui/components/input.d.ts +0 -8
  161. package/dist/ui/components/label.d.ts +0 -8
  162. package/dist/ui/components/popover.d.ts +0 -27
  163. package/dist/ui/components/progress.d.ts +0 -8
  164. package/dist/ui/components/separator.d.ts +0 -9
  165. package/dist/ui/components/skeleton.d.ts +0 -7
  166. package/dist/ui/components/switch.d.ts +0 -12
  167. package/dist/ui/components/tabs.d.ts +0 -29
  168. package/dist/ui/components/textarea.d.ts +0 -8
  169. package/dist/ui/components/tooltip.d.ts +0 -19
  170. package/dist/utils/cn.d.ts +0 -8
  171. package/dist/vite/inject-source.d.ts +0 -25
  172. package/dist/vite/matcher.d.ts +0 -5
@@ -1,17 +0,0 @@
1
- /** @jsxImportSource preact */
2
- import type { ComponentChildren, JSX } from "preact";
3
- interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {
4
- children?: ComponentChildren;
5
- class?: string;
6
- }
7
- interface CardTitleProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
8
- children?: ComponentChildren;
9
- class?: string;
10
- }
11
- declare const Card: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
12
- declare const CardHeader: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
13
- declare const CardTitle: ({ children, class: className, ...rest }: CardTitleProps) => JSX.Element;
14
- declare const CardDescription: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
15
- declare const CardContent: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
16
- declare const CardFooter: ({ children, class: className, ...rest }: CardProps) => JSX.Element;
17
- export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
@@ -1,21 +0,0 @@
1
- /** @jsxImportSource preact */
2
- import type { ComponentChildren } from "preact";
3
- interface IconProps {
4
- class?: string;
5
- size?: number;
6
- /**
7
- * CSS data-URI from a `?data-uri&amp;encoding=css` lucide-static import.
8
- * Uses CSS mask-image so the icon inherits currentColor from the parent.
9
- */
10
- src: string;
11
- }
12
- /**
13
- * Renders a lucide-static icon using CSS mask-image.
14
- * Color is driven by the parent element's `color` property (currentColor).
15
- *
16
- * Usage:
17
- * import xIcon from "lucide-static/icons/x.d.ts";
18
- * &lt;Icon src={xIcon} size={13} />
19
- */
20
- declare const Icon: ({ class: className, size, src }: IconProps) => ComponentChildren;
21
- export default Icon;
@@ -1,8 +0,0 @@
1
- /** @jsxImportSource preact */
2
- import type { JSX } from "preact";
3
- import type { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
4
- interface InputProps extends JSX.InputHTMLAttributes<HTMLInputElement> {
5
- class?: string;
6
- }
7
- declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
8
- export default Input;
@@ -1,8 +0,0 @@
1
- /** @jsxImportSource preact */
2
- import type { ComponentChildren, JSX } from "preact";
3
- interface LabelProps extends JSX.LabelHTMLAttributes<HTMLLabelElement> {
4
- children?: ComponentChildren;
5
- class?: string;
6
- }
7
- declare const Label: ({ children, class: className, ...rest }: LabelProps) => JSX.Element;
8
- export default Label;
@@ -1,27 +0,0 @@
1
- import type { ComponentChildren, JSX } from "preact";
2
- interface PopoverProps {
3
- children: ComponentChildren;
4
- defaultOpen?: boolean;
5
- onOpenChange?: (open: boolean) => void;
6
- open?: boolean;
7
- }
8
- interface PopoverTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
9
- children: ComponentChildren;
10
- class?: string;
11
- }
12
- interface PopoverContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
13
- align?: "center" | "end" | "start";
14
- children: ComponentChildren;
15
- class?: string;
16
- side?: "bottom" | "left" | "right" | "top";
17
- sideOffset?: number;
18
- }
19
- interface PopoverCloseProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
20
- children?: ComponentChildren;
21
- class?: string;
22
- }
23
- declare const Popover: ({ children, defaultOpen, onOpenChange, open }: PopoverProps) => JSX.Element;
24
- declare const PopoverTrigger: ({ children, class: className, ...rest }: PopoverTriggerProps) => JSX.Element;
25
- declare const PopoverContent: ({ align, children, class: className, side, sideOffset, ...rest }: PopoverContentProps) => JSX.Element | null;
26
- declare const PopoverClose: ({ children, class: className, ...rest }: PopoverCloseProps) => JSX.Element;
27
- export { Popover, PopoverClose, PopoverContent, PopoverTrigger };
@@ -1,8 +0,0 @@
1
- /** @jsxImportSource preact */
2
- import type { JSX } from "preact";
3
- interface ProgressProps extends JSX.HTMLAttributes<HTMLDivElement> {
4
- class?: string;
5
- value?: number;
6
- }
7
- declare const Progress: ({ class: className, value, ...rest }: ProgressProps) => JSX.Element;
8
- export default Progress;
@@ -1,9 +0,0 @@
1
- /** @jsxImportSource preact */
2
- import type { JSX } from "preact";
3
- interface SeparatorProps extends JSX.HTMLAttributes<HTMLDivElement> {
4
- class?: string;
5
- decorative?: boolean;
6
- orientation?: "horizontal" | "vertical";
7
- }
8
- declare const Separator: ({ class: className, decorative, orientation, ...rest }: SeparatorProps) => JSX.Element;
9
- export default Separator;
@@ -1,7 +0,0 @@
1
- /** @jsxImportSource preact */
2
- import type { JSX } from "preact";
3
- interface SkeletonProps extends JSX.HTMLAttributes<HTMLDivElement> {
4
- class?: string;
5
- }
6
- declare const Skeleton: ({ class: className, ...rest }: SkeletonProps) => JSX.Element;
7
- export default Skeleton;
@@ -1,12 +0,0 @@
1
- /** @jsxImportSource preact */
2
- import type { JSX } from "preact";
3
- interface SwitchProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
4
- checked?: boolean;
5
- class?: string;
6
- defaultChecked?: boolean;
7
- disabled?: boolean;
8
- id?: string;
9
- onCheckedChange?: (checked: boolean) => void;
10
- }
11
- declare const Switch: ({ checked, class: className, defaultChecked, disabled, id, onCheckedChange, ...rest }: SwitchProps) => JSX.Element;
12
- export default Switch;
@@ -1,29 +0,0 @@
1
- /** @jsxImportSource preact */
2
- import type { ComponentChildren, JSX } from "preact";
3
- interface TabsProps extends JSX.HTMLAttributes<HTMLDivElement> {
4
- children?: ComponentChildren;
5
- class?: string;
6
- defaultValue?: string;
7
- onValueChange?: (value: string) => void;
8
- value?: string;
9
- }
10
- interface TabsListProps extends JSX.HTMLAttributes<HTMLDivElement> {
11
- children?: ComponentChildren;
12
- class?: string;
13
- }
14
- interface TabsTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
15
- children?: ComponentChildren;
16
- class?: string;
17
- disabled?: boolean;
18
- value: string;
19
- }
20
- interface TabsContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
21
- children?: ComponentChildren;
22
- class?: string;
23
- value: string;
24
- }
25
- declare const Tabs: ({ children, class: className, defaultValue, onValueChange, value, ...rest }: TabsProps) => JSX.Element;
26
- declare const TabsList: ({ children, class: className, ...rest }: TabsListProps) => JSX.Element;
27
- declare const TabsTrigger: ({ children, class: className, disabled, value, ...rest }: TabsTriggerProps) => JSX.Element;
28
- declare const TabsContent: ({ children, class: className, value, ...rest }: TabsContentProps) => JSX.Element | null;
29
- export { Tabs, TabsContent, TabsList, TabsTrigger };
@@ -1,8 +0,0 @@
1
- /** @jsxImportSource preact */
2
- import type { JSX } from "preact";
3
- import type { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
4
- interface TextareaProps extends JSX.TextareaHTMLAttributes<HTMLTextAreaElement> {
5
- class?: string;
6
- }
7
- declare const Textarea: ForwardRefExoticComponent<RefAttributes<HTMLTextAreaElement> & TextareaProps>;
8
- export default Textarea;
@@ -1,19 +0,0 @@
1
- import type { ComponentChildren, JSX } from "preact";
2
- interface TooltipProps {
3
- children: ComponentChildren;
4
- delayDuration?: number;
5
- }
6
- interface TooltipTriggerProps extends JSX.HTMLAttributes<HTMLSpanElement> {
7
- children: ComponentChildren;
8
- class?: string;
9
- }
10
- interface TooltipContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
11
- children: ComponentChildren;
12
- class?: string;
13
- side?: "bottom" | "left" | "right" | "top";
14
- sideOffset?: number;
15
- }
16
- declare const Tooltip: ({ children, delayDuration: _delayDuration }: TooltipProps) => JSX.Element;
17
- declare const TooltipTrigger: ({ children, class: className, ...rest }: TooltipTriggerProps) => JSX.Element;
18
- declare const TooltipContent: ({ children, class: className, side, sideOffset, ...rest }: TooltipContentProps) => JSX.Element | null;
19
- export { Tooltip, TooltipContent, TooltipTrigger };
@@ -1,8 +0,0 @@
1
- import type { ClassValue } from "clsx";
2
- /**
3
- * Merge Tailwind CSS classes with clsx and tailwind-merge
4
- * @param inputs Class values to merge
5
- * @returns Merged class string
6
- */
7
- declare const cn: (...inputs: ClassValue[]) => string;
8
- export default cn;
@@ -1,25 +0,0 @@
1
- import generate from "@babel/generator";
2
- declare const gen: typeof generate;
3
- /** The attribute name injected into each JSX opening element. */
4
- export declare const SOURCE_ATTR = "data-vdt-source";
5
- export interface InjectSourceIgnore {
6
- /** Component names or patterns to skip. */
7
- components?: (RegExp | string)[];
8
- /** File paths or patterns to skip. */
9
- files?: (RegExp | string)[];
10
- }
11
- /**
12
- * Inject `data-vdt-source="&lt;file>:&lt;line>:&lt;col>"` into every JSX opening element
13
- * in the given source code, enabling the inspector to resolve elements back to
14
- * their source location.
15
- *
16
- * Pass `originalCode` when the received `code` may have been pre-processed by an
17
- * SSR pipeline (e.g. Vinxi / TanStack Start) that shifts JSX line numbers relative
18
- * to the source file on disk. Positions are then read from `originalCode` but
19
- * injected into `code`'s AST, ensuring server and client produce identical
20
- * attribute values and React hydration never reports a mismatch.
21
- *
22
- * Returns `undefined` when the file was skipped or contained no JSX to transform.
23
- */
24
- export declare const addSourceToJsx: (code: string, id: string, ignore?: InjectSourceIgnore, originalCode?: string) => ReturnType<typeof gen> | undefined;
25
- export {};
@@ -1,5 +0,0 @@
1
- /**
2
- * Returns true if `value` matches any of the given patterns.
3
- * Strings are treated as glob patterns; RegExps are tested directly.
4
- */
5
- export declare const matcher: (patterns: (RegExp | string)[], value: string) => boolean;