@orange-soft/strapi-deployment-trigger 1.1.0 → 1.2.0

package/dist/_chunks/{App-CuSCtdH7.js → App-vIrt97zQ.js}

@@ -7,17 +7,22 @@ const react = require("react");
 const reactIntl = require("react-intl");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-DGatQB-9.js");
+const index = require("./index-w-vQ80Px.js");
 const getTranslation = (id) => `${index.PLUGIN_ID}.${id}`;
 const HomePage = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { get, post } = admin.useFetchClient();
+  const location = reactRouterDom.useLocation();
   const [status, setStatus] = react.useState(null);
   const [loading, setLoading] = react.useState(true);
   const [deployingTargetId, setDeployingTargetId] = react.useState(null);
   const [notification, setNotification] = react.useState(null);
   react.useEffect(() => {
     fetchStatus();
+    if (location.state?.notification) {
+      setNotification(location.state.notification);
+      window.history.replaceState({}, document.title);
+    }
   }, []);
   const fetchStatus = async () => {
     try {
@@ -62,9 +67,18 @@ const HomePage = () => {
   }
   const settings = status?.settings || {};
   const parsed = status?.parsed || {};
-  const isConfigured = status?.configured;
+  status?.configured;
   const hasToken = status?.hasToken;
   const targets = settings.targets || [];
+  const hasGitHubTargets = targets.some((t) => (t.type || "github") === "github");
+  targets.some((t) => t.type === "vercel");
+  const canTrigger = (target) => {
+    const targetType = target.type || "github";
+    if (targetType === "github") {
+      return hasToken && parsed.owner && parsed.repo;
+    }
+    return !!target.webhookUrl;
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(admin.Layouts.Root, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       admin.Layouts.Header,
@@ -100,8 +114,8 @@ const HomePage = () => {
           ] })
         }
       ) }),
-      !hasToken && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { title: "Token Missing", variant: "danger", children: "GitHub Personal Access Token is not configured. Please add it in Settings." }) }),
-      !settings.repoUrl && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { title: "Configuration Required", variant: "warning", children: "Please configure your GitHub repository in the Settings page before triggering deployments." }) }),
+      hasGitHubTargets && !hasToken && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { title: "Token Missing", variant: "danger", children: "GitHub Personal Access Token is not configured. Please add it in Settings." }) }),
+      hasGitHubTargets && !settings.repoUrl && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { title: "Configuration Required", variant: "warning", children: "Please configure your GitHub repository in the Settings page before triggering deployments." }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Box,
@@ -154,27 +168,34 @@ const HomePage = () => {
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: "Deployment Targets" }),
               targets.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Type" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Name" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Workflow" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Branch" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Details" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Action" }) })
                 ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: targets.map((target) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", children: target.name }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.workflow }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.branch }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                    designSystem.Button,
-                    {
-                      onClick: () => handleDeploy(target.id, target.name),
-                      loading: deployingTargetId === target.id,
-                      disabled: !isConfigured || deployingTargetId !== null,
-                      startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Rocket, {}),
-                      size: "S",
-                      children: deployingTargetId === target.id ? "Triggering..." : "Trigger"
-                    }
-                  ) })
-                ] }, target.id)) })
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: targets.map((target) => {
+                  const targetType = target.type || "github";
+                  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: targetType === "github" ? "neutral800" : "secondary600", children: targetType === "github" ? "GitHub" : "Vercel" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", children: target.name }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: targetType === "github" ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: [
+                      target.workflow,
+                      " / ",
+                      target.branch
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: "Webhook" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Button,
+                      {
+                        onClick: () => handleDeploy(target.id, target.name),
+                        loading: deployingTargetId === target.id,
+                        disabled: !canTrigger(target) || deployingTargetId !== null,
+                        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Rocket, {}),
+                        size: "S",
+                        children: deployingTargetId === target.id ? "Triggering..." : "Trigger"
+                      }
+                    ) })
+                  ] }, target.id);
+                }) })
               ] }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", justifyContent: "center", gap: 3, padding: 6, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: "No deployment targets configured" }),
                 /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: `/plugins/${index.PLUGIN_ID}/settings`, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "default", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, {}), children: "Add Targets in Settings" }) })
