@tscircuit/runframe 0.0.276 → 0.0.278

package/dist/{chunk-TPHHXIJB.js → chunk-RN4VAWJG.js}

@@ -988,7 +988,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.275";
+var version = "0.0.276";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1003,7 +1003,6 @@ var CircuitJsonPreview = ({
   code,
   onRunClicked = void 0,
   errorMessage,
-  circuitJsonKey = "",
   circuitJson,
   autoroutingGraphics,
   showRightHeaderContent = true,
@@ -1208,8 +1207,7 @@ var CircuitJsonPreview = ({
                                 editEvents2.forEach((e) => onEditEvent(e));
                               }
                             }
-                          },
-                          circuitJsonKey
+                          }
                         ) : /* @__PURE__ */ jsx16(PreviewEmptyState_default, { onRunClicked })
                       }
                     )

package/dist/preview.d.ts

@@ -28,7 +28,6 @@ interface PreviewContentProps {
     errorMessage?: string | null;
     autoroutingGraphics?: any;
     circuitJson: any;
-    circuitJsonKey?: string;
     className?: string;
     showCodeTab?: boolean;
     showRenderLogTab?: boolean;
@@ -68,6 +67,6 @@ interface PreviewContentProps {
     }) => void;
 }
 
-declare const CircuitJsonPreview: ({ code, onRunClicked, errorMessage, circuitJsonKey, circuitJson, autoroutingGraphics, showRightHeaderContent, showCodeTab, codeTabContent, showJsonTab, showRenderLogTab, onActiveTabChange, renderLog, showImportAndFormatButtons, className, headerClassName, leftHeaderContent, readOnly, isStreaming, autoroutingLog, onReportAutoroutingLog, isRunningCode, hasCodeChangedSinceLastRun, onEditEvent, editEvents, defaultActiveTab, autoRotate3dViewerDisabled, showSchematicDebugGrid, showToggleFullScreen, defaultToFullScreen, }: PreviewContentProps) => react_jsx_runtime.JSX.Element;
+declare const CircuitJsonPreview: ({ code, onRunClicked, errorMessage, circuitJson, autoroutingGraphics, showRightHeaderContent, showCodeTab, codeTabContent, showJsonTab, showRenderLogTab, onActiveTabChange, renderLog, showImportAndFormatButtons, className, headerClassName, leftHeaderContent, readOnly, isStreaming, autoroutingLog, onReportAutoroutingLog, isRunningCode, hasCodeChangedSinceLastRun, onEditEvent, editEvents, defaultActiveTab, autoRotate3dViewerDisabled, showSchematicDebugGrid, showToggleFullScreen, defaultToFullScreen, }: PreviewContentProps) => react_jsx_runtime.JSX.Element;
 
 export { CircuitJsonPreview, type PreviewContentProps, type TabId };

package/dist/preview.js

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

package/dist/runner.d.ts

