@tscircuit/runframe 0.0.340 → 0.0.342

package/dist/{chunk-GOL53HNF.js → chunk-IK6C5EEI.js}

@@ -988,7 +988,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.339";
+var version = "0.0.341";
 
 // 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-GOL53HNF.js";
+} from "./chunk-IK6C5EEI.js";
 export {
   BomTable,
   CadViewer,

package/dist/runner.js

@@ -20,7 +20,7 @@ import {
   buttonVariants,
   cn,
   linkify
-} from "./chunk-GOL53HNF.js";
+} from "./chunk-IK6C5EEI.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
@@ -628,8 +628,33 @@ var useEditEventController = () => {
   };
 };
 
-// lib/components/RunFrameWithApi/RunFrameWithApi.tsx
+// lib/hooks/use-sync-page-title.ts
 import { useEffect as useEffect3 } from "react";
+var useSyncPageTitle = () => {
+  const fsMap = useRunFrameStore((s) => s.fsMap);
+  useEffect3(() => {
+    if (!document || !fsMap) return;
+    const fileKeys = Array.from(fsMap.keys());
+    const entrypoint = guessEntrypoint(fileKeys);
+    const packageJsonContent = fsMap.get("package.json");
+    try {
+      if (packageJsonContent) {
+        const parsedPackageJson = JSON.parse(packageJsonContent);
+        if (parsedPackageJson?.name) {
+          document.title = parsedPackageJson.name;
+          return;
+        }
+      }
+    } catch (e) {
+    }
+    if (entrypoint) {
+      document.title = entrypoint;
+    }
+  }, [fsMap]);
+};
+
+// lib/components/RunFrameWithApi/RunFrameWithApi.tsx
+import { useEffect as useEffect4 } from "react";
 import { applyEditEventsToManualEditsFile as applyEditEventsToManualEditsFile2 } from "@tscircuit/core";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var debug5 = Debug3("run-frame:RunFrameWithApi");
@@ -637,7 +662,7 @@ var guessEntrypoint = (files) => files.find((file) => file.includes("entrypoint.
 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(() => {
+  useEffect4(() => {
     if (props.debug) Debug3.enable("run-frame*");
   }, [props.debug]);
   const { startPolling, stopPolling, loadInitialFiles } = useRunFrameStore(
@@ -649,21 +674,22 @@ var RunFrameWithApi = (props) => {
   );
   const fsMap = useRunFrameStore((s) => s.fsMap);
   const circuitJson = useRunFrameStore((s) => s.circuitJson);
-  useEffect3(() => {
+  useEffect4(() => {
     loadInitialFiles();
   }, []);
+  useSyncPageTitle();
   const {
     editEventsForRender,
     pushEditEvent,
     markRenderStarted,
     markRenderComplete
   } = useEditEventController();
-  useEffect3(() => {
+  useEffect4(() => {
     if (apiBaseUrl) {
       window.API_BASE_URL = apiBaseUrl;
     }
   }, [apiBaseUrl]);
-  useEffect3(() => {
+  useEffect4(() => {
     startPolling();
     return () => stopPolling();
   }, [startPolling, stopPolling]);
@@ -720,7 +746,7 @@ var RunFrameWithApi = (props) => {
 };
 
 // lib/hooks/use-local-storage-state.ts
-import { useState as useState3, useEffect as useEffect4 } from "react";
+import { useState as useState3, useEffect as useEffect5 } from "react";
 function useLocalStorageState(key, initialValue) {
   const [state, setState] = useState3(() => {
     try {
@@ -731,7 +757,7 @@ function useLocalStorageState(key, initialValue) {
       return initialValue;
     }
   });
-  useEffect4(() => {
+  useEffect5(() => {
     try {
       window.localStorage.setItem(key, JSON.stringify(state));
     } catch (error) {
@@ -742,7 +768,7 @@ function useLocalStorageState(key, initialValue) {
 }
 
 // lib/components/RunFrameForCli/LeftHeader.tsx
-import { useEffect as useEffect8, useMemo as useMemo2, useState as useState10 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo2, useState as useState10 } from "react";
 
 // lib/components/RunFrameForCli/SelectSnippetDialog.tsx
 import { useState as useState4 } from "react";
@@ -832,11 +858,11 @@ var SelectSnippetDialog = ({
 };
 
 // lib/components/RunFrameForCli/useEventHandler.ts
-import { useEffect as useEffect5, useRef as useRef3 } from "react";
+import { useEffect as useEffect6, useRef as useRef3 } from "react";
 var useEventHandler = (callback) => {
   const lastProcessedEventId = useRef3(null);
   const recentEvents = useRunFrameStore((state) => state.recentEvents);
-  useEffect5(() => {
+  useEffect6(() => {
     if (recentEvents.length === 0) return;
     const latestEvent = recentEvents[0];
     if (latestEvent.event_id !== lastProcessedEventId.current) {
@@ -983,7 +1009,7 @@ Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // lib/components/ImportComponentDialog/ImportComponentDialog.tsx
 import "react";
-import { useState as useState5, useEffect as useEffect6 } from "react";
+import { useState as useState5, useEffect as useEffect7 } from "react";
 import { Loader2 as Loader22, Search, ExternalLink } from "lucide-react";
 
 // lib/components/ui/input.tsx
@@ -1127,7 +1153,7 @@ var ImportComponentDialog = ({
       handleSearch();
     }
   };
-  useEffect6(() => {
+  useEffect7(() => {
     setSearchResults([]);
     setSelectedComponent(null);
   }, [activeTab]);
@@ -1823,7 +1849,7 @@ function Skeleton({
 
 // lib/components/OrderDialog/InitialOrder.tsx
 import { ArrowDown } from "lucide-react";
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect8 } from "react";
 import { useState as useState7 } from "react";
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var InitialOrderScreen = ({
@@ -1837,7 +1863,7 @@ var InitialOrderScreen = ({
   const [isLoading, setIsLoading] = useState7(false);
   const [estimatedCost, setEstimatedCost] = useState7(null);
   const [selectedCategory, setSelectedCategory] = useState7("prototype");
-  useEffect7(() => {
+  useEffect8(() => {
     handleGetEstimate();
   }, []);
   const handleSelectCategory = (category) => {
@@ -2262,7 +2288,7 @@ var RunframeCliLeftHeader = (props) => {
       setisExporting(false);
     }
   });
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isSaving || requestToSaveSentAt === null) return;
     const eventsSinceRequestToSave = recentEvents.filter(
       (event) => new Date(event.created_at).valueOf() > requestToSaveSentAt