@illuma-ai/codeviz 1.0.0 → 1.0.1

package/dist/CodeViz.d.ts

@@ -4,7 +4,7 @@ import { CodeVizProps, CodeVizHandle } from './types';
 /**
  * CodeViz — A lightweight single-file React/HTML preview component.
  *
- * Drop-in Sandpack replacement for Ranger artifacts. Features:
+ * Multi-format code & content preview component. Features:
  * - Monaco editor with syntax highlighting and VS Code-style diff decorations
  * - Sucrase in-browser JSX/TSX transpilation (no remote bundler)
  * - Import maps + esm.sh CDN for dependency resolution

package/dist/CodeViz.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeViz.d.ts","sourceRoot":"","sources":["../src/CodeViz.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAgB,MAAM,SAAS,CAAC;AAqBzE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,+GA+VnB,CAAC"}
+{"version":3,"file":"CodeViz.d.ts","sourceRoot":"","sources":["../src/CodeViz.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAgB,MAAM,SAAS,CAAC;AAsBzE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,+GAulBnB,CAAC"}

package/dist/ErrorPanel.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { PreviewError } from './types';
+
+/** Props for the {@link ErrorPanel} component. */
+export interface ErrorPanelProps {
+    /** Structured errors to display */
+    errors: PreviewError[];
+    /** Light or dark theme */
+    theme: 'light' | 'dark';
+}
+/**
+ * Full-pane error display — replaces preview when errors exist after streaming.
+ * Shows structured error details (category, line, message) in a styled panel.
+ */
+export declare const ErrorPanel: React.NamedExoticComponent<ErrorPanelProps>;
+//# sourceMappingURL=ErrorPanel.d.ts.map

package/dist/ErrorPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPanel.d.ts","sourceRoot":"","sources":["../src/ErrorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAM5C,kDAAkD;AAClD,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,0BAA0B;IAC1B,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAMD;;;GAGG;AACH,eAAO,MAAM,UAAU,6CA0GrB,CAAC"}

