@orange-soft/strapi-deployment-trigger 1.0.1 → 1.1.2

package/dist/_chunks/App-C0Byi5W1.mjs

@@ -1,520 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useFetchClient, Layouts, BackButton, Page } from "@strapi/strapi/admin";
-import { Link, Routes, Route } from "react-router-dom";
-import { useState, useEffect } from "react";
-import { useIntl } from "react-intl";
-import { Flex, Loader, Button, Box, Alert, Typography, Field, Grid } from "@strapi/design-system";
-import { Cog, Rocket, Check } from "@strapi/icons";
-import { P as PLUGIN_ID } from "./index-C18aSW5z.mjs";
-const getTranslation = (id) => `${PLUGIN_ID}.${id}`;
-const HomePage = () => {
-  const { formatMessage } = useIntl();
-  const { get, post } = useFetchClient();
-  const [status, setStatus] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [deploying, setDeploying] = useState(false);
-  const [notification, setNotification] = useState(null);
-  useEffect(() => {
-    fetchStatus();
-  }, []);
-  const fetchStatus = async () => {
-    try {
-      const { data } = await get(`/${PLUGIN_ID}/status`);
-      setStatus(data.data);
-    } catch (error) {
-      console.error("Failed to fetch status:", error);
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleDeploy = async () => {
-    setDeploying(true);
-    setNotification(null);
-    try {
-      const { data } = await post(`/${PLUGIN_ID}/trigger`, {});
-      setNotification({
-        type: "success",
-        message: data.data?.message || "Deployment triggered successfully!",
-        actionsUrl: data.data?.actionsUrl
-      });
-    } catch (error) {
-      setNotification({
-        type: "danger",
-        message: error?.response?.data?.error?.message || error.message || "Deployment failed"
-      });
-    } finally {
-      setDeploying(false);
-    }
-  };
-  if (loading) {
-    return /* @__PURE__ */ jsxs(Layouts.Root, { children: [
-      /* @__PURE__ */ jsx(
-        Layouts.Header,
-        {
-          title: formatMessage({ id: getTranslation("plugin.name") }),
-          subtitle: "Loading..."
-        }
-      ),
-      /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsx(Loader, { children: "Loading..." }) }) })
-    ] });
-  }
-  const settings = status?.settings || {};
-  const parsed = status?.parsed || {};
-  const isConfigured = status?.configured;
-  const hasToken = status?.hasToken;
-  return /* @__PURE__ */ jsxs(Layouts.Root, { children: [
-    /* @__PURE__ */ jsx(
-      Layouts.Header,
-      {
-        title: formatMessage({ id: getTranslation("plugin.name") }),
-        subtitle: "Trigger GitHub Actions deployment to production",
-        secondaryAction: /* @__PURE__ */ jsx(Link, { to: `/plugins/${PLUGIN_ID}/settings`, children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", startIcon: /* @__PURE__ */ jsx(Cog, {}), children: "Settings" }) })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Layouts.Content, { children: [
-      notification && /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(
-        Alert,
-        {
-          closeLabel: "Close",
-          title: notification.message,
-          variant: notification.type,
-          onClose: () => setNotification(null),
-          children: notification.actionsUrl && /* @__PURE__ */ jsxs(Typography, { variant: "pi", children: [
-            "Check the deployment status at",
-            " ",
-            /* @__PURE__ */ jsx(
-              Typography,
-              {
-                variant: "pi",
-                tag: "a",
-                href: notification.actionsUrl,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                textColor: "primary600",
-                children: "GitHub Actions"
-              }
-            )
-          ] })
-        }
-      ) }),
-      !hasToken && /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(Alert, { title: "Token Missing", variant: "danger", children: "GitHub Personal Access Token is not configured. Please add it in Settings." }) }),
-      !settings.repoUrl && /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(Alert, { title: "Configuration Required", variant: "warning", children: "Please configure your GitHub repository in the Settings page before triggering deployments." }) }),
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            background: "neutral0",
-            hasRadius: true,
-            shadow: "filterShadow",
-            paddingTop: 6,
-            paddingBottom: 6,
-            paddingLeft: 7,
-            paddingRight: 7,
-            children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: "Configuration" }),
-              /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", gap: 6, children: [
-                /* @__PURE__ */ jsxs(Box, { style: { display: "grid", gridTemplateColumns: "120px 1fr", gap: "12px 16px", alignItems: "center" }, children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Repository" }),
-                  parsed.owner && parsed.repo ? /* @__PURE__ */ jsxs(
-                    Typography,
-                    {
-                      variant: "pi",
-                      tag: "a",
-                      href: settings.repoUrl,
-                      target: "_blank",
-                      rel: "noopener noreferrer",
-                      textColor: "primary600",
-                      style: { textDecoration: "none" },
-                      children: [
-                        parsed.owner,
-                        "/",
-                        parsed.repo
-                      ]
-                    }
-                  ) : /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Not configured" }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Workflow" }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "pi", children: settings.workflow || "deploy.yml (default)" }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Branch" }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "pi", children: settings.branch || "master (default)" }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "GitHub Token" }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: hasToken ? "success600" : "danger600", children: hasToken ? "Configured" : "Missing" })
-                ] }),
-                isConfigured && /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    onClick: handleDeploy,
-                    loading: deploying,
-                    disabled: deploying,
-                    startIcon: /* @__PURE__ */ jsx(Rocket, {}),
-                    size: "L",
-                    children: deploying ? "Triggering..." : "Trigger Deployment"
-                  }
-                )
-              ] })
-            ] })
-          }
-        ),
-        !isConfigured && /* @__PURE__ */ jsx(
-          Box,
-          {
-            background: "neutral0",
-            hasRadius: true,
-            shadow: "filterShadow",
-            paddingTop: 8,
-            paddingBottom: 8,
-            paddingLeft: 7,
-            paddingRight: 7,
-            children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", justifyContent: "center", gap: 3, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral600", textAlign: "center", children: "Setup Required" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", textAlign: "center", children: "Configure your GitHub repository settings to enable deployment triggering." }),
-              /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(Link, { to: `/plugins/${PLUGIN_ID}/settings`, children: /* @__PURE__ */ jsx(Button, { variant: "default", startIcon: /* @__PURE__ */ jsx(Cog, {}), children: "Go to Settings" }) }) })
-            ] })
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-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 validateToken = (value) => {
-  if (!value) return null;
-  if (!TOKEN_PATTERN.test(value)) {
-    return 'Token must start with "github_pat_" followed by alphanumeric characters';
-  }
-  return null;
-};
-const validateRepoUrl = (value) => {
-  if (!value) return "Repository URL is required";
-  if (!REPO_URL_PATTERN.test(value)) {
-    return "Must be a valid GitHub URL (e.g., https://github.com/owner/repo)";
-  }
-  return null;
-};
-const validateWorkflow = (value) => {
-  if (!value) return null;
-  if (!WORKFLOW_PATTERN.test(value)) {
-    return "Workflow file must end with .yml or .yaml";
-  }
-  return null;
-};
-const SettingsPage = () => {
-  const { get, put } = useFetchClient();
-  const [settings, setSettings] = useState({
-    githubToken: "",
-    repoUrl: "",
-    workflow: "",
-    branch: ""
-  });
-  const [errors, setErrors] = useState({});
-  const [hasExistingToken, setHasExistingToken] = useState(false);
-  const [maskedToken, setMaskedToken] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [saving, setSaving] = useState(false);
-  const [notification, setNotification] = useState(null);
-  useEffect(() => {
-    fetchSettings();
-  }, []);
-  const fetchSettings = async () => {
-    setLoading(true);
-    try {
-      const { data } = await get(`/${PLUGIN_ID}/settings`);
-      const fetchedSettings = data.data || {};
-      setSettings({
-        githubToken: "",
-        repoUrl: fetchedSettings.repoUrl || "",
-        workflow: fetchedSettings.workflow || "",
-        branch: fetchedSettings.branch || ""
-      });
-      setHasExistingToken(fetchedSettings.hasToken || false);
-      setMaskedToken(fetchedSettings.maskedToken || null);
-    } catch (error) {
-      console.error("Error fetching settings:", error);
-      setNotification({
-        type: "danger",
-        message: "Failed to load settings"
-      });
-    }
-    setLoading(false);
-  };
-  const validateAll = () => {
-    const newErrors = {};
-    const tokenError = validateToken(settings.githubToken);
-    if (tokenError && settings.githubToken) newErrors.githubToken = tokenError;
-    const repoError = validateRepoUrl(settings.repoUrl);
-    if (repoError) newErrors.repoUrl = repoError;
-    const workflowError = validateWorkflow(settings.workflow);
-    if (workflowError) newErrors.workflow = workflowError;
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-  const handleSave = async () => {
-    if (!validateAll()) {
-      setNotification({
-        type: "warning",
-        message: "Please fix the validation errors before saving"
-      });
-      return;
-    }
-    setSaving(true);
-    try {
-      const dataToSave = { ...settings };
-      if (!dataToSave.githubToken) {
-        delete dataToSave.githubToken;
-      }
-      await put(`/${PLUGIN_ID}/settings`, { data: dataToSave });
-      if (settings.githubToken) {
-        setHasExistingToken(true);
-      }
-      setSettings((prev) => ({ ...prev, githubToken: "" }));
-      setNotification({
-        type: "success",
-        message: "Settings saved successfully"
-      });
-    } catch (error) {
-      console.error("Error saving settings:", error);
-      setNotification({
-        type: "danger",
-        message: "Failed to save settings"
-      });
-    }
-    setSaving(false);
-  };
-  const handleChange = (field) => (e) => {
-    const value = e.target.value;
-    setSettings((prev) => ({ ...prev, [field]: value }));
-    if (errors[field]) {
-      setErrors((prev) => ({ ...prev, [field]: null }));
-    }
-  };
-  const handleBlur = (field, validator) => () => {
-    const error = validator(settings[field]);
-    if (error) {
-      setErrors((prev) => ({ ...prev, [field]: error }));
-    }
-  };
-  if (loading) {
-    return /* @__PURE__ */ jsxs(Layouts.Root, { children: [
-      /* @__PURE__ */ jsx(
-        Layouts.Header,
-        {
-          title: "Settings",
-          subtitle: "Configure GitHub Actions deployment",
-          navigationAction: /* @__PURE__ */ jsx(BackButton, { fallback: `/plugins/${PLUGIN_ID}` })
-        }
-      ),
-      /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsx(Loader, { children: "Loading settings..." }) }) })
-    ] });
-  }
-  const isValid = settings.repoUrl && !errors.repoUrl && !errors.githubToken && !errors.workflow;
-  return /* @__PURE__ */ jsxs(Layouts.Root, { children: [
-    /* @__PURE__ */ jsx(
-      Layouts.Header,
-      {
-        title: "Settings",
-        subtitle: "Configure GitHub Actions deployment",
-        navigationAction: /* @__PURE__ */ jsx(BackButton, { fallback: `/plugins/${PLUGIN_ID}` }),
-        primaryAction: /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: handleSave,
-            loading: saving,
-            disabled: loading || !isValid,
-            startIcon: /* @__PURE__ */ jsx(Check, {}),
-            size: "L",
-            children: "Save Settings"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs(Layouts.Content, { children: [
-      notification && /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(
-        Alert,
-        {
-          closeLabel: "Close",
-          title: notification.message,
-          variant: notification.type,
-          onClose: () => setNotification(null)
-        }
-      ) }),
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            background: "neutral0",
-            hasRadius: true,
-            shadow: "filterShadow",
-            paddingTop: 6,
-            paddingBottom: 6,
-            paddingLeft: 7,
-            paddingRight: 7,
-            children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: "Repository" }),
-              /* @__PURE__ */ jsxs(
-                Field.Root,
-                {
-                  name: "repoUrl",
-                  required: true,
-                  error: errors.repoUrl,
-                  hint: "Copy the URL from your browser when viewing the repository",
-                  children: [
-                    /* @__PURE__ */ jsx(Field.Label, { children: "Repository URL" }),
-                    /* @__PURE__ */ jsx(
-                      Field.Input,
-                      {
-                        placeholder: "https://github.com/{owner}/{repo}",
-                        value: settings.repoUrl,
-                        onChange: handleChange("repoUrl"),
-                        onBlur: handleBlur("repoUrl", validateRepoUrl)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(Field.Hint, {}),
-                    /* @__PURE__ */ jsx(Field.Error, {})
-                  ]
-                }
-              )
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            background: "neutral0",
-            hasRadius: true,
-            shadow: "filterShadow",
-            paddingTop: 6,
-            paddingBottom: 6,
-            paddingLeft: 7,
-            paddingRight: 7,
-            children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: "Workflow Configuration" }),
-              /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
-                /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(
-                  Field.Root,
-                  {
-                    name: "workflow",
-                    required: true,
-                    error: errors.workflow,
-                    hint: "Filename in .github/workflows/",
-                    children: [
-                      /* @__PURE__ */ jsx(Field.Label, { children: "Workflow File" }),
-                      /* @__PURE__ */ jsx(
-                        Field.Input,
-                        {
-                          placeholder: "deploy.yml",
-                          value: settings.workflow,
-                          onChange: handleChange("workflow"),
-                          onBlur: handleBlur("workflow", validateWorkflow)
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(Field.Hint, {}),
-                      /* @__PURE__ */ jsx(Field.Error, {})
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(
-                  Field.Root,
-                  {
-                    name: "branch",
-                    required: true,
-                    hint: "Branch to trigger the workflow on",
-                    children: [
-                      /* @__PURE__ */ jsx(Field.Label, { children: "Branch" }),
-                      /* @__PURE__ */ jsx(
-                        Field.Input,
-                        {
-                          placeholder: "main",
-                          value: settings.branch,
-                          onChange: handleChange("branch")
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(Field.Hint, {})
-                    ]
-                  }
-                ) })
-              ] })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            background: "neutral0",
-            hasRadius: true,
-            shadow: "filterShadow",
-            paddingTop: 6,
-            paddingBottom: 6,
-            paddingLeft: 7,
-            paddingRight: 7,
-            children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: "Authentication" }),
-              /* @__PURE__ */ jsxs(
-                Field.Root,
-                {
-                  name: "githubToken",
-                  required: true,
-                  error: errors.githubToken,
-                  hint: !hasExistingToken || !maskedToken ? "Create a fine-grained token with Actions (Read and write) permission" : void 0,
-                  children: [
-                    /* @__PURE__ */ jsx(Field.Label, { children: "GitHub Personal Access Token" }),
-                    /* @__PURE__ */ jsx(
-                      Field.Input,
-                      {
-                        type: "password",
-                        placeholder: hasExistingToken ? "••••••••••••••••" : "github_pat_xxxxxxxxxxxx",
-                        value: settings.githubToken,
-                        onChange: handleChange("githubToken"),
-                        onBlur: handleBlur("githubToken", validateToken)
-                      }
-                    ),
-                    hasExistingToken && maskedToken ? /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
-                      "Existing token:",
-                      " ",
-                      /* @__PURE__ */ jsx(
-                        Typography,
-                        {
-                          variant: "pi",
-                          fontWeight: "bold",
-                          textColor: "success600",
-                          tag: "span",
-                          children: maskedToken
-                        }
-                      ),
-                      ". Leave empty to keep existing, or enter new to replace."
-                    ] }) : /* @__PURE__ */ jsx(Field.Hint, {}),
-                    /* @__PURE__ */ jsx(Field.Error, {})
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(Box, { paddingTop: 2, children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "How to get a GitHub Token:" }),
-                /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", tag: "ol", textColor: "neutral600", children: [
-                  /* @__PURE__ */ jsx("li", { children: "Go to GitHub → Settings → Developer settings → Personal access tokens → Fine-grained tokens" }),
-                  /* @__PURE__ */ jsx("li", { children: 'Click "Generate new token"' }),
-                  /* @__PURE__ */ jsx("li", { children: "Set token name, expiration, and select the target repository" }),
-                  /* @__PURE__ */ jsxs("li", { children: [
-                    'Under "Repository permissions", set ',
-                    /* @__PURE__ */ jsx("strong", { children: "Actions" }),
-                    ' to "Read and write"'
-                  ] }),
-                  /* @__PURE__ */ jsx("li", { children: 'Click "Generate token" and paste it above' })
-                ] }) })
-              ] })
-            ] })
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-const App = () => {
-  return /* @__PURE__ */ jsxs(Routes, { children: [
-    /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(HomePage, {}) }),
-    /* @__PURE__ */ jsx(Route, { path: "settings", element: /* @__PURE__ */ jsx(SettingsPage, {}) }),
-    /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
-  ] });
-};
-export {
-  App
-};