forgecad 0.6.3 → 0.8.0

package/dist/assets/PricingPage-BsU5vzEx.js

@@ -0,0 +1,232 @@
+import { h as useNavigate, j as jsxRuntimeExports, L as Link } from "./vendor-react-CG3i_wp0.js";
+import { u as useAuthStore, b as authFetch } from "./index-Pz321YAt.js";
+const PLANS = [
+  {
+    interval: "monthly",
+    name: "Pro Monthly",
+    price: "$15",
+    period: "/mo",
+    features: [
+      "STEP & BREP export",
+      "High-quality Blender renders",
+      "GIF & MP4 capture",
+      "G-code & cutting layouts",
+      "SDF/URDF robotics export",
+      "500 MB cloud storage"
+    ]
+  },
+  {
+    interval: "annual",
+    name: "Pro Annual",
+    price: "$120",
+    period: "/yr",
+    highlight: "Save 33%",
+    features: [
+      "Everything in Monthly",
+      "Billed annually ($10/mo effective)",
+      "Priority support"
+    ]
+  },
+  {
+    interval: "lifetime",
+    name: "Pro Lifetime",
+    price: "$299",
+    period: "one-time",
+    highlight: "Best value",
+    features: [
+      "Everything in Pro, forever",
+      "No recurring payments",
+      "All future Pro features included"
+    ]
+  }
+];
+const FREE_FEATURES = [
+  "Full CAD editor",
+  "Run .forge.js scripts",
+  "STL, 3MF, SVG export",
+  "Standard PNG render",
+  "50 MB cloud storage",
+  "Unlimited local projects"
+];
+const cardStyle = {
+  background: "var(--fc-bgPanel)",
+  border: "1px solid var(--fc-border)",
+  borderRadius: 12,
+  padding: "32px 24px",
+  display: "flex",
+  flexDirection: "column",
+  flex: 1,
+  minWidth: 240
+};
+const highlightCardStyle = {
+  ...cardStyle,
+  border: "2px solid var(--fc-accent)",
+  position: "relative"
+};
+function PricingPage() {
+  const user = useAuthStore((s) => s.user);
+  const navigate = useNavigate();
+  const isPro = (user == null ? void 0 : user.plan) === "pro";
+  async function handleCheckout(interval) {
+    if (!user) {
+      navigate("/app");
+      return;
+    }
+    try {
+      const data = await authFetch("/api/billing/checkout", {
+        method: "POST",
+        body: JSON.stringify({ interval })
+      });
+      window.location.href = data.url;
+    } catch (err) {
+      alert(err instanceof Error ? err.message : "Failed to connect to billing service");
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { minHeight: "100vh", background: "var(--fc-bg)", color: "var(--fc-text)" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "nav",
+      {
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          right: 0,
+          height: 56,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: "0 24px",
+          background: "var(--fc-bg)",
+          borderBottom: "1px solid var(--fc-border)",
+          zIndex: 100
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Link,
+            {
+              to: "/",
+              style: { display: "flex", alignItems: "center", gap: 8, textDecoration: "none", color: "var(--fc-text)" },
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 20 }, children: "⚒" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 16, fontWeight: 700, color: "var(--fc-accent)" }, children: "ForgeCAD" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Link,
+            {
+              to: "/app",
+              style: {
+                padding: "6px 16px",
+                fontSize: 14,
+                fontWeight: 600,
+                background: "var(--fc-accent)",
+                color: "var(--fc-accentText)",
+                borderRadius: 6,
+                textDecoration: "none"
+              },
+              children: "Open App"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { maxWidth: 1e3, margin: "0 auto", padding: "96px 24px 64px" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { textAlign: "center", marginBottom: 48 }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { style: { fontSize: 36, fontWeight: 800, marginBottom: 12 }, children: "Simple, transparent pricing" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { fontSize: 16, color: "var(--fc-textMuted)", maxWidth: 500, margin: "0 auto" }, children: "ForgeCAD is free for hobbyists and students. Go Pro for professional CAD interchange and manufacturing outputs." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginBottom: 48 }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          style: {
+            ...cardStyle,
+            maxWidth: 400,
+            margin: "0 auto",
+            background: "var(--fc-bg)"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 20, fontWeight: 700, marginBottom: 4 }, children: "Free" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { fontSize: 32, fontWeight: 800, marginBottom: 16 }, children: [
+              "$0 ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 14, fontWeight: 400, color: "var(--fc-textMuted)" }, children: "forever" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: FREE_FEATURES.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "li",
+              {
+                style: {
+                  padding: "6px 0",
+                  fontSize: 14,
+                  color: "var(--fc-textMuted)",
+                  borderBottom: "1px solid var(--fc-border)"
+                },
+                children: f
+              },
+              f
+            )) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "flex", gap: 20, flexWrap: "wrap", justifyContent: "center" }, children: PLANS.map((plan) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: plan.highlight ? highlightCardStyle : cardStyle, children: [
+        plan.highlight && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: -12,
+              left: "50%",
+              transform: "translateX(-50%)",
+              background: "var(--fc-accent)",
+              color: "var(--fc-accentText)",
+              padding: "2px 12px",
+              borderRadius: 10,
+              fontSize: 12,
+              fontWeight: 600
+            },
+            children: plan.highlight
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 18, fontWeight: 700, marginBottom: 4 }, children: plan.name }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { fontSize: 32, fontWeight: 800, marginBottom: 16 }, children: [
+          plan.price,
+          " ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontSize: 14, fontWeight: 400, color: "var(--fc-textMuted)" }, children: plan.period })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { style: { listStyle: "none", padding: 0, margin: "0 0 24px", flex: 1 }, children: plan.features.map((f) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "li",
+          {
+            style: {
+              padding: "6px 0",
+              fontSize: 14,
+              color: "var(--fc-textMuted)",
+              borderBottom: "1px solid var(--fc-border)"
+            },
+            children: f
+          },
+          f
+        )) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => handleCheckout(plan.interval),
+            disabled: isPro,
+            style: {
+              padding: "10px 20px",
+              fontSize: 14,
+              fontWeight: 600,
+              background: isPro ? "var(--fc-bgActive)" : "var(--fc-accent)",
+              color: isPro ? "var(--fc-textMuted)" : "var(--fc-accentText)",
+              border: "none",
+              borderRadius: 8,
+              cursor: isPro ? "default" : "pointer"
+            },
+            children: isPro ? "Current plan" : "Get started"
+          }
+        )
+      ] }, plan.interval)) })
+    ] })
+  ] });
+}
+export {
+  PricingPage
+};

