@liiift-studio/deploy-vercel-from-sanity 1.0.5 → 1.0.7

package/dist/index.js

@@ -35,6 +35,7 @@ var import_icons5 = require("@sanity/icons");
 
 // src/components/DeployItem.tsx
 var import_react2 = require("react");
+var import_react_dom = require("react-dom");
 var import_ui3 = require("@sanity/ui");
 var import_icons2 = require("@sanity/icons");
 
@@ -288,7 +289,6 @@ 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);
@@ -321,9 +321,6 @@ 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;
@@ -361,16 +358,16 @@ function DeployItem({ target, token, onDelete, onEdit }) {
     };
   }, [isActive, latest?.created]);
   const deploy = (0, import_react2.useCallback)(() => {
-    setDeployError(null);
-    setClicked(true);
-    setTriggering(true);
+    (0, import_react_dom.flushSync)(() => {
+      setDeployError(null);
+      setTriggering(true);
+    });
     void (async () => {
       try {
         await triggerDeploy(target.url);
         setTimeout(fetchDeployments, 2e3);
       } catch (err) {
         setTriggering(false);
-        setClicked(false);
         setDeployError(err instanceof Error ? err.message : "Deploy failed");
       }
     })();
@@ -700,7 +697,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               text: "Deploy",
               tone: "primary",
               loading: triggering,
-              disabled: isActive || clicked,
+              disabled: isActive,
               onClick: deploy,
               style: {
                 flex: 1,
@@ -940,7 +937,7 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
 }
 
 // src/version.ts
-var VERSION = "1.0.0";
+var VERSION = "1.0.7";
 
 // src/components/DeployTool.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -21,6 +21,7 @@ import { TokenIcon, TrashIcon as TrashIcon2, WarningOutlineIcon as WarningOutlin
 
 // src/components/DeployItem.tsx
 import { useState as useState2, useEffect as useEffect2, useCallback as useCallback2, useRef } from "react";
+import { flushSync } from "react-dom";
 import {
   Card as Card2,
   Box as Box2,
@@ -310,7 +311,6 @@ 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);
@@ -343,9 +343,6 @@ 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;
@@ -383,16 +380,16 @@ function DeployItem({ target, token, onDelete, onEdit }) {
     };
   }, [isActive, latest?.created]);
   const deploy = useCallback2(() => {
-    setDeployError(null);
-    setClicked(true);
-    setTriggering(true);
+    flushSync(() => {
+      setDeployError(null);
+      setTriggering(true);
+    });
     void (async () => {
       try {
         await triggerDeploy(target.url);
         setTimeout(fetchDeployments, 2e3);
       } catch (err) {
         setTriggering(false);
-        setClicked(false);
         setDeployError(err instanceof Error ? err.message : "Deploy failed");
       }
     })();
@@ -722,7 +719,7 @@ function DeployItem({ target, token, onDelete, onEdit }) {
               text: "Deploy",
               tone: "primary",
               loading: triggering,
-              disabled: isActive || clicked,
+              disabled: isActive,
               onClick: deploy,
               style: {
                 flex: 1,
@@ -973,7 +970,7 @@ function DeployTargetForm({ initial, onSaved, onClose }) {
 }
 
 // src/version.ts
-var VERSION = "1.0.0";
+var VERSION = "1.0.7";
 
 // src/components/DeployTool.tsx
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liiift-studio/deploy-vercel-from-sanity",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "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

@@ -1,5 +1,6 @@
 // Per-deploy-target card — shows status, build timer, history, cancel, deploy, copy URL, and error logs
 import { useState, useEffect, useCallback, useRef } from 'react'
+import { flushSync } from 'react-dom'
 import {
 	Card, Box, Stack, Flex, Text, Button, Tooltip, Badge, Spinner,
 	MenuButton, Menu, MenuItem, Code, useToast,
@@ -31,7 +32,6 @@ 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)
@@ -71,12 +71,7 @@ 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 ─────────────────────────────────────────────────
+	//── Deploy-complete toast ─────────────────────────────────────────────────
 	const prevStateRef = useRef<string | undefined>(undefined)
 	useEffect(() => {
 		const current = latest?.state
@@ -117,16 +112,16 @@ export function DeployItem({ target, token, onDelete, onEdit }: DeployItemProps)
 
 	// ── Actions ───────────────────────────────────────────────────────────────
 	const deploy = useCallback(() => {
-		setDeployError(null)
-		setClicked(true)
-		setTriggering(true)
+		flushSync(() => {
+			setDeployError(null)
+			setTriggering(true)
+		})
 		void (async () => {
 			try {
 				await triggerDeploy(target.url)
 				setTimeout(fetchDeployments, 2000)
 			} catch (err) {
 				setTriggering(false)
-				setClicked(false)
 				setDeployError(err instanceof Error ? err.message : 'Deploy failed')
 			}
 		})()
@@ -568,7 +563,7 @@ export function DeployItem({ target, token, onDelete, onEdit }: DeployItemProps)
 							text="Deploy"
 							tone="primary"
 							loading={triggering}
-							disabled={isActive || clicked}
+							disabled={isActive}
 							onClick={deploy}
 							style={{
 								flex: 1,

package/src/version.ts

@@ -1,2 +1,2 @@
 // Package version — keep in sync with package.json
-export const VERSION = '1.0.0'
+export const VERSION = '1.0.7'