@tscircuit/runframe 0.0.313 → 0.0.314

package/dist/{chunk-U2ZLCEUS.js → chunk-PC663PVG.js}

@@ -988,7 +988,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.311";
+var version = "0.0.313";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";

package/dist/preview.js

@@ -6,7 +6,7 @@ import {
   PcbViewerWithContainerHeight,
   SchematicViewer,
   linkify
-} from "./chunk-U2ZLCEUS.js";
+} from "./chunk-PC663PVG.js";
 export {
   BomTable,
   CadViewer,

package/dist/runner.js

@@ -20,13 +20,62 @@ import {
   buttonVariants,
   cn,
   linkify
-} from "./chunk-U2ZLCEUS.js";
+} from "./chunk-PC663PVG.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
-import { useEffect, useReducer, useRef as useRef2, useState } from "react";
 import Debug2 from "debug";
 import { Loader2, Play, Square } from "lucide-react";
+import { useEffect, useReducer, useRef as useRef2, useState } from "react";
+
+// lib/render-logging/getPhaseTimingsFromRenderEvents.ts
+import { orderedRenderPhases } from "@tscircuit/core";
+var getPhaseTimingsFromRenderEvents = (renderEvents) => {
+  const phaseTimings = {};
+  if (!renderEvents) return phaseTimings;
+  for (const renderPhase of orderedRenderPhases) {
+    phaseTimings[renderPhase] = 0;
+  }
+  const startEvents = /* @__PURE__ */ new Map();
+  for (const event of renderEvents) {
+    const [, , phase, eventType] = event.type.split(":");
+    if (eventType === "start") {
+      startEvents.set(`${phase}:${event.renderId}`, event);
+      continue;
+    }
+    if (eventType === "end") {
+      const startEvent = startEvents.get(`${phase}:${event.renderId}`);
+      if (startEvent) {
+        const duration = event.createdAt - startEvent.createdAt;
+        phaseTimings[phase] = (phaseTimings[phase] || 0) + duration;
+      }
+    }
+  }
+  return phaseTimings;
+};
+
+// lib/utils/getChangesBetweenFsMaps.tsx
+var getChangesBetweenFsMaps = (fsMap1, fsMap2) => {
+  const changes = {};
+  for (const [path, oldContent] of fsMap1.entries()) {
+    const newContent = fsMap2.get(path);
+    if (newContent !== oldContent) {
+      changes[path] = {
+        old: oldContent,
+        new: newContent
+      };
+    }
+  }
+  for (const [path, newContent] of fsMap2.entries()) {
+    if (!fsMap1.has(path)) {
+      changes[path] = {
+        old: void 0,
+        new: newContent
+      };
+    }
+  }
+  return changes;
+};
 
 // lib/components/RunFrameWithApi/store.ts
 import { applyEditEventsToManualEditsFile } from "@tscircuit/core";
@@ -195,54 +244,20 @@ var useRunFrameStore = create()(
   )
 );
 