package/dist/PreviewPane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewPane.d.ts","sourceRoot":"","sources":["../src/PreviewPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAiB,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAmBD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,8CA2ItB,CAAC"}
+{"version":3,"file":"PreviewPane.d.ts","sourceRoot":"","sources":["../src/PreviewPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAiB,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAmBD;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,8CAoJtB,CAAC"}

package/dist/StatusBar.d.ts

@@ -7,9 +7,16 @@ interface StatusBarProps {
     isStreaming: boolean;
     language: string;
     theme: 'light' | 'dark';
+    /** Current view mode — suppresses "Building..." when preview isn't visible */
+    view?: 'code' | 'preview' | 'split';
+    /** Filename to display in the center of the status bar */
+    filename?: string;
+    /** Custom React node rendered after the copy button (e.g., version controls) */
+    footerSlot?: React.ReactNode;
 }
 /**
- * VS Code-style status bar showing build state, errors, and language.
+ * Compact status bar — left: status, center: filename, right: copy + language + footerSlot.
+ * Error indicator is clickable — shows a right-aligned popover with error details.
  */
 export declare const StatusBar: React.NamedExoticComponent<StatusBarProps>;
 export {};

package/dist/StatusBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../src/StatusBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,UAAU,cAAc;IACtB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,4CAuDpB,CAAC"}
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../src/StatusBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,UAAU,cAAc;IACtB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACpC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,4CA4OpB,CAAC"}

package/dist/Toolbar.d.ts

@@ -1,27 +1,37 @@
 import { default as React } from 'react';
 
 export type ViewMode = 'split' | 'code' | 'preview';
+export interface DownloadOption {
+    label: string;
+    action: () => void;
+}
 interface ToolbarProps {
     view: ViewMode;
     onViewChange: (view: ViewMode) => void;
     onRefresh: () => void;
-    errorCount: number;
     isLoading: boolean;
     theme: 'light' | 'dark';
+    /** Whether content is currently being streamed — disables preview tab */
+    isStreaming?: boolean;
     /** Whether the component is in fullscreen mode */
     isFullscreen?: boolean;
     /** Toggle fullscreen on the container */
     onFullscreenToggle?: () => void;
-    /** Download the current content */
+    /** Download the current content — single action */
     onDownload?: () => void;
-    /** Close button — emits event for parent (Ranger) to handle */
+    /** Multiple download options — shows a dropdown menu instead of single button */
+    downloadOptions?: DownloadOption[];
+    /** Close button — emits event for parent app to handle */
     onClose?: () => void;
+    /** Hide the split view option — reusable across any panel embedding CodeViz */
+    hideSplit?: boolean;
 }
 /**
- * Modern toolbar with view switcher, window controls (fullscreen, close).
+ * Compact toolbar with sleek view switcher tabs + window controls.
  *
- * Split view only available at wide screen (>=768px) or in fullscreen.
- * Right side has refresh, fullscreen toggle, and close — like window operations.
+ * Split view available at wide screen (>=768px) or in fullscreen,
+ * and can be entirely hidden via the generic `hideSplit` prop.
+ * Right side has refresh, fullscreen toggle, and close.
  */
 export declare const Toolbar: React.NamedExoticComponent<ToolbarProps>;
 export {};

package/dist/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../src/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpD,UAAU,YAAY;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAKD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,0CAgPlB,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../src/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iFAAiF;IACjF,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,0CAuSlB,CAAC"}

package/dist/__tests__/transpiler-scenarios.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=transpiler-scenarios.test.d.ts.map

package/dist/__tests__/transpiler-scenarios.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transpiler-scenarios.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/transpiler-scenarios.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/transpiler.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=transpiler.test.d.ts.map

package/dist/__tests__/transpiler.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transpiler.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/transpiler.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/ui-components.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ui-components.test.d.ts.map

package/dist/__tests__/ui-components.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/ui-components.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.test.d.ts.map

package/dist/__tests__/utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/utils.test.ts"],"names":[],"mappings":""}

package/dist/agentContext.d.ts

@@ -45,6 +45,24 @@ export declare const RENDERABLE_TYPES: {
         readonly template: "json";
         readonly example: "{\"users\": [{\"name\": \"Alice\", \"role\": \"admin\"}]}";
     };
+    readonly 'text/vnd.graphviz': {
+        readonly description: "Graphviz DOT diagram with zoom/pan viewer (digraph, subgraph, clusters)";
+        readonly extension: ".dot";
+        readonly template: "dot";
+        readonly example: "digraph G {\n  A -> B -> C;\n  B -> D;\n}";
+    };
+    readonly 'application/x-latex': {
+        readonly description: "LaTeX math equations rendered with KaTeX (inline $...$ and display $$...$$)";
+        readonly extension: ".tex";
+        readonly template: "latex";
+        readonly example: "The quadratic formula: $$x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}$$";
+    };
+    readonly 'application/vnd.architecture': {
+        readonly description: "Architecture diagram using Draw.io XML (mxGraphModel). Supports AWS, GCP, Azure, K8s shapes and all draw.io stencils.";
+        readonly extension: ".drawio";
+        readonly template: "architecture";
+        readonly example: "<mxGraphModel><root><mxCell id=\"0\"/><mxCell id=\"1\" parent=\"0\"/></root></mxGraphModel>";
+    };
 };
 export type RenderableType = keyof typeof RENDERABLE_TYPES;
 /**
@@ -65,7 +83,7 @@ export declare function getRenderableTypes(): typeof RENDERABLE_TYPES;
 export declare function getAgentSystemPrompt(): string;
 /**
  * Pick the best template for a user query.
- * Convenience re-export for Ranger integration.
+ * Convenience re-export.
  */
 export { pickTemplate } from './templates';
 //# sourceMappingURL=agentContext.d.ts.map

package/dist/agentContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agentContext.d.ts","sourceRoot":"","sources":["../src/agentContext.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CnB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE3D;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,gBAAgB,CAE5D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAmC7C;AAED;;;GAGG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"agentContext.d.ts","sourceRoot":"","sources":["../src/agentContext.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DnB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE3D;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,gBAAgB,CAE5D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAmF7C;AAED;;;GAGG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,11 @@
+/** Templates that have preview rendering support in CodeViz */
+export declare const PREVIEW_TEMPLATES: Set<string>;
+/** Debounce/timing constants used across CodeViz components */
+export declare const TIMINGS: {
+    readonly EDITOR_DEBOUNCE_MS: 400;
+    readonly PREVIEW_SWITCH_DELAY_MS: 800;
+    readonly COPY_CONFIRMATION_MS: 2000;
+};
+/** Breakpoint below which Split view is hidden */
+export declare const SPLIT_BREAKPOINT = 768;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,eAAO,MAAM,iBAAiB,aAG5B,CAAC;AAEH,+DAA+D;AAC/D,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAEX,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,MAAM,CAAC"}

package/dist/importMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"importMap.d.ts","sourceRoot":"","sources":["../src/importMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;CAClB,GACL,SAAS,CAmNX;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,GAAG,MAAM,CAExD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CA+B7C"}
+{"version":3,"file":"importMap.d.ts","sourceRoot":"","sources":["../src/importMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE;IACP,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;CAClB,GACL,SAAS,CAiOX;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,GAAG,MAAM,CAExD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CA+B7C"}