@illuma-ai/code-sandbox 1.2.1 → 1.2.2
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/dist/components/Terminal.d.ts +19 -7
- package/dist/index.cjs +63 -63
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +680 -586
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -0
- package/package.json +1 -1
- package/src/components/FileTree.tsx +1 -1
- package/src/components/Terminal.tsx +217 -33
- package/src/index.ts +4 -0
- package/src/styles.css +103 -4
- package/dist/code-sandbox.css +0 -1
|
@@ -1,15 +1,27 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Terminal —
|
|
2
|
+
* Terminal — Git-bash inspired terminal output panel.
|
|
3
3
|
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
4
|
+
* Renders process stdout/stderr with color-coded output:
|
|
5
|
+
* - Commands ($ ...) get a green prompt + white command
|
|
6
|
+
* - stderr lines get red text
|
|
7
|
+
* - Success markers (checkmarks) get green
|
|
8
|
+
* - Warnings get yellow
|
|
9
|
+
* - Package names get purple
|
|
10
|
+
* - URLs and paths get cyan
|
|
11
|
+
* - Exit codes get colored by status
|
|
12
|
+
*
|
|
13
|
+
* Uses a simple div-based approach (not xterm.js) to keep the bundle lean.
|
|
14
|
+
* Auto-scrolls to bottom as new output arrives.
|
|
6
15
|
*/
|
|
7
16
|
import type { TerminalProps } from "../types";
|
|
8
17
|
/**
|
|
9
|
-
* Terminal component — renders process
|
|
18
|
+
* Terminal component — renders process output in a git-bash inspired panel.
|
|
10
19
|
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
20
|
+
* Features:
|
|
21
|
+
* - Color-coded output (commands, errors, warnings, info, packages)
|
|
22
|
+
* - Monospace font stack (Cascadia Code → JetBrains Mono → Fira Code → fallback)
|
|
23
|
+
* - Auto-scroll to bottom on new output
|
|
24
|
+
* - Modern thin scrollbar matching the sandbox theme
|
|
25
|
+
* - Dark background separate from editor for visual distinction
|
|
14
26
|
*/
|
|
15
27
|
export declare function Terminal({ output, className }: TerminalProps): import("react/jsx-runtime").JSX.Element;
|