package/dist/assets/{SettingsPage-BqCh9JcC.js → SettingsPage-PqvpAKIs.js}

@@ -1,5 +1,5 @@
-import { r as reactExports, j as jsxRuntimeExports, L as Link } from "./vendor-react-Dt7-aaJH.js";
-import { u as useAuthStore, a as authFetch } from "./index-1CYp3zUp.js";
+import { r as reactExports, j as jsxRuntimeExports, L as Link } from "./vendor-react-CG3i_wp0.js";
+import { u as useAuthStore, b as authFetch } from "./index-Pz321YAt.js";
 function timeAgo(dateStr) {
   const ms = Date.now() - new Date(dateStr).getTime();
   const mins = Math.floor(ms / 6e4);
@@ -414,14 +414,50 @@ function PlanSection() {
   const storageLimitMB = isPro ? 500 : 50;
   const storageUsedMB = 17.2;
   const storagePercent = storageUsedMB / storageLimitMB * 100;
+  const [subscription, setSubscription] = reactExports.useState(null);
+  const [licenseKey, setLicenseKey] = reactExports.useState(null);
+  const [licenseExpiry, setLicenseExpiry] = reactExports.useState(null);
+  const [copied, setCopied] = reactExports.useState(false);
+  const [generating, setGenerating] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    authFetch("/api/billing/subscription").then((data) => setSubscription(data.subscription)).catch(() => {
+    });
+  }, []);
+  const generateLicenseKey = reactExports.useCallback(async () => {
+    setGenerating(true);
+    try {
+      const data = await authFetch("/api/license/generate", {
+        method: "POST"
+      });
+      setLicenseKey(data.token);
+      setLicenseExpiry(data.expiresAt);
+    } catch {
+    } finally {
+      setGenerating(false);
+    }
+  }, []);
+  const copyKey = reactExports.useCallback(() => {
+    if (!licenseKey) return;
+    navigator.clipboard.writeText(licenseKey);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, [licenseKey]);
+  const openBillingPortal = reactExports.useCallback(async () => {
+    try {
+      const data = await authFetch("/api/billing/portal", { method: "POST" });
+      window.location.href = data.url;
+    } catch {
+    }
+  }, []);
+  const intervalLabel = (subscription == null ? void 0 : subscription.interval) ? { monthly: "Monthly", annual: "Annual", lifetime: "Lifetime", "admin-granted": "Granted" }[subscription.interval] ?? subscription.interval : "";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginBottom: 40 }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: sectionHeaderStyle, children: "Plan & Usage" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: sectionDescStyle, children: "Your current plan and storage." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: sectionDescStyle, children: "Your current plan, billing, and CLI license." }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: cardStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: cardBodyStyle, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { fontWeight: 600, fontSize: 16 }, children: [
-            isPro ? "Pro" : "Free",
+            isPro ? `Pro ${intervalLabel}` : "Free",
             " Plan"
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -443,7 +479,37 @@ function PlanSection() {
             }
           )
         ] }),
