@tscircuit/runframe 0.0.585 → 0.0.586

package/dist/{chunk-H7IWDJUR.js → chunk-B4J62OKU.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";
@@ -1043,6 +1043,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 +1187,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.584";
+var version = "0.0.585";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1233,6 +1248,7 @@ var CircuitJsonPreview = ({
     defaultActiveTab ?? "pcb"
   );
   const [isFullScreen, setIsFullScreen] = useState5(defaultToFullScreen);
+  useFullscreenBodyScroll(isFullScreen);
   const setActiveTab = useCallback(
     (tab) => {
       setActiveTabState(tab);
@@ -1243,12 +1259,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 +1281,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,
@@ -1809,7 +1825,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 +2021,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 +2037,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,

package/dist/preview.js

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

package/dist/runner.js

@@ -36,7 +36,7 @@ import {
   useOrderDialog,
   useOrderDialogCli,
   useRunFrameStore
-} from "./chunk-H7IWDJUR.js";
+} from "./chunk-B4J62OKU.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";