@tscircuit/runframe 0.0.185 → 0.0.187

package/dist/runner.js

@@ -1,7 +1,15 @@
 import {
   Button,
-  CircuitJsonPreview
-} from "./chunk-FUPLP2UR.js";
+  CircuitJsonPreview,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+} from "./chunk-TUAPVCCC.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval";
@@ -597,7 +605,7 @@ var RunFrameWithApi = (props) => {
   );
 };
 
-// lib/components/RunFrameForCli/SaveToSnippetsButton.tsx
+// lib/components/RunFrameForCli/LeftHeader.tsx
 import { useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
 
 // lib/components/RunFrameForCli/SelectSnippetDialog.tsx
@@ -702,15 +710,23 @@ var useEventHandler = (callback) => {
   }, [recentEvents, callback]);
 };
 
-// lib/components/RunFrameForCli/SaveToSnippetsButton.tsx
-import { CheckCircle2 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var SaveToSnippetsButton = () => {
+// lib/components/RunFrameForCli/LeftHeader.tsx
+import { AlertCircle, CheckCircle } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var availableExports = [
+  "json",
+  "svg",
+  "dsn",
+  "glb",
+  "csv",
+  "text",
+  "kicad_mod",
+  "kicad project"
+];
+var RunframeCliLeftHeader = () => {
   const [snippetName, setSnippetName] = useState5(null);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState5(false);
   const [hasNeverBeenSaved, setHasNeverBeenSaved] = useState5(true);
-  const pushEvent = useRunFrameStore((state) => state.pushEvent);
-  const recentEvents = useRunFrameStore((state) => state.recentEvents);
   const [isSaving, setIsSaving] = useState5(false);
   const [requestToSaveSentAt, setRequestToSaveSentAt] = useState5(
     null
@@ -719,6 +735,13 @@ var SaveToSnippetsButton = () => {
     null
   );
   const [isSelectSnippetDialogOpen, setIsSelectSnippetDialogOpen] = useState5(false);
+  const [notificationMessage, setNotificationMessage] = useState5(
+    null
+  );
+  const [isError, setIsError] = useState5(false);
+  const [isExporting, setisExporting] = useState5(false);
+  const pushEvent = useRunFrameStore((state) => state.pushEvent);
+  const recentEvents = useRunFrameStore((state) => state.recentEvents);
   const firstRenderTime = useMemo4(() => Date.now(), []);
   useEventHandler((event) => {
     if (new Date(event.created_at).valueOf() < firstRenderTime + 500) return;
@@ -729,12 +752,23 @@ var SaveToSnippetsButton = () => {
     if (event.event_type === "SNIPPET_SAVED") {
       setHasUnsavedChanges(false);
       setHasNeverBeenSaved(false);
+      setNotificationMessage("Snippet saved successfully.");
+      setIsError(false);
       return;
     }
+    if (event.event_type === "REQUEST_EXPORT") {
+      setisExporting(true);
+      setNotificationMessage("Export requested...");
+      setIsError(false);
+    }
+    if (event.event_type === "EXPORT_CREATED") {
+      setNotificationMessage(`Export created: ${event.exportFilePath}`);
+      setIsError(false);
+      setisExporting(false);
+    }
   });
   useEffect5(() => {
-    if (!isSaving) return;
-    if (requestToSaveSentAt === null) return;
+    if (!isSaving || requestToSaveSentAt === null) return;
     const eventsSinceRequestToSave = recentEvents.filter(
       (event) => new Date(event.created_at).valueOf() > requestToSaveSentAt
     );
@@ -747,6 +781,11 @@ var SaveToSnippetsButton = () => {
     if (saveFailedEvent) {
       setIsSaving(false);
       setRequestToSaveSentAt(null);
+      setNotificationMessage(
+        saveFailedEvent.message ?? "Failed to save snippet. See console for error."
+      );
+      console.error(saveFailedEvent.message);
+      setIsError(true);
       if (saveFailedEvent.error_code === "SNIPPET_UNSET" && saveFailedEvent.available_snippet_names) {
         setAvailableSnippets(saveFailedEvent.available_snippet_names);
         setIsSelectSnippetDialogOpen(true);
@@ -755,29 +794,60 @@ var SaveToSnippetsButton = () => {
     if (saveSuccessEvent) {
       setIsSaving(false);
       setRequestToSaveSentAt(null);
+      setNotificationMessage("Snippet saved successfully.");
+      setIsError(false);
     }
   }, [recentEvents, isSaving]);
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsxs4(
-      "button",
-      {
-        type: "button",
-        onClick: async () => {
-          setIsSaving(true);
-          setRequestToSaveSentAt(Date.now());
-          await pushEvent({
-            event_type: "REQUEST_TO_SAVE_SNIPPET",
-            snippet_name: snippetName
-          });
-        },
-        disabled: isSaving,
-        className: `px-3 flex items-center text-sm py-1.5 rounded-md ${isSaving ? "cursor-not-allowed" : "bg-white border border-gray-300 font-medium text-gray-900 shadow-sm"}`,
-        children: [
-          isSaving ? "Saving..." : "Save to Snippets",
-          isSaving || hasNeverBeenSaved ? null : /* @__PURE__ */ jsx4("span", { className: "rf-ml-1.5 rf-flex rf-items-center", children: hasUnsavedChanges ? /* @__PURE__ */ jsx4("div", { className: "rf-text-xs rf-bg-orange-400 rf-text-white rf-p-0.5 rf-px-1.5 rf-rounded", children: "unsaved changes" }) : /* @__PURE__ */ jsx4(CheckCircle2, { className: "rf-w-4 rf-h-4 rf-text-green-500" }) })
-        ]
-      }
-    ),
+  const triggerSaveSnippet = async () => {
+    setIsSaving(true);
+    setRequestToSaveSentAt(Date.now());
+    setNotificationMessage(null);
+    setIsError(false);
+    await pushEvent({
+      event_type: "REQUEST_TO_SAVE_SNIPPET",
+      snippet_name: snippetName
+    });
+  };
+  return /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx4(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx4("div", { className: "rf-whitespace-nowrap rf-p-2 rf-mx-1 rf-cursor-pointer rf-relative", children: "File" }) }),
+    /* @__PURE__ */ jsxs4(DropdownMenuContent, { className: "rf-text-sm", children: [
+      /* @__PURE__ */ jsx4(DropdownMenuItem, { onSelect: triggerSaveSnippet, disabled: isSaving, children: isSaving ? "Saving..." : "Push" }),
+      /* @__PURE__ */ jsxs4(DropdownMenuSub, { children: [
+        /* @__PURE__ */ jsx4(DropdownMenuSubTrigger, { className: "rf-text-sm", disabled: isExporting, children: isExporting ? "Exporting..." : "Export" }),
+        /* @__PURE__ */ jsx4(DropdownMenuPortal, { children: /* @__PURE__ */ jsx4(DropdownMenuSubContent, { children: availableExports.map((ext, i) => /* @__PURE__ */ jsx4(
+          DropdownMenuItem,
+          {
+            className: "rf-text-xs",
+            onSelect: () => {
+              if (!isExporting) {
+                pushEvent({
+                  event_type: "REQUEST_EXPORT",
+                  exportType: ext
+                });
+                setNotificationMessage(`Export requested: ${ext}`);
+                setIsError(false);
+              }
+            },
+            disabled: isExporting,
+            children: ext
+          },
+          i
+        )) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4("div", { className: "!rf-h-full rf-w-fit rf-grid rf-place-items-center rf-my-auto", children: /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-gap-4", children: [
+      hasUnsavedChanges || hasNeverBeenSaved && /* @__PURE__ */ jsx4("div", { className: "rf-text-xs rf-h-fit rf-bg-orange-400 rf-text-white rf-p-0.5 rf-px-1.5 rf-rounded", children: "Unsaved changes" }),
+      notificationMessage && /* @__PURE__ */ jsx4(
+        "div",
+        {
+          className: `rf-text-xs rf-mt-1 rf-flex rf-max-w-xl rf-break-words rf-text-center rf-h-full ${isError ? "rf-text-red-500" : "rf-text-green-500"}`,
+          children: /* @__PURE__ */ jsxs4("div", { className: "rf-flex rf-items-center", children: [
+            isError ? /* @__PURE__ */ jsx4(AlertCircle, { className: "rf-w-4 rf-h-4 rf-inline rf-mr-1" }) : /* @__PURE__ */ jsx4(CheckCircle, { className: "rf-w-4 rf-h-4 rf-inline rf-mr-1" }),
+            notificationMessage
+          ] })
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsx4(
       SelectSnippetDialog,
       {
@@ -806,7 +876,7 @@ var RunFrameForCli = (props) => {
     RunFrameWithApi,
     {
       debug: props.debug,
-      leftHeaderContent: /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsx5(SaveToSnippetsButton, {}) })
+      leftHeaderContent: /* @__PURE__ */ jsx5("div", { className: "rf-flex", children: /* @__PURE__ */ jsx5(RunframeCliLeftHeader, {}) })
     }
   );
 };
@@ -814,5 +884,6 @@ export {
   CircuitJsonPreview,
   RunFrame,
   RunFrameForCli,
-  RunFrameWithApi
+  RunFrameWithApi,
+  guessEntrypoint
 };