@@ -182,7 +203,7 @@ const HomePage = () => {
             ] })
           }
         ),
-        !isConfigured && targets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        hasGitHubTargets && (!hasToken || !parsed.owner || !parsed.repo) && /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Box,
           {
             background: "neutral0",
@@ -193,8 +214,8 @@ const HomePage = () => {
             paddingLeft: 7,
             paddingRight: 7,
             children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", justifyContent: "center", gap: 3, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", textColor: "neutral600", textAlign: "center", children: "Setup Incomplete" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: "Please ensure repository URL and GitHub token are configured in Settings." }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", textColor: "neutral600", textAlign: "center", children: "GitHub Setup Incomplete" }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: "Please ensure repository URL and GitHub token are configured in Settings for GitHub targets." }),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: `/plugins/${index.PLUGIN_ID}/settings`, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "default", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, {}), children: "Go to Settings" }) }) })
             ] })
           }
@@ -206,6 +227,7 @@ const HomePage = () => {
 const TOKEN_PATTERN = /^github_pat_[a-zA-Z0-9_]+$/;
 const REPO_URL_PATTERN = /^https:\/\/github\.com\/[a-zA-Z0-9_.-]+\/[a-zA-Z0-9_.-]+\/?$/;
 const WORKFLOW_PATTERN = /^[a-zA-Z0-9_.-]+\.ya?ml$/;
+const VERCEL_WEBHOOK_PATTERN = /^https:\/\/api\.vercel\.com\/v1\/integrations\/deploy\/.+$/;
 const validateToken = (value) => {
   if (!value) return null;
   if (!TOKEN_PATTERN.test(value)) {
@@ -227,7 +249,15 @@ const validateWorkflow = (value) => {
   }
   return null;
 };
+const validateVercelWebhook = (value) => {
+  if (!value) return "Webhook URL is required";
+  if (!VERCEL_WEBHOOK_PATTERN.test(value)) {
+    return "Must be a valid Vercel deploy hook URL (https://api.vercel.com/v1/integrations/deploy/...)";
+  }
+  return null;
+};
 const SettingsPage = () => {
+  const navigate = reactRouterDom.useNavigate();
   const { get, put, post, del } = admin.useFetchClient();
   const [settings, setSettings] = react.useState({
     githubToken: "",
@@ -241,7 +271,7 @@ const SettingsPage = () => {
   const [saving, setSaving] = react.useState(false);
   const [notification, setNotification] = react.useState(null);
   const [editingTarget, setEditingTarget] = react.useState(null);
-  const [targetForm, setTargetForm] = react.useState({ name: "", workflow: "", branch: "" });
+  const [targetForm, setTargetForm] = react.useState({ type: "github", name: "", workflow: "", branch: "", webhookUrl: "" });
   const [targetErrors, setTargetErrors] = react.useState({});
   const [showAddForm, setShowAddForm] = react.useState(false);
   const [deleteDialogOpen, setDeleteDialogOpen] = react.useState(false);
@@ -288,17 +318,14 @@ const SettingsPage = () => {
         dataToSave.githubToken = settings.githubToken;
       }
       const { data } = await put(`/${index.PLUGIN_ID}/settings`, { data: dataToSave });
-      if (settings.githubToken) {
-        setHasExistingToken(true);
-        setMaskedToken(data.data?.maskedToken);
-      }
-      setSettings((prev) => ({ ...prev, githubToken: "" }));
-      setNotification({ type: "success", message: "Settings saved successfully" });
+      navigate(`/plugins/${index.PLUGIN_ID}`, {
+        state: { notification: { type: "success", message: "Settings saved successfully" } }
+      });
     } catch (error) {
       console.error("Error saving settings:", error);
       setNotification({ type: "danger", message: "Failed to save settings" });
+      setSaving(false);
     }
-    setSaving(false);
   };
   const handleChange = (field) => (e) => {
     const value = e.target.value;
@@ -308,7 +335,7 @@ const SettingsPage = () => {
     }
   };
   const resetTargetForm = () => {
-    setTargetForm({ name: "", workflow: "deploy.yml", branch: "master" });
+    setTargetForm({ type: "github", name: "", workflow: "deploy.yml", branch: "master", webhookUrl: "" });
     setTargetErrors({});
     setEditingTarget(null);
     setShowAddForm(false);
@@ -316,9 +343,14 @@ const SettingsPage = () => {
   const validateTargetForm = () => {
     const newErrors = {};
     if (!targetForm.name.trim()) newErrors.name = "Name is required";
-    const workflowError = validateWorkflow(targetForm.workflow);
-    if (workflowError) newErrors.workflow = workflowError;
-    if (!targetForm.branch.trim()) newErrors.branch = "Branch is required";
+    if (targetForm.type === "github") {
+      const workflowError = validateWorkflow(targetForm.workflow);
+      if (workflowError) newErrors.workflow = workflowError;
+      if (!targetForm.branch.trim()) newErrors.branch = "Branch is required";
+    } else if (targetForm.type === "vercel") {
+      const webhookError = validateVercelWebhook(targetForm.webhookUrl);
+      if (webhookError) newErrors.webhookUrl = webhookError;
+    }
     setTargetErrors(newErrors);
     return Object.keys(newErrors).length === 0;
   };
@@ -339,7 +371,13 @@ const SettingsPage = () => {
   };
   const handleEditTarget = (target) => {
     setEditingTarget(target.id);
-    setTargetForm({ name: target.name, workflow: target.workflow, branch: target.branch });
+    setTargetForm({
+      type: target.type || "github",
+      name: target.name,
+      workflow: target.workflow || "deploy.yml",
+      branch: target.branch || "master",
+      webhookUrl: target.webhookUrl || ""
+    });
     setShowAddForm(false);
   };
   const handleUpdateTarget = async () => {
@@ -481,7 +519,7 @@ const SettingsPage = () => {
                     startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
                     onClick: () => {
                       setShowAddForm(true);
-                      setTargetForm({ name: "", workflow: "deploy.yml", branch: "master" });
+                      setTargetForm({ type: "github", name: "", workflow: "deploy.yml", branch: "master", webhookUrl: "" });
                     },
                     size: "S",
                     children: "Add Target"
@@ -497,7 +535,21 @@ const SettingsPage = () => {
                   children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, children: [
                     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", children: editingTarget ? "Edit Target" : "Add New Target" }),
                     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetName", required: true, error: targetErrors.name, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetType", required: true, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Type" }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          designSystem.SingleSelect,
+                          {
+                            value: targetForm.type,
+                            onChange: (value) => setTargetForm((prev) => ({ ...prev, type: value })),
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "github", children: "GitHub" }),
+                              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "vercel", children: "Vercel" })
+                            ]
+                          }
+                        )
+                      ] }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetName", required: true, error: targetErrors.name, children: [
                         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Name" }),
                         /* @__PURE__ */ jsxRuntime.jsx(
                           designSystem.Field.Input,
@@ -509,26 +561,40 @@ const SettingsPage = () => {
                         ),
                         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
                       ] }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetWorkflow", required: true, error: targetErrors.workflow, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Workflow File" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          designSystem.Field.Input,
-                          {
-                            placeholder: "deploy.yml",
-                            value: targetForm.workflow,
-                            onChange: handleTargetFormChange("workflow")
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
-                      ] }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetBranch", required: true, error: targetErrors.branch, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Branch" }),
+                      targetForm.type === "github" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetWorkflow", required: true, error: targetErrors.workflow, children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Workflow File" }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            designSystem.Field.Input,
+                            {
+                              placeholder: "deploy.yml",
+                              value: targetForm.workflow,
+                              onChange: handleTargetFormChange("workflow")
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                        ] }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetBranch", required: true, error: targetErrors.branch, children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Branch" }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            designSystem.Field.Input,
+                            {
+                              placeholder: "main",
+                              value: targetForm.branch,
+                              onChange: handleTargetFormChange("branch")
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                        ] }) })
+                      ] }),
+                      targetForm.type === "vercel" && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "targetWebhookUrl", required: true, error: targetErrors.webhookUrl, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Webhook URL" }),
                         /* @__PURE__ */ jsxRuntime.jsx(
                           designSystem.Field.Input,
                           {
-                            placeholder: "main",
-                            value: targetForm.branch,
-                            onChange: handleTargetFormChange("branch")
+                            placeholder: "https://api.vercel.com/v1/integrations/deploy/...",
+                            value: targetForm.webhookUrl,
+                            onChange: handleTargetFormChange("webhookUrl")
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
@@ -550,39 +616,48 @@ const SettingsPage = () => {
               ),
               settings.targets.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Type" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Name" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Workflow" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Branch" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Details" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Actions" }) })
                 ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: settings.targets.map((target) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.name }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.workflow }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.branch }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.IconButton,
