@liiift-studio/deploy-vercel-from-sanity 1.0.3 → 1.0.4

package/dist/index.js

@@ -288,6 +288,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   const [deployments, setDeployments] = (0, import_react2.useState)([]);
   const [loadingInitial, setLoadingInitial] = (0, import_react2.useState)(true);
   const [triggering, setTriggering] = (0, import_react2.useState)(false);
+  const [clicked, setClicked] = (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);
@@ -320,6 +321,9 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   (0, import_react2.useEffect)(() => {
     if (triggering && latest && latest.state !== void 0) setTriggering(false);
   }, [triggering, latest]);
+  (0, import_react2.useEffect)(() => {
+    if (triggering) setClicked(false);
+  }, [triggering]);
   const prevStateRef = (0, import_react2.useRef)(void 0);
   (0, import_react2.useEffect)(() => {
     const current = latest?.state;
@@ -358,6 +362,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   }, [isActive, latest?.created]);
   const deploy = (0, import_react2.useCallback)(() => {
     setDeployError(null);
+    setClicked(true);
     setTriggering(true);
     void (async () => {
       try {
@@ -365,6 +370,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
         setTimeout(fetchDeployments, 2e3);
       } catch (err) {
         setTriggering(false);
+        setClicked(false);
         setDeployError(err instanceof Error ? err.message : "Deploy failed");
       }
     })();
@@ -448,7 +454,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                   }
                 ),
                 isActive && elapsed > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Flex, { align: "center", gap: 1, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Spinner, { muted: true }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Spinner, { muted: true, style: { marginLeft: 4 } }),
                   /* @__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 }) : null
               ] })
@@ -694,7 +700,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               text: "Deploy",
               tone: "primary",
               loading: triggering,
-              disabled: isActive,
+              disabled: isActive || clicked,
               onClick: deploy,
               style: {
                 flex: 1,

package/dist/index.mjs

@@ -310,6 +310,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   const [deployments, setDeployments] = useState2([]);
   const [loadingInitial, setLoadingInitial] = useState2(true);
   const [triggering, setTriggering] = useState2(false);
+  const [clicked, setClicked] = useState2(false);
   const [canceling, setCanceling] = useState2(false);
   const [deployError, setDeployError] = useState2(null);
   const [showHistory, setShowHistory] = useState2(false);
@@ -342,6 +343,9 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   useEffect2(() => {
     if (triggering && latest && latest.state !== void 0) setTriggering(false);
   }, [triggering, latest]);
+  useEffect2(() => {
+    if (triggering) setClicked(false);
+  }, [triggering]);
   const prevStateRef = useRef(void 0);
   useEffect2(() => {
     const current = latest?.state;
@@ -380,6 +384,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
   }, [isActive, latest?.created]);
   const deploy = useCallback2(() => {
     setDeployError(null);
+    setClicked(true);
     setTriggering(true);
     void (async () => {
       try {
@@ -387,6 +392,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
         setTimeout(fetchDeployments, 2e3);
       } catch (err) {
         setTriggering(false);
+        setClicked(false);
         setDeployError(err instanceof Error ? err.message : "Deploy failed");
       }
     })();
@@ -470,7 +476,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
                   }
                 ),
                 isActive && elapsed > 0 ? /* @__PURE__ */ jsxs3(Flex3, { align: "center", gap: 1, children: [
-                  /* @__PURE__ */ jsx3(Spinner3, { muted: true }),
+                  /* @__PURE__ */ jsx3(Spinner3, { muted: true, style: { marginLeft: 4 } }),
                   /* @__PURE__ */ jsx3(Text2, { size: 1, muted: true, children: formatDuration(elapsed) })
                 ] }) : !isActive && deployedAt ? /* @__PURE__ */ jsx3(Text2, { size: 1, muted: true, children: deployedAt }) : null
               ] })
@@ -716,7 +722,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               text: "Deploy",
               tone: "primary",
               loading: triggering,
-              disabled: isActive,
+              disabled: isActive || clicked,
               onClick: deploy,
               style: {
                 flex: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liiift-studio/deploy-vercel-from-sanity",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Sanity Studio plugin — trigger and monitor Vercel deployments with full status, history, and build logs. Supports v3, v4, and v5.",
   "license": "MIT",
   "author": "Liiift Studio",

package/src/components/DeployItem.tsx

@@ -31,6 +31,7 @@ export function DeployItem({ target, token, onDelete, onEdit }: DeployItemProps)
 	const [deployments, setDeployments]      = useState<VercelDeployment[]>([])
 	const [loadingInitial, setLoadingInitial] = useState(true)
 	const [triggering, setTriggering]        = useState(false)
+	const [clicked, setClicked]              = useState(false)
 	const [canceling, setCanceling]          = useState(false)
 	const [deployError, setDeployError]      = useState<string | null>(null)
 	const [showHistory, setShowHistory]      = useState(false)
@@ -70,6 +71,11 @@ export function DeployItem({ target, token, onDelete, onEdit }: DeployItemProps)
 		if (triggering && latest && latest.state !== undefined) setTriggering(false)
 	}, [triggering, latest])
 
+	// Clear clicked once triggering has propagated — loading animation takes over
+	useEffect(() => {
+		if (triggering) setClicked(false)
+	}, [triggering])
+
 	// ── Deploy-complete toast ─────────────────────────────────────────────────
 	const prevStateRef = useRef<string | undefined>(undefined)
 	useEffect(() => {
@@ -112,6 +118,7 @@ export function DeployItem({ target, token, onDelete, onEdit }: DeployItemProps)
 	// ── Actions ───────────────────────────────────────────────────────────────
 	const deploy = useCallback(() => {
 		setDeployError(null)
+		setClicked(true)
 		setTriggering(true)
 		void (async () => {
 			try {
@@ -119,6 +126,7 @@ export function DeployItem({ target, token, onDelete, onEdit }: DeployItemProps)
 				setTimeout(fetchDeployments, 2000)
 			} catch (err) {
 				setTriggering(false)
+				setClicked(false)
 				setDeployError(err instanceof Error ? err.message : 'Deploy failed')
 			}
 		})()
@@ -233,7 +241,7 @@ export function DeployItem({ target, token, onDelete, onEdit }: DeployItemProps)
 											)}
 											{isActive && elapsed > 0 ? (
 												<Flex align="center" gap={1}>
-													<Spinner muted />
+													<Spinner muted style={{ marginLeft: 4 }} />
 													<Text size={1} muted>{formatDuration(elapsed)}</Text>
 												</Flex>
 											) : (!isActive && deployedAt) ? (
@@ -560,7 +568,7 @@ export function DeployItem({ target, token, onDelete, onEdit }: DeployItemProps)
 							text="Deploy"
 							tone="primary"
 							loading={triggering}
-							disabled={isActive}
+							disabled={isActive || clicked}
 							onClick={deploy}
 							style={{
 								flex: 1,