@illuma-ai/code-sandbox 1.2.2 → 1.3.1
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/Preview.d.ts +1 -1
- package/dist/components/Terminal.d.ts +6 -15
- package/dist/index.cjs +80 -80
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +8616 -8342
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/types.d.ts +16 -0
- package/package.json +1 -1
- package/src/components/FileTree.tsx +364 -34
- package/src/components/Preview.tsx +30 -1
- package/src/components/Terminal.tsx +69 -210
- package/src/components/Workbench.tsx +42 -17
- package/src/hooks/useRuntime.ts +80 -16
- package/src/styles.css +1 -42
- package/src/types.ts +16 -0
|
@@ -24,4 +24,4 @@ import type { PreviewProps } from "../types";
|
|
|
24
24
|
* After the iframe loads, an error-capture script is injected so that
|
|
25
25
|
* runtime errors inside the preview are surfaced to the AI agent.
|
|
26
26
|
*/
|
|
27
|
-
export declare function Preview({ url, className, onBrowserError }: PreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare function Preview({ url, className, onBrowserError, reloadKey, }: PreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,27 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Terminal —
|
|
3
|
-
*
|
|
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
|
|
2
|
+
* Terminal — Clean monochrome terminal output panel with minimize toggle.
|
|
12
3
|
*
|
|
13
4
|
* Uses a simple div-based approach (not xterm.js) to keep the bundle lean.
|
|
14
5
|
* Auto-scrolls to bottom as new output arrives.
|
|
6
|
+
* Minimize/expand state is controlled by the parent via props.
|
|
15
7
|
*/
|
|
16
8
|
import type { TerminalProps } from "../types";
|
|
17
9
|
/**
|
|
18
|
-
* Terminal component — renders process output in a
|
|
10
|
+
* Terminal component — renders process output in a clean monochrome panel.
|
|
19
11
|
*
|
|
20
12
|
* Features:
|
|
21
|
-
* -
|
|
22
|
-
* - Monospace font stack (Cascadia Code → JetBrains Mono → Fira Code → fallback)
|
|
13
|
+
* - Monospace font with proper line spacing
|
|
23
14
|
* - Auto-scroll to bottom on new output
|
|
15
|
+
* - Minimize/expand toggle via chevron in header (parent-controlled)
|
|
24
16
|
* - Modern thin scrollbar matching the sandbox theme
|
|
25
|
-
* - Dark background separate from editor for visual distinction
|
|
26
17
|
*/
|
|
27
|
-
export declare function Terminal({ output, className }: TerminalProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function Terminal({ output, className, minimized, onToggleMinimize, }: TerminalProps): import("react/jsx-runtime").JSX.Element;
|