@tscircuit/runframe 0.0.107 → 0.0.109

package/dist/{chunk-WUXAA7XM.js → chunk-UXHIMHT2.js}

@@ -543,6 +543,7 @@ import {
   CheckIcon,
   EllipsisIcon,
   FullscreenIcon,
+  Loader2,
   LoaderCircleIcon,
   MinimizeIcon
 } from "lucide-react";
@@ -862,7 +863,6 @@ var dropdownMenuItems = [
 var CircuitJsonPreview = ({
   code,
   onRunClicked = void 0,
-  tsxRunTriggerCount,
   errorMessage,
   circuitJsonKey = "",
   circuitJson,
@@ -919,6 +919,7 @@ var CircuitJsonPreview = ({
             children: [
               leftHeaderContent,
               leftHeaderContent && /* @__PURE__ */ jsx15("div", { className: "rf-flex-grow" }),
+              !leftHeaderContent && isRunningCode && /* @__PURE__ */ jsx15(Loader2, { className: "rf-w-4 rf-h-4 rf-animate-spin" }),
               !leftHeaderContent && /* @__PURE__ */ jsx15("div", { className: "rf-flex-grow" }),
               renderLog && renderLog.progress !== 1 && /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
                 renderLog.lastRenderEvent && /* @__PURE__ */ jsx15("div", { className: "rf-text-xs rf-text-gray-500", children: renderLog.lastRenderEvent?.type.split("renderable:renderLifecycle:")[1].split(":")[0] }),

package/dist/preview.d.ts

@@ -50,6 +50,6 @@ interface PreviewContentProps {
     editEvents?: ManualEditEvent[];
     onActiveTabChange?: (tab: TabId) => any;
 }
-declare const CircuitJsonPreview: ({ code, onRunClicked, tsxRunTriggerCount, errorMessage, circuitJsonKey, circuitJson, showCodeTab, codeTabContent, showJsonTab, showRenderLogTab, onActiveTabChange, renderLog, showImportAndFormatButtons, className, headerClassName, leftHeaderContent, readOnly, isStreaming, onToggleFullScreen, isFullScreen, isRunningCode, hasCodeChangedSinceLastRun, onEditEvent, editEvents, defaultActiveTab, }: PreviewContentProps) => react_jsx_runtime.JSX.Element;
+declare const CircuitJsonPreview: ({ code, onRunClicked, errorMessage, circuitJsonKey, circuitJson, showCodeTab, codeTabContent, showJsonTab, showRenderLogTab, onActiveTabChange, renderLog, showImportAndFormatButtons, className, headerClassName, leftHeaderContent, readOnly, isStreaming, onToggleFullScreen, isFullScreen, isRunningCode, hasCodeChangedSinceLastRun, onEditEvent, editEvents, defaultActiveTab, }: PreviewContentProps) => react_jsx_runtime.JSX.Element;
 
 export { CircuitJsonPreview, type PreviewContentProps, type TabId };

package/dist/preview.js

@@ -1,6 +1,6 @@
 import {
   CircuitJsonPreview
-} from "./chunk-WUXAA7XM.js";
+} from "./chunk-UXHIMHT2.js";
 export {
   CircuitJsonPreview
 };

package/dist/runner.js

@@ -1,10 +1,10 @@
 import {
   CircuitJsonPreview
-} from "./chunk-WUXAA7XM.js";
+} from "./chunk-UXHIMHT2.js";
 
 // lib/components/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval-webworker";
-import { useEffect, useReducer, useRef, useState } from "react";
+import { useEffect, useMemo, useReducer, useRef, useState } from "react";
 import Debug2 from "debug";
 import { Loader2, Play } from "lucide-react";
 import evalWebWorkerBlobUrl from "@tscircuit/eval-webworker/blob-url";
@@ -271,6 +271,7 @@ var RunFrame = (props) => {
     }
     lastFsMapRef.current = fsMap;
     lastEntrypointRef.current = props.entrypoint;
+    lastRunCountTriggerRef.current = runCountTrigger;
     setIsRunning(true);
     async function runWorker() {
       debug3("running render worker");
@@ -359,6 +360,9 @@ var RunFrame = (props) => {
     }
     runWorker();
   }, [props.fsMap, props.entrypoint, runCountTrigger]);
+  const circuitJsonKey = useMemo(() => {
+    return `cj-${Math.random().toString(36).substring(2, 15)}`;
+  }, [circuitJson]);
   return /* @__PURE__ */ jsx(
     CircuitJsonPreview,
     {
@@ -384,7 +388,9 @@ var RunFrame = (props) => {
       ] }),
       onActiveTabChange: setActiveTab,
       circuitJson,
+      circuitJsonKey,
       renderLog,
+      isRunningCode: isRunning,
       errorMessage: error?.error,
       onEditEvent: props.onEditEvent,
       editEvents: props.editEvents
@@ -532,7 +538,7 @@ var RunFrameWithApi = (props) => {
 };
 
 // lib/components/RunFrameForCli/SaveToSnippetsButton.tsx
-import { useEffect as useEffect5, useMemo as useMemo3, useState as useState5 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
 
 // lib/components/RunFrameForCli/SelectSnippetDialog.tsx
 import { useState as useState4 } from "react";
@@ -653,7 +659,7 @@ var SaveToSnippetsButton = () => {
     null
   );
   const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState5(false);
-  const firstRenderTime = useMemo3(() => Date.now(), []);
+  const firstRenderTime = useMemo4(() => Date.now(), []);
   useEventHandler((event) => {
     if (new Date(event.created_at).valueOf() < firstRenderTime + 500) return;
     if (event.event_type === "FILE_UPDATED") {