@tscircuit/runframe 0.0.585 → 0.0.587

package/dist/{chunk-H7IWDJUR.js → chunk-H6JVKVQZ.js}

@@ -54,7 +54,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { CadViewer } from "@tscircuit/3d-viewer";
-import { useCallback, useEffect as useEffect2, useState as useState5, useMemo as useMemo2 } from "react";
+import { useCallback, useEffect as useEffect3, useState as useState5, useMemo as useMemo2 } from "react";
 
 // lib/components/ErrorFallback.tsx
 import "react";
@@ -356,7 +356,9 @@ var ErrorTabContent = ({
   circuitJsonWarnings,
   onReportAutoroutingLog,
   errorMessage,
-  errorStack
+  errorStack,
+  circuitJson,
+  evalVersion
 }) => {
   const unifiedErrors = useMemo(() => {
     const errors = [];
@@ -380,6 +382,13 @@ var ErrorTabContent = ({
     }
     return errors;
   }, [errorMessage, errorStack, circuitJsonErrors]);
+  const softwareUsedString = useMemo(() => {
+    if (!circuitJson || !Array.isArray(circuitJson)) return void 0;
+    const metadata = circuitJson.find(
+      (el) => el.type === "source_project_metadata"
+    );
+    return metadata?.software_used_string;
+  }, [circuitJson]);
   const unifiedWarnings = useMemo(() => {
     const warnings = [];
     if (circuitJsonWarnings && circuitJsonWarnings.length > 0) {
@@ -460,12 +469,18 @@ var ErrorTabContent = ({
       currentError && /* @__PURE__ */ jsx6("div", { className: "rf-mt-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200 rf-max-h-[500px] rf-overflow-y-auto rf-px-2", children: /* @__PURE__ */ jsxs4("div", { className: "rf-p-4", children: [
         /* @__PURE__ */ jsx6("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-1", children: currentError.type }),
         /* @__PURE__ */ jsx6("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600", children: currentError.message }),
-        currentError.stack && /* @__PURE__ */ jsx6(
+        (currentError.stack || evalVersion || softwareUsedString) && /* @__PURE__ */ jsxs4(
           "details",
           {
             style: { whiteSpace: "pre-wrap" },
             className: "rf-text-xs rf-font-mono rf-text-red-600 rf-mt-2",
-            children: currentError.stack
+            children: [
+              evalVersion && `@tscircuit/eval@${evalVersion}
+`,
+              softwareUsedString && `${softwareUsedString}
+`,
+              currentError.stack
+            ]
           }
         )
       ] }) }),
@@ -526,7 +541,13 @@ var ErrorTabContent = ({
           variant: "outline",
           className: "rf-p-1",
           onClick: () => {
-            const errorText = `${currentError.type}: ${currentError.message}${currentError.stack ? "\n" + currentError.stack : ""}`;
+            let errorText = `${currentError.type}: ${currentError.message}`;
+            if (evalVersion) errorText += `
+@tscircuit/eval@${evalVersion}`;
+            if (softwareUsedString) errorText += `
+${softwareUsedString}`;
+            if (currentError.stack) errorText += `
+${currentError.stack}`;
             navigator.clipboard.writeText(errorText);
             alert("Error copied to clipboard!");
           },
@@ -544,7 +565,13 @@ var ErrorTabContent = ({
           onClick: () => {
             const title = `Error ${currentError.type}`.replace(/[^a-zA-Z0-9 ]/g, " ").replace(/\s+/g, " ").slice(0, 100);
             const url = createSnippetUrl(code ?? "");
-            const errorDetails = `${currentError.type}: ${currentError.message}${currentError.stack ? "\n" + currentError.stack : ""}`;
+            let errorDetails = `${currentError.type}: ${currentError.message}`;
+            if (evalVersion) errorDetails += `
+@tscircuit/eval@${evalVersion}`;
+            if (softwareUsedString) errorDetails += `
+${softwareUsedString}`;
+            if (currentError.stack) errorDetails += `
+${currentError.stack}`;
             let body = `[Package code to reproduce](${url})
 
 ### Error
@@ -1043,6 +1070,21 @@ var useStyles = () => {
   }, []);
 };
 
+// lib/hooks/use-fullscreen-body-scroll.ts
+import { useEffect as useEffect2 } from "react";
+var useFullscreenBodyScroll = (isFullScreen) => {
+  useEffect2(() => {
+    if (isFullScreen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [isFullScreen]);
+};
+
 // lib/components/RenderLogViewer/RenderLogViewer.tsx
 import { orderedRenderPhases as orderedRenderPhases2 } from "@tscircuit/core";
 import { useState as useState4 } from "react";
@@ -1172,7 +1214,22 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.584";
+var version = "0.0.586";
+
+// lib/components/RunFrame/runner-store/use-runner-store.ts
+import { create } from "zustand";
+import { devtools } from "zustand/middleware";
+var useRunnerStore = create()(
+  devtools(
+    (set) => ({
+      lastRunEvalVersion: void 0,
+      setLastRunEvalVersion: (version2) => {
+        set({ lastRunEvalVersion: version2 });
+      }
+    }),
+    { name: "runframe-runner-store" }
+  )
+);
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1217,6 +1274,7 @@ var CircuitJsonPreview = ({
   activeEffectName
 }) => {
   useStyles();
+  const lastRunEvalVersion = useRunnerStore((s) => s.lastRunEvalVersion);
   const circuitJsonErrors = useMemo2(() => {
     if (!circuitJson) return null;
     return circuitJson.filter(
@@ -1233,6 +1291,7 @@ var CircuitJsonPreview = ({
     defaultActiveTab ?? "pcb"
   );
   const [isFullScreen, setIsFullScreen] = useState5(defaultToFullScreen);
+  useFullscreenBodyScroll(isFullScreen);
   const setActiveTab = useCallback(
     (tab) => {
       setActiveTabState(tab);
@@ -1243,12 +1302,12 @@ var CircuitJsonPreview = ({
   const toggleFullScreen = () => {
     setIsFullScreen(!isFullScreen);
   };
-  useEffect2(() => {
+  useEffect3(() => {
     if (errorMessage) {
       setActiveTab("errors");
     }
   }, [errorMessage]);
-  useEffect2(() => {
+  useEffect3(() => {
     if ((activeTab === "code" || activeTab === "errors") && circuitJson && !errorMessage) {
       setActiveTab(defaultActiveTab ?? "pcb");
     }
@@ -1265,7 +1324,7 @@ var CircuitJsonPreview = ({
         {
           className: cn(
             "rf-md:sticky rf-md:top-2",
-            isFullScreen && "rf-fixed rf-top-0 rf-left-0 rf-w-full rf-bg-white"
+            isFullScreen && "rf-fixed rf-top-0 rf-left-0 rf-w-full rf-h-full rf-bg-white rf-overflow-hidden"
           ),
           children: /* @__PURE__ */ jsxs12(
             Tabs,
@@ -1528,6 +1587,8 @@ var CircuitJsonPreview = ({
                         circuitJsonWarnings,
                         errorMessage,
                         errorStack,
+                        circuitJson,
+                        evalVersion: lastRunEvalVersion,
                         autoroutingLog,
                         onReportAutoroutingLog
                       }
@@ -1558,8 +1619,8 @@ var debug = Debug("run-frame");
 var debug_default = debug;
 
 // lib/components/RunFrameWithApi/store.ts
-import { create } from "zustand";
-import { devtools } from "zustand/middleware";
+import { create as create2 } from "zustand";
+import { devtools as devtools2 } from "zustand/middleware";
 
 // lib/components/RunFrameWithApi/api-base.ts
 var API_BASE = window.TSCIRCUIT_FILESERVER_API_BASE_URL ?? "/api";
@@ -1598,8 +1659,8 @@ async function getInitialFilesApi() {
   }
   return fileMap;
 }
-var useRunFrameStore = create()(
-  devtools(
+var useRunFrameStore = create2()(
+  devtools2(
     (set, get) => ({
       fsMap: /* @__PURE__ */ new Map(),
       lastEventTime: (/* @__PURE__ */ new Date()).toISOString(),
@@ -1809,7 +1870,7 @@ import { QueryClient, QueryClientProvider } from "react-query";
 // lib/components/OrderDialog/InitialOrder.tsx
 import { Loader2 as Loader22 } from "lucide-react";
 import { GitHubLogoIcon as GitHubLogoIcon2 } from "@radix-ui/react-icons";
-import { useEffect as useEffect3, useMemo as useMemo3, useState as useState6 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo3, useState as useState6 } from "react";
 
 // lib/components/OrderDialog/VendorQuoteCard.tsx
 import { Truck, Package } from "lucide-react";
@@ -2005,7 +2066,7 @@ var InitialOrderScreen = ({
   const [selectedShippingCarrier, setSelectedShippingCarrier] = useState6(null);
   const [orderQuoteId, setOrderQuoteId] = useState6(null);
   const { mutate: createOrderQuote2, error: createOrderQuoteError } = useCreateOrderQuote();
-  useEffect3(() => {
+  useEffect4(() => {
     if (packageReleaseId) {
       createOrderQuote2(packageReleaseId, {
         onSuccess: (data) => {
@@ -2021,7 +2082,7 @@ var InitialOrderScreen = ({
     );
     window.location.href = `${stripeCheckoutBaseUrl}?client_reference_id=${orderQuoteId2}&shipping_option=${selectedShippingCarrier}`;
   };
-  useEffect3(() => {
+  useEffect4(() => {
     if (selectedShippingCarrier === null && orderQuote && Array.isArray(orderQuote.shipping_options) && orderQuote.shipping_options.length > 0) {
       const lowest = orderQuote.shipping_options.reduce(
         (min, curr) => curr.cost < min.cost ? curr : min,
@@ -2242,6 +2303,7 @@ export {
   linkify,
   BomTable,
   PcbViewerWithContainerHeight,
+  useRunnerStore,
   CircuitJsonPreview,
   debug_default,
   API_BASE,

package/dist/preview.js

@@ -8,7 +8,7 @@ import {
   linkify,
   useOrderDialog,
   useOrderDialogCli
-} from "./chunk-H7IWDJUR.js";
+} from "./chunk-H6JVKVQZ.js";
 export {
   BomTable,
   CadViewer,

package/dist/runner.js

@@ -35,8 +35,9 @@ import {
   toast,
   useOrderDialog,
   useOrderDialogCli,
-  useRunFrameStore
-} from "./chunk-H7IWDJUR.js";
+  useRunFrameStore,
+  useRunnerStore
+} from "./chunk-H6JVKVQZ.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
@@ -96,21 +97,6 @@ var getChangesBetweenFsMaps = (fsMap1, fsMap2) => {
   return changes;
 };
 
-// lib/components/RunFrame/runner-store/use-runner-store.ts
-import { create } from "zustand";
-import { devtools } from "zustand/middleware";
-var useRunnerStore = create()(
-  devtools(
-    (set) => ({
-      lastRunEvalVersion: void 0,
-      setLastRunEvalVersion: (version) => {
-        set({ lastRunEvalVersion: version });
-      }
-    }),
-    { name: "runframe-runner-store" }
-  )
-);
-
 // lib/components/RunFrame/useMutex.tsx
 import { useCallback, useRef } from "react";
 function useMutex() {
@@ -285,6 +271,7 @@ var RunFrame = (props) => {
         verbose: true
       });
       globalThis.runFrameWorker = worker;
+      setLastRunEvalVersion(evalVersion);
       props.onRenderStarted?.();
       const fsMapObj2 = fsMap instanceof Map ? Object.fromEntries(fsMap.entries()) : fsMap;
       const renderIds = /* @__PURE__ */ new Set();