forgecad 0.7.0 → 0.8.0

package/README.md

@@ -264,7 +264,7 @@ All CLI tools use the same runtime as the browser (`src/forge/headless.ts`), so
 | Task | Command |
 | --- | --- |
 | Validate a script | `forgecad run examples/cup.forge.js` |
-| Render PNG views | `forgecad render examples/cup.forge.js` |
+| Render PNG views | `forgecad render 3d examples/cup.forge.js` |
 | Render orbit GIF (solid + wireframe) | `forgecad capture gif examples/cup.forge.js` |
 | Export sketch SVG | `forgecad export svg examples/constraints/01-fully-constrained-rect.forge.js` |
 | Export exact STEP (supported subset only) | `forgecad export step examples/api/brep-exportable.forge.js` |

package/dist/assets/{AdminPage-DAu1C1ST.js → AdminPage-D4bocK4E.js}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, L as Link } from "./vendor-react-CG3i_wp0.js";
-import { a as useAuthStore } from "./index-wTEK39at.js";
+import { u as useAuthStore } from "./index-Pz321YAt.js";
 function formatUptime(seconds) {
   const d = Math.floor(seconds / 86400);
   const h = Math.floor(seconds % 86400 / 3600);

package/dist/assets/{DocsPage-Gc_BCdqC.js → DocsPage-D3A_g8V3.js}

@@ -4,6 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 var _a;
 import { u as useParams, h as useNavigate, r as reactExports, j as jsxRuntimeExports, L as Link } from "./vendor-react-CG3i_wp0.js";
 import { H as HighlightJS, j as javascript$1 } from "./javascript-DAl8Gmyo.js";
+import { a as applyTheme } from "./index-Pz321YAt.js";
 function M() {
   return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
 }
@@ -3776,9 +3777,10 @@ const DOC_SECTIONS = [
   { slug: "lib", title: "Library", description: "Gears, fasteners, pipes" },
   { slug: "sheet-metal", title: "Sheet Metal", description: "Bends, flat patterns" },
   { slug: "viewport", title: "Viewport", description: "Camera, animation, scenes" },
+  { slug: "sdf", title: "SDF (Experimental)", description: "Organic forms, smooth booleans, TPMS" },
   { slug: "concepts", title: "Concepts", description: "Semantic data structures" }
 ];
-const CLI_SECTIONS = [{ slug: "cli", title: "CLI Reference", description: "Command-line tools and options" }];
+const CLI_SECTIONS = [{ slug: "cli", title: "CLI", description: "Install, run, export, publish — from your terminal" }];
 const ALL_SECTIONS = [...DOC_SECTIONS, ...CLI_SECTIONS];
 function buildSearchEntries(slug, sectionTitle, md) {
   const entries = [];
@@ -3836,6 +3838,19 @@ function SidebarToggle({ side, open, onClick }) {
     }
   );
 }
+function ThemeToggle() {
+  const [dark, setDark] = reactExports.useState(() => (localStorage.getItem("fc-theme") || "dark") !== "light");
+  const toggle = reactExports.useCallback(() => {
+    const next = dark ? "light" : "dark";
+    applyTheme(next);
+    localStorage.setItem("fc-theme", next);
+    setDark(!dark);
+  }, [dark]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "fc-docs-theme-toggle", onClick: toggle, type: "button", title: dark ? "Switch to light mode" : "Switch to dark mode", children: dark ? /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12", cy: "12", r: "5" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
+  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }) });
+}
 function SiteNav({
   onSearchOpen,
   showSidebar,
@@ -3864,39 +3879,51 @@ function SiteNav({
       /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/docs", className: "fc-docs-nav-active", children: "Docs" }),
       false,
       /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/", className: "fc-docs-nav-cta", children: "Back to Editor" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeToggle, {}),
       hasToc && /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarToggle, { side: "right", open: showToc, onClick: onToggleToc })
     ] })
   ] });
 }
-function Sidebar({ activeSlug }) {
+function Sidebar({ activeSlug, open, onClose }) {
   const activeRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
     var _a2;
     (_a2 = activeRef.current) == null ? void 0 : _a2.scrollIntoView({ block: "nearest" });
   }, [activeSlug]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "fc-docs-sidebar", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fc-docs-sidebar-group-title", children: "API Reference" }),
-    DOC_SECTIONS.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Link,
-      {
-        ref: activeSlug === s.slug ? activeRef : void 0,
-        to: `/docs/${s.slug}`,
-        className: `fc-docs-sidebar-link${activeSlug === s.slug ? " active" : ""}`,
-        children: s.title
-      },
-      s.slug
-    )),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fc-docs-sidebar-group-title", style: { marginTop: 16 }, children: "Tools" }),
-    CLI_SECTIONS.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Link,
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
       {
-        ref: activeSlug === s.slug ? activeRef : void 0,
-        to: `/docs/${s.slug}`,
-        className: `fc-docs-sidebar-link${activeSlug === s.slug ? " active" : ""}`,
-        children: s.title
-      },
-      s.slug
-    ))
+        className: `fc-docs-sidebar-backdrop${open ? " open" : ""}`,
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: `fc-docs-sidebar${open ? " open" : ""}`, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fc-docs-sidebar-group-title", children: "API Reference" }),
+      DOC_SECTIONS.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Link,
+        {
+          ref: activeSlug === s.slug ? activeRef : void 0,
+          to: `/docs/${s.slug}`,
+          className: `fc-docs-sidebar-link${activeSlug === s.slug ? " active" : ""}`,
+          onClick: onClose,
+          children: s.title
+        },
+        s.slug
+      )),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fc-docs-sidebar-group-title", style: { marginTop: 16 }, children: "Tools" }),
+      CLI_SECTIONS.map((s) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Link,
+        {
+          ref: activeSlug === s.slug ? activeRef : void 0,
+          to: `/docs/${s.slug}`,
+          className: `fc-docs-sidebar-link${activeSlug === s.slug ? " active" : ""}`,
+          onClick: onClose,
+          children: s.title
+        },
+        s.slug
+      ))
+    ] })
   ] });
 }
 function SearchOverlay({ open, onClose, searchIndex }) {
@@ -4042,7 +4069,7 @@ function extractTocEntries(container) {
   }
   return entries;
 }
