@hanzo/ui 5.3.35 → 5.3.36

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 (254) hide show
  1. package/bin/create-registry.js +0 -0
  2. package/bin/npx-registry-mcp.js +0 -0
  3. package/bin/registry-mcp-wrapper.sh +0 -0
  4. package/bin/registry-mcp.js +0 -0
  5. package/bin/start-mcp-server.sh +0 -0
  6. package/bin/test-mcp.sh +0 -0
  7. package/dist/3d/button.js +1 -297
  8. package/dist/3d/button.mjs +1 -272
  9. package/dist/3d/card.js +1 -233
  10. package/dist/3d/card.mjs +1 -206
  11. package/dist/3d/carousel.js +1 -370
  12. package/dist/3d/carousel.mjs +1 -343
  13. package/dist/3d/grid.js +1 -361
  14. package/dist/3d/grid.mjs +1 -336
  15. package/dist/3d/index.js +1 -1517
  16. package/dist/3d/index.mjs +1 -1471
  17. package/dist/3d/marquee.js +1 -351
  18. package/dist/3d/marquee.mjs +1 -326
  19. package/dist/3d/pin.js +1 -45
  20. package/dist/3d/pin.mjs +1 -23
  21. package/dist/accordion.js +1 -79
  22. package/dist/accordion.mjs +1 -54
  23. package/dist/alert-dialog.js +1 -224
  24. package/dist/alert-dialog.mjs +1 -191
  25. package/dist/alert.js +1 -97
  26. package/dist/alert.mjs +1 -91
  27. package/dist/animation/animated-background.js +1 -423
  28. package/dist/animation/animated-background.mjs +1 -417
  29. package/dist/animation/animated-beam.js +1 -118
  30. package/dist/animation/animated-beam.mjs +1 -96
  31. package/dist/animation/animated-cursor.js +1 -274
  32. package/dist/animation/animated-cursor.mjs +1 -269
  33. package/dist/animation/animated-icon.js +2 -356
  34. package/dist/animation/animated-icon.mjs +2 -350
  35. package/dist/animation/animated-list.js +1 -338
  36. package/dist/animation/animated-list.mjs +1 -332
  37. package/dist/animation/animated-number.js +1 -282
  38. package/dist/animation/animated-number.mjs +1 -276
  39. package/dist/animation/animated-testimonials.js +1 -96
  40. package/dist/animation/animated-testimonials.mjs +1 -74
  41. package/dist/animation/animated-tooltip.js +1 -66
  42. package/dist/animation/animated-tooltip.mjs +1 -44
  43. package/dist/animation/apple-cards-carousel.js +1 -307
  44. package/dist/animation/apple-cards-carousel.mjs +1 -284
  45. package/dist/animation/apple-hello-effect.js +1 -59
  46. package/dist/animation/apple-hello-effect.mjs +1 -37
  47. package/dist/animation/index.js +2 -1951
  48. package/dist/animation/index.mjs +2 -1920
  49. package/dist/avatar.js +1 -70
  50. package/dist/avatar.mjs +1 -46
  51. package/dist/badge.js +1 -60
  52. package/dist/badge.mjs +1 -54
  53. package/dist/blocks/index.js +2 -1684
  54. package/dist/blocks/index.mjs +2 -1645
  55. package/dist/breadcrumb.js +1 -106
  56. package/dist/breadcrumb.mjs +1 -98
  57. package/dist/calendar-ext/index.js +1 -207
  58. package/dist/calendar-ext/index.mjs +1 -169
  59. package/dist/calendar.js +1 -193
  60. package/dist/calendar.mjs +1 -168
  61. package/dist/carousel.js +1 -282
  62. package/dist/carousel.mjs +1 -253
  63. package/dist/charts/index.js +6 -5840
  64. package/dist/charts/index.mjs +6 -5749
  65. package/dist/checkbox.js +1 -59
  66. package/dist/checkbox.mjs +1 -34
  67. package/dist/code/block.js +2 -225
  68. package/dist/code/block.mjs +2 -202
  69. package/dist/code/compare.js +5 -444
  70. package/dist/code/compare.mjs +5 -421
  71. package/dist/code/diff.js +12 -429
  72. package/dist/code/diff.mjs +11 -405
  73. package/dist/code/editor.js +1 -242
  74. package/dist/code/editor.mjs +1 -217
  75. package/dist/code/explorer.js +1 -290
  76. package/dist/code/explorer.mjs +1 -267
  77. package/dist/code/index.js +26 -2514
  78. package/dist/code/index.mjs +24 -2471
  79. package/dist/code/preview.js +6 -363
  80. package/dist/code/preview.mjs +6 -340
  81. package/dist/code/snippet.js +2 -273
  82. package/dist/code/snippet.mjs +2 -249
  83. package/dist/code/tabs.js +1 -74
  84. package/dist/code/tabs.mjs +1 -52
  85. package/dist/code/terminal.js +3 -436
  86. package/dist/code/terminal.mjs +3 -413
  87. package/dist/collapsible.js +1 -32
  88. package/dist/collapsible.mjs +1 -8
  89. package/dist/command.js +1 -282
  90. package/dist/command.mjs +1 -251
  91. package/dist/context-menu.js +1 -206
  92. package/dist/context-menu.mjs +1 -170
  93. package/dist/desktop/hooks.js +1 -223
  94. package/dist/desktop/hooks.mjs +1 -198
  95. package/dist/desktop/index.js +1 -685
  96. package/dist/desktop/index.mjs +1 -657
  97. package/dist/desktop/spotlight.js +1 -260
  98. package/dist/desktop/spotlight.mjs +1 -235
  99. package/dist/desktop/window.js +1 -273
  100. package/dist/desktop/window.mjs +1 -247
  101. package/dist/device/index.js +1 -2
  102. package/dist/device/index.mjs +0 -1
  103. package/dist/dialog.js +1 -245
  104. package/dist/dialog.mjs +1 -213
  105. package/dist/dock/basic.js +1 -173
  106. package/dist/dock/basic.mjs +1 -150
  107. package/dist/dock/index.js +1 -647
  108. package/dist/dock/index.mjs +1 -620
  109. package/dist/dock/limelight-nav.js +1 -314
  110. package/dist/dock/limelight-nav.mjs +1 -293
  111. package/dist/dock/macos.js +1 -140
  112. package/dist/dock/macos.mjs +1 -117
  113. package/dist/dock/menu.js +1 -69
  114. package/dist/dock/menu.mjs +1 -47
  115. package/dist/dock/message.js +1 -148
  116. package/dist/dock/message.mjs +1 -126
  117. package/dist/drawer.js +1 -114
  118. package/dist/drawer.mjs +1 -102
  119. package/dist/dropdown-menu.js +1 -201
  120. package/dist/dropdown-menu.mjs +1 -165
  121. package/dist/finance/AdvancedChart.js +2 -47
  122. package/dist/finance/AdvancedChart.mjs +2 -45
  123. package/dist/finance/CompanyProfile.js +2 -47
  124. package/dist/finance/CompanyProfile.mjs +2 -45
  125. package/dist/finance/CryptoScreener.js +2 -44
  126. package/dist/finance/CryptoScreener.mjs +2 -42
  127. package/dist/finance/Financials.js +2 -51
  128. package/dist/finance/Financials.mjs +2 -49
  129. package/dist/finance/ForexScreener.js +2 -45
  130. package/dist/finance/ForexScreener.mjs +2 -43
  131. package/dist/finance/MarketOverview.js +2 -103
  132. package/dist/finance/MarketOverview.mjs +2 -101
  133. package/dist/finance/NewsTimeline.js +2 -43
  134. package/dist/finance/NewsTimeline.mjs +2 -41
  135. package/dist/finance/OrderEntry.js +1 -130
  136. package/dist/finance/OrderEntry.mjs +1 -128
  137. package/dist/finance/OrdersHistory.js +1 -63
  138. package/dist/finance/OrdersHistory.mjs +1 -61
  139. package/dist/finance/PositionsList.js +1 -79
  140. package/dist/finance/PositionsList.mjs +1 -77
  141. package/dist/finance/StockScreener.js +2 -45
  142. package/dist/finance/StockScreener.mjs +2 -43
  143. package/dist/finance/SymbolInfo.js +2 -45
  144. package/dist/finance/SymbolInfo.mjs +2 -43
  145. package/dist/finance/TechnicalAnalysis.js +2 -53
  146. package/dist/finance/TechnicalAnalysis.mjs +2 -51
  147. package/dist/finance/TickerTape.js +2 -55
  148. package/dist/finance/TickerTape.mjs +2 -53
  149. package/dist/finance/TradingPanel.js +1 -190
  150. package/dist/finance/TradingPanel.mjs +1 -188
  151. package/dist/finance/index.js +2 -929
  152. package/dist/finance/index.mjs +2 -913
  153. package/dist/form/index.js +1 -153
  154. package/dist/form/index.mjs +1 -123
  155. package/dist/form.js +1 -171
  156. package/dist/form.mjs +1 -141
  157. package/dist/hover-card.js +1 -57
  158. package/dist/hover-card.mjs +1 -33
  159. package/dist/index.js +192 -9618
  160. package/dist/index.mjs +192 -9202
  161. package/dist/input-otp.js +1 -78
  162. package/dist/input-otp.mjs +1 -53
  163. package/dist/kanban/index.js +1 -593
  164. package/dist/kanban/index.mjs +1 -571
  165. package/dist/lib/utils.js +1 -28
  166. package/dist/lib/utils.mjs +1 -24
  167. package/dist/mermaid/index.js +1 -280
  168. package/dist/mermaid/index.mjs +1 -253
  169. package/dist/navigation/index.js +1 -97
  170. package/dist/navigation/index.mjs +1 -78
  171. package/dist/navigation-menu.js +1 -148
  172. package/dist/navigation-menu.mjs +1 -115
  173. package/dist/pattern/grid-pattern.js +3 -325
  174. package/dist/pattern/grid-pattern.mjs +3 -302
  175. package/dist/pattern/index.js +3 -325
  176. package/dist/pattern/index.mjs +3 -302
  177. package/dist/popover.js +1 -62
  178. package/dist/popover.mjs +1 -36
  179. package/dist/progress.js +1 -61
  180. package/dist/progress.mjs +1 -36
  181. package/dist/project/gantt.js +1 -64
  182. package/dist/project/gantt.mjs +1 -42
  183. package/dist/project/index.js +1 -635
  184. package/dist/project/index.mjs +1 -610
  185. package/dist/project/kanban.js +1 -596
  186. package/dist/project/kanban.mjs +1 -571
  187. package/dist/project/list.js +1 -34
  188. package/dist/project/list.mjs +1 -11
  189. package/dist/radio-group.js +1 -67
  190. package/dist/radio-group.mjs +1 -44
  191. package/dist/resizable.js +1 -71
  192. package/dist/resizable.mjs +1 -47
  193. package/dist/scroll-area.js +1 -88
  194. package/dist/scroll-area.mjs +1 -65
  195. package/dist/select.js +1 -139
  196. package/dist/select.mjs +1 -110
  197. package/dist/separator.js +1 -58
  198. package/dist/separator.mjs +1 -33
  199. package/dist/sheet.js +1 -147
  200. package/dist/sheet.mjs +1 -116
  201. package/dist/skeleton.js +1 -31
  202. package/dist/skeleton.mjs +1 -26
  203. package/dist/slider.js +1 -98
  204. package/dist/slider.mjs +1 -72
  205. package/dist/sonner.js +1 -33
  206. package/dist/sonner.mjs +1 -28
  207. package/dist/spline/index.js +1 -210
  208. package/dist/spline/index.mjs +1 -201
  209. package/dist/spline/media-stack.js +1 -192
  210. package/dist/spline/media-stack.mjs +1 -184
  211. package/dist/spline/player.js +1 -36
  212. package/dist/spline/player.mjs +1 -30
  213. package/dist/switch.js +1 -61
  214. package/dist/switch.mjs +1 -36
  215. package/dist/table.js +1 -109
  216. package/dist/table.mjs +1 -100
  217. package/dist/tabs.js +1 -127
  218. package/dist/tabs.mjs +1 -101
  219. package/dist/tailwind/index.mjs +1 -2011
  220. package/dist/textarea.js +1 -77
  221. package/dist/textarea.mjs +1 -55
  222. package/dist/toggle-group.js +1 -117
  223. package/dist/toggle-group.mjs +1 -92
  224. package/dist/toggle.js +1 -70
  225. package/dist/toggle.mjs +1 -47
  226. package/dist/tooltip.js +1 -66
  227. package/dist/tooltip.mjs +1 -39
  228. package/dist/types/index.mjs +1 -51
  229. package/dist/ui/announcement.js +1 -133
  230. package/dist/ui/announcement.mjs +1 -111
  231. package/dist/ui/avatar-group.js +1 -87
  232. package/dist/ui/avatar-group.mjs +1 -64
  233. package/dist/ui/banner.js +1 -84
  234. package/dist/ui/banner.mjs +1 -61
  235. package/dist/ui/cursor.js +1 -77
  236. package/dist/ui/cursor.mjs +1 -55
  237. package/dist/ui/index.js +1 -494
  238. package/dist/ui/index.mjs +1 -461
  239. package/dist/ui/marquee.js +1 -73
  240. package/dist/ui/marquee.mjs +1 -51
  241. package/dist/ui/pill.js +1 -84
  242. package/dist/ui/pill.mjs +1 -61
  243. package/dist/ui/spinner.js +1 -27
  244. package/dist/ui/spinner.mjs +1 -25
  245. package/dist/ui/tags.js +1 -116
  246. package/dist/ui/tags.mjs +1 -94
  247. package/dist/ui/ticker.js +1 -72
  248. package/dist/ui/ticker.mjs +1 -50
  249. package/dist/util/index.mjs +1 -404
  250. package/package.json +28 -27
  251. package/dist/primitives/index.js +0 -9619
  252. package/dist/primitives/index.mjs +0 -9203
  253. package/dist/primitives-export.js +0 -9619
  254. package/dist/primitives-export.mjs +0 -9203
