@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.
- package/bin/create-registry.js +0 -0
- package/bin/npx-registry-mcp.js +0 -0
- package/bin/registry-mcp-wrapper.sh +0 -0
- package/bin/registry-mcp.js +0 -0
- package/bin/start-mcp-server.sh +0 -0
- package/bin/test-mcp.sh +0 -0
- package/dist/3d/button.js +1 -297
- package/dist/3d/button.mjs +1 -272
- package/dist/3d/card.js +1 -233
- package/dist/3d/card.mjs +1 -206
- package/dist/3d/carousel.js +1 -370
- package/dist/3d/carousel.mjs +1 -343
- package/dist/3d/grid.js +1 -361
- package/dist/3d/grid.mjs +1 -336
- package/dist/3d/index.js +1 -1517
- package/dist/3d/index.mjs +1 -1471
- package/dist/3d/marquee.js +1 -351
- package/dist/3d/marquee.mjs +1 -326
- package/dist/3d/pin.js +1 -45
- package/dist/3d/pin.mjs +1 -23
- package/dist/accordion.js +1 -79
- package/dist/accordion.mjs +1 -54
- package/dist/alert-dialog.js +1 -224
- package/dist/alert-dialog.mjs +1 -191
- package/dist/alert.js +1 -97
- package/dist/alert.mjs +1 -91
- package/dist/animation/animated-background.js +1 -423
- package/dist/animation/animated-background.mjs +1 -417
- package/dist/animation/animated-beam.js +1 -118
- package/dist/animation/animated-beam.mjs +1 -96
- package/dist/animation/animated-cursor.js +1 -274
- package/dist/animation/animated-cursor.mjs +1 -269
- package/dist/animation/animated-icon.js +2 -356
- package/dist/animation/animated-icon.mjs +2 -350
- package/dist/animation/animated-list.js +1 -338
- package/dist/animation/animated-list.mjs +1 -332
- package/dist/animation/animated-number.js +1 -282
- package/dist/animation/animated-number.mjs +1 -276
- package/dist/animation/animated-testimonials.js +1 -96
- package/dist/animation/animated-testimonials.mjs +1 -74
- package/dist/animation/animated-tooltip.js +1 -66
- package/dist/animation/animated-tooltip.mjs +1 -44
- package/dist/animation/apple-cards-carousel.js +1 -307
- package/dist/animation/apple-cards-carousel.mjs +1 -284
- package/dist/animation/apple-hello-effect.js +1 -59
- package/dist/animation/apple-hello-effect.mjs +1 -37
- package/dist/animation/index.js +2 -1951
- package/dist/animation/index.mjs +2 -1920
- package/dist/avatar.js +1 -70
- package/dist/avatar.mjs +1 -46
- package/dist/badge.js +1 -60
- package/dist/badge.mjs +1 -54
- package/dist/blocks/index.js +2 -1684
- package/dist/blocks/index.mjs +2 -1645
- package/dist/breadcrumb.js +1 -106
- package/dist/breadcrumb.mjs +1 -98
- package/dist/calendar-ext/index.js +1 -207
- package/dist/calendar-ext/index.mjs +1 -169
- package/dist/calendar.js +1 -193
- package/dist/calendar.mjs +1 -168
- package/dist/carousel.js +1 -282
- package/dist/carousel.mjs +1 -253
- package/dist/charts/index.js +6 -5840
- package/dist/charts/index.mjs +6 -5749
- package/dist/checkbox.js +1 -59
- package/dist/checkbox.mjs +1 -34
- package/dist/code/block.js +2 -225
- package/dist/code/block.mjs +2 -202
- package/dist/code/compare.js +5 -444
- package/dist/code/compare.mjs +5 -421
- package/dist/code/diff.js +12 -429
- package/dist/code/diff.mjs +11 -405
- package/dist/code/editor.js +1 -242
- package/dist/code/editor.mjs +1 -217
- package/dist/code/explorer.js +1 -290
- package/dist/code/explorer.mjs +1 -267
- package/dist/code/index.js +26 -2514
- package/dist/code/index.mjs +24 -2471
- package/dist/code/preview.js +6 -363
- package/dist/code/preview.mjs +6 -340
- package/dist/code/snippet.js +2 -273
- package/dist/code/snippet.mjs +2 -249
- package/dist/code/tabs.js +1 -74
- package/dist/code/tabs.mjs +1 -52
- package/dist/code/terminal.js +3 -436
- package/dist/code/terminal.mjs +3 -413
- package/dist/collapsible.js +1 -32
- package/dist/collapsible.mjs +1 -8
- package/dist/command.js +1 -282
- package/dist/command.mjs +1 -251
- package/dist/context-menu.js +1 -206
- package/dist/context-menu.mjs +1 -170
- package/dist/desktop/hooks.js +1 -223
- package/dist/desktop/hooks.mjs +1 -198
- package/dist/desktop/index.js +1 -685
- package/dist/desktop/index.mjs +1 -657
- package/dist/desktop/spotlight.js +1 -260
- package/dist/desktop/spotlight.mjs +1 -235
- package/dist/desktop/window.js +1 -273
- package/dist/desktop/window.mjs +1 -247
- package/dist/device/index.js +1 -2
- package/dist/device/index.mjs +0 -1
- package/dist/dialog.js +1 -245
- package/dist/dialog.mjs +1 -213
- package/dist/dock/basic.js +1 -173
- package/dist/dock/basic.mjs +1 -150
- package/dist/dock/index.js +1 -647
- package/dist/dock/index.mjs +1 -620
- package/dist/dock/limelight-nav.js +1 -314
- package/dist/dock/limelight-nav.mjs +1 -293
- package/dist/dock/macos.js +1 -140
- package/dist/dock/macos.mjs +1 -117
- package/dist/dock/menu.js +1 -69
- package/dist/dock/menu.mjs +1 -47
- package/dist/dock/message.js +1 -148
- package/dist/dock/message.mjs +1 -126
- package/dist/drawer.js +1 -114
- package/dist/drawer.mjs +1 -102
- package/dist/dropdown-menu.js +1 -201
- package/dist/dropdown-menu.mjs +1 -165
- package/dist/finance/AdvancedChart.js +2 -47
- package/dist/finance/AdvancedChart.mjs +2 -45
- package/dist/finance/CompanyProfile.js +2 -47
- package/dist/finance/CompanyProfile.mjs +2 -45
- package/dist/finance/CryptoScreener.js +2 -44
- package/dist/finance/CryptoScreener.mjs +2 -42
- package/dist/finance/Financials.js +2 -51
- package/dist/finance/Financials.mjs +2 -49
- package/dist/finance/ForexScreener.js +2 -45
- package/dist/finance/ForexScreener.mjs +2 -43
- package/dist/finance/MarketOverview.js +2 -103
- package/dist/finance/MarketOverview.mjs +2 -101
- package/dist/finance/NewsTimeline.js +2 -43
- package/dist/finance/NewsTimeline.mjs +2 -41
- package/dist/finance/OrderEntry.js +1 -130
- package/dist/finance/OrderEntry.mjs +1 -128
- package/dist/finance/OrdersHistory.js +1 -63
- package/dist/finance/OrdersHistory.mjs +1 -61
- package/dist/finance/PositionsList.js +1 -79
- package/dist/finance/PositionsList.mjs +1 -77
- package/dist/finance/StockScreener.js +2 -45
- package/dist/finance/StockScreener.mjs +2 -43
- package/dist/finance/SymbolInfo.js +2 -45
- package/dist/finance/SymbolInfo.mjs +2 -43
- package/dist/finance/TechnicalAnalysis.js +2 -53
- package/dist/finance/TechnicalAnalysis.mjs +2 -51
- package/dist/finance/TickerTape.js +2 -55
- package/dist/finance/TickerTape.mjs +2 -53
- package/dist/finance/TradingPanel.js +1 -190
- package/dist/finance/TradingPanel.mjs +1 -188
- package/dist/finance/index.js +2 -929
- package/dist/finance/index.mjs +2 -913
- package/dist/form/index.js +1 -153
- package/dist/form/index.mjs +1 -123
- package/dist/form.js +1 -171
- package/dist/form.mjs +1 -141
- package/dist/hover-card.js +1 -57
- package/dist/hover-card.mjs +1 -33
- package/dist/index.js +192 -9618
- package/dist/index.mjs +192 -9202
- package/dist/input-otp.js +1 -78
- package/dist/input-otp.mjs +1 -53
- package/dist/kanban/index.js +1 -593
- package/dist/kanban/index.mjs +1 -571
- package/dist/lib/utils.js +1 -28
- package/dist/lib/utils.mjs +1 -24
- package/dist/mermaid/index.js +1 -280
- package/dist/mermaid/index.mjs +1 -253
- package/dist/navigation/index.js +1 -97
- package/dist/navigation/index.mjs +1 -78
- package/dist/navigation-menu.js +1 -148
- package/dist/navigation-menu.mjs +1 -115
- package/dist/pattern/grid-pattern.js +3 -325
- package/dist/pattern/grid-pattern.mjs +3 -302
- package/dist/pattern/index.js +3 -325
- package/dist/pattern/index.mjs +3 -302
- package/dist/popover.js +1 -62
- package/dist/popover.mjs +1 -36
- package/dist/progress.js +1 -61
- package/dist/progress.mjs +1 -36
- package/dist/project/gantt.js +1 -64
- package/dist/project/gantt.mjs +1 -42
- package/dist/project/index.js +1 -635
- package/dist/project/index.mjs +1 -610
- package/dist/project/kanban.js +1 -596
- package/dist/project/kanban.mjs +1 -571
- package/dist/project/list.js +1 -34
- package/dist/project/list.mjs +1 -11
- package/dist/radio-group.js +1 -67
- package/dist/radio-group.mjs +1 -44
- package/dist/resizable.js +1 -71
- package/dist/resizable.mjs +1 -47
- package/dist/scroll-area.js +1 -88
- package/dist/scroll-area.mjs +1 -65
- package/dist/select.js +1 -139
- package/dist/select.mjs +1 -110
- package/dist/separator.js +1 -58
- package/dist/separator.mjs +1 -33
- package/dist/sheet.js +1 -147
- package/dist/sheet.mjs +1 -116
- package/dist/skeleton.js +1 -31
- package/dist/skeleton.mjs +1 -26
- package/dist/slider.js +1 -98
- package/dist/slider.mjs +1 -72
- package/dist/sonner.js +1 -33
- package/dist/sonner.mjs +1 -28
- package/dist/spline/index.js +1 -210
- package/dist/spline/index.mjs +1 -201
- package/dist/spline/media-stack.js +1 -192
- package/dist/spline/media-stack.mjs +1 -184
- package/dist/spline/player.js +1 -36
- package/dist/spline/player.mjs +1 -30
- package/dist/switch.js +1 -61
- package/dist/switch.mjs +1 -36
- package/dist/table.js +1 -109
- package/dist/table.mjs +1 -100
- package/dist/tabs.js +1 -127
- package/dist/tabs.mjs +1 -101
- package/dist/tailwind/index.mjs +1 -2011
- package/dist/textarea.js +1 -77
- package/dist/textarea.mjs +1 -55
- package/dist/toggle-group.js +1 -117
- package/dist/toggle-group.mjs +1 -92
- package/dist/toggle.js +1 -70
- package/dist/toggle.mjs +1 -47
- package/dist/tooltip.js +1 -66
- package/dist/tooltip.mjs +1 -39
- package/dist/types/index.mjs +1 -51
- package/dist/ui/announcement.js +1 -133
- package/dist/ui/announcement.mjs +1 -111
- package/dist/ui/avatar-group.js +1 -87
- package/dist/ui/avatar-group.mjs +1 -64
- package/dist/ui/banner.js +1 -84
- package/dist/ui/banner.mjs +1 -61
- package/dist/ui/cursor.js +1 -77
- package/dist/ui/cursor.mjs +1 -55
- package/dist/ui/index.js +1 -494
- package/dist/ui/index.mjs +1 -461
- package/dist/ui/marquee.js +1 -73
- package/dist/ui/marquee.mjs +1 -51
- package/dist/ui/pill.js +1 -84
- package/dist/ui/pill.mjs +1 -61
- package/dist/ui/spinner.js +1 -27
- package/dist/ui/spinner.mjs +1 -25
- package/dist/ui/tags.js +1 -116
- package/dist/ui/tags.mjs +1 -94
- package/dist/ui/ticker.js +1 -72
- package/dist/ui/ticker.mjs +1 -50
- package/dist/util/index.mjs +1 -404
- package/package.json +28 -27
- package/dist/primitives/index.js +0 -9619
- package/dist/primitives/index.mjs +0 -9203
- package/dist/primitives-export.js +0 -9619
- package/dist/primitives-export.mjs +0 -9203
package/dist/code/terminal.mjs
CHANGED
|
@@ -1,414 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
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};
|
package/dist/collapsible.js
CHANGED
|
@@ -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;
|
package/dist/collapsible.mjs
CHANGED
|
@@ -1,9 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
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};
|