@tscircuit/runframe 0.0.819 → 0.0.821

package/dist/{chunk-RGV36YQK.js → chunk-FJK4GBG6.js}

@@ -1333,7 +1333,7 @@ var useErrorTelemetry = ({
 };
 
 // package.json
-var version = "0.0.818";
+var version = "0.0.820";
 
 // lib/hooks/use-eval-versions.ts
 import { useEffect as useEffect5, useMemo as useMemo2, useState as useState6 } from "react";

package/dist/preview.js

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

package/dist/runner.d.ts

@@ -15,6 +15,11 @@ interface RunFrameProps {
      * Map of filenames to file contents that will be available in the worker
      */
     fsMap: Map<string, string> | Record<string, string>;
+    /**
+     * When true, indicates the file map is still loading and a loading state
+     * should be displayed instead of attempting to execute any code.
+     */
+    isLoadingFiles?: boolean;
     /**
      * The entry point file that will be executed first. If not provided,
      * @tscircuit/eval will infer the entrypoint

package/dist/runner.js

@@ -39,7 +39,7 @@ import {
   useOrderDialogCli,
   useRunFrameStore,
   useRunnerStore
-} from "./chunk-RGV36YQK.js";
+} from "./chunk-FJK4GBG6.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
@@ -1581,6 +1581,7 @@ var RunFrame = (props) => {
   const lastFsMapRef = useRef3(null);
   const lastEntrypointRef = useRef3(null);
   useEffect6(() => {
+    if (props.isLoadingFiles) return;
     const fsMapObj = fsMap instanceof Map ? Object.fromEntries(fsMap.entries()) : fsMap;
     if (!fsMapObj || Object.keys(fsMapObj).length === 0) {
       setError({
@@ -1751,7 +1752,8 @@ var RunFrame = (props) => {
     props.entrypoint,
     runCountTrigger,
     props.evalVersion,
-    props.mainComponentPath
+    props.mainComponentPath,
+    props.isLoadingFiles
   ]);
   const lastEditEventRef = useRef3(null);
   const dragTimeout = useRef3(null);
@@ -1813,6 +1815,12 @@ var RunFrame = (props) => {
       }
     });
   };
+  if (props.isLoadingFiles) {
+    return /* @__PURE__ */ jsxs8("div", { className: "rf-flex rf-items-center rf-justify-center rf-w-full rf-h-full", children: [
+      /* @__PURE__ */ jsx9(Loader22, { className: "rf-w-8 rf-h-8 rf-animate-spin" }),
+      /* @__PURE__ */ jsx9("span", { className: "rf-ml-2 rf-text-sm", children: "Loading files..." })
+    ] });
+  }
   return /* @__PURE__ */ jsx9(
     CircuitJsonPreview,
     {
@@ -2202,8 +2210,10 @@ var RunFrameWithApi = (props) => {
   const fsMap = useRunFrameStore((s) => s.fsMap);
   const circuitJson = useRunFrameStore((s) => s.circuitJson);
   const [componentPath, setComponentPath] = useState10("");
+  const [isLoadingFiles, setIsLoadingFiles] = useState10(true);
   useEffect10(() => {
-    loadInitialFiles();
+    setIsLoadingFiles(true);
+    loadInitialFiles().finally(() => setIsLoadingFiles(false));
   }, []);
   useEffect10(() => {
     const files = Array.from(fsMap.keys());
@@ -2248,6 +2258,7 @@ var RunFrameWithApi = (props) => {
     RunFrame,
     {
       fsMap,
+      isLoadingFiles,
       evalVersion: props.evalVersion,
       forceLatestEvalVersion: props.forceLatestEvalVersion,
       evalWebWorkerBlobUrl: props.evalWebWorkerBlobUrl ?? props.workerBlobUrl,