@legenki/print2medusa 0.8.1 → 0.9.2

package/.medusa/server/src/admin/index.js

@@ -307,6 +307,347 @@ const PrintfulSyncWidget = () => {
 adminSdk.defineWidgetConfig({
   zone: "product.list.before"
 });
+const CLASS_LABEL = {
+  apparel: "Apparel",
+  embroidery: "Embroidered",
+  print_media: "Print media"
+};
+const CLASS_COLOUR = {
+  apparel: "blue",
+  embroidery: "orange",
+  print_media: "green"
+};
+const STATUS_COLOUR = {
+  success: "green",
+  running: "orange",
+  partial: "orange",
+  failed: "red"
+};
+const looksStuck = (row, staleMinutes) => {
+  if (!row || row.status !== "running") {
+    return false;
+  }
+  const beat = row.heartbeat_at ?? row.started_at;
+  if (!beat) {
+    return true;
+  }
+  return Date.now() - new Date(beat).getTime() > staleMinutes * 6e4;
+};
+const minutesSince = (iso) => {
+  if (!iso) {
+    return null;
+  }
+  return Math.floor((Date.now() - new Date(iso).getTime()) / 6e4);
+};
+const PrintfulPage = () => {
+  var _a, _b, _c;
+  const [syncs, setSyncs] = react.useState([]);
+  const [health, setHealth] = react.useState(null);
+  const [stats, setStats] = react.useState(null);
+  const [designs, setDesigns] = react.useState([]);
+  const [bundles, setBundles] = react.useState([]);
+  const [promptProducts, setPromptProducts] = react.useState([]);
+  const [styles, setStyles] = react.useState([]);
+  const [style, setStyle] = react.useState("editorial");
+  const [artwork, setArtwork] = react.useState("");
+  const [loading, setLoading] = react.useState(true);
+  const [clearing, setClearing] = react.useState(false);
+  const load = react.useCallback(async () => {
+    var _a2;
+    const [h, w, s, d, b] = await Promise.allSettled([
+      fetch("/admin/printful/history", { credentials: "include" }),
+      fetch("/admin/printful/health", { credentials: "include" }),
+      fetch("/admin/printful/statistics", { credentials: "include" }),
+      fetch("/admin/printful/design", { credentials: "include" }),
+      fetch("/admin/printful/bundles", { credentials: "include" })
+    ]);
+    if (h.status === "fulfilled" && h.value.ok) {
+      const body = await h.value.json();
+      setSyncs(body.syncs ?? []);
+    }
+    if (w.status === "fulfilled" && w.value.ok) {
+      setHealth(await w.value.json());
+    }
+    if (s.status === "fulfilled" && s.value.ok) {
+      const body = await s.value.json();
+      setStats(((_a2 = body.statistics) == null ? void 0 : _a2[0]) ?? null);
+    }
+    if (d.status === "fulfilled" && d.value.ok) {
+      const body = await d.value.json();
+      setDesigns(body.designs ?? []);
+    }
+    if (b.status === "fulfilled" && b.value.ok) {
+      const body = await b.value.json();
+      setBundles(body.bundles ?? []);
+    }
+    setLoading(false);
+  }, []);
+  const loadPrompts = react.useCallback(async () => {
+    const params = new URLSearchParams({ style });
+    if (artwork.trim()) {
+      params.set("artwork", artwork.trim());
+    }
+    try {
+      const res = await fetch(`/admin/printful/prompts?${params}`, {
+        credentials: "include"
+      });
+      if (!res.ok) {
+        return;
+      }
+      const body = await res.json();
+      setPromptProducts(body.products ?? []);
+      setStyles(body.styles ?? []);
+    } catch {
+    }
+  }, [style, artwork]);
+  react.useEffect(() => {
+    void load();
+  }, [load]);
+  react.useEffect(() => {
+    void loadPrompts();
+  }, [loadPrompts]);
+  const latest = syncs[0];
+  const running = (latest == null ? void 0 : latest.status) === "running";
+  react.useEffect(() => {
+    if (!running) {
+      return;
+    }
+    const t = setInterval(() => void load(), 3e3);
+    return () => clearInterval(t);
+  }, [running, load]);
+  const clearStuck = async () => {
+    setClearing(true);
+    try {
+      const res = await fetch("/admin/printful/sync/clear", {
+        method: "POST",
+        credentials: "include",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ confirm: "clear-stuck-sync" })
+      });
+      const body = await res.json().catch(() => ({}));
+      if (res.ok) {
+        ui.toast.success("Cleared the stuck sync", {
+          description: body.error_message
+        });
+      } else if (res.status === 409) {
+        ui.toast.info("The sync is still alive", {
+          description: "It checked in while you were looking. Nothing cleared."
+        });
+      } else {
+        ui.toast.error("Could not clear the sync", { description: body.message });
+      }
+      await load();
+    } catch (err) {
+      ui.toast.error("Could not clear the sync", {
+        description: err instanceof Error ? err.message : String(err)
+      });
+    } finally {
+      setClearing(false);
+    }
+  };
+  const stuck = looksStuck(latest, (health == null ? void 0 : health.window) ?? 60);
+  const silentFor = minutesSince((latest == null ? void 0 : latest.heartbeat_at) ?? (latest == null ? void 0 : latest.started_at));
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Printful" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          variant: "secondary",
+          onClick: () => void load(),
+          disabled: loading,
+          children: "Refresh"
+        }
+      )
+    ] }),
+    stuck && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "This sync looks stuck" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+        "It has not checked in",
+        silentFor != null ? ` for ${silentFor} minutes` : "",
+        ". Until it is cleared or reclaimed, no other sync can start."
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "danger", disabled: clearing, children: "Clear it" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Content, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Header, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Title, { children: "Clear the stuck sync?" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Description, { children: "This marks the run as failed so a new sync can start. If it turns out to be alive, nothing is cleared. Products already imported are not touched." })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Prompt.Footer, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Cancel, { children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Prompt.Action, { onClick: () => void clearStuck(), children: "Clear" })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Sales" }),
+      stats ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          "Paid orders: ",
+          ((_a = stats.total_paid_orders) == null ? void 0 : _a.value) ?? "—"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          "Profit: ",
+          ((_b = stats.profit) == null ? void 0 : _b.value) ?? "—",
+          " ",
+          ((_c = stats.currency) == null ? void 0 : _c.toUpperCase()) ?? ""
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: loading ? "Loading…" : "Printful reported no statistics." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Webhooks" }),
+      health && !health.ever_received && // The state a misconfigured webhook leaves behind, and the reason
+      // this panel exists: a store can look fine and never hear back.
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: health.secret_set ? "A secret is configured, but nothing has arrived yet." : "No webhook secret is configured." }),
+      health && health.ever_received && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          "Last event:",
+          " ",
+          health.last_event_at ? new Date(health.last_event_at).toLocaleString() : "—"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          health.processed,
+          " processed · ",
+          health.deferred,
+          " waiting ·",
+          " ",
+          health.failed,
+          " failed"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Design parameters" }),
+      designs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: loading ? "Loading…" : "No products carry design parameters yet. Run a sync." }) : designs.map((d) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: d.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: CLASS_COLOUR[d.product_class] ?? "grey", children: CLASS_LABEL[d.product_class] ?? d.product_class })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          d.technique ?? "—",
+          d.brand ? ` · ${d.brand}${d.model ? ` ${d.model}` : ""}` : "",
+          d.material ? ` · ${d.material}` : ""
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          "Design goes on: ",
+          d.core_placements.join(", ") || "—",
+          d.placements.length > d.core_placements.length ? ` (${d.placements.length - d.core_placements.length} more available)` : ""
+        ] }),
+        d.colors.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-wrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Base colours:" }),
+          d.colors.slice(0, 12).map((c) => /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              title: `${c.name}${c.hex ? ` ${c.hex}` : ""}`,
+              className: "inline-block h-4 w-4 rounded border border-ui-border-base",
+              style: c.hex ? { backgroundColor: c.hex } : void 0
+            },
+            c.name
+          )),
+          d.colors.length > 12 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+            "+",
+            d.colors.length - 12
+          ] })
+        ] }),
+        d.sizes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+          d.product_class === "print_media" ? "Sizes" : "Sizes",
+          ":",
+          " ",
+          d.sizes.slice(0, 8).join(", "),
+          d.sizes.length > 8 ? ` +${d.sizes.length - 8}` : ""
+        ] })
+      ] }, d.product_id))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Bundles" }),
+      bundles.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: loading ? "Loading…" : "No bundles yet. Add printful_bundle_members to a variant's metadata to make it a bundle." }) : bundles.map((b) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: b.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: b.available ? "green" : "red", children: b.available ? "all members in stock" : "member unavailable" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: b.status === "published" ? "green" : "grey", children: b.status }),
+          b.missing_count > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { color: "orange", children: [
+            b.missing_count,
+            " member",
+            b.missing_count === 1 ? "" : "s",
+            " not found"
+          ] })
+        ] }),
+        b.members.map((m) => /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Text,
+          {
+            size: "small",
+            className: "text-ui-fg-subtle pl-3",
+            children: [
+              m.quantity,
+              "× ",
+              m.product_title ?? "—",
+              m.title ? ` · ${m.title}` : "",
+              m.status === "missing" ? " — variant not found" : m.status === "active" || m.status === "unknown" ? "" : ` — ${m.status.replace(/_/g, " ")}`
+            ]
+          },
+          m.variant_id
+        ))
+      ] }, b.variant_id))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Mockup prompts" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Paste these into an image model. Printful’s own generator renders a product on a plain background — right for a catalogue thumbnail, not for an editorial mockup." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: style, onValueChange: setStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { className: "w-40", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Style" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: styles.map((s) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: s.id, children: s.label }, s.id)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            className: "flex-1 min-w-64",
+            placeholder: "What is the artwork? (optional)",
+            value: artwork,
+            onChange: (e) => setArtwork(e.target.value)
+          }
+        )
+      ] }),
+      promptProducts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: loading ? "Loading…" : "No prompts yet. Run a sync so products carry design parameters." }) : promptProducts.map((p) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: p.title }),
+        p.prompts.map((prompt, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex items-start gap-2 rounded-md border border-ui-border-base p-2",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: prompt.label }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: prompt.text })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Copy, { content: prompt.text })
+            ]
+          },
+          `${p.product_id}-${i}`
+        ))
+      ] }, p.product_id))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Recent syncs" }),
+      syncs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: loading ? "Loading…" : "No syncs yet." }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Started" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Status" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Result" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: syncs.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: row.started_at ? new Date(row.started_at).toLocaleString() : "—" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: STATUS_COLOUR[row.status] ?? "grey", children: row.status }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: row.status === "running" ? `${row.products_processed ?? 0} of ${row.products_total ?? "?"}` : `${row.products_created ?? 0} created · ${row.products_updated ?? 0} updated · ${row.products_failed ?? 0} failed` })
+        ] }, row.id)) })
+      ] })
+    ] })
+  ] });
+};
+const config = adminSdk.defineRouteConfig({
+  label: "Printful"
+});
 const i18nTranslations0 = {};
 const widgetModule = { widgets: [
   {
@@ -321,10 +662,25 @@ const widgetModule = { widgets: [
   }
 ] };
 const routeModule = {
-  routes: []
+  routes: [
+    {
+      Component: PrintfulPage,
+      path: "/printful",
+      handle: { label: config.label, translationNs: config.translationNs }
+    }
+  ]
 };
 const menuItemModule = {
-  menuItems: []
+  menuItems: [
+    {
+      label: config.label,
+      icon: void 0,
+      path: "/printful",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    }
+  ]
 };
 const formModule = { customFields: {} };
 const displayModule = {