-        !isPro && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: { ...btnPrimaryStyle, padding: "4px 10px", fontSize: 12 }, children: "Upgrade to Pro" })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+          isPro && (subscription == null ? void 0 : subscription.hasStripe) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: openBillingPortal,
+              style: { ...btnPrimaryStyle, padding: "4px 10px", fontSize: 12 },
+              children: "Manage Subscription"
+            }
+          ),
+          !isPro && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Link,
+            {
+              to: "/pricing",
+              style: {
+                ...btnPrimaryStyle,
+                padding: "4px 10px",
+                fontSize: 12,
+                textDecoration: "none",
+                display: "inline-block"
+              },
+              children: "Upgrade to Pro"
+            }
+          )
+        ] })
+      ] }),
+      subscription && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { fontSize: 12, color: "var(--fc-textMuted)", marginBottom: 16 }, children: [
+        subscription.currentPeriodEnd && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          "Next billing: ",
+          new Date(subscription.currentPeriodEnd).toLocaleDateString()
+        ] }),
+        subscription.canceledAt && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--fc-warning)" }, children: " (Canceled, active until period end)" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 13, fontWeight: 500 }, children: "Storage" }),
@@ -495,6 +561,64 @@ function PlanSection() {
         )
       ] })
     ] }) }),
+    isPro && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: { fontSize: 14, fontWeight: 600, margin: "24px 0 8px" }, children: "CLI License Key" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: cardStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: cardBodyStyle, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 12, color: "var(--fc-textMuted)", marginBottom: 12 }, children: "Use this key to unlock Pro features in the ForgeCAD CLI. Keys are valid for 30 days and auto-refresh." }),
+        licenseKey ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              style: {
+                fontFamily: "monospace",
+                fontSize: 12,
+                background: "var(--fc-bgActive)",
+                padding: "8px 12px",
+                borderRadius: 6,
+                wordBreak: "break-all",
+                marginBottom: 8
+              },
+              children: licenseKey
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: copyKey, style: { ...btnPrimaryStyle, padding: "4px 10px", fontSize: 12 }, children: copied ? "Copied!" : "Copy" }),
+            licenseExpiry && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { fontSize: 11, color: "var(--fc-textMuted)" }, children: [
+              "Expires: ",
+              new Date(licenseExpiry).toLocaleDateString()
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              style: {
+                marginTop: 12,
+                padding: "8px 12px",
+                background: "var(--fc-bg)",
+                borderRadius: 6,
+                fontSize: 12,
+                fontFamily: "monospace",
+                color: "var(--fc-textMuted)"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginBottom: 4, color: "var(--fc-textDim)" }, children: "Quick start:" }),
+                "forgecad login",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                "forgecad license activate"
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: generateLicenseKey,
+            disabled: generating,
+            style: { ...btnPrimaryStyle, padding: "6px 14px", fontSize: 13 },
+            children: generating ? "Generating..." : "Generate License Key"
+          }
+        )
+      ] }) })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: { fontSize: 14, fontWeight: 600, color: "var(--fc-error)", margin: "24px 0 8px" }, children: "Danger Zone" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...cardStyle, borderColor: "rgba(248, 81, 73, 0.3)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { ...cardBodyStyle, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 16 }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [