strapi-plugin-timeline 0.0.0

package/dist/admin/SettingsPage-C87KaVB_.mjs

@@ -0,0 +1,259 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Main, Typography, Box, Flex, Button, Field, SingleSelect, SingleSelectOption, Accordion, Switch, IconButton, Grid, MultiSelect, MultiSelectOption, NumberInput, Dialog } from "@strapi/design-system";
+import { Check, Plus, Trash } from "@strapi/icons";
+import { useFetchClient, useNotification, Layouts } from "@strapi/strapi/admin";
+import { P as PLUGIN_ID } from "./index-DWXpMwlf.mjs";
+const ALL_ACTIONS = ["create", "update", "delete", "publish"];
+const DURATION_UNITS = [
+  { value: "hours", label: "Hours" },
+  { value: "days", label: "Days" },
+  { value: "weeks", label: "Weeks" },
+  { value: "months", label: "Months" }
+];
+const makeDefaultConfig = () => ({
+  enabled: true,
+  actions: [...ALL_ACTIONS],
+  entriesLimit: 0,
+  durationLimit: 0,
+  durationUnit: "days"
+});
+const SettingsPage = () => {
+  const { get, put } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const [contentTypes, setContentTypes] = useState([]);
+  const [configs, setConfigs] = useState({});
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [addingUid, setAddingUid] = useState("");
+  const [expandedItem, setExpandedItem] = useState("");
+  const [removeTarget, setRemoveTarget] = useState(null);
+  useEffect(() => {
+    loadData();
+  }, []);
+  const loadData = async () => {
+    try {
+      const [settingsRes, ctRes] = await Promise.all([
+        get(`/${PLUGIN_ID}/settings`),
+        get(`/${PLUGIN_ID}/content-types`)
+      ]);
+      const raw = settingsRes.data.data || {};
+      setConfigs(raw.contentTypeConfigs || {});
+      setContentTypes(ctRes.data.data || []);
+    } catch {
+      toggleNotification({ type: "danger", message: "Failed to load settings." });
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleSave = async () => {
+    setSaving(true);
+    try {
+      await put(`/${PLUGIN_ID}/settings`, { contentTypeConfigs: configs });
+      toggleNotification({ type: "success", message: "Settings saved successfully." });
+    } catch {
+      toggleNotification({ type: "danger", message: "Failed to save settings." });
+    } finally {
+      setSaving(false);
+    }
+  };
+  const availableContentTypes = contentTypes.filter((ct) => !configs[ct.uid]);
+  const addContentType = () => {
+    if (!addingUid) return;
+    setConfigs((prev) => ({ ...prev, [addingUid]: makeDefaultConfig() }));
+    setExpandedItem(addingUid);
+    setAddingUid("");
+  };
+  const removeContentType = (uid) => {
+    setConfigs((prev) => {
+      const next = { ...prev };
+      delete next[uid];
+      return next;
+    });
+    setExpandedItem((prev) => prev === uid ? "" : prev);
+  };
+  const updateConfig = (uid, field, value) => {
+    setConfigs((prev) => ({
+      ...prev,
+      [uid]: { ...prev[uid], [field]: value }
+    }));
+  };
+  const getDisplayName = (uid) => {
+    const ct = contentTypes.find((c) => c.uid === uid);
+    return ct?.displayName || uid;
+  };
+  const getKindLabel = (uid) => {
+    const ct = contentTypes.find((c) => c.uid === uid);
+    return ct?.kind === "singleType" ? "Single Type" : "Collection Type";
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx(Layouts.Root, { children: /* @__PURE__ */ jsx(Main, { padding: 8, children: /* @__PURE__ */ jsx(Typography, { variant: "alpha", children: "Loading…" }) }) });
+  }
+  const configuredUids = Object.keys(configs);
+  return /* @__PURE__ */ jsx(Layouts.Root, { children: /* @__PURE__ */ jsxs(Main, { padding: 8, children: [
+    /* @__PURE__ */ jsx(Box, { paddingBottom: 6, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "alpha", tag: "h1", children: "Timeline Settings" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: "Configure which content types to track and how to manage their history." })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(Check, {}), onClick: handleSave, loading: saving, disabled: saving, children: "Save" })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Box, { background: "neutral0", shadow: "tableShadow", padding: 6, borderRadius: "4px", children: [
+      /* @__PURE__ */ jsxs(Box, { paddingBottom: 4, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: "Tracked Content Types" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "Add content types to track and configure actions, entry limits, and retention duration for each." })
+      ] }),
+      /* @__PURE__ */ jsxs(Flex, { gap: 2, paddingBottom: 4, alignItems: "flex-end", children: [
+        /* @__PURE__ */ jsx(Box, { flex: "1", children: /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Add Content Type" }),
+          /* @__PURE__ */ jsx(
+            SingleSelect,
+            {
+              value: addingUid,
+              onChange: (value) => setAddingUid(String(value)),
+              placeholder: "Select a content type to add...",
+              disabled: availableContentTypes.length === 0,
+              children: availableContentTypes.map((ct) => /* @__PURE__ */ jsxs(SingleSelectOption, { value: ct.uid, children: [
+                ct.displayName,
+                " (",
+                ct.kind === "singleType" ? "Single" : "Collection",
+                ")"
+              ] }, ct.uid))
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            startIcon: /* @__PURE__ */ jsx(Plus, {}),
+            size: "L",
+            onClick: addContentType,
+            variant: "secondary",
+            disabled: !addingUid,
+            children: "Add"
+          }
+        )
+      ] }),
+      configuredUids.length === 0 ? /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", borderRadius: "4px", children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: "No content types configured. Select one above to start tracking changes." }) }) : /* @__PURE__ */ jsx(
+        Accordion.Root,
+        {
+          value: expandedItem,
+          onValueChange: (value) => setExpandedItem(value),
+          children: configuredUids.map((uid) => {
+            const config = configs[uid];
+            return /* @__PURE__ */ jsxs(Accordion.Item, { value: uid, children: [
+              /* @__PURE__ */ jsx(Accordion.Header, { children: /* @__PURE__ */ jsx(Accordion.Trigger, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: getDisplayName(uid) }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: getKindLabel(uid) }),
+                !config.enabled && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", children: "(disabled)" })
+              ] }) }) }),
+              /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 4, children: [
+                /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", paddingBottom: 4, children: [
+                  /* @__PURE__ */ jsx(
+                    Switch,
+                    {
+                      onCheckedChange: (checked) => updateConfig(uid, "enabled", checked),
+                      checked: config.enabled,
+                      visibleLabels: true
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      onClick: () => setRemoveTarget(uid),
+                      label: "Remove content type",
+                      variant: "danger-light",
+                      children: /* @__PURE__ */ jsx(Trash, {})
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, gridCols: 2, children: [
+                  /* @__PURE__ */ jsx(Grid.Item, { col: 2, s: 2, alignItems: "flex-start", children: /* @__PURE__ */ jsxs(Field.Root, { width: "100%", hint: "Which lifecycle actions to record. Empty = all actions.", children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: "Tracked Actions" }),
+                    /* @__PURE__ */ jsx(
+                      MultiSelect,
+                      {
+                        value: config.actions,
+                        onChange: (values) => updateConfig(uid, "actions", values),
+                        placeholder: "Select actions to track...",
+                        withTags: true,
+                        children: ALL_ACTIONS.map((action) => /* @__PURE__ */ jsx(MultiSelectOption, { value: action, children: action.charAt(0).toUpperCase() + action.slice(1) }, action))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Grid.Item, { col: 1, s: 2, alignItems: "flex-start", children: /* @__PURE__ */ jsxs(Field.Root, { width: "100%", hint: "Max entries to keep per content type. 0 = unlimited.", children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: "Entries Limit" }),
+                    /* @__PURE__ */ jsx(
+                      NumberInput,
+                      {
+                        name: `${uid}-entriesLimit`,
+                        value: config.entriesLimit,
+                        onValueChange: (value) => updateConfig(uid, "entriesLimit", value ?? 0),
+                        step: 10
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Grid.Item, { col: 1, s: 2, alignItems: "flex-start", children: /* @__PURE__ */ jsxs(Field.Root, { width: "100%", hint: "Entries older than this are cleaned up by the scheduled task. 0 = no limit.", children: [
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-end", children: [
+                      /* @__PURE__ */ jsx(Box, { flex: "1", children: /* @__PURE__ */ jsxs(Field.Root, { width: "100%", children: [
+                        /* @__PURE__ */ jsx(Field.Label, { children: "Retention Duration" }),
+                        /* @__PURE__ */ jsx(
+                          NumberInput,
+                          {
+                            name: `${uid}-durationLimit`,
+                            value: config.durationLimit,
+                            onValueChange: (value) => updateConfig(uid, "durationLimit", value ?? 0),
+                            step: 1
+                          }
+                        )
+                      ] }) }),
+                      /* @__PURE__ */ jsx(Box, { style: { minWidth: "120px" }, children: /* @__PURE__ */ jsx(
+                        SingleSelect,
+                        {
+                          value: config.durationUnit,
+                          onChange: (value) => updateConfig(uid, "durationUnit", String(value)),
+                          children: DURATION_UNITS.map((u) => /* @__PURE__ */ jsx(SingleSelectOption, { value: u.value, children: u.label }, u.value))
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ] }) })
+                ] })
+              ] }) })
+            ] }, uid);
+          })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Dialog.Root, { open: !!removeTarget, onOpenChange: (open) => !open && setRemoveTarget(null), children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+      /* @__PURE__ */ jsx(Dialog.Header, { children: "Remove content type from tracking" }),
+      /* @__PURE__ */ jsx(Dialog.Body, { icon: /* @__PURE__ */ jsx(Trash, {}), children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsxs(Typography, { children: [
+          "Are you sure you want to stop tracking ",
+          /* @__PURE__ */ jsx("strong", { children: removeTarget ? getDisplayName(removeTarget) : "" }),
+          "?"
+        ] }),
+        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Existing timeline entries for this content type will not be deleted. You can re-add it later to resume tracking." })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
+        /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: "Cancel" }) }),
+        /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "danger",
+            onClick: () => {
+              if (removeTarget) removeContentType(removeTarget);
+              setRemoveTarget(null);
+            },
+            children: "Remove"
+          }
+        ) })
+      ] })
+    ] }) })
+  ] }) });
+};
+export {
+  SettingsPage
+};

package/dist/admin/en-B4KWt_jN.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const en = {};
+exports.default = en;

package/dist/admin/en-Byx4XI2L.mjs

@@ -0,0 +1,4 @@
+const en = {};
+export {
+  en as default
+};