@tscircuit/runframe 0.0.970 → 0.0.971

package/README.md

@@ -57,15 +57,38 @@ const App = () => (
 )
 ```
 
-The CircuitJsonPreview component provides:
-
-- PCB view with interactive component placement
-- Schematic view
-- Assembly view
-- 3D view
-- Bill of Materials (BOM) table
-- Circuit JSON viewer
-- Error display
+### Using RunFrameStaticBuildViewer for Lazy-Loaded Circuit JSON
+
+For displaying circuit JSON files that are fetched on-demand without code execution:
+
+```tsx
+import { RunFrameStaticBuildViewer } from "@tscircuit/runframe"
+
+const App = () => (
+  <RunFrameStaticBuildViewer
+    files={[
+      {
+        filePath: "main.circuit.json",
+        fileStaticAssetUrl: "https://api.example.com/circuits/main.json"
+      },
+      {
+        filePath: "components/sensor.circuit.json", 
+        fileStaticAssetUrl: "https://api.example.com/circuits/sensor.json"
+      }
+    ]}
+    // Optional: Custom fetch function for authentication, caching, etc.
+    onFetchFile={async (fileRef) => {
+      const response = await fetch(fileRef.fileStaticAssetUrl, {
+        headers: { Authorization: 'Bearer token' }
+      })
+      return response.json()
+    }}
+    projectName="My Project"
+    defaultToFullScreen={false}
+    showToggleFullScreen={true}
+  />
+)
+```
 
 ### Providing the Blob URL (to avoid loading webworker from CDN)
 

package/dist/{chunk-GEXWDQ4P.js → chunk-7PCGNX3W.js}

@@ -1426,7 +1426,7 @@ var useErrorTelemetry = ({
 };
 
 // package.json
-var version = "0.0.969";
+var version = "0.0.970";
 
 // lib/hooks/use-eval-versions.ts
 import { useEffect as useEffect5, useMemo as useMemo2, useState as useState6 } from "react";
@@ -3516,7 +3516,7 @@ var FileMenuLeftHeader = (props) => {
                 exportAndDownload({
                   exportName: exp.name,
                   circuitJson,
-                  projectName: snippetName ?? "Untitled"
+                  projectName: props.projectName ?? snippetName ?? "Untitled"
                 });
               },
               disabled: isExporting,
@@ -3678,6 +3678,7 @@ var CircuitJsonPreview = ({
   allowSelectingVersion = true,
   showFileMenu = false,
   isWebEmbedded = false,
+  projectName,
   onRerunWithDebug
 }) => {
   useStyles();
@@ -3774,7 +3775,8 @@ var CircuitJsonPreview = ({
                         FileMenuLeftHeader,
                         {
                           isWebEmbedded,
-                          circuitJson
+                          circuitJson,
+                          projectName
                         }
                       ),
                       (leftHeaderContent || showFileMenu) && /* @__PURE__ */ jsx31("div", { className: "rf-flex-grow" }),

package/dist/preview.d.ts

@@ -105,6 +105,10 @@ interface PreviewContentProps {
      * Whether the preview is being embedded in a web page
      */
     isWebEmbedded?: boolean;
+    /**
+     * Project name to use for exports
+     */
+    projectName?: string;
     /**
      * Callback to rerun render with debug options
      */
@@ -117,7 +121,7 @@ declare global {
     }
 }
 
-declare const CircuitJsonPreview: ({ code, fsMap, onRunClicked, errorMessage, errorStack, circuitJson, autoroutingGraphics, showRightHeaderContent, showCodeTab, codeTabContent, showJsonTab, showRenderLogTab, onActiveTabChange, renderLog, showImportAndFormatButtons, className, headerClassName, leftHeaderContent, readOnly, isStreaming, autoroutingLog, onReportAutoroutingLog, isRunningCode, hasCodeChangedSinceLastRun, onEditEvent, editEvents, defaultActiveTab, defaultTab, availableTabs, autoRotate3dViewerDisabled, showSchematicDebugGrid, showToggleFullScreen, defaultToFullScreen, activeEffectName, allowSelectingVersion, showFileMenu, isWebEmbedded, onRerunWithDebug, }: PreviewContentProps) => react_jsx_runtime.JSX.Element;
+declare const CircuitJsonPreview: ({ code, fsMap, onRunClicked, errorMessage, errorStack, circuitJson, autoroutingGraphics, showRightHeaderContent, showCodeTab, codeTabContent, showJsonTab, showRenderLogTab, onActiveTabChange, renderLog, showImportAndFormatButtons, className, headerClassName, leftHeaderContent, readOnly, isStreaming, autoroutingLog, onReportAutoroutingLog, isRunningCode, hasCodeChangedSinceLastRun, onEditEvent, editEvents, defaultActiveTab, defaultTab, availableTabs, autoRotate3dViewerDisabled, showSchematicDebugGrid, showToggleFullScreen, defaultToFullScreen, activeEffectName, allowSelectingVersion, showFileMenu, isWebEmbedded, projectName, onRerunWithDebug, }: PreviewContentProps) => react_jsx_runtime.JSX.Element;
 
 interface BomTableProps {
     circuitJson: AnyCircuitElement[];

package/dist/preview.js

@@ -8,7 +8,7 @@ import {
   linkify,
   useOrderDialog,
   useOrderDialogCli
-} from "./chunk-GEXWDQ4P.js";
+} from "./chunk-7PCGNX3W.js";
 export {
   BomTable,
   CadViewer,

package/dist/runner.d.ts

@@ -6,7 +6,7 @@ export { SchematicViewer } from '@tscircuit/schematic-viewer';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ManualEditEvent } from '@tscircuit/props';
 import { Package } from '@tscircuit/fake-snippets/schema';
-import 'circuit-json';
+import { CircuitJson } from 'circuit-json';
 import 'three';
 import 'react';
 
@@ -235,4 +235,27 @@ declare const searchTscircuitComponents: (query: string) => Promise<Package[]>;
  */
 declare const mapTscircuitSnippetToSearchResult: (tscircuitSnippet: Package) => ComponentSearchResult;
 
-export { type ComponentSearchResult, ImportComponentDialog, RunFrame, RunFrameForCli, type RunFrameProps, RunFrameWithApi, type RunFrameWithApiProps, TabId, guessEntrypoint, guessManualEditsFilePath, mapJLCComponentToSearchResult, mapTscircuitSnippetToSearchResult, searchJLCComponents, searchTscircuitComponents };
+interface CircuitJsonFileReference {
+    filePath: string;
+    fileStaticAssetUrl: string;
+}
+interface RunFrameStaticBuildViewerProps {
+    debug?: boolean;
+    files: CircuitJsonFileReference[];
+    onFetchFile?: (fileRef: CircuitJsonFileReference) => Promise<CircuitJson>;
+    initialCircuitPath?: string;
+    onCircuitJsonPathChange?: (path: string) => void;
+    defaultToFullScreen?: boolean;
+    showToggleFullScreen?: boolean;
+    projectName?: string;
+    showFileMenu?: boolean;
+}
+declare const RunFrameStaticBuildViewer: (props: RunFrameStaticBuildViewerProps) => react_jsx_runtime.JSX.Element;
+
+declare const CircuitJsonFileSelectorCombobox: ({ files, onFileChange, currentFile, }: {
+    files: string[];
+    currentFile: string;
+    onFileChange: (value: string) => void;
+}) => react_jsx_runtime.JSX.Element;
+
+export { CircuitJsonFileSelectorCombobox, type ComponentSearchResult, ImportComponentDialog, RunFrame, RunFrameForCli, type RunFrameProps, RunFrameStaticBuildViewer, type RunFrameStaticBuildViewerProps, RunFrameWithApi, type RunFrameWithApiProps, TabId, guessEntrypoint, guessManualEditsFilePath, mapJLCComponentToSearchResult, mapTscircuitSnippetToSearchResult, searchJLCComponents, searchTscircuitComponents };