-                      {
-                        onClick: () => handleEditTarget(target),
-                        label: "Edit",
-                        variant: "ghost",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.IconButton,
-                      {
-                        onClick: () => {
-                          setTargetToDelete(target.id);
-                          setDeleteDialogOpen(true);
-                        },
-                        label: "Delete",
-                        variant: "ghost",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
-                      }
-                    )
-                  ] }) })
-                ] }, target.id)) })
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: settings.targets.map((target) => {
+                  const targetType = target.type || "github";
+                  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", textColor: targetType === "github" ? "neutral800" : "secondary600", children: targetType === "github" ? "GitHub" : "Vercel" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: target.name }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: targetType === "github" ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: [
+                      target.workflow,
+                      " / ",
+                      target.branch
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: "Webhook configured" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Button,
+                        {
+                          onClick: () => handleEditTarget(target),
+                          variant: "tertiary",
+                          size: "S",
+                          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}),
+                          children: "Edit"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Button,
+                        {
+                          onClick: () => {
+                            setTargetToDelete(target.id);
+                            setDeleteDialogOpen(true);
+                          },
+                          variant: "danger-light",
+                          size: "S",
+                          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
+                          children: "Delete"
+                        }
+                      )
+                    ] }) })
+                  ] }, target.id);
+                }) })
               ] }) : !showAddForm && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: 'No deployment targets configured. Click "Add Target" to create one.' })
             ] })
           }

