strapi-bulk-publish 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Alexander Vitshas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,97 @@
+# Strapi Bulk Publish
+
+[![npm version](https://img.shields.io/npm/v/strapi-bulk-publish.svg)](https://www.npmjs.com/package/strapi-bulk-publish)
+[![license](https://img.shields.io/npm/l/strapi-bulk-publish.svg)](LICENSE)
+
+Strapi 5 plugin to bulk publish content across all locales with a single webhook trigger for frontend rebuild.
+
+## Features
+
+- Dedicated admin page listing all draft documents with per-locale status
+- Batch selection and one-click publish across all locales
+- Configurable content type and display field
+- Auto-detection of default locale from Strapi i18n settings
+- Single consolidated webhook call after publishing (no per-locale rebuilds)
+- SSRF protection for webhook URLs
+- Confirmation dialog before bulk actions
+- Custom admin permissions
+- Full i18n support for admin UI
+
+## Compatibility
+
+| Strapi | Plugin |
+|--------|--------|
+| 5.x    | 1.x    |
+
+## Installation
+
+```bash
+npm install strapi-bulk-publish
+```
+
+## Configuration
+
+Add to your `config/plugins.ts` (or `.js`):
+
+```typescript
+export default ({ env }) => ({
+  'bulk-publish': {
+    enabled: true,
+    config: {
+      contentType: 'api::blog-post.blog-post', // required — your content type UID
+      titleField: 'title',                      // optional, default: 'title'
+      webhookUrl: '',                            // optional, can also be set via Settings UI
+    },
+  },
+});
+```
+
+### Options
+
+| Option | Type | Required | Default | Description |
+|--------|------|----------|---------|-------------|
+| `contentType` | `string` | **yes** | — | Strapi content type UID (e.g. `api::article.article`) |
+| `titleField` | `string` | no | `'title'` | Field name used as the display title in the admin list |
+| `webhookUrl` | `string` | no | `''` | Initial webhook URL; can be changed later in Settings UI |
+
+The `webhookUrl` set in config serves as the initial seed value. Once changed through the admin Settings page, the UI value takes precedence.
+
+## Webhook
+
+After publishing, a single POST request is sent to the configured webhook URL:
+
+```json
+{
+  "event": "bulk-publish",
+  "posts": ["documentId1", "documentId2"],
+  "publishedAt": "2026-05-08T12:00:00.000Z"
+}
+```
+
+The webhook request has a 10-second timeout. Private/internal URLs (localhost, private IP ranges) are blocked for security.
+
+## Permissions
+
+Configure in Settings > Roles:
+
+| Action | Purpose |
+|--------|---------|
+| `plugin::bulk-publish.publish` | Access bulk publish page and publish documents |
+| `plugin::bulk-publish.settings` | View and edit webhook URL |
+
+## Prerequisites
+
+- **Strapi 5** with the **i18n** plugin enabled
+- At least one content type with **Draft & Publish** and **Internationalization** enabled
+
+## Contributing
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/my-feature`)
+3. Commit your changes (`git commit -am 'Add my feature'`)
+4. Push to the branch (`git push origin feature/my-feature`)
+5. Open a Pull Request
+
+## License
+
+[MIT](LICENSE)

package/dist/_chunks/HomePage-C-cyV6ij.mjs

@@ -0,0 +1,239 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { u as useIntl } from "./index-CEh8vkxY.mjs";
+import { Flex, Badge, Main, Box, Typography, Dialog, Button, Loader, Table, Thead, Tr, Th, Checkbox, Tbody, Td } from "@strapi/design-system";
+import { WarningCircle } from "@strapi/icons";
+import { useFetchClient, useNotification, Page } from "@strapi/strapi/admin";
+import { P as PLUGIN_ID, p as pluginPermissions } from "./index-CBDMXg1c.mjs";
+const statusColors = {
+  draft: { textColor: "success700", backgroundColor: "success100" },
+  published: { textColor: "primary700", backgroundColor: "primary100" },
+  missing: { textColor: "warning700", backgroundColor: "warning100" }
+};
+const statusSuffix = {
+  draft: "",
+  published: " ✓",
+  missing: " ✗"
+};
+const LocaleBadges = ({ locales }) => {
+  return /* @__PURE__ */ jsx(Flex, { gap: 1, wrap: "wrap", children: locales.map(({ locale, status }) => {
+    const colors = statusColors[status];
+    return /* @__PURE__ */ jsxs(
+      Badge,
+      {
+        textColor: colors.textColor,
+        backgroundColor: colors.backgroundColor,
+        size: "S",
+        children: [
+          locale,
+          statusSuffix[status]
+        ]
+      },
+      locale
+    );
+  }) });
+};
+const HomePage = () => {
+  const { formatMessage } = useIntl();
+  const { get, post } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const [posts, setPosts] = useState([]);
+  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
+  const [loading, setLoading] = useState(true);
+  const [publishing, setPublishing] = useState(false);
+  const fetchPosts = useCallback(async () => {
+    try {
+      setLoading(true);
+      const { data } = await get(`/${PLUGIN_ID}/posts`);
+      setPosts(data.data || []);
+    } catch {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({ id: `${PLUGIN_ID}.notification.load.error` })
+      });
+    } finally {
+      setLoading(false);
+    }
+  }, [get, toggleNotification, formatMessage]);
+  useEffect(() => {
+    fetchPosts();
+  }, [fetchPosts]);
+  const handleSelectAll = () => {
+    if (selectedIds.size === posts.length) {
+      setSelectedIds(/* @__PURE__ */ new Set());
+    } else {
+      setSelectedIds(new Set(posts.map((p) => p.documentId)));
+    }
+  };
+  const handleSelect = (documentId) => {
+    const next = new Set(selectedIds);
+    if (next.has(documentId)) {
+      next.delete(documentId);
+    } else {
+      next.add(documentId);
+    }
+    setSelectedIds(next);
+  };
+  const handlePublish = async () => {
+    if (selectedIds.size === 0) return;
+    try {
+      setPublishing(true);
+      const { data } = await post(`/${PLUGIN_ID}/publish`, {
+        documentIds: Array.from(selectedIds)
+      });
+      const result = data.data;
+      const publishedCount = result.published?.length || 0;
+      const totalLocales = result.published?.reduce(
+        (sum, p) => sum + p.localesPublished.length,
+        0
+      ) || 0;
+      const errorCount = result.errors?.length || 0;
+      let message = formatMessage(
+        { id: `${PLUGIN_ID}.notification.publish.success` },
+        { count: publishedCount, locales: totalLocales }
+      );
+      if (result.webhookTriggered) {
+        message += " " + formatMessage({ id: `${PLUGIN_ID}.notification.publish.webhook` });
+      } else if (result.webhookError) {
+        message += " " + formatMessage(
+          { id: `${PLUGIN_ID}.notification.publish.webhook-error` },
+          { error: result.webhookError }
+        );
+      }
+      if (errorCount > 0) {
+        message += " " + formatMessage(
+          { id: `${PLUGIN_ID}.notification.publish.errors` },
+          { count: errorCount }
+        );
+      }
+      toggleNotification({
+        type: errorCount > 0 ? "warning" : "success",
+        message
+      });
+      setSelectedIds(/* @__PURE__ */ new Set());
+      await fetchPosts();
+    } catch {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({ id: `${PLUGIN_ID}.notification.publish.error` })
+      });
+    } finally {
+      setPublishing(false);
+    }
+  };
+  const getPostStatus = (locales) => {
+    const hasDraft = locales.some((l) => l.status === "draft");
+    const hasPublished = locales.some((l) => l.status === "published");
+    if (hasDraft && hasPublished) {
+      return formatMessage({ id: `${PLUGIN_ID}.status.partial` });
+    }
+    if (hasDraft) {
+      return formatMessage({ id: `${PLUGIN_ID}.status.draft` });
+    }
+    return formatMessage({ id: `${PLUGIN_ID}.status.published` });
+  };
+  const getStatusColor = (locales) => {
+    const hasDraft = locales.some((l) => l.status === "draft");
+    const hasPublished = locales.some((l) => l.status === "published");
+    if (hasDraft && hasPublished) return "warning600";
+    if (hasDraft) return "danger600";
+    return "success600";
+  };
+  const formatTimeAgo = (dateStr) => {
+    const diff = Date.now() - new Date(dateStr).getTime();
+    if (diff < 0) return formatMessage({ id: `${PLUGIN_ID}.time.just-now` });
+    const minutes = Math.floor(diff / 6e4);
+    if (minutes < 1) return formatMessage({ id: `${PLUGIN_ID}.time.just-now` });
+    if (minutes < 60) {
+      return formatMessage({ id: `${PLUGIN_ID}.time.minutes-ago` }, { count: minutes });
+    }
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24) {
+      return formatMessage({ id: `${PLUGIN_ID}.time.hours-ago` }, { count: hours });
+    }
+    const days = Math.floor(hours / 24);
+    return formatMessage({ id: `${PLUGIN_ID}.time.days-ago` }, { count: days });
+  };
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions: pluginPermissions.publish, children: /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsx(Box, { paddingTop: 8, paddingBottom: 4, paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "alpha", tag: "h1", children: formatMessage({ id: `${PLUGIN_ID}.page.title` }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: `${PLUGIN_ID}.page.subtitle` }) }),
+        /* @__PURE__ */ jsxs(Flex, { gap: 3, paddingTop: 2, children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsx(Badge, { textColor: "success700", backgroundColor: "success100", size: "S", children: "en" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: formatMessage({ id: `${PLUGIN_ID}.legend.draft` }) })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsx(Badge, { textColor: "primary700", backgroundColor: "primary100", size: "S", children: "en ✓" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: formatMessage({ id: `${PLUGIN_ID}.legend.published` }) })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsx(Badge, { textColor: "warning700", backgroundColor: "warning100", size: "S", children: "en ✗" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: formatMessage({ id: `${PLUGIN_ID}.legend.missing` }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Dialog.Root, { children: [
+        /* @__PURE__ */ jsx(Dialog.Trigger, { children: /* @__PURE__ */ jsx(Button, { disabled: selectedIds.size === 0 || publishing, loading: publishing, children: publishing ? formatMessage({ id: `${PLUGIN_ID}.button.publishing` }) : formatMessage(
+          { id: `${PLUGIN_ID}.button.publish` },
+          { count: selectedIds.size }
+        ) }) }),
+        /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+          /* @__PURE__ */ jsx(Dialog.Header, { children: formatMessage({ id: `${PLUGIN_ID}.confirm.title` }) }),
+          /* @__PURE__ */ jsx(Dialog.Body, { icon: /* @__PURE__ */ jsx(WarningCircle, { fill: "danger600" }), children: formatMessage(
+            { id: `${PLUGIN_ID}.confirm.body` },
+            { count: selectedIds.size }
+          ) }),
+          /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+            /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: formatMessage({ id: `${PLUGIN_ID}.button.cancel` }) }) }),
+            /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(Button, { variant: "danger-light", onClick: handlePublish, loading: publishing, children: formatMessage({ id: `${PLUGIN_ID}.button.confirm` }) }) })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, paddingBottom: 10, children: loading ? /* @__PURE__ */ jsx(Flex, { justifyContent: "center", paddingTop: 8, children: /* @__PURE__ */ jsx(Loader, { children: formatMessage({ id: `${PLUGIN_ID}.loading.posts` }) }) }) : posts.length === 0 ? /* @__PURE__ */ jsx(Box, { paddingTop: 8, children: /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral600", textAlign: "center", children: formatMessage({ id: `${PLUGIN_ID}.empty.message` }) }) }) : /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: posts.length + 1, children: [
+      /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: posts.length > 0 && selectedIds.size === posts.length,
+            indeterminate: selectedIds.size > 0 && selectedIds.size < posts.length,
+            onCheckedChange: handleSelectAll
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({ id: `${PLUGIN_ID}.table.title` }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({ id: `${PLUGIN_ID}.table.locales` }) }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({ id: `${PLUGIN_ID}.table.status` }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Tbody, { children: posts.map((entry) => /* @__PURE__ */ jsxs(Tr, { children: [
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: selectedIds.has(entry.documentId),
+            onCheckedChange: () => handleSelect(entry.documentId)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: entry.title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: formatMessage(
+            { id: `${PLUGIN_ID}.table.updated` },
+            { time: formatTimeAgo(entry.updatedAt) }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(LocaleBadges, { locales: entry.locales }) }),
+        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            textColor: getStatusColor(entry.locales),
+            fontWeight: "semiBold",
+            children: getPostStatus(entry.locales)
+          }
+        ) })
+      ] }, entry.documentId)) })
+    ] }) })
+  ] }) });
+};
+export {
+  HomePage
+};

package/dist/_chunks/HomePage-DBJToziQ.js

@@ -0,0 +1,239 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("./index-DkTxsEqL.js");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const admin = require("@strapi/strapi/admin");
+const index$1 = require("./index-BBZKQRB2.js");
+const statusColors = {
+  draft: { textColor: "success700", backgroundColor: "success100" },
+  published: { textColor: "primary700", backgroundColor: "primary100" },
+  missing: { textColor: "warning700", backgroundColor: "warning100" }
+};
+const statusSuffix = {
+  draft: "",
+  published: " ✓",
+  missing: " ✗"
+};
+const LocaleBadges = ({ locales }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 1, wrap: "wrap", children: locales.map(({ locale, status }) => {
+    const colors = statusColors[status];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Badge,
+      {
+        textColor: colors.textColor,
+        backgroundColor: colors.backgroundColor,
+        size: "S",
+        children: [
+          locale,
+          statusSuffix[status]
+        ]
+      },
+      locale
+    );
+  }) });
+};
+const HomePage = () => {
+  const { formatMessage } = index.useIntl();
+  const { get, post } = admin.useFetchClient();
+  const { toggleNotification } = admin.useNotification();
+  const [posts, setPosts] = React.useState([]);
+  const [selectedIds, setSelectedIds] = React.useState(/* @__PURE__ */ new Set());
+  const [loading, setLoading] = React.useState(true);
+  const [publishing, setPublishing] = React.useState(false);
+  const fetchPosts = React.useCallback(async () => {
+    try {
+      setLoading(true);
+      const { data } = await get(`/${index$1.PLUGIN_ID}/posts`);
+      setPosts(data.data || []);
+    } catch {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({ id: `${index$1.PLUGIN_ID}.notification.load.error` })
+      });
+    } finally {
+      setLoading(false);
+    }
+  }, [get, toggleNotification, formatMessage]);
+  React.useEffect(() => {
+    fetchPosts();
+  }, [fetchPosts]);
+  const handleSelectAll = () => {
+    if (selectedIds.size === posts.length) {
+      setSelectedIds(/* @__PURE__ */ new Set());
+    } else {
+      setSelectedIds(new Set(posts.map((p) => p.documentId)));
+    }
+  };
+  const handleSelect = (documentId) => {
+    const next = new Set(selectedIds);
+    if (next.has(documentId)) {
+      next.delete(documentId);
+    } else {
+      next.add(documentId);
+    }
+    setSelectedIds(next);
+  };
+  const handlePublish = async () => {
+    if (selectedIds.size === 0) return;
+    try {
+      setPublishing(true);
+      const { data } = await post(`/${index$1.PLUGIN_ID}/publish`, {
+        documentIds: Array.from(selectedIds)
+      });
+      const result = data.data;
+      const publishedCount = result.published?.length || 0;
+      const totalLocales = result.published?.reduce(
+        (sum, p) => sum + p.localesPublished.length,
+        0
+      ) || 0;
+      const errorCount = result.errors?.length || 0;
+      let message = formatMessage(
+        { id: `${index$1.PLUGIN_ID}.notification.publish.success` },
+        { count: publishedCount, locales: totalLocales }
+      );
+      if (result.webhookTriggered) {
+        message += " " + formatMessage({ id: `${index$1.PLUGIN_ID}.notification.publish.webhook` });
+      } else if (result.webhookError) {
+        message += " " + formatMessage(
+          { id: `${index$1.PLUGIN_ID}.notification.publish.webhook-error` },
+          { error: result.webhookError }
+        );
+      }
+      if (errorCount > 0) {
+        message += " " + formatMessage(
+          { id: `${index$1.PLUGIN_ID}.notification.publish.errors` },
+          { count: errorCount }
+        );
+      }
+      toggleNotification({
+        type: errorCount > 0 ? "warning" : "success",
+        message
+      });
+      setSelectedIds(/* @__PURE__ */ new Set());
+      await fetchPosts();
+    } catch {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({ id: `${index$1.PLUGIN_ID}.notification.publish.error` })
+      });
+    } finally {
+      setPublishing(false);
+    }
+  };
+  const getPostStatus = (locales) => {
+    const hasDraft = locales.some((l) => l.status === "draft");
+    const hasPublished = locales.some((l) => l.status === "published");
+    if (hasDraft && hasPublished) {
+      return formatMessage({ id: `${index$1.PLUGIN_ID}.status.partial` });
+    }
+    if (hasDraft) {
+      return formatMessage({ id: `${index$1.PLUGIN_ID}.status.draft` });
+    }
+    return formatMessage({ id: `${index$1.PLUGIN_ID}.status.published` });
+  };
+  const getStatusColor = (locales) => {
+    const hasDraft = locales.some((l) => l.status === "draft");
+    const hasPublished = locales.some((l) => l.status === "published");
+    if (hasDraft && hasPublished) return "warning600";
+    if (hasDraft) return "danger600";
+    return "success600";
+  };
+  const formatTimeAgo = (dateStr) => {
+    const diff = Date.now() - new Date(dateStr).getTime();
+    if (diff < 0) return formatMessage({ id: `${index$1.PLUGIN_ID}.time.just-now` });
+    const minutes = Math.floor(diff / 6e4);
+    if (minutes < 1) return formatMessage({ id: `${index$1.PLUGIN_ID}.time.just-now` });
+    if (minutes < 60) {
+      return formatMessage({ id: `${index$1.PLUGIN_ID}.time.minutes-ago` }, { count: minutes });
+    }
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24) {
+      return formatMessage({ id: `${index$1.PLUGIN_ID}.time.hours-ago` }, { count: hours });
+    }
+    const days = Math.floor(hours / 24);
+    return formatMessage({ id: `${index$1.PLUGIN_ID}.time.days-ago` }, { count: days });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: index$1.pluginPermissions.publish, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 8, paddingBottom: 4, paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", tag: "h1", children: formatMessage({ id: `${index$1.PLUGIN_ID}.page.title` }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: `${index$1.PLUGIN_ID}.page.subtitle` }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, paddingTop: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { textColor: "success700", backgroundColor: "success100", size: "S", children: "en" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: formatMessage({ id: `${index$1.PLUGIN_ID}.legend.draft` }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { textColor: "primary700", backgroundColor: "primary100", size: "S", children: "en ✓" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: formatMessage({ id: `${index$1.PLUGIN_ID}.legend.published` }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { textColor: "warning700", backgroundColor: "warning100", size: "S", children: "en ✗" }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: formatMessage({ id: `${index$1.PLUGIN_ID}.legend.missing` }) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Root, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { disabled: selectedIds.size === 0 || publishing, loading: publishing, children: publishing ? formatMessage({ id: `${index$1.PLUGIN_ID}.button.publishing` }) : formatMessage(
+          { id: `${index$1.PLUGIN_ID}.button.publish` },
+          { count: selectedIds.size }
+        ) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: formatMessage({ id: `${index$1.PLUGIN_ID}.confirm.title` }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.WarningCircle, { fill: "danger600" }), children: formatMessage(
+            { id: `${index$1.PLUGIN_ID}.confirm.body` },
+            { count: selectedIds.size }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({ id: `${index$1.PLUGIN_ID}.button.cancel` }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Action, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger-light", onClick: handlePublish, loading: publishing, children: formatMessage({ id: `${index$1.PLUGIN_ID}.button.confirm` }) }) })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 10, paddingRight: 10, paddingBottom: 10, children: loading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", paddingTop: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: formatMessage({ id: `${index$1.PLUGIN_ID}.loading.posts` }) }) }) : posts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", textColor: "neutral600", textAlign: "center", children: formatMessage({ id: `${index$1.PLUGIN_ID}.empty.message` }) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: posts.length + 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Checkbox,
+          {
+            checked: posts.length > 0 && selectedIds.size === posts.length,
+            indeterminate: selectedIds.size > 0 && selectedIds.size < posts.length,
+            onCheckedChange: handleSelectAll
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({ id: `${index$1.PLUGIN_ID}.table.title` }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({ id: `${index$1.PLUGIN_ID}.table.locales` }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({ id: `${index$1.PLUGIN_ID}.table.status` }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: posts.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Checkbox,
+          {
+            checked: selectedIds.has(entry.documentId),
+            onCheckedChange: () => handleSelect(entry.documentId)
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: entry.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: formatMessage(
+            { id: `${index$1.PLUGIN_ID}.table.updated` },
+            { time: formatTimeAgo(entry.updatedAt) }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(LocaleBadges, { locales: entry.locales }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Typography,
+          {
+            textColor: getStatusColor(entry.locales),
+            fontWeight: "semiBold",
+            children: getPostStatus(entry.locales)
+          }
+        ) })
+      ] }, entry.documentId)) })
+    ] }) })
+  ] }) });
+};
+exports.HomePage = HomePage;

package/dist/_chunks/SettingsPage-BpvQogmY.mjs

@@ -0,0 +1,75 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { u as useIntl } from "./index-CEh8vkxY.mjs";
+import { Main, Flex, Loader, Box, Typography, Button, TextInput } from "@strapi/design-system";
+import { useFetchClient, useNotification, Page } from "@strapi/strapi/admin";
+import { P as PLUGIN_ID, p as pluginPermissions } from "./index-CBDMXg1c.mjs";
+const SettingsPage = () => {
+  const { formatMessage } = useIntl();
+  const { get, put } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const [webhookUrl, setWebhookUrl] = useState("");
+  const [initialUrl, setInitialUrl] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const fetchSettings = useCallback(async () => {
+    try {
+      const { data } = await get(`/${PLUGIN_ID}/settings`);
+      const url = data.data?.webhookUrl || "";
+      setWebhookUrl(url);
+      setInitialUrl(url);
+    } catch {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({ id: `${PLUGIN_ID}.notification.settings.error` })
+      });
+    } finally {
+      setLoading(false);
+    }
+  }, [get, toggleNotification, formatMessage]);
+  useEffect(() => {
+    fetchSettings();
+  }, [fetchSettings]);
+  const handleSave = async () => {
+    try {
+      setSaving(true);
+      await put(`/${PLUGIN_ID}/settings`, { webhookUrl });
+      setInitialUrl(webhookUrl);
+      toggleNotification({
+        type: "success",
+        message: formatMessage({ id: `${PLUGIN_ID}.notification.settings.success` })
+      });
+    } catch {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({ id: `${PLUGIN_ID}.notification.settings.error` })
+      });
+    } finally {
+      setSaving(false);
+    }
+  };
+  const hasChanged = webhookUrl !== initialUrl;
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions: pluginPermissions.settings, children: /* @__PURE__ */ jsx(Main, { children: loading ? /* @__PURE__ */ jsx(Flex, { justifyContent: "center", paddingTop: 8, children: /* @__PURE__ */ jsx(Loader, { children: formatMessage({ id: `${PLUGIN_ID}.loading.settings` }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { paddingTop: 8, paddingBottom: 4, paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "alpha", tag: "h1", children: formatMessage({ id: `${PLUGIN_ID}.settings.title` }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: `${PLUGIN_ID}.settings.subtitle` }) })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: !hasChanged || saving, loading: saving, children: formatMessage({ id: `${PLUGIN_ID}.button.save` }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, paddingBottom: 10, children: /* @__PURE__ */ jsx(Box, { background: "neutral0", padding: 6, shadow: "tableShadow", hasRadius: true, children: /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: formatMessage({ id: `${PLUGIN_ID}.webhook.label` }),
+        placeholder: formatMessage({ id: `${PLUGIN_ID}.webhook.placeholder` }),
+        hint: formatMessage({ id: `${PLUGIN_ID}.webhook.hint` }),
+        name: "webhookUrl",
+        value: webhookUrl,
+        onChange: (e) => setWebhookUrl(e.target.value)
+      }
+    ) }) })
+  ] }) }) });
+};
+export {
+  SettingsPage
+};