-function OnThisPage({ contentRef, html }) {
+function OnThisPage({ contentRef, html, open, onClose }) {
   const [entries, setEntries] = reactExports.useState([]);
   const [activeId, setActiveId] = reactExports.useState("");
   reactExports.useEffect(() => {
@@ -4074,26 +4101,37 @@ function OnThisPage({ contentRef, html }) {
     return () => scrollContainer.removeEventListener("scroll", handleScroll);
   }, [entries, contentRef]);
   if (entries.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: "fc-docs-toc", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fc-docs-toc-title", children: "On this page" }),
-    entries.map((e) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "a",
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
       {
-        href: `#${e.id}`,
-        className: `fc-docs-toc-link${e.depth === 3 ? " indent" : ""}${activeId === e.id ? " active" : ""}`,
-        onClick: (ev) => {
-          var _a2;
-          ev.preventDefault();
-          const target = (_a2 = contentRef.current) == null ? void 0 : _a2.querySelector(`#${CSS.escape(e.id)}`);
-          if (target) {
-            target.scrollIntoView({ behavior: "smooth", block: "start" });
-            history.replaceState(null, "", `#${e.id}`);
-          }
+        className: `fc-docs-toc-backdrop${open ? " open" : ""}`,
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("aside", { className: `fc-docs-toc${open ? " open" : ""}`, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fc-docs-toc-handle" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fc-docs-toc-title", children: "On this page" }),
+      entries.map((e) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "a",
+        {
+          href: `#${e.id}`,
+          className: `fc-docs-toc-link${e.depth === 3 ? " indent" : ""}${activeId === e.id ? " active" : ""}`,
+          onClick: (ev) => {
+            var _a2;
+            ev.preventDefault();
+            onClose();
+            const target = (_a2 = contentRef.current) == null ? void 0 : _a2.querySelector(`#${CSS.escape(e.id)}`);
+            if (target) {
+              target.scrollIntoView({ behavior: "smooth", block: "start" });
+              history.replaceState(null, "", `#${e.id}`);
+            }
+          },
+          children: e.text
         },
-        children: e.text
-      },
-      e.id
-    ))
+        e.id
+      ))
+    ] })
   ] });
 }
 function DocContent({ slug, contentRef, onHtml }) {
@@ -4243,6 +4281,8 @@ function DocsPage() {
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
   }, [slug, openSearch, navigate]);
+  const closeSidebar = reactExports.useCallback(() => setShowSidebar(false), []);
+  const closeToc = reactExports.useCallback(() => setShowToc(false), []);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fc-docs-layout", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       SiteNav,
@@ -4256,9 +4296,9 @@ function DocsPage() {
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fc-docs-body", children: [
-      showSidebar && /* @__PURE__ */ jsxRuntimeExports.jsx(Sidebar, { activeSlug: slug }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Sidebar, { activeSlug: slug, open: showSidebar, onClose: closeSidebar }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("main", { className: "fc-docs-main", children: slug ? /* @__PURE__ */ jsxRuntimeExports.jsx(DocContent, { slug, contentRef, onHtml: setDocHtml }) : /* @__PURE__ */ jsxRuntimeExports.jsx(DocsIndex, {}) }),
-      slug && showToc && /* @__PURE__ */ jsxRuntimeExports.jsx(OnThisPage, { contentRef, html: docHtml })
+      slug && /* @__PURE__ */ jsxRuntimeExports.jsx(OnThisPage, { contentRef, html: docHtml, open: showToc, onClose: closeToc })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(SearchOverlay, { open: searchOpen, onClose: () => setSearchOpen(false), searchIndex })
   ] });

package/dist/assets/{EditorApp-DG1-oUSV.css → EditorApp-BWYUSpUN.css}