@@ -1,414 +1,4 @@
1
1
  "use client";
2
- import * as React from 'react';
3
- import { cva } from 'class-variance-authority';
4
- import { Terminal, RefreshCw, Copy, Download, Minimize2, Maximize2, ChevronRight } from 'lucide-react';
5
- import { cn } from '@hanzo/ui/lib/utils';
6
- import { Button } from '@hanzo/ui/button';
7
- import { Input } from '@hanzo/ui/input';
8
- import { ScrollArea } from '@hanzo/ui/scroll-area';
9
- import { Separator } from '@hanzo/ui/separator';
10
- import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
11
-
12
- var __defProp = Object.defineProperty;
13
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
14
- var codeTerminalVariants = cva(
15
- "relative flex flex-col overflow-hidden rounded-lg border",
16
- {
17
- variants: {
18
- theme: {
19
- dark: "bg-black border-gray-700 text-green-400",
20
- light: "bg-white border-gray-300 text-gray-900",
21
- matrix: "bg-black border-green-500 text-green-400",
22
- hacker: "bg-gray-900 border-yellow-500 text-yellow-400",
23
- retro: "bg-amber-900 border-amber-600 text-amber-100",
24
- modern: "bg-slate-900 border-slate-700 text-slate-100"
25
- },
26
- size: {
27
- sm: "text-xs",
28
- default: "text-sm",
29
- lg: "text-base"
30
- }
31
- },
32
- defaultVariants: {
33
- theme: "dark",
34
- size: "default"
35
- }
36
- }
37
- );
38
- var ansiColors = {
39
- black: "text-black",
40
- red: "text-red-500",
41
- green: "text-green-500",
42
- yellow: "text-yellow-500",
43
- blue: "text-blue-500",
44
- magenta: "text-magenta-500",
45
- cyan: "text-cyan-500",
46
- white: "text-white",
47
- gray: "text-gray-500",
48
- brightRed: "text-red-400",
49
- brightGreen: "text-green-400",
50
- brightYellow: "text-yellow-400",
51
- brightBlue: "text-blue-400",
52
- brightMagenta: "text-magenta-400",
53
- brightCyan: "text-cyan-400",
54
- brightWhite: "text-gray-100"
55
- };
56
- var parseAnsiContent = /* @__PURE__ */ __name((content) => {
57
- const ansiRegex = /\x1b\[([0-9;]*)m/g;
58
- const parts = [];
59
- let lastIndex = 0;
60
- let currentClasses = [];
61
- let match;
62
- while ((match = ansiRegex.exec(content)) !== null) {
63
- if (match.index > lastIndex) {
64
- parts.push({
65
- text: content.slice(lastIndex, match.index),
66
- classes: [...currentClasses]
67
- });
68
- }
69
- const codes = match[1].split(";").map((code) => parseInt(code) || 0);
70
- codes.forEach((code) => {
71
- switch (code) {
72
- case 0:
73
- currentClasses = [];
74
- break;
75
- // reset
76
- case 30:
77
- currentClasses.push(ansiColors.black);
78
- break;
79
- case 31:
80
- currentClasses.push(ansiColors.red);
81
- break;
82
- case 32:
83
- currentClasses.push(ansiColors.green);
84
- break;
85
- case 33:
86
- currentClasses.push(ansiColors.yellow);
87
- break;
88
- case 34:
89
- currentClasses.push(ansiColors.blue);
90
- break;
91
- case 35:
92
- currentClasses.push(ansiColors.magenta);
93
- break;
94
- case 36:
95
- currentClasses.push(ansiColors.cyan);
96
- break;
97
- case 37:
98
- currentClasses.push(ansiColors.white);
99
- break;
100
- case 90:
101
- currentClasses.push(ansiColors.gray);
102
- break;
103
- case 91:
104
- currentClasses.push(ansiColors.brightRed);
105
- break;
106
- case 92:
107
- currentClasses.push(ansiColors.brightGreen);
108
- break;
109
- case 93:
110
- currentClasses.push(ansiColors.brightYellow);
111
- break;
112
- case 94:
113
- currentClasses.push(ansiColors.brightBlue);
114
- break;
115
- case 95:
116
- currentClasses.push(ansiColors.brightMagenta);
117
- break;
118
- case 96:
119
- currentClasses.push(ansiColors.brightCyan);
120
- break;
121
- case 97:
122
- currentClasses.push(ansiColors.brightWhite);
123
- break;
124
- }
125
- });
126
- lastIndex = match.index + match[0].length;
127
- }
128
- if (lastIndex < content.length) {
129
- parts.push({
130
- text: content.slice(lastIndex),
131
- classes: [...currentClasses]
132
- });
133
- }
134
- return parts.map((part, index) => /* @__PURE__ */ jsx("span", { className: cn(part.classes), children: part.text }, index));
135
- }, "parseAnsiContent");
136
- var CodeTerminal = React.forwardRef(
137
- ({
138
- className,
139
- theme,
140
- size,
141
- title = "Terminal",
142
- prompt = "$",
143
- maxLines = 1e3,
144
- showLineNumbers = false,
145
- allowInput = true,
146
- allowClear = true,
147
- allowCopy = true,
148
- allowDownload = false,
149
- allowFullscreen = true,
150
- height = "400px",
151
- autoScroll = true,
152
- history = [],
153
- onCommand,
154
- onClear,
155
- initialLines = [],
156
- ...props
157
- }, ref) => {
158
- const [lines, setLines] = React.useState(initialLines);
159
- const [input, setInput] = React.useState("");
160
- const [historyIndex, setHistoryIndex] = React.useState(-1);
161
- const [isFullscreen, setIsFullscreen] = React.useState(false);
162
- const [commandHistory, setCommandHistory] = React.useState(history);
163
- const scrollAreaRef = React.useRef(null);
164
- const inputRef = React.useRef(null);
165
- React.useEffect(() => {
166
- if (autoScroll && scrollAreaRef.current) {
167
- scrollAreaRef.current.scrollTop = scrollAreaRef.current.scrollHeight;
168
- }
169
- }, [lines, autoScroll]);
170
- const addLine = React.useCallback(
171
- (line) => {
172
- const newLine = {
173
- ...line,
174
- id: `line-${Date.now()}-${Math.random()}`,
175
- timestamp: Date.now()
176
- };
177
- setLines((prev) => {
178
- const updated = [...prev, newLine];
179
- return updated.length > maxLines ? updated.slice(-maxLines) : updated;
180
- });
181
- },
182
- [maxLines]
183
- );
184
- const handleCommand = React.useCallback(
185
- async (command) => {
186
- if (!command.trim()) return;
187
- setCommandHistory((prev) => [...prev, command]);
188
- setHistoryIndex(-1);
189
- addLine({
190
- type: "input",
191
- content: `${prompt} ${command}`,
192
- command
193
- });
194
- if (command === "clear") {
195
- if (onClear) {
196
- onClear();
197
- } else {
198
- setLines([]);
199
- }
200
- return;
201
- }
202
- if (command === "history") {
203
- commandHistory.forEach((cmd, index) => {
204
- addLine({
205
- type: "output",
206
- content: `${index + 1} ${cmd}`
207
- });
208
- });
209
- return;
210
- }
211
- if (command.startsWith("echo ")) {
212
- addLine({
213
- type: "output",
214
- content: command.slice(5)
215
- });
216
- return;
217
- }
218
- if (onCommand) {
219
- try {
220
- await onCommand(command);
221
- } catch (error) {
222
- addLine({
223
- type: "error",
224
- content: error instanceof Error ? error.message : String(error),
225
- exitCode: 1
226
- });
227
- }
228
- } else {
229
- addLine({
230
- type: "error",
231
- content: `Command not found: ${command}`,
232
- exitCode: 127
233
- });
234
- }
235
- },
236
- [prompt, addLine, onCommand, onClear, commandHistory]
237
- );
238
- const handleInputSubmit = /* @__PURE__ */ __name((e) => {
239
- e.preventDefault();
240
- if (input.trim()) {
241
- handleCommand(input);
242
- setInput("");
243
- }
244
- }, "handleInputSubmit");
245
- const handleKeyDown = /* @__PURE__ */ __name((e) => {
246
- if (e.key === "ArrowUp") {
247
- e.preventDefault();
248
- if (historyIndex < commandHistory.length - 1) {
249
- const newIndex = historyIndex + 1;
250
- setHistoryIndex(newIndex);
251
- setInput(commandHistory[commandHistory.length - 1 - newIndex] || "");
252
- }
253
- } else if (e.key === "ArrowDown") {
254
- e.preventDefault();
255
- if (historyIndex > 0) {
256
- const newIndex = historyIndex - 1;
257
- setHistoryIndex(newIndex);
258
- setInput(commandHistory[commandHistory.length - 1 - newIndex] || "");
259
- } else if (historyIndex === 0) {
260
- setHistoryIndex(-1);
261
- setInput("");
262
- }
263
- }
264
- }, "handleKeyDown");
265
- const copyContent = React.useCallback(async () => {
266
- const content = lines.map((line) => line.content).join("\n");
267
- try {
268
- await navigator.clipboard.writeText(content);
269
- } catch (error) {
270
- console.error("Failed to copy terminal content:", error);
271
- }
272
- }, [lines]);
273
- const downloadContent = React.useCallback(() => {
274
- const content = lines.map(
275
- (line) => `[${new Date(line.timestamp).toISOString()}] ${line.content}`
276
- ).join("\n");
277
- const blob = new Blob([content], { type: "text/plain" });
278
- const url = URL.createObjectURL(blob);
279
- const a = document.createElement("a");
280
- a.href = url;
281
- a.download = `terminal-${Date.now()}.txt`;
282
- document.body.appendChild(a);
283
- a.click();
284
- document.body.removeChild(a);
285
- URL.revokeObjectURL(url);
286
- }, [lines]);
287
- const clearTerminal = /* @__PURE__ */ __name(() => {
288
- if (onClear) {
289
- onClear();
290
- } else {
291
- setLines([]);
292
- }
293
- }, "clearTerminal");
294
- const handleTerminalClick = /* @__PURE__ */ __name(() => {
295
- if (allowInput && inputRef.current) {
296
- inputRef.current.focus();
297
- }
298
- }, "handleTerminalClick");
299
- return /* @__PURE__ */ jsxs(
300
- "div",
301
- {
302
- ref,
303
- className: cn(
304
- codeTerminalVariants({ theme, size }),
305
- isFullscreen && "fixed inset-0 z-50",
306
- className
307
- ),
308
- style: { height: isFullscreen ? "100vh" : height },
309
- onClick: handleTerminalClick,
310
- ...props,
311
- children: [
312
- /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-4 py-2 bg-muted/30", children: [
313
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
314
- /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
315
- /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
316
- /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
317
- /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-green-500" })
318
- ] }),
319
- /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4" }),
320
- /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: title }),
321
- lines.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
322
- lines.length,
323
- " lines"
324
- ] })
325
- ] }),
326
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
327
- allowClear && /* @__PURE__ */ jsx(
328
- Button,
329
- {
330
- variant: "ghost",
331
- size: "sm",
332
- onClick: clearTerminal,
333
- className: "h-8 w-8 p-0",
334
- children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" })
335
- }
336
- ),
337
- allowCopy && /* @__PURE__ */ jsx(
338
- Button,
339
- {
340
- variant: "ghost",
341
- size: "sm",
342
- onClick: copyContent,
343
- className: "h-8 w-8 p-0",
344
- children: /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
345
- }
346
- ),
347
- allowDownload && /* @__PURE__ */ jsx(
348
- Button,
349
- {
350
- variant: "ghost",
351
- size: "sm",
352
- onClick: downloadContent,
353
- className: "h-8 w-8 p-0",
354
- children: /* @__PURE__ */ jsx(Download, { className: "h-3.5 w-3.5" })
355
- }
356
- ),
357
- allowFullscreen && /* @__PURE__ */ jsx(
358
- Button,
359
- {
360
- variant: "ghost",
361
- size: "sm",
362
- onClick: () => setIsFullscreen(!isFullscreen),
363
- className: "h-8 w-8 p-0",
364
- children: isFullscreen ? /* @__PURE__ */ jsx(Minimize2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Maximize2, { className: "h-3.5 w-3.5" })
365
- }
366
- )
367
- ] })
368
- ] }),
369
- /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
370
- /* @__PURE__ */ jsx(ScrollArea, { ref: scrollAreaRef, className: "flex-1 p-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-1 font-mono", children: lines.map((line, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
371
- showLineNumbers && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground w-12 text-right flex-shrink-0", children: index + 1 }),
372
- /* @__PURE__ */ jsx(
373
- "div",
374
- {
375
- className: cn(
376
- "flex-1 whitespace-pre-wrap break-words",
377
- line.type === "input" && "text-inherit",
378
- line.type === "output" && "text-muted-foreground",
379
- line.type === "error" && "text-red-400",
380
- line.type === "system" && "text-blue-400"
381
- ),
382
- children: typeof line.content === "string" && line.content.includes("\x1B[") ? parseAnsiContent(line.content) : line.content
383
- }
384
- )
385
- ] }, line.id)) }) }),
386
- allowInput && /* @__PURE__ */ jsxs(Fragment, { children: [
387
- /* @__PURE__ */ jsx(Separator, {}),
388
- /* @__PURE__ */ jsx("form", { onSubmit: handleInputSubmit, className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 font-mono", children: [
389
- /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 flex-shrink-0" }),
390
- /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: prompt }),
391
- /* @__PURE__ */ jsx(
392
- Input,
393
- {
394
- ref: inputRef,
395
- value: input,
396
- onChange: (e) => setInput(e.target.value),
397
- onKeyDown: handleKeyDown,
398
- className: "flex-1 border-0 bg-transparent p-0 focus-visible:ring-0 font-mono",
399
- placeholder: "Enter command...",
400
- autoComplete: "off",
401
- autoFocus: true
402
- }
403
- )
404
- ] }) })
405
- ] })
406
- ] })
407
- ]
408
- }
409
- );
410
- }
411
- );
412
- CodeTerminal.displayName = "CodeTerminal";
413
-
414
- export { CodeTerminal, codeTerminalVariants };
2
+ import*as r from'react';import {cva}from'class-variance-authority';import {Terminal,RefreshCw,Copy,Download,Minimize2,Maximize2,ChevronRight}from'lucide-react';import {cn}from'@hanzo/ui/lib/utils';import {Button}from'@hanzo/ui/button';import {Input}from'@hanzo/ui/input';import {ScrollArea}from'@hanzo/ui/scroll-area';import {Separator}from'@hanzo/ui/separator';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var Z=Object.defineProperty;var b=(c,f)=>Z(c,"name",{value:f,configurable:true});var me=cva("relative flex flex-col overflow-hidden rounded-lg border",{variants:{theme:{dark:"bg-black border-gray-700 text-green-400",light:"bg-white border-gray-300 text-gray-900",matrix:"bg-black border-green-500 text-green-400",hacker:"bg-gray-900 border-yellow-500 text-yellow-400",retro:"bg-amber-900 border-amber-600 text-amber-100",modern:"bg-slate-900 border-slate-700 text-slate-100"},size:{sm:"text-xs",default:"text-sm",lg:"text-base"}},defaultVariants:{theme:"dark",size:"default"}}),n={black:"text-black",red:"text-red-500",green:"text-green-500",yellow:"text-yellow-500",blue:"text-blue-500",magenta:"text-magenta-500",cyan:"text-cyan-500",white:"text-white",gray:"text-gray-500",brightRed:"text-red-400",brightGreen:"text-green-400",brightYellow:"text-yellow-400",brightBlue:"text-blue-400",brightMagenta:"text-magenta-400",brightCyan:"text-cyan-400",brightWhite:"text-gray-100"},ue=b(c=>{let f=/\x1b\[([0-9;]*)m/g,x=[],d=0,a=[],o;for(;(o=f.exec(c))!==null;)o.index>d&&x.push({text:c.slice(d,o.index),classes:[...a]}),o[1].split(";").map(m=>parseInt(m)||0).forEach(m=>{switch(m){case 0:a=[];break;case 30:a.push(n.black);break;case 31:a.push(n.red);break;case 32:a.push(n.green);break;case 33:a.push(n.yellow);break;case 34:a.push(n.blue);break;case 35:a.push(n.magenta);break;case 36:a.push(n.cyan);break;case 37:a.push(n.white);break;case 90:a.push(n.gray);break;case 91:a.push(n.brightRed);break;case 92:a.push(n.brightGreen);break;case 93:a.push(n.brightYellow);break;case 94:a.push(n.brightBlue);break;case 95:a.push(n.brightMagenta);break;case 96:a.push(n.brightCyan);break;case 97:a.push(n.brightWhite);break}}),d=o.index+o[0].length;return d<c.length&&x.push({text:c.slice(d),classes:[...a]}),x.map((y,m)=>jsx("span",{className:cn(y.classes),children:y.text},m))},"parseAnsiContent"),de=r.forwardRef(({className:c,theme:f,size:x,title:d="Terminal",prompt:a="$",maxLines:o=1e3,showLineNumbers:y=false,allowInput:m=true,allowClear:z=true,allowCopy:H=true,allowDownload:A=false,allowFullscreen:B=true,height:F="400px",autoScroll:M=true,history:P=[],onCommand:L,onClear:w,initialLines:U=[],...V},j)=>{let[u,D]=r.useState(U),[S,v]=r.useState(""),[k,N]=r.useState(-1),[R,O]=r.useState(false),[p,K]=r.useState(P),C=r.useRef(null),E=r.useRef(null);r.useEffect(()=>{M&&C.current&&(C.current.scrollTop=C.current.scrollHeight);},[u,M]);let h=r.useCallback(e=>{let s={...e,id:`line-${Date.now()}-${Math.random()}`,timestamp:Date.now()};D(g=>{let l=[...g,s];return l.length>o?l.slice(-o):l});},[o]),W=r.useCallback(async e=>{if(e.trim()){if(K(s=>[...s,e]),N(-1),h({type:"input",content:`${a} ${e}`,command:e}),e==="clear"){w?w():D([]);return}if(e==="history"){p.forEach((s,g)=>{h({type:"output",content:`${g+1} ${s}`});});return}if(e.startsWith("echo ")){h({type:"output",content:e.slice(5)});return}if(L)try{await L(e);}catch(s){h({type:"error",content:s instanceof Error?s.message:String(s),exitCode:1});}else h({type:"error",content:`Command not found: ${e}`,exitCode:127});}},[a,h,L,w,p]),G=b(e=>{e.preventDefault(),S.trim()&&(W(S),v(""));},"handleInputSubmit"),Y=b(e=>{if(e.key==="ArrowUp"){if(e.preventDefault(),k<p.length-1){let s=k+1;N(s),v(p[p.length-1-s]||"");}}else if(e.key==="ArrowDown")if(e.preventDefault(),k>0){let s=k-1;N(s),v(p[p.length-1-s]||"");}else k===0&&(N(-1),v(""));},"handleKeyDown"),q=r.useCallback(async()=>{let e=u.map(s=>s.content).join(`
3
+ `);try{await navigator.clipboard.writeText(e);}catch(s){console.error("Failed to copy terminal content:",s);}},[u]),X=r.useCallback(()=>{let e=u.map($=>`[${new Date($.timestamp).toISOString()}] ${$.content}`).join(`
4
+ `),s=new Blob([e],{type:"text/plain"}),g=URL.createObjectURL(s),l=document.createElement("a");l.href=g,l.download=`terminal-${Date.now()}.txt`,document.body.appendChild(l),l.click(),document.body.removeChild(l),URL.revokeObjectURL(g);},[u]),J=b(()=>{w?w():D([]);},"clearTerminal"),Q=b(()=>{m&&E.current&&E.current.focus();},"handleTerminalClick");return jsxs("div",{ref:j,className:cn(me({theme:f,size:x}),R&&"fixed inset-0 z-50",c),style:{height:R?"100vh":F},onClick:Q,...V,children:[jsxs("div",{className:"flex items-center justify-between border-b px-4 py-2 bg-muted/30",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsxs("div",{className:"flex gap-1",children:[jsx("div",{className:"w-3 h-3 rounded-full bg-red-500"}),jsx("div",{className:"w-3 h-3 rounded-full bg-yellow-500"}),jsx("div",{className:"w-3 h-3 rounded-full bg-green-500"})]}),jsx(Terminal,{className:"h-4 w-4"}),jsx("span",{className:"text-sm font-medium",children:d}),u.length>0&&jsxs("span",{className:"text-xs text-muted-foreground",children:[u.length," lines"]})]}),jsxs("div",{className:"flex items-center gap-1",children:[z&&jsx(Button,{variant:"ghost",size:"sm",onClick:J,className:"h-8 w-8 p-0",children:jsx(RefreshCw,{className:"h-3.5 w-3.5"})}),H&&jsx(Button,{variant:"ghost",size:"sm",onClick:q,className:"h-8 w-8 p-0",children:jsx(Copy,{className:"h-3.5 w-3.5"})}),A&&jsx(Button,{variant:"ghost",size:"sm",onClick:X,className:"h-8 w-8 p-0",children:jsx(Download,{className:"h-3.5 w-3.5"})}),B&&jsx(Button,{variant:"ghost",size:"sm",onClick:()=>O(!R),className:"h-8 w-8 p-0",children:R?jsx(Minimize2,{className:"h-3.5 w-3.5"}):jsx(Maximize2,{className:"h-3.5 w-3.5"})})]})]}),jsxs("div",{className:"flex-1 flex flex-col min-h-0",children:[jsx(ScrollArea,{ref:C,className:"flex-1 p-4",children:jsx("div",{className:"space-y-1 font-mono",children:u.map((e,s)=>jsxs("div",{className:"flex items-start gap-2",children:[y&&jsx("span",{className:"text-xs text-muted-foreground w-12 text-right flex-shrink-0",children:s+1}),jsx("div",{className:cn("flex-1 whitespace-pre-wrap break-words",e.type==="input"&&"text-inherit",e.type==="output"&&"text-muted-foreground",e.type==="error"&&"text-red-400",e.type==="system"&&"text-blue-400"),children:typeof e.content=="string"&&e.content.includes("\x1B[")?ue(e.content):e.content})]},e.id))})}),m&&jsxs(Fragment,{children:[jsx(Separator,{}),jsx("form",{onSubmit:G,className:"p-4",children:jsxs("div",{className:"flex items-center gap-2 font-mono",children:[jsx(ChevronRight,{className:"h-4 w-4 flex-shrink-0"}),jsx("span",{className:"flex-shrink-0",children:a}),jsx(Input,{ref:E,value:S,onChange:e=>v(e.target.value),onKeyDown:Y,className:"flex-1 border-0 bg-transparent p-0 focus-visible:ring-0 font-mono",placeholder:"Enter command...",autoComplete:"off",autoFocus:true})]})})]})]})]})});de.displayName="CodeTerminal";export{de as CodeTerminal,me as codeTerminalVariants};
@@ -1,33 +1,2 @@
1
1
  "use client";