@@ -85,6 +85,7 @@ declare global {
 declare const RunFrame: (props: RunFrameProps) => react_jsx_runtime.JSX.Element;
 
 declare const guessEntrypoint: (files: string[]) => string | undefined;
+declare const guessManualEditsFilePath: (files: string[]) => string | undefined;
 interface RunFrameWithApiProps {
     /**
      * Base URL for the API endpoints
@@ -103,4 +104,4 @@ declare const RunFrameForCli: (props: {
     debug?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
-export { RunFrame, RunFrameForCli, type RunFrameProps, RunFrameWithApi, type RunFrameWithApiProps, TabId, guessEntrypoint };
+export { RunFrame, RunFrameForCli, type RunFrameProps, RunFrameWithApi, type RunFrameWithApiProps, TabId, guessEntrypoint, guessManualEditsFilePath };

package/dist/runner.js

@@ -14,11 +14,11 @@ import {
   TabsTrigger,
   buttonVariants,
   cn
-} from "./chunk-TPHHXIJB.js";
+} from "./chunk-RN4VAWJG.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
-import { useEffect, useMemo, useReducer, useRef as useRef2, useState } from "react";
+import { useEffect, useReducer, useRef as useRef2, useState } from "react";
 import Debug2 from "debug";
 import { Loader2, Play, Square } from "lucide-react";
 
@@ -493,9 +493,6 @@ var RunFrame = (props) => {
     };
     runMutex.runWithMutex(runWorker);
   }, [props.fsMap, props.entrypoint, runCountTrigger, props.evalVersion]);
-  const circuitJsonKey = useMemo(() => {
-    return `cj-${Math.random().toString(36).substring(2, 15)}`;
-  }, [circuitJson]);
   const lastEditEventRef = useRef2(null);
   const dragTimeout = useRef2(null);
   const handleEditEvent = (event) => {
@@ -571,7 +568,6 @@ var RunFrame = (props) => {
       ] }),
       onActiveTabChange: setActiveTab,
       circuitJson,
-      circuitJsonKey,
       renderLog,
       isRunningCode: isRunning,
       errorMessage: error?.error,
@@ -644,9 +640,11 @@ var useEditEventController = () => {
 
 // lib/components/RunFrameWithApi/RunFrameWithApi.tsx
 import Debug3 from "debug";
+import { applyPcbEditEventsToManualEditsFile } from "@tscircuit/core";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var debug5 = Debug3("run-frame:RunFrameWithApi");
 var guessEntrypoint = (files) => files.find((file) => file.includes("entrypoint.")) ?? files.find((file) => file.includes("index.")) ?? files.find((file) => file.includes("main.")) ?? files.find((file) => file.endsWith(".tsx"));
+var guessManualEditsFilePath = (files) => files.find((file) => file.includes("manual-edits.")) ?? files.find((file) => file.includes("manual-edit.")) ?? files.find((file) => file.endsWith(".json"));
 var RunFrameWithApi = (props) => {
   const { apiBaseUrl, leftHeaderContent } = props;
   useEffect3(() => {
@@ -660,6 +658,7 @@ var RunFrameWithApi = (props) => {
     })
   );
   const fsMap = useRunFrameStore((s) => s.fsMap);
+  const circuitJson = useRunFrameStore((s) => s.circuitJson);
   useEffect3(() => {
     loadInitialFiles();
   }, []);
@@ -720,15 +719,31 @@ var RunFrameWithApi = (props) => {
             ...ee
           })
         });
+        const manualEditsFilePath = guessManualEditsFilePath(Array.from(fsMap.keys())) ?? "manual-edits.json";
+        const manualEditsFile = fsMap.get(manualEditsFilePath);
+        const updatedManualEdits = applyPcbEditEventsToManualEditsFile({
+          circuitJson,
+          editEvents: [ee],
+          manualEditsFile: JSON.parse(manualEditsFile ?? "{}")
+        });
+        fetch(`${API_BASE}/files/upsert`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            file_path: manualEditsFilePath,
+            text_content: JSON.stringify(updatedManualEdits),
+            initiator: "runframe"
+          })
+        });
       }
     }
   );
 };
 
 // lib/hooks/use-local-storage-state.ts
-import { useState as useState4, useEffect as useEffect4 } from "react";
+import { useState as useState3, useEffect as useEffect4 } from "react";
 function useLocalStorageState(key, initialValue) {
-  const [state, setState] = useState4(() => {
+  const [state, setState] = useState3(() => {
     try {
       const item = window.localStorage.getItem(key);
       return item ? JSON.parse(item) : initialValue;
@@ -748,10 +763,10 @@ function useLocalStorageState(key, initialValue) {
 }
 
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { useEffect as useEffect7, useMemo as useMemo4, useState as useState7 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo3, useState as useState6 } from "react";
 
 // lib/components/RunFrameForCli/SelectSnippetDialog.tsx
-import { useState as useState5 } from "react";
+import { useState as useState4 } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var SelectSnippetDialog = ({
   snippetNames,
@@ -759,8 +774,8 @@ var SelectSnippetDialog = ({
   onCancel,
   isOpen
 }) => {
-  const [selectedName, setSelectedName] = useState5("");
-  const [searchInput, setSearchInput] = useState5("");
+  const [selectedName, setSelectedName] = useState4("");
+  const [searchInput, setSearchInput] = useState4("");
   if (!isOpen) return null;
   const filteredSnippets = snippetNames.filter(
     (name) => name.toLowerCase().includes(searchInput.toLowerCase())
@@ -989,7 +1004,7 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // lib/components/ImportComponentDialog/ImportComponentDialog.tsx
 import "react";
-import { useState as useState6, useEffect as useEffect6 } from "react";
+import { useState as useState5, useEffect as useEffect6 } from "react";
 import { Loader2 as Loader22, Search, ExternalLink } from "lucide-react";
 
 // lib/components/ui/input.tsx
@@ -1085,18 +1100,18 @@ var ImportComponentDialog = ({
   onClose,
   onImport
 }) => {
-  const [searchQuery, setSearchQuery] = useState6("");
-  const [searchResults, setSearchResults] = useState6(
+  const [searchQuery, setSearchQuery] = useState5("");
+  const [searchResults, setSearchResults] = useState5(
     []
   );
-  const [hasSearched, setHasSearched] = useState6(false);
-  const [isLoading, setIsLoading] = useState6(false);
-  const [selectedComponent, setSelectedComponent] = useState6(null);
-  const [activeTab, setActiveTab] = useState6(
+  const [hasSearched, setHasSearched] = useState5(false);
+  const [isLoading, setIsLoading] = useState5(false);
+  const [selectedComponent, setSelectedComponent] = useState5(null);
+  const [activeTab, setActiveTab] = useState5(
     "tscircuit"
   );
-  const [detailsOpen, setDetailsOpen] = useState6(false);
-  const [detailsComponent, setDetailsComponent] = useState6(null);
+  const [detailsOpen, setDetailsOpen] = useState5(false);
+  const [detailsComponent, setDetailsComponent] = useState5(null);
   const handleSearch = async () => {
     if (!searchQuery.trim()) return;
     setIsLoading(true);
@@ -1328,26 +1343,26 @@ var availableExports = [
 ];
 var RunframeCliLeftHeader = (props) => {
   const lastRunEvalVersion = useRunnerStore((s) => s.lastRunEvalVersion);
-  const [snippetName, setSnippetName] = useState7(null);
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState7(false);
-  const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState7(true);
-  const [isSaving, setIsSaving] = useState7(false);
-  const [requestToSaveSentAt, setRequestToSaveSentAt] = useState7(
+  const [snippetName, setSnippetName] = useState6(null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState6(false);
+  const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState6(true);
+  const [isSaving, setIsSaving] = useState6(false);
+  const [requestToSaveSentAt, setRequestToSaveSentAt] = useState6(
     null
   );
-  const [availableSnippets, setAvailableSnippets] = useState7(
+  const [availableSnippets, setAvailableSnippets] = useState6(
     null
   );
-  const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState7(false);
-  const [notificationMessage, setNotificationMessage] = useState7(
+  const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState6(false);
+  const [notificationMessage, setNotificationMessage] = useState6(
     null
   );
-  const [errorMessage, setErrorMessage] = useState7(null);
-  const [isError, setIsError] = useState7(false);
-  const [isExporting, setisExporting] = useState7(false);
+  const [errorMessage, setErrorMessage] = useState6(null);
+  const [isError, setIsError] = useState6(false);
+  const [isExporting, setisExporting] = useState6(false);
   const pushEvent = useRunFrameStore((state) => state.pushEvent);
   const recentEvents = useRunFrameStore((state) => state.recentEvents);
-  const firstRenderTime = useMemo4(() => Date.now(), []);
+  const firstRenderTime = useMemo3(() => Date.now(), []);
   useEventHandler((event) => {
     if (new Date(event.created_at).valueOf() < firstRenderTime + 500) return;
     if (event.event_type === "FILE_UPDATED") {
@@ -1413,7 +1428,7 @@ var RunframeCliLeftHeader = (props) => {
       snippet_name: snippetName
     });
   };
-  const [isImportDialogOpen, setIsImportDialogOpen] = useState7(false);
+  const [isImportDialogOpen, setIsImportDialogOpen] = useState6(false);
   return /* @__PURE__ */ jsxs6(Fragment2, { children: [
     /* @__PURE__ */ jsxs6(DropdownMenu, { children: [
       /* @__PURE__ */ jsx8(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx8("div", { className: "rf-whitespace-nowrap rf-text-xs font-medium rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
@@ -1604,5 +1619,6 @@ export {
   RunFrame,
   RunFrameForCli,
   RunFrameWithApi,
-  guessEntrypoint
+  guessEntrypoint,
+  guessManualEditsFilePath
 };