-// lib/utils/getChangesBetweenFsMaps.tsx
-var getChangesBetweenFsMaps = (fsMap1, fsMap2) => {
-  const changes = {};
-  for (const [path, oldContent] of fsMap1.entries()) {
-    const newContent = fsMap2.get(path);
-    if (newContent !== oldContent) {
-      changes[path] = {
-        old: oldContent,
-        new: newContent
-      };
-    }
-  }
-  for (const [path, newContent] of fsMap2.entries()) {
-    if (!fsMap1.has(path)) {
-      changes[path] = {
-        old: void 0,
-        new: newContent
-      };
-    }
-  }
-  return changes;
-};
-
-// lib/render-logging/getPhaseTimingsFromRenderEvents.ts
-import { orderedRenderPhases } from "@tscircuit/core";
-var getPhaseTimingsFromRenderEvents = (renderEvents) => {
-  const phaseTimings = {};
-  if (!renderEvents) return phaseTimings;
-  for (const renderPhase of orderedRenderPhases) {
-    phaseTimings[renderPhase] = 0;
-  }
-  const startEvents = /* @__PURE__ */ new Map();
-  for (const event of renderEvents) {
-    const [, , phase, eventType] = event.type.split(":");
-    if (eventType === "start") {
-      startEvents.set(`${phase}:${event.renderId}`, event);
-      continue;
-    }
-    if (eventType === "end") {
-      const startEvent = startEvents.get(`${phase}:${event.renderId}`);
-      if (startEvent) {
-        const duration = event.createdAt - startEvent.createdAt;
-        phaseTimings[phase] = (phaseTimings[phase] || 0) + duration;
+// lib/components/RunFrame/runner-store/use-runner-store.ts
+import { create as create2 } from "zustand";
+import { devtools as devtools2 } from "zustand/middleware";
+var useRunnerStore = create2()(
+  devtools2(
+    (set) => ({
+      lastRunEvalVersion: void 0,
+      setLastRunEvalVersion: (version) => {
+        set({ lastRunEvalVersion: version });
       }
-    }
-  }
-  return phaseTimings;
-};
+    }),
+    { name: "runframe-runner-store" }
+  )
+);
 
 // lib/components/RunFrame/useMutex.tsx
 import { useCallback, useRef } from "react";
@@ -271,21 +286,6 @@ function useMutex() {
   return { runWithMutex, isLocked };
 }
 
-// lib/components/RunFrame/runner-store/use-runner-store.ts
-import { create as create2 } from "zustand";
-import { devtools as devtools2 } from "zustand/middleware";
-var useRunnerStore = create2()(
-  devtools2(
-    (set) => ({
-      lastRunEvalVersion: void 0,
-      setLastRunEvalVersion: (version) => {
-        set({ lastRunEvalVersion: version });
-      }
-    }),
-    { name: "runframe-runner-store" }
-  )
-);
-
 // lib/components/RunFrame/RunFrame.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var numRenderPhases = 26;
@@ -503,6 +503,12 @@ var RunFrame = (props) => {
   const lastEditEventRef = useRef2(null);
   const dragTimeout = useRef2(null);
   const handleEditEvent = (event) => {
+    if (!event || event === null) {
+      console.warn(
+        "[RunFrame] handleEditEvent received null or undefined event."
+      );
+      return;
+    }
     if (event.in_progress) {
       lastEditEventRef.current = event;
       if (dragTimeout.current) {
@@ -514,7 +520,8 @@ var RunFrame = (props) => {
         clearTimeout(dragTimeout.current);
       }
       dragTimeout.current = setTimeout(() => {
-        props.onEditEvent?.(lastEditEventRef.current);
+        const eventToSend = event || lastEditEventRef.current;
+        props.onEditEvent?.(eventToSend);
         lastEditEventRef.current = null;
         dragTimeout.current = null;
       }, 100);
@@ -586,7 +593,7 @@ var RunFrame = (props) => {
 };
 
 // lib/components/RunFrameWithApi/RunFrameWithApi.tsx
-import { useEffect as useEffect3 } from "react";
+import Debug3 from "debug";
 
 // lib/hooks/use-edit-event-controller.ts
 import { useState as useState2, useCallback as useCallback2, useEffect as useEffect2 } from "react";
@@ -646,8 +653,8 @@ var useEditEventController = () => {
 };
 
 // lib/components/RunFrameWithApi/RunFrameWithApi.tsx
-import Debug3 from "debug";
-import { applyPcbEditEventsToManualEditsFile } from "@tscircuit/core";
+import { useEffect as useEffect3 } from "react";
+import { applyEditEventsToManualEditsFile as applyEditEventsToManualEditsFile2 } 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"));
@@ -728,10 +735,13 @@ var RunFrameWithApi = (props) => {
         });
         const manualEditsFilePath = guessManualEditsFilePath(Array.from(fsMap.keys())) ?? "manual-edits.json";
         const manualEditsFile = fsMap.get(manualEditsFilePath);
-        const updatedManualEdits = applyPcbEditEventsToManualEditsFile({
+        const updatedManualEdits = JSON.parse(
+          manualEditsFile ?? "{}"
+        );
+        applyEditEventsToManualEditsFile2({
           circuitJson,
           editEvents: [ee],
-          manualEditsFile: JSON.parse(manualEditsFile ?? "{}")
+          manualEditsFile: updatedManualEdits
         });
         fetch(`${API_BASE}/files/upsert`, {
           method: "POST",
@@ -770,7 +780,7 @@ function useLocalStorageState(key, initialValue) {
 }
 
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { useEffect as useEffect8, useMemo as useMemo3, useState as useState10 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo2, useState as useState10 } from "react";
 
 // lib/components/RunFrameForCli/SelectSnippetDialog.tsx
 import { useState as useState4 } from "react";
@@ -2264,7 +2274,7 @@ var RunframeCliLeftHeader = (props) => {
   const orderDialog = useOrderDialog();
   const pushEvent = useRunFrameStore((state) => state.pushEvent);
   const recentEvents = useRunFrameStore((state) => state.recentEvents);
-  const firstRenderTime = useMemo3(() => Date.now(), []);
+  const firstRenderTime = useMemo2(() => Date.now(), []);
   useEventHandler((event) => {
     if (new Date(event.created_at).valueOf() < firstRenderTime + 500) return;
     if (event.event_type === "FILE_UPDATED") {