2
- 'use strict';
3
-
4
- var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
5
-
6
- function _interopNamespace(e) {
7
- if (e && e.__esModule) return e;
8
- var n = Object.create(null);
9
- if (e) {
10
- Object.keys(e).forEach(function (k) {
11
- if (k !== 'default') {
12
- var d = Object.getOwnPropertyDescriptor(e, k);
13
- Object.defineProperty(n, k, d.get ? d : {
14
- enumerable: true,
15
- get: function () { return e[k]; }
16
- });
17
- }
18
- });
19
- }
20
- n.default = e;
21
- return Object.freeze(n);
22
- }
23
-
24
- var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
25
-
26
- // primitives/collapsible.tsx
27
- var Collapsible = CollapsiblePrimitive__namespace.Root;
28
- var CollapsibleTrigger2 = CollapsiblePrimitive__namespace.CollapsibleTrigger;
29
- var CollapsibleContent2 = CollapsiblePrimitive__namespace.CollapsibleContent;
30
-
31
- exports.Collapsible = Collapsible;
32
- exports.CollapsibleContent = CollapsibleContent2;
33
- exports.CollapsibleTrigger = CollapsibleTrigger2;
2
+ 'use strict';var l=require('@radix-ui/react-collapsible');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var l__namespace=/*#__PURE__*/_interopNamespace(l);var i=l__namespace.Root,o=l__namespace.CollapsibleTrigger,e=l__namespace.CollapsibleContent;exports.Collapsible=i;exports.CollapsibleContent=e;exports.CollapsibleTrigger=o;
@@ -1,9 +1,2 @@
1
1
  "use client";
2
- import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
3
-
4
- // primitives/collapsible.tsx
5
- var Collapsible = CollapsiblePrimitive.Root;
6
- var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
7
- var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
8
-
9
- export { Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger };
2
+ import*as l from'@radix-ui/react-collapsible';var i=l.Root,o=l.CollapsibleTrigger,e=l.CollapsibleContent;export{i as Collapsible,e as CollapsibleContent,o as CollapsibleTrigger};