@@ -58,7 +58,7 @@
 
 .fc-mobile-viewport-fabs {
   position: absolute;
-  top: calc(env(safe-area-inset-top, 0px) + 60px);
+  top: calc(env(safe-area-inset-top, 0px) + 8px);
   right: 14px;
   display: flex;
   flex-direction: column;
@@ -246,49 +246,6 @@
   background: #ff4757;
 }
 
-/* ════════════════════════════════════
-   CORNER BUTTONS — top-right export
-════════════════════════════════════ */
-
-.fc-m-corners {
-  position: absolute;
-  top: calc(env(safe-area-inset-top, 0px) + 8px);
-  right: 14px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  z-index: 30;
-}
-
-.fc-m-corner-btn {
-  width: 38px;
-  height: 38px;
-  border-radius: 11px;
-  background: color-mix(in srgb, var(--fc-bgPanel) 88%, transparent);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  border: 1px solid var(--fc-border);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: var(--fc-textMuted);
-}
-
-.fc-m-corner-btn:active {
-  background: var(--fc-bgHover);
-}
-
-.fc-m-corner-btn svg {
-  width: 16px;
-  height: 16px;
-  stroke: currentColor;
-  fill: none;
-  stroke-width: 2;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-}
-
 /* ════════════════════════════════════
    PARAM CHIPS — floating row above command bar
 ════════════════════════════════════ */
@@ -439,14 +396,23 @@
 }
 
 .fc-m-cmdbar-filename {
+  display: flex;
+  align-items: center;
+  gap: 6px;
   font-size: 13px;
   color: var(--fc-textMuted);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
   width: 100%;
   font-weight: 500;
   line-height: 1.3;
+  min-width: 0;
+}
+
+.fc-m-cmdbar-filename-text {
+  flex: 1;
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 /* Legacy — keep for any old references */
@@ -1423,6 +1389,119 @@
   font-weight: 600;
 }
 
+/* ── Share sheet ── */
+.fc-m-share-sheet {
+  max-height: 78vh;
+}
+
+.fc-m-share-section {
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--fc-border);
+}
+
+.fc-m-share-section:last-child {
+  border-bottom: none;
+}
+
+.fc-m-share-label {
+  margin-bottom: 8px;
+  font-size: 11px;
+  font-weight: 700;
+  color: var(--fc-textDim);
+  text-transform: uppercase;
+  letter-spacing: 0.6px;
+}
+
+.fc-m-share-card {
+  display: block;
+  width: 100%;
+  padding: 14px;
+  background: var(--fc-bgCard, var(--fc-bgInput, var(--fc-bg)));
+  border: 1px solid var(--fc-border);
+  border-radius: 12px;
+  color: var(--fc-text);
+  text-align: left;
+  cursor: pointer;
+  font-family: inherit;
+}
+
+.fc-m-share-card:active {
+  background: var(--fc-bgHover);
+}
+
+.fc-m-share-card-title {
+  display: block;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.fc-m-share-card-desc {
+  display: block;
+  margin-top: 4px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--fc-textDim);
+}
+
+.fc-m-share-url {
+  width: 100%;
+  padding: 11px 12px;
+  background: var(--fc-bgCard, var(--fc-bgInput, var(--fc-bg)));
+  border: 1px solid var(--fc-border);
+  border-radius: 10px;
+  color: var(--fc-text);
+  font-size: 12px;
+  font-family: var(--fc-mono, "SF Mono", "Menlo", monospace);
+  box-sizing: border-box;
+}
+
+.fc-m-share-meta,
+.fc-m-share-note {
+  margin-top: 10px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--fc-textDim);
+}
+
+.fc-m-share-actions {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+  margin-top: 10px;
+}
+
+.fc-m-share-btn {
+  min-width: 0;
+  height: 38px;
+  padding: 0 12px;
+  border-radius: 10px;
+  background: var(--fc-bgCard, var(--fc-bgInput, var(--fc-bg)));
+  border: 1px solid var(--fc-border);
+  color: var(--fc-text);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  font-family: inherit;
+}
+
+.fc-m-share-btn:active {
+  background: var(--fc-bgHover);
+}
+
+.fc-m-share-btn--primary {
+  background: color-mix(in srgb, var(--fc-accent) 14%, transparent);
+  border-color: color-mix(in srgb, var(--fc-accent) 28%, transparent);
+  color: var(--fc-accent);
+}
+
+.fc-m-share-btn--danger {
+  color: var(--fc-error, #e74c3c);
+}
+
+.fc-m-share-btn--full {
+  grid-column: 1 / -1;
+}
+
 /* ── File picker: project section + new file ── */
 .fc-m-filepicker-projects {
   padding: 4px 0 0;
@@ -1976,12 +2055,14 @@
   align-items: center;
   gap: 5px;
   flex-shrink: 0;
+  line-height: 1;
+  transform: translateY(-0.5px);
 }
 
 .fc-m-status-inline-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 3px;
+  width: 7px;
+  height: 7px;
+  border-radius: 999px;
   flex-shrink: 0;
 }
 
@@ -2019,10 +2100,11 @@
   font-size: 9px;
   color: #f06b6b;
   opacity: 0.8;
+  min-width: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: 180px;
+  max-width: 10ch;
 }
 
 /* ════════════════════════════════════