@liiift-studio/deploy-vercel-from-sanity 0.1.1

package/dist/index.js

@@ -0,0 +1,768 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  vercelDeploy: () => vercelDeploy,
+  vercelDeploySchema: () => vercelDeploySchema
+});
+module.exports = __toCommonJS(index_exports);
+var import_sanity4 = require("sanity");
+var import_icons6 = require("@sanity/icons");
+
+// src/components/DeployTool.tsx
+var import_react4 = require("react");
+var import_sanity2 = require("sanity");
+var import_ui5 = require("@sanity/ui");
+var import_icons4 = require("@sanity/icons");
+
+// src/components/DeployItem.tsx
+var import_react2 = require("react");
+var import_ui3 = require("@sanity/ui");
+var import_icons2 = require("@sanity/icons");
+
+// src/lib/api.ts
+var BASE = "https://api.vercel.com";
+async function vercelFetch(path, token, init) {
+  const res = await fetch(`${BASE}${path}`, {
+    ...init,
+    headers: {
+      Authorization: `Bearer ${token}`,
+      "Content-Type": "application/json",
+      ...init?.headers
+    }
+  });
+  if (!res.ok) {
+    const text = await res.text().catch(() => res.statusText);
+    throw new Error(`Vercel API ${res.status}: ${text}`);
+  }
+  return res.json();
+}
+async function listDeployments(opts) {
+  const params = new URLSearchParams({
+    projectId: opts.projectId,
+    "meta-deployHookId": opts.hookId,
+    limit: String(opts.limit ?? 10)
+  });
+  if (opts.teamId) params.set("teamId", opts.teamId);
+  const data = await vercelFetch(
+    `/v6/deployments?${params}`,
+    opts.token
+  );
+  return data.deployments ?? [];
+}
+async function cancelDeployment(opts) {
+  const params = opts.teamId ? `?teamId=${opts.teamId}` : "";
+  await vercelFetch(`/v12/deployments/${opts.deploymentId}/cancel${params}`, opts.token, {
+    method: "PATCH"
+  });
+}
+async function triggerDeploy(hookUrl) {
+  const res = await fetch(hookUrl, { method: "POST" });
+  if (!res.ok) throw new Error(`Deploy hook returned ${res.status}`);
+}
+
+// src/lib/helpers.ts
+function parseHookUrl(url) {
+  try {
+    const path = new URL(url).pathname;
+    const parts = path.split("/").filter(Boolean);
+    return {
+      projectId: parts[3] ?? "",
+      hookId: parts[4] ?? ""
+    };
+  } catch {
+    return { projectId: "", hookId: "" };
+  }
+}
+var ACTIVE_STATES = /* @__PURE__ */ new Set([
+  "QUEUED",
+  "INITIALIZING",
+  "BUILDING"
+]);
+function isActiveState(state) {
+  return !!state && ACTIVE_STATES.has(state);
+}
+function formatDuration(seconds) {
+  if (seconds < 60) return `${seconds}s`;
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${m}m ${s}s`;
+}
+function timeAgo(ms) {
+  const diff = Math.floor((Date.now() - ms) / 1e3);
+  if (diff < 60) return `${diff}s ago`;
+  if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;
+  if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`;
+  return `${Math.floor(diff / 86400)}d ago`;
+}
+function safeHref(url) {
+  if (!url) return void 0;
+  try {
+    const parsed = new URL(url);
+    if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return void 0;
+    return url;
+  } catch {
+    return void 0;
+  }
+}
+function shortSha(sha) {
+  return sha ? sha.slice(0, 7) : "";
+}
+function stateLabel(state) {
+  switch (state) {
+    case "READY":
+      return { label: "Ready", tone: "positive" };
+    case "BUILDING":
+      return { label: "Building", tone: "caution" };
+    case "QUEUED":
+      return { label: "Queued", tone: "caution" };
+    case "INITIALIZING":
+      return { label: "Initializing", tone: "caution" };
+    case "ERROR":
+      return { label: "Error", tone: "critical" };
+    case "CANCELED":
+      return { label: "Canceled", tone: "default" };
+    case "LOADING":
+      return { label: "Loading\u2026", tone: "default" };
+    default:
+      return { label: "Unknown", tone: "default" };
+  }
+}
+
+// src/components/StatusBadge.tsx
+var import_ui = require("@sanity/ui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function StatusBadge({ state, showSpinner }) {
+  const { label, tone } = stateLabel(state);
+  const spinning = showSpinner && (state === "QUEUED" || state === "INITIALIZING" || state === "BUILDING");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Flex, { align: "center", gap: 2, children: [
+    spinning && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Spinner, { muted: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Badge, { tone, mode: "outline", children: label })
+  ] });
+}
+
+// src/components/DeployHistory.tsx
+var import_react = require("react");
+var import_ui2 = require("@sanity/ui");
+var import_icons = require("@sanity/icons");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function DeployHistory({ target, token, onClose }) {
+  const [deployments, setDeployments] = (0, import_react.useState)([]);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(null);
+  const { projectId, hookId } = parseHookUrl(target.url);
+  const load = (0, import_react.useCallback)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await listDeployments({ projectId, hookId, token, teamId: target.teamId, limit: 10 });
+      setDeployments(data);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load history");
+    } finally {
+      setLoading(false);
+    }
+  }, [projectId, hookId, token, target.teamId]);
+  (0, import_react.useEffect)(() => {
+    load();
+  }, [load]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_ui2.Dialog,
+    {
+      header: `${target.name} \u2014 Deployment History`,
+      id: "deploy-history",
+      onClose,
+      width: 2,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { padding: 3, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Button, { text: "Close", icon: import_icons.CloseIcon, mode: "ghost", onClick: onClose }) }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Box, { padding: 4, children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Flex, { justify: "center", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Spinner, { muted: true }) }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Card, { tone: "critical", padding: 4, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 1, children: error }) }),
+        !loading && !error && deployments.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Card, { tone: "transparent", padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 1, muted: true, align: "center", children: "No deployments found for this hook." }) }),
+        !loading && deployments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Stack, { space: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Flex, { gap: 3, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 0, weight: "semibold", muted: true, children: "Preview URL" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 0, weight: "semibold", muted: true, children: "Status" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 0, weight: "semibold", muted: true, children: "Branch \xB7 Commit" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 0, weight: "semibold", muted: true, children: "Deployed" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { style: { width: 64 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 0, weight: "semibold", muted: true, children: "Logs" }) })
+          ] }) }),
+          deployments.map((d) => {
+            const { label, tone } = stateLabel(d.state);
+            const branch = d.meta?.githubCommitRef ?? "\u2014";
+            const sha = shortSha(d.meta?.githubCommitSha);
+            const message = d.meta?.githubCommitMessage?.split("\n")[0] ?? "";
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Card, { padding: 3, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Flex, { gap: 3, align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 2, style: { overflow: "hidden" }, children: d.url ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "a",
+                {
+                  href: `https://${d.url}`,
+                  target: "_blank",
+                  rel: "noreferrer",
+                  style: { color: "inherit" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 1, style: { textDecoration: "underline" }, children: d.url.length > 36 ? `${d.url.slice(0, 36)}\u2026` : d.url })
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 1, muted: true, children: "\u2014" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Badge, { tone, mode: "outline", children: label }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 2, style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Stack, { space: 1, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 1, children: branch }),
+                sha && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Text, { size: 0, muted: true, children: [
+                  sha,
+                  message ? ` \xB7 ${message.slice(0, 40)}${message.length > 40 ? "\u2026" : ""}` : ""
+                ] })
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 1, muted: true, children: timeAgo(d.created) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Box, { style: { width: 64 }, children: safeHref(d.inspectorUrl) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: safeHref(d.inspectorUrl), target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_ui2.Button,
+                {
+                  text: "Logs",
+                  mode: "ghost",
+                  tone: "default",
+                  icon: import_icons.LaunchIcon,
+                  style: { fontSize: "12px" }
+                }
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { size: 1, muted: true, children: "\u2014" }) })
+            ] }) }, d.uid);
+          })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/DeployItem.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var POLL_INTERVAL_MS = 5e3;
+function DeployItem({ target, token, onDelete }) {
+  const { projectId, hookId } = parseHookUrl(target.url);
+  const [deployments, setDeployments] = (0, import_react2.useState)([]);
+  const [loadingInitial, setLoadingInitial] = (0, import_react2.useState)(true);
+  const [triggering, setTriggering] = (0, import_react2.useState)(false);
+  const [canceling, setCanceling] = (0, import_react2.useState)(false);
+  const [deployError, setDeployError] = (0, import_react2.useState)(null);
+  const [showHistory, setShowHistory] = (0, import_react2.useState)(false);
+  const [elapsed, setElapsed] = (0, import_react2.useState)(0);
+  const latest = deployments[0];
+  const isActive = triggering || isActiveState(latest?.state);
+  const fetchDeployments = (0, import_react2.useCallback)(async () => {
+    if (!projectId || !hookId || !token) return;
+    try {
+      const data = await listDeployments({ projectId, hookId, token, teamId: target.teamId });
+      setDeployments(data);
+    } catch (err) {
+      console.error("deploy-vercel-from-sanity: fetch error", err);
+    }
+  }, [projectId, hookId, token, target.teamId]);
+  (0, import_react2.useEffect)(() => {
+    fetchDeployments().finally(() => setLoadingInitial(false));
+  }, [fetchDeployments]);
+  (0, import_react2.useEffect)(() => {
+    if (!isActive) return;
+    const id = setInterval(fetchDeployments, POLL_INTERVAL_MS);
+    return () => clearInterval(id);
+  }, [isActive, fetchDeployments]);
+  (0, import_react2.useEffect)(() => {
+    if (triggering && latest && latest.state !== void 0) {
+      setTriggering(false);
+    }
+  }, [triggering, latest]);
+  const timerRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    if (isActive) {
+      const start = latest?.created ?? Date.now();
+      setElapsed(Math.floor((Date.now() - start) / 1e3));
+      timerRef.current = setInterval(() => {
+        setElapsed(Math.floor((Date.now() - start) / 1e3));
+      }, 1e3);
+    } else {
+      setElapsed(0);
+      if (timerRef.current) clearInterval(timerRef.current);
+    }
+    return () => {
+      if (timerRef.current) clearInterval(timerRef.current);
+    };
+  }, [isActive, latest?.created]);
+  const deploy = (0, import_react2.useCallback)(async () => {
+    setDeployError(null);
+    setTriggering(true);
+    try {
+      await triggerDeploy(target.url);
+      setTimeout(fetchDeployments, 2e3);
+    } catch (err) {
+      setTriggering(false);
+      setDeployError(err instanceof Error ? err.message : "Deploy failed");
+    }
+  }, [target.url, fetchDeployments]);
+  const cancel = (0, import_react2.useCallback)(async () => {
+    if (!latest?.uid) return;
+    setCanceling(true);
+    try {
+      await cancelDeployment({ deploymentId: latest.uid, token, teamId: target.teamId });
+      await fetchDeployments();
+    } catch (err) {
+      console.error("deploy-vercel-from-sanity: cancel error", err);
+    } finally {
+      setCanceling(false);
+    }
+  }, [latest?.uid, token, target.teamId, fetchDeployments]);
+  const branch = latest?.meta?.githubCommitRef;
+  const commitMsg = latest?.meta?.githubCommitMessage?.split("\n")[0];
+  const sha = shortSha(latest?.meta?.githubCommitSha);
+  const creator = latest?.creator?.username;
+  const deployedAt = latest?.created ? timeAgo(latest.created) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Card, { padding: 4, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "flex-start", justify: "space-between", gap: 3, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 2, flex: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 2, weight: "semibold", children: target.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, children: projectId ? `${projectId.slice(0, 18)}\u2026` : "\u2014" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, children: "\xB7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Text, { size: 0, muted: true, children: [
+              "Hook: ",
+              hookId || "\u2014"
+            ] }),
+            target.teamId && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 0, muted: true, children: "\xB7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Text, { size: 0, muted: true, children: [
+                "Team: ",
+                target.teamId
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_ui3.MenuButton,
+          {
+            button: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Button, { mode: "ghost", icon: import_icons2.EllipsisVerticalIcon }),
+            id: `menu-${target._id}`,
+            menu: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Menu, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_ui3.MenuItem,
+                {
+                  text: "History",
+                  icon: import_icons2.HistoryIcon,
+                  onClick: () => setShowHistory(true)
+                }
+              ),
+              safeHref(latest?.inspectorUrl) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_ui3.MenuItem,
+                {
+                  text: "Build logs",
+                  icon: import_icons2.LaunchIcon,
+                  as: "a",
+                  href: safeHref(latest?.inspectorUrl),
+                  target: "_blank",
+                  rel: "noreferrer"
+                }
+              ),
+              !target.disableDeleteAction && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_ui3.MenuItem,
+                {
+                  text: "Delete",
+                  icon: import_icons2.TrashIcon,
+                  tone: "critical",
+                  onClick: () => onDelete(target)
+                }
+              )
+            ] }),
+            popover: { placement: "bottom-end" }
+          }
+        )
+      ] }),
+      loadingInitial ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Spinner, { muted: true }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: "Loading\u2026" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 3, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 3, wrap: "wrap", children: [
+          triggering ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Spinner, { muted: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Badge, { tone: "caution", mode: "outline", children: "Triggering\u2026" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StatusBadge, { state: latest?.state, showSpinner: true }),
+          isActive && elapsed > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.ClockIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: formatDuration(elapsed) })
+          ] }),
+          !isActive && deployedAt && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: deployedAt }),
+          branch && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, children: "\xB7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Badge, { tone: "default", mode: "outline", children: branch })
+          ] }),
+          sha && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_ui3.Tooltip,
+            {
+              content: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Box, { padding: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: commitMsg ?? sha }) }),
+              portal: true,
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, muted: true, style: { cursor: "default" }, children: sha })
+            }
+          ),
+          creator && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Text, { size: 1, muted: true, children: [
+            "by ",
+            creator
+          ] }),
+          latest?.url && latest.state === "READY" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "a",
+            {
+              href: `https://${latest.url}`,
+              target: "_blank",
+              rel: "noreferrer",
+              style: { color: "inherit" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.LaunchIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: "Preview" })
+              ] })
+            }
+          )
+        ] }),
+        deployError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Card, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { size: 1, children: deployError }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", justify: "flex-end", gap: 2, children: [
+        isActiveState(latest?.state) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_ui3.Button,
+          {
+            text: "Cancel",
+            mode: "ghost",
+            tone: "critical",
+            loading: canceling,
+            disabled: canceling,
+            onClick: cancel
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_ui3.Button,
+          {
+            text: "Deploy",
+            tone: "primary",
+            icon: import_icons2.RocketIcon,
+            loading: triggering,
+            disabled: isActive,
+            onClick: deploy
+          }
+        )
+      ] })
+    ] }) }),
+    showHistory && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      DeployHistory,
+      {
+        target,
+        token,
+        onClose: () => setShowHistory(false)
+      }
+    )
+  ] });
+}
+
+// src/components/TokenSetup.tsx
+var import_react3 = require("react");
+var import_sanity = require("sanity");
+var import_ui4 = require("@sanity/ui");
+var import_icons3 = require("@sanity/icons");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var TOKEN_DOC_ID = "secrets.vercelDeploy";
+function TokenSetup({ onSaved }) {
+  const client = (0, import_sanity.useClient)({ apiVersion: "2025-01-01" });
+  const [token, setToken] = (0, import_react3.useState)("");
+  const [saving, setSaving] = (0, import_react3.useState)(false);
+  const [error, setError] = (0, import_react3.useState)(null);
+  const save = (0, import_react3.useCallback)(async () => {
+    if (!token.trim()) return;
+    setSaving(true);
+    setError(null);
+    try {
+      await client.createOrReplace({
+        _id: TOKEN_DOC_ID,
+        _type: "vercelDeploy.config",
+        accessToken: token.trim()
+      });
+      onSaved();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to save token");
+    } finally {
+      setSaving(false);
+    }
+  }, [client, token, onSaved]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Flex, { align: "center", justify: "center", height: "fill", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Card, { padding: 5, radius: 3, shadow: 1, style: { maxWidth: 480, width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Stack, { space: 5, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Flex, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Text, { size: 3, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.KeyIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Heading, { size: 2, children: "Connect to Vercel" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Stack, { space: 3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Text, { size: 1, muted: true, children: [
+        "A Vercel API token is required to read deployment status, history, and build logs. Your token is stored securely in the Sanity dataset under a",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: "secrets.*" }),
+        " document ID that is not publicly readable."
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Text, { size: 1, muted: true, children: [
+        "Create a token at",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
+        ". Choose ",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Full Account" }),
+        " scope."
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Stack, { space: 3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Text, { size: 1, weight: "semibold", children: "Vercel API Token" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_ui4.TextInput,
+        {
+          value: token,
+          onChange: (e) => setToken(e.target.value),
+          placeholder: "xxxxxxxxxxxxxxxxxxxxxxxx",
+          type: "password"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Card, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Text, { size: 1, children: error }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_ui4.Button,
+      {
+        text: "Save and connect",
+        tone: "primary",
+        icon: import_icons3.CheckmarkCircleIcon,
+        loading: saving,
+        disabled: !token.trim() || saving,
+        onClick: save
+      }
+    )
+  ] }) }) }) });
+}
+
+// src/components/DeployTool.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var TOKEN_QUERY = `*[_id == "secrets.vercelDeploy"][0].accessToken`;
+var TARGETS_QUERY = `*[_type == "vercel_deploy"] | order(_createdAt asc)`;
+function DeployTool() {
+  const client = (0, import_sanity2.useClient)({ apiVersion: "2025-01-01" });
+  const toast = (0, import_ui5.useToast)();
+  const [token, setToken] = (0, import_react4.useState)(null);
+  const [targets, setTargets] = (0, import_react4.useState)([]);
+  const [loading, setLoading] = (0, import_react4.useState)(true);
+  const [showTokenSetup, setShowTokenSetup] = (0, import_react4.useState)(false);
+  const [pendingDelete, setPendingDelete] = (0, import_react4.useState)(null);
+  const [deleting, setDeleting] = (0, import_react4.useState)(false);
+  const load = (0, import_react4.useCallback)(async () => {
+    setLoading(true);
+    try {
+      const [fetchedToken, fetchedTargets] = await Promise.all([
+        client.fetch(TOKEN_QUERY),
+        client.fetch(TARGETS_QUERY)
+      ]);
+      setToken(fetchedToken ?? null);
+      setTargets(fetchedTargets);
+    } catch (err) {
+      console.error("deploy-vercel-from-sanity: load error", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [client]);
+  (0, import_react4.useEffect)(() => {
+    load();
+  }, [load]);
+  (0, import_react4.useEffect)(() => {
+    const sub = client.listen(TARGETS_QUERY).subscribe(() => {
+      client.fetch(TARGETS_QUERY).then(setTargets).catch((err) => {
+        console.error("deploy-vercel-from-sanity: subscription refresh error", err);
+      });
+    });
+    return () => sub.unsubscribe();
+  }, [client]);
+  const confirmDelete = (0, import_react4.useCallback)(async () => {
+    if (!pendingDelete) return;
+    setDeleting(true);
+    try {
+      await client.delete(pendingDelete._id);
+      setTargets((prev) => prev.filter((t) => t._id !== pendingDelete._id));
+      toast.push({ status: "success", title: `Deleted "${pendingDelete.name}"` });
+    } catch (err) {
+      toast.push({ status: "error", title: "Delete failed", description: String(err) });
+    } finally {
+      setDeleting(false);
+      setPendingDelete(null);
+    }
+  }, [client, pendingDelete, toast]);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Card, { height: "fill", tone: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Flex, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Spinner, { muted: true }) }) });
+  }
+  if (!token && !showTokenSetup) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TokenSetup, { onSaved: () => {
+      setShowTokenSetup(false);
+      load();
+    } });
+  }
+  if (showTokenSetup) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      TokenSetup,
+      {
+        onSaved: () => {
+          setShowTokenSetup(false);
+          load();
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Card, { height: "fill", tone: "transparent", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Box, { padding: 5, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 5, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", justify: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons4.RocketIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Heading, { size: 2, children: "Deploy" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_ui5.Button,
+          {
+            text: "API Token",
+            mode: "ghost",
+            icon: import_icons4.KeyIcon,
+            fontSize: 1,
+            onClick: () => setShowTokenSetup(true)
+          }
+        )
+      ] }),
+      targets.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Card, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 3, style: { textAlign: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Text, { size: 1, muted: true, children: [
+          "Create a ",
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "vercel_deploy" }),
+          " document in the dataset with a Vercel deploy hook URL, or add one via the Sanity CLI."
+        ] })
+      ] }) }),
+      token && targets.map((target) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        DeployItem,
+        {
+          target,
+          token,
+          onDelete: setPendingDelete
+        },
+        target._id
+      ))
+    ] }) }),
+    pendingDelete && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_ui5.Dialog,
+      {
+        header: "Delete deploy target?",
+        id: "confirm-delete",
+        onClose: () => setPendingDelete(null),
+        width: 1,
+        footer: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { padding: 3, gap: 2, justify: "flex-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_ui5.Button,
+            {
+              text: "Cancel",
+              mode: "ghost",
+              onClick: () => setPendingDelete(null)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_ui5.Button,
+            {
+              text: "Delete",
+              tone: "critical",
+              icon: import_icons4.TrashIcon,
+              loading: deleting,
+              disabled: deleting,
+              onClick: confirmDelete
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Box, { padding: 4, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 3, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Flex, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons4.WarningOutlineIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 2, weight: "semibold", children: pendingDelete.name })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { size: 1, muted: true, children: "This removes the deploy target from the dataset. The Vercel deploy hook itself is not affected." })
+        ] }) })
+      }
+    )
+  ] });
+}
+
+// src/schema/vercelDeploy.ts
+var import_sanity3 = require("sanity");
+var import_icons5 = require("@sanity/icons");
+var vercelDeploySchema = (0, import_sanity3.defineType)({
+  name: "vercel_deploy",
+  title: "Deploy Target",
+  type: "document",
+  icon: import_icons5.RocketIcon,
+  fields: [
+    (0, import_sanity3.defineField)({
+      name: "name",
+      title: "Name",
+      type: "string",
+      description: 'Display label shown in the Deploy tool (e.g. "Production", "Staging")',
+      validation: (Rule) => Rule.required()
+    }),
+    (0, import_sanity3.defineField)({
+      name: "url",
+      title: "Deploy Hook URL",
+      type: "url",
+      description: "From Vercel \u2192 Project Settings \u2192 Git \u2192 Deploy Hooks",
+      validation: (Rule) => Rule.required().uri({ scheme: ["https"] }).custom((url) => {
+        if (typeof url !== "string") return true;
+        if (!url.includes("api.vercel.com/v1/integrations/deploy/")) {
+          return "Must be a Vercel deploy hook URL (api.vercel.com/v1/integrations/deploy/\u2026)";
+        }
+        return true;
+      })
+    }),
+    (0, import_sanity3.defineField)({
+      name: "teamId",
+      title: "Vercel Team ID",
+      type: "string",
+      description: "Required for team-owned projects \u2014 find it in Vercel Team Settings"
+    }),
+    (0, import_sanity3.defineField)({
+      name: "disableDeleteAction",
+      title: "Prevent deletion",
+      type: "boolean",
+      description: "Lock this target so it cannot be deleted from the Studio",
+      initialValue: false
+    })
+  ],
+  preview: {
+    select: { title: "name", subtitle: "url" }
+  }
+});
+
+// src/index.ts
+var vercelDeploy = (0, import_sanity4.definePlugin)((options) => {
+  const config = options ?? {};
+  return {
+    name: "deploy-vercel-from-sanity",
+    schema: {
+      types: [vercelDeploySchema]
+    },
+    tools: [
+      {
+        name: config.name ?? "vercel-deploy",
+        title: config.title ?? "Deploy",
+        icon: config.icon ?? import_icons6.RocketIcon,
+        component: DeployTool
+      }
+    ]
+  };
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  vercelDeploy,
+  vercelDeploySchema
+});