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

package/dist/index.mjs

@@ -0,0 +1,791 @@
+// src/index.ts
+import { definePlugin } from "sanity";
+import { RocketIcon as RocketIcon4 } from "@sanity/icons";
+
+// src/components/DeployTool.tsx
+import { useState as useState4, useEffect as useEffect3, useCallback as useCallback4 } from "react";
+import { useClient as useClient2 } from "sanity";
+import {
+  Card as Card4,
+  Box as Box4,
+  Stack as Stack4,
+  Flex as Flex5,
+  Text as Text4,
+  Heading as Heading2,
+  Spinner as Spinner4,
+  Button as Button4,
+  Dialog as Dialog2,
+  useToast
+} from "@sanity/ui";
+import { RocketIcon as RocketIcon2, KeyIcon as KeyIcon2, TrashIcon as TrashIcon2, WarningOutlineIcon } from "@sanity/icons";
+
+// src/components/DeployItem.tsx
+import { useState as useState2, useEffect as useEffect2, useCallback as useCallback2, useRef } from "react";
+import {
+  Card as Card2,
+  Box as Box2,
+  Stack as Stack2,
+  Flex as Flex3,
+  Text as Text2,
+  Button as Button2,
+  Tooltip,
+  Badge as Badge3,
+  Spinner as Spinner3,
+  MenuButton,
+  Menu,
+  MenuItem
+} from "@sanity/ui";
+import {
+  RocketIcon,
+  ClockIcon,
+  HistoryIcon,
+  TrashIcon,
+  EllipsisVerticalIcon,
+  LaunchIcon as LaunchIcon2
+} from "@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
+import { Badge, Spinner, Flex } from "@sanity/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function StatusBadge({ state, showSpinner }) {
+  const { label, tone } = stateLabel(state);
+  const spinning = showSpinner && (state === "QUEUED" || state === "INITIALIZING" || state === "BUILDING");
+  return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+    spinning && /* @__PURE__ */ jsx(Spinner, { muted: true }),
+    /* @__PURE__ */ jsx(Badge, { tone, mode: "outline", children: label })
+  ] });
+}
+
+// src/components/DeployHistory.tsx
+import { useEffect, useState, useCallback } from "react";
+import {
+  Dialog,
+  Card,
+  Box,
+  Stack,
+  Flex as Flex2,
+  Text,
+  Badge as Badge2,
+  Spinner as Spinner2,
+  Button
+} from "@sanity/ui";
+import { LaunchIcon, CloseIcon } from "@sanity/icons";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function DeployHistory({ target, token, onClose }) {
+  const [deployments, setDeployments] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const { projectId, hookId } = parseHookUrl(target.url);
+  const load = 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]);
+  useEffect(() => {
+    load();
+  }, [load]);
+  return /* @__PURE__ */ jsx2(
+    Dialog,
+    {
+      header: `${target.name} \u2014 Deployment History`,
+      id: "deploy-history",
+      onClose,
+      width: 2,
+      footer: /* @__PURE__ */ jsx2(Box, { padding: 3, children: /* @__PURE__ */ jsx2(Button, { text: "Close", icon: CloseIcon, mode: "ghost", onClick: onClose }) }),
+      children: /* @__PURE__ */ jsxs2(Box, { padding: 4, children: [
+        loading && /* @__PURE__ */ jsx2(Flex2, { justify: "center", padding: 6, children: /* @__PURE__ */ jsx2(Spinner2, { muted: true }) }),
+        error && /* @__PURE__ */ jsx2(Card, { tone: "critical", padding: 4, radius: 2, children: /* @__PURE__ */ jsx2(Text, { size: 1, children: error }) }),
+        !loading && !error && deployments.length === 0 && /* @__PURE__ */ jsx2(Card, { tone: "transparent", padding: 4, children: /* @__PURE__ */ jsx2(Text, { size: 1, muted: true, align: "center", children: "No deployments found for this hook." }) }),
+        !loading && deployments.length > 0 && /* @__PURE__ */ jsxs2(Stack, { space: 2, children: [
+          /* @__PURE__ */ jsx2(Card, { padding: 3, radius: 2, tone: "transparent", children: /* @__PURE__ */ jsxs2(Flex2, { gap: 3, children: [
+            /* @__PURE__ */ jsx2(Box, { flex: 2, children: /* @__PURE__ */ jsx2(Text, { size: 0, weight: "semibold", muted: true, children: "Preview URL" }) }),
+            /* @__PURE__ */ jsx2(Box, { flex: 1, children: /* @__PURE__ */ jsx2(Text, { size: 0, weight: "semibold", muted: true, children: "Status" }) }),
+            /* @__PURE__ */ jsx2(Box, { flex: 2, children: /* @__PURE__ */ jsx2(Text, { size: 0, weight: "semibold", muted: true, children: "Branch \xB7 Commit" }) }),
+            /* @__PURE__ */ jsx2(Box, { flex: 1, children: /* @__PURE__ */ jsx2(Text, { size: 0, weight: "semibold", muted: true, children: "Deployed" }) }),
+            /* @__PURE__ */ jsx2(Box, { style: { width: 64 }, children: /* @__PURE__ */ jsx2(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__ */ jsx2(Card, { padding: 3, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs2(Flex2, { gap: 3, align: "center", children: [
+              /* @__PURE__ */ jsx2(Box, { flex: 2, style: { overflow: "hidden" }, children: d.url ? /* @__PURE__ */ jsx2(
+                "a",
+                {
+                  href: `https://${d.url}`,
+                  target: "_blank",
+                  rel: "noreferrer",
+                  style: { color: "inherit" },
+                  children: /* @__PURE__ */ jsx2(Text, { size: 1, style: { textDecoration: "underline" }, children: d.url.length > 36 ? `${d.url.slice(0, 36)}\u2026` : d.url })
+                }
+              ) : /* @__PURE__ */ jsx2(Text, { size: 1, muted: true, children: "\u2014" }) }),
+              /* @__PURE__ */ jsx2(Box, { flex: 1, children: /* @__PURE__ */ jsx2(Badge2, { tone, mode: "outline", children: label }) }),
+              /* @__PURE__ */ jsx2(Box, { flex: 2, style: { overflow: "hidden" }, children: /* @__PURE__ */ jsxs2(Stack, { space: 1, children: [
+                /* @__PURE__ */ jsx2(Text, { size: 1, children: branch }),
+                sha && /* @__PURE__ */ jsxs2(Text, { size: 0, muted: true, children: [
+                  sha,
+                  message ? ` \xB7 ${message.slice(0, 40)}${message.length > 40 ? "\u2026" : ""}` : ""
+                ] })
+              ] }) }),
+              /* @__PURE__ */ jsx2(Box, { flex: 1, children: /* @__PURE__ */ jsx2(Text, { size: 1, muted: true, children: timeAgo(d.created) }) }),
+              /* @__PURE__ */ jsx2(Box, { style: { width: 64 }, children: safeHref(d.inspectorUrl) ? /* @__PURE__ */ jsx2("a", { href: safeHref(d.inspectorUrl), target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx2(
+                Button,
+                {
+                  text: "Logs",
+                  mode: "ghost",
+                  tone: "default",
+                  icon: LaunchIcon,
+                  style: { fontSize: "12px" }
+                }
+              ) }) : /* @__PURE__ */ jsx2(Text, { size: 1, muted: true, children: "\u2014" }) })
+            ] }) }, d.uid);
+          })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/DeployItem.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var POLL_INTERVAL_MS = 5e3;
+function DeployItem({ target, token, onDelete }) {
+  const { projectId, hookId } = parseHookUrl(target.url);
+  const [deployments, setDeployments] = useState2([]);
+  const [loadingInitial, setLoadingInitial] = useState2(true);
+  const [triggering, setTriggering] = useState2(false);
+  const [canceling, setCanceling] = useState2(false);
+  const [deployError, setDeployError] = useState2(null);
+  const [showHistory, setShowHistory] = useState2(false);
+  const [elapsed, setElapsed] = useState2(0);
+  const latest = deployments[0];
+  const isActive = triggering || isActiveState(latest?.state);
+  const fetchDeployments = useCallback2(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]);
+  useEffect2(() => {
+    fetchDeployments().finally(() => setLoadingInitial(false));
+  }, [fetchDeployments]);
+  useEffect2(() => {
+    if (!isActive) return;
+    const id = setInterval(fetchDeployments, POLL_INTERVAL_MS);
+    return () => clearInterval(id);
+  }, [isActive, fetchDeployments]);
+  useEffect2(() => {
+    if (triggering && latest && latest.state !== void 0) {
+      setTriggering(false);
+    }
+  }, [triggering, latest]);
+  const timerRef = useRef(null);
+  useEffect2(() => {
+    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 = useCallback2(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 = useCallback2(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__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(Card2, { padding: 4, radius: 2, shadow: 1, tone: "default", children: /* @__PURE__ */ jsxs3(Stack2, { space: 4, children: [
+      /* @__PURE__ */ jsxs3(Flex3, { align: "flex-start", justify: "space-between", gap: 3, children: [
+        /* @__PURE__ */ jsxs3(Stack2, { space: 2, flex: 1, children: [
+          /* @__PURE__ */ jsx3(Text2, { size: 2, weight: "semibold", children: target.name }),
+          /* @__PURE__ */ jsxs3(Flex3, { gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx3(Text2, { size: 0, muted: true, children: projectId ? `${projectId.slice(0, 18)}\u2026` : "\u2014" }),
+            /* @__PURE__ */ jsx3(Text2, { size: 0, muted: true, children: "\xB7" }),
+            /* @__PURE__ */ jsxs3(Text2, { size: 0, muted: true, children: [
+              "Hook: ",
+              hookId || "\u2014"
+            ] }),
+            target.teamId && /* @__PURE__ */ jsxs3(Fragment, { children: [
+              /* @__PURE__ */ jsx3(Text2, { size: 0, muted: true, children: "\xB7" }),
+              /* @__PURE__ */ jsxs3(Text2, { size: 0, muted: true, children: [
+                "Team: ",
+                target.teamId
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx3(
+          MenuButton,
+          {
+            button: /* @__PURE__ */ jsx3(Button2, { mode: "ghost", icon: EllipsisVerticalIcon }),
+            id: `menu-${target._id}`,
+            menu: /* @__PURE__ */ jsxs3(Menu, { children: [
+              /* @__PURE__ */ jsx3(
+                MenuItem,
+                {
+                  text: "History",
+                  icon: HistoryIcon,
+                  onClick: () => setShowHistory(true)
+                }
+              ),
+              safeHref(latest?.inspectorUrl) && /* @__PURE__ */ jsx3(
+                MenuItem,
+                {
+                  text: "Build logs",
+                  icon: LaunchIcon2,
+                  as: "a",
+                  href: safeHref(latest?.inspectorUrl),
+                  target: "_blank",
+                  rel: "noreferrer"
+                }
+              ),
+              !target.disableDeleteAction && /* @__PURE__ */ jsx3(
+                MenuItem,
+                {
+                  text: "Delete",
+                  icon: TrashIcon,
+                  tone: "critical",
+                  onClick: () => onDelete(target)
+                }
+              )
+            ] }),
+            popover: { placement: "bottom-end" }
+          }
+        )
+      ] }),
+      loadingInitial ? /* @__PURE__ */ jsxs3(Flex3, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx3(Spinner3, { muted: true }),
+        /* @__PURE__ */ jsx3(Text2, { size: 1, muted: true, children: "Loading\u2026" })
+      ] }) : /* @__PURE__ */ jsxs3(Stack2, { space: 3, children: [
+        /* @__PURE__ */ jsxs3(Flex3, { align: "center", gap: 3, wrap: "wrap", children: [
+          triggering ? /* @__PURE__ */ jsxs3(Flex3, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx3(Spinner3, { muted: true }),
+            /* @__PURE__ */ jsx3(Badge3, { tone: "caution", mode: "outline", children: "Triggering\u2026" })
+          ] }) : /* @__PURE__ */ jsx3(StatusBadge, { state: latest?.state, showSpinner: true }),
+          isActive && elapsed > 0 && /* @__PURE__ */ jsxs3(Flex3, { align: "center", gap: 1, children: [
+            /* @__PURE__ */ jsx3(ClockIcon, {}),
+            /* @__PURE__ */ jsx3(Text2, { size: 1, muted: true, children: formatDuration(elapsed) })
+          ] }),
+          !isActive && deployedAt && /* @__PURE__ */ jsx3(Text2, { size: 1, muted: true, children: deployedAt }),
+          branch && /* @__PURE__ */ jsxs3(Fragment, { children: [
+            /* @__PURE__ */ jsx3(Text2, { size: 1, muted: true, children: "\xB7" }),
+            /* @__PURE__ */ jsx3(Badge3, { tone: "default", mode: "outline", children: branch })
+          ] }),
+          sha && /* @__PURE__ */ jsx3(
+            Tooltip,
+            {
+              content: /* @__PURE__ */ jsx3(Box2, { padding: 2, children: /* @__PURE__ */ jsx3(Text2, { size: 1, children: commitMsg ?? sha }) }),
+              portal: true,
+              children: /* @__PURE__ */ jsx3(Text2, { size: 1, muted: true, style: { cursor: "default" }, children: sha })
+            }
+          ),
+          creator && /* @__PURE__ */ jsxs3(Text2, { size: 1, muted: true, children: [
+            "by ",
+            creator
+          ] }),
+          latest?.url && latest.state === "READY" && /* @__PURE__ */ jsx3(
+            "a",
+            {
+              href: `https://${latest.url}`,
+              target: "_blank",
+              rel: "noreferrer",
+              style: { color: "inherit" },
+              children: /* @__PURE__ */ jsxs3(Flex3, { align: "center", gap: 1, children: [
+                /* @__PURE__ */ jsx3(LaunchIcon2, {}),
+                /* @__PURE__ */ jsx3(Text2, { size: 1, children: "Preview" })
+              ] })
+            }
+          )
+        ] }),
+        deployError && /* @__PURE__ */ jsx3(Card2, { tone: "critical", padding: 2, radius: 2, children: /* @__PURE__ */ jsx3(Text2, { size: 1, children: deployError }) })
+      ] }),
+      /* @__PURE__ */ jsxs3(Flex3, { align: "center", justify: "flex-end", gap: 2, children: [
+        isActiveState(latest?.state) && /* @__PURE__ */ jsx3(
+          Button2,
+          {
+            text: "Cancel",
+            mode: "ghost",
+            tone: "critical",
+            loading: canceling,
+            disabled: canceling,
+            onClick: cancel
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Button2,
+          {
+            text: "Deploy",
+            tone: "primary",
+            icon: RocketIcon,
+            loading: triggering,
+            disabled: isActive,
+            onClick: deploy
+          }
+        )
+      ] })
+    ] }) }),
+    showHistory && /* @__PURE__ */ jsx3(
+      DeployHistory,
+      {
+        target,
+        token,
+        onClose: () => setShowHistory(false)
+      }
+    )
+  ] });
+}
+
+// src/components/TokenSetup.tsx
+import { useState as useState3, useCallback as useCallback3 } from "react";
+import { useClient } from "sanity";
+import {
+  Card as Card3,
+  Stack as Stack3,
+  Text as Text3,
+  Heading,
+  TextInput,
+  Button as Button3,
+  Flex as Flex4
+} from "@sanity/ui";
+import { KeyIcon, CheckmarkCircleIcon } from "@sanity/icons";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var TOKEN_DOC_ID = "secrets.vercelDeploy";
+function TokenSetup({ onSaved }) {
+  const client = useClient({ apiVersion: "2025-01-01" });
+  const [token, setToken] = useState3("");
+  const [saving, setSaving] = useState3(false);
+  const [error, setError] = useState3(null);
+  const save = useCallback3(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__ */ jsx4(Card3, { height: "fill", tone: "transparent", children: /* @__PURE__ */ jsx4(Flex4, { align: "center", justify: "center", height: "fill", padding: 6, children: /* @__PURE__ */ jsx4(Card3, { padding: 5, radius: 3, shadow: 1, style: { maxWidth: 480, width: "100%" }, children: /* @__PURE__ */ jsxs4(Stack3, { space: 5, children: [
+    /* @__PURE__ */ jsxs4(Flex4, { align: "center", gap: 3, children: [
+      /* @__PURE__ */ jsx4(Text3, { size: 3, children: /* @__PURE__ */ jsx4(KeyIcon, {}) }),
+      /* @__PURE__ */ jsx4(Heading, { size: 2, children: "Connect to Vercel" })
+    ] }),
+    /* @__PURE__ */ jsxs4(Stack3, { space: 3, children: [
+      /* @__PURE__ */ jsxs4(Text3, { 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__ */ jsx4("code", { children: "secrets.*" }),
+        " document ID that is not publicly readable."
+      ] }),
+      /* @__PURE__ */ jsxs4(Text3, { size: 1, muted: true, children: [
+        "Create a token at",
+        " ",
+        /* @__PURE__ */ jsx4("strong", { children: "vercel.com \u2192 Settings \u2192 Tokens" }),
+        ". Choose ",
+        /* @__PURE__ */ jsx4("strong", { children: "Full Account" }),
+        " scope."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs4(Stack3, { space: 3, children: [
+      /* @__PURE__ */ jsx4(Text3, { size: 1, weight: "semibold", children: "Vercel API Token" }),
+      /* @__PURE__ */ jsx4(
+        TextInput,
+        {
+          value: token,
+          onChange: (e) => setToken(e.target.value),
+          placeholder: "xxxxxxxxxxxxxxxxxxxxxxxx",
+          type: "password"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx4(Card3, { tone: "critical", padding: 3, radius: 2, children: /* @__PURE__ */ jsx4(Text3, { size: 1, children: error }) }),
+    /* @__PURE__ */ jsx4(
+      Button3,
+      {
+        text: "Save and connect",
+        tone: "primary",
+        icon: CheckmarkCircleIcon,
+        loading: saving,
+        disabled: !token.trim() || saving,
+        onClick: save
+      }
+    )
+  ] }) }) }) });
+}
+
+// src/components/DeployTool.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var TOKEN_QUERY = `*[_id == "secrets.vercelDeploy"][0].accessToken`;
+var TARGETS_QUERY = `*[_type == "vercel_deploy"] | order(_createdAt asc)`;
+function DeployTool() {
+  const client = useClient2({ apiVersion: "2025-01-01" });
+  const toast = useToast();
+  const [token, setToken] = useState4(null);
+  const [targets, setTargets] = useState4([]);
+  const [loading, setLoading] = useState4(true);
+  const [showTokenSetup, setShowTokenSetup] = useState4(false);
+  const [pendingDelete, setPendingDelete] = useState4(null);
+  const [deleting, setDeleting] = useState4(false);
+  const load = useCallback4(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]);
+  useEffect3(() => {
+    load();
+  }, [load]);
+  useEffect3(() => {
+    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 = useCallback4(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__ */ jsx5(Card4, { height: "fill", tone: "transparent", children: /* @__PURE__ */ jsx5(Flex5, { align: "center", justify: "center", height: "fill", children: /* @__PURE__ */ jsx5(Spinner4, { muted: true }) }) });
+  }
+  if (!token && !showTokenSetup) {
+    return /* @__PURE__ */ jsx5(TokenSetup, { onSaved: () => {
+      setShowTokenSetup(false);
+      load();
+    } });
+  }
+  if (showTokenSetup) {
+    return /* @__PURE__ */ jsx5(
+      TokenSetup,
+      {
+        onSaved: () => {
+          setShowTokenSetup(false);
+          load();
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs5(Card4, { height: "fill", tone: "transparent", children: [
+    /* @__PURE__ */ jsx5(Box4, { padding: 5, children: /* @__PURE__ */ jsxs5(Stack4, { space: 5, children: [
+      /* @__PURE__ */ jsxs5(Flex5, { align: "center", justify: "space-between", children: [
+        /* @__PURE__ */ jsxs5(Flex5, { align: "center", gap: 3, children: [
+          /* @__PURE__ */ jsx5(RocketIcon2, {}),
+          /* @__PURE__ */ jsx5(Heading2, { size: 2, children: "Deploy" })
+        ] }),
+        /* @__PURE__ */ jsx5(
+          Button4,
+          {
+            text: "API Token",
+            mode: "ghost",
+            icon: KeyIcon2,
+            fontSize: 1,
+            onClick: () => setShowTokenSetup(true)
+          }
+        )
+      ] }),
+      targets.length === 0 && /* @__PURE__ */ jsx5(Card4, { padding: 5, radius: 2, tone: "transparent", shadow: 1, children: /* @__PURE__ */ jsxs5(Stack4, { space: 3, style: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx5(Text4, { size: 2, weight: "semibold", children: "No deploy targets configured" }),
+        /* @__PURE__ */ jsxs5(Text4, { size: 1, muted: true, children: [
+          "Create a ",
+          /* @__PURE__ */ jsx5("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__ */ jsx5(
+        DeployItem,
+        {
+          target,
+          token,
+          onDelete: setPendingDelete
+        },
+        target._id
+      ))
+    ] }) }),
+    pendingDelete && /* @__PURE__ */ jsx5(
+      Dialog2,
+      {
+        header: "Delete deploy target?",
+        id: "confirm-delete",
+        onClose: () => setPendingDelete(null),
+        width: 1,
+        footer: /* @__PURE__ */ jsxs5(Flex5, { padding: 3, gap: 2, justify: "flex-end", children: [
+          /* @__PURE__ */ jsx5(
+            Button4,
+            {
+              text: "Cancel",
+              mode: "ghost",
+              onClick: () => setPendingDelete(null)
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            Button4,
+            {
+              text: "Delete",
+              tone: "critical",
+              icon: TrashIcon2,
+              loading: deleting,
+              disabled: deleting,
+              onClick: confirmDelete
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ jsx5(Box4, { padding: 4, children: /* @__PURE__ */ jsxs5(Stack4, { space: 3, children: [
+          /* @__PURE__ */ jsxs5(Flex5, { align: "center", gap: 2, children: [
+            /* @__PURE__ */ jsx5(WarningOutlineIcon, {}),
+            /* @__PURE__ */ jsx5(Text4, { size: 2, weight: "semibold", children: pendingDelete.name })
+          ] }),
+          /* @__PURE__ */ jsx5(Text4, { 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
+import { defineField, defineType } from "sanity";
+import { RocketIcon as RocketIcon3 } from "@sanity/icons";
+var vercelDeploySchema = defineType({
+  name: "vercel_deploy",
+  title: "Deploy Target",
+  type: "document",
+  icon: RocketIcon3,
+  fields: [
+    defineField({
+      name: "name",
+      title: "Name",
+      type: "string",
+      description: 'Display label shown in the Deploy tool (e.g. "Production", "Staging")',
+      validation: (Rule) => Rule.required()
+    }),
+    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;
+      })
+    }),
+    defineField({
+      name: "teamId",
+      title: "Vercel Team ID",
+      type: "string",
+      description: "Required for team-owned projects \u2014 find it in Vercel Team Settings"
+    }),
+    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 = 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 ?? RocketIcon4,
+        component: DeployTool
+      }
+    ]
+  };
+});
+export {
+  vercelDeploy,
+  vercelDeploySchema
+};