@tscircuit/runframe 0.0.276 → 0.0.277

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

@@ -644,9 +644,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 +662,7 @@ var RunFrameWithApi = (props) => {
     })
   );
   const fsMap = useRunFrameStore((s) => s.fsMap);
+  const circuitJson = useRunFrameStore((s) => s.circuitJson);
   useEffect3(() => {
     loadInitialFiles();
   }, []);
@@ -720,15 +723,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 +767,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 +778,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 +1008,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 +1104,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 +1347,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 +1432,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 +1623,6 @@ export {
   RunFrame,
   RunFrameForCli,
   RunFrameWithApi,
-  guessEntrypoint
+  guessEntrypoint,
+  guessManualEditsFilePath
 };