package/dist/_chunks/{index-CZWWYGR3.mjs → index-BwZtnn__.mjs}

@@ -36,7 +36,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await import("./App-vakyp6FE.mjs");
+        const { App } = await import("./App-k07qAAvE.mjs");
         return App;
       }
     });

package/dist/_chunks/{index-DGatQB-9.js → index-w-vQ80Px.js}

@@ -37,7 +37,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-CuSCtdH7.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-vIrt97zQ.js"));
         return App;
       }
     });

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-DGatQB-9.js");
+const index = require("../_chunks/index-w-vQ80Px.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-CZWWYGR3.mjs";
+import { i } from "../_chunks/index-BwZtnn__.mjs";
 export {
   i as default
 };

package/dist/server/index.js

@@ -69,6 +69,30 @@ const controller = ({ strapi }) => ({
   },
   // Trigger deployment for a specific target
   async trigger(ctx) {
+    const service2 = getService(strapi);
+    const { targetId } = ctx.request.body || {};
+    let target;
+    if (targetId) {
+      target = await service2.getTarget(targetId);
+      if (!target) {
+        return ctx.badRequest("Target not found");
+      }
+    } else {
+      const settings = await service2.getSettings();
+      target = settings.targets?.[0];
+      if (!target) {
+        return ctx.badRequest("No deployment targets configured");
+      }
+    }
+    const targetType = target.type || "github";
+    if (targetType === "vercel") {
+      return this.triggerVercel(ctx, target);
+    } else {
+      return this.triggerGitHub(ctx, target);
+    }
+  },
+  // Trigger GitHub Actions deployment
+  async triggerGitHub(ctx, target) {
     const service2 = getService(strapi);
     const githubToken = await service2.getToken();
     if (!githubToken) {
@@ -79,22 +103,9 @@ const controller = ({ strapi }) => ({
     if (!owner || !repo) {
       return ctx.badRequest("GitHub repository URL is not configured or invalid. Please configure it in Settings.");
     }
-    const { targetId, workflow: overrideWorkflow, branch: overrideBranch } = ctx.request.body || {};
-    let workflow, branch, targetName;
-    if (targetId) {
-      const target = await service2.getTarget(targetId);
-      if (!target) {
-        return ctx.badRequest("Target not found");
-      }
-      workflow = overrideWorkflow || target.workflow;
-      branch = overrideBranch || target.branch;
-      targetName = target.name;
-    } else {
-      const firstTarget = settings.targets?.[0];
-      workflow = overrideWorkflow || firstTarget?.workflow || "deploy.yml";
-      branch = overrideBranch || firstTarget?.branch || "master";
-      targetName = firstTarget?.name || "Default";
-    }
+    const workflow = target.workflow || "deploy.yml";
+    const branch = target.branch || "master";
+    const targetName = target.name;
     const url = `https://api.github.com/repos/${owner}/${repo}/actions/workflows/${workflow}/dispatches`;
     try {
       const response = await fetch(url, {
@@ -111,11 +122,12 @@ const controller = ({ strapi }) => ({
         strapi.log.error(`GitHub API error: ${response.status} - ${errorText}`);
         return ctx.badRequest(`GitHub API error: ${response.status} - ${errorText}`);
       }
-      strapi.log.info(`Deployment triggered for ${owner}/${repo} [${targetName}] on branch ${branch}`);
+      strapi.log.info(`GitHub deployment triggered for ${owner}/${repo} [${targetName}] on branch ${branch}`);
       const actionsUrl = `https://github.com/${owner}/${repo}/actions`;
       ctx.body = {
         data: {
           success: true,
+          type: "github",
           message: `Deployment triggered successfully for ${owner}/${repo}`,
           repository: `${owner}/${repo}`,
           targetName,
@@ -125,9 +137,39 @@ const controller = ({ strapi }) => ({
         }
       };
     } catch (error) {
-      strapi.log.error("Error triggering deployment:", error);
+      strapi.log.error("Error triggering GitHub deployment:", error);
       return ctx.badRequest(`Failed to trigger deployment: ${error.message}`);
     }
+  },
+  // Trigger Vercel deployment via webhook
+  async triggerVercel(ctx, target) {
+    const webhookUrl = target.webhookUrl;
+    const targetName = target.name;
+    if (!webhookUrl) {
+      return ctx.badRequest("Vercel webhook URL is not configured for this target.");
+    }
+    try {
+      const response = await fetch(webhookUrl, {
+        method: "POST"
+      });
+      if (!response.ok) {
+        const errorText = await response.text();
+        strapi.log.error(`Vercel webhook error: ${response.status} - ${errorText}`);
+        return ctx.badRequest(`Vercel webhook error: ${response.status} - ${errorText}`);
+      }
+      strapi.log.info(`Vercel deployment triggered [${targetName}]`);
+      ctx.body = {
+        data: {
+          success: true,
+          type: "vercel",
+          message: "Vercel deployment triggered successfully",
+          targetName
+        }
+      };
+    } catch (error) {
+      strapi.log.error("Error triggering Vercel deployment:", error);
+      return ctx.badRequest(`Failed to trigger Vercel deployment: ${error.message}`);
+    }
   }
 });
 const controllers = {
@@ -249,7 +291,14 @@ const service = ({ strapi }) => ({
   migrateSettings(settings) {
     if (!settings) return null;
     if (Array.isArray(settings.targets)) {
-      return settings;
+      const targetsWithType = settings.targets.map((target) => ({
+        ...target,
+        type: target.type || "github"
+      }));
+      return {
+        ...settings,
+        targets: targetsWithType
+      };
     }
     if (settings.workflow || settings.branch) {
       return {
@@ -257,6 +306,7 @@ const service = ({ strapi }) => ({
         githubToken: settings.githubToken || "",
         targets: [{
           id: generateId(),
+          type: "github",
           name: "Default",
           workflow: settings.workflow || "deploy.yml",
           branch: settings.branch || "master"
@@ -268,7 +318,11 @@ const service = ({ strapi }) => ({
   async getSettings() {
     const store = strapi.store({ type: "plugin", name: PLUGIN_ID });
     let dbSettings = await store.get({ key: STORE_KEY });
+    const needsMigration = dbSettings && !Array.isArray(dbSettings.targets) && (dbSettings.workflow || dbSettings.branch);
     dbSettings = this.migrateSettings(dbSettings);
+    if (needsMigration && dbSettings) {
+      await store.set({ key: STORE_KEY, value: dbSettings });
+    }
     if (!dbSettings) {
       return {
         ...DEFAULT_SETTINGS,
@@ -309,12 +363,18 @@ const service = ({ strapi }) => ({
     const store = strapi.store({ type: "plugin", name: PLUGIN_ID });
     let settings = await store.get({ key: STORE_KEY }) || DEFAULT_SETTINGS;
     settings = this.migrateSettings(settings) || DEFAULT_SETTINGS;
+    const targetType = target.type || "github";
     const newTarget = {
       id: generateId(),
-      name: target.name || "New Target",
-      workflow: target.workflow || "deploy.yml",
-      branch: target.branch || "master"
+      type: targetType,
+      name: target.name || "New Target"
     };
+    if (targetType === "github") {
+      newTarget.workflow = target.workflow || "deploy.yml";
+      newTarget.branch = target.branch || "master";
+    } else if (targetType === "vercel") {
+      newTarget.webhookUrl = target.webhookUrl || "";
+    }
     settings.targets = [...settings.targets || [], newTarget];
     await store.set({ key: STORE_KEY, value: settings });
     return newTarget;
@@ -326,12 +386,20 @@ const service = ({ strapi }) => ({
     if (!settings?.targets) return null;
     const targetIndex = settings.targets.findIndex((t) => t.id === targetId);
     if (targetIndex === -1) return null;
-    settings.targets[targetIndex] = {
-      ...settings.targets[targetIndex],
-      ...updates,
-      id: targetId
-      // Preserve ID
+    const existingTarget = settings.targets[targetIndex];
+    const targetType = updates.type || existingTarget.type || "github";
+    const updatedTarget = {
+      id: targetId,
+      type: targetType,
+      name: updates.name !== void 0 ? updates.name : existingTarget.name
     };
+    if (targetType === "github") {
+      updatedTarget.workflow = updates.workflow !== void 0 ? updates.workflow : existingTarget.workflow;
+      updatedTarget.branch = updates.branch !== void 0 ? updates.branch : existingTarget.branch;
+    } else if (targetType === "vercel") {
+      updatedTarget.webhookUrl = updates.webhookUrl !== void 0 ? updates.webhookUrl : existingTarget.webhookUrl;
+    }
+    settings.targets[targetIndex] = updatedTarget;
     await store.set({ key: STORE_KEY, value: settings });
     return settings.targets[targetIndex];
   },