strapi-plugin-notifier 1.0.2 → 1.1.0

package/dist/_chunks/index-BgPnE501.mjs

@@ -0,0 +1,221 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { useFetchClient } from "@strapi/admin/strapi-admin";
+let items = [];
+let countSubscribers = [];
+let itemSubscribers = [];
+const getUnreadCount = () => items.filter((n) => !n.read).length;
+const broadcastCount = () => {
+  const n = getUnreadCount();
+  countSubscribers.forEach((fn) => fn(n));
+};
+const broadcastItems = () => {
+  const snapshot = [...items];
+  itemSubscribers.forEach((fn) => fn(snapshot));
+  broadcastCount();
+};
+const getNotificationCount = () => getUnreadCount();
+const getNotifications = () => [...items];
+const subscribeToCount = (fn) => {
+  countSubscribers.push(fn);
+  return () => {
+    countSubscribers = countSubscribers.filter((s) => s !== fn);
+  };
+};
+const subscribeToNotifications = (fn) => {
+  itemSubscribers.push(fn);
+  return () => {
+    itemSubscribers = itemSubscribers.filter((s) => s !== fn);
+  };
+};
+const setNotifications = (next) => {
+  items = next;
+  broadcastItems();
+};
+const markAsRead = (id) => {
+  items = items.map((n) => n.id === id ? { ...n, read: true } : n);
+  broadcastItems();
+};
+const markAllAsRead = () => {
+  items = items.map((n) => ({ ...n, read: true }));
+  broadcastItems();
+};
+const clearNotification = (id) => {
+  items = items.filter((n) => n.id !== id);
+  broadcastItems();
+};
+const clearAll = () => {
+  items = [];
+  broadcastItems();
+};
+const useNotificationCount = () => {
+  const [count, setCount] = useState(getNotificationCount);
+  useEffect(() => subscribeToCount(setCount), []);
+  return count;
+};
+const DEFAULT_CONFIG = {
+  pollIntervalMs: 3e4,
+  pageSize: 20,
+  theme: {
+    accent: {
+      info: "#4945ff",
+      success: "#5cb85c",
+      warning: "#f0ad4e",
+      error: "#ee5e52"
+    }
+  }
+};
+let config = DEFAULT_CONFIG;
+let subscribers = [];
+const getConfig = () => config;
+const setConfig = (next) => {
+  config = { ...DEFAULT_CONFIG, ...next, theme: { accent: { ...DEFAULT_CONFIG.theme.accent, ...next?.theme?.accent } } };
+  subscribers.forEach((fn) => fn(config));
+};
+const subscribeToConfig = (fn) => {
+  subscribers.push(fn);
+  return () => {
+    subscribers = subscribers.filter((s) => s !== fn);
+  };
+};
+const usePluginConfig = () => {
+  const [config2, setConfig2] = useState(getConfig);
+  useEffect(() => subscribeToConfig(setConfig2), []);
+  return config2;
+};
+const toStoreNotification = (n) => ({
+  id: String(n.id),
+  title: n.title,
+  message: n.message ?? "",
+  type: n.type ?? "info",
+  read: n.read,
+  createdAt: n.createdAt,
+  url: n.url
+});
+function Bell() {
+  const count = useNotificationCount();
+  const config2 = usePluginConfig();
+  const { get } = useFetchClient();
+  const configLoaded = useRef(false);
+  useEffect(() => {
+    if (configLoaded.current) return;
+    configLoaded.current = true;
+    get("/notifier/config").then(({ data }) => {
+      if (data) setConfig(data);
+    }).catch(() => {
+    });
+  }, [get]);
+  useEffect(() => {
+    const poll = async () => {
+      try {
+        const { data } = await get(`/notifier/notifications?page=1&pageSize=${config2.pageSize}`);
+        if (Array.isArray(data?.data)) {
+          setNotifications(data.data.map(toStoreNotification));
+        }
+      } catch {
+      }
+    };
+    poll();
+    const id = setInterval(poll, config2.pollIntervalMs);
+    return () => clearInterval(id);
+  }, [get, config2.pollIntervalMs, config2.pageSize]);
+  return /* @__PURE__ */ jsxs("span", { style: { position: "relative", display: "inline-flex" }, children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        width: "1.5em",
+        height: "1.5em",
+        children: [
+          /* @__PURE__ */ jsx("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" }),
+          /* @__PURE__ */ jsx("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" })
+        ]
+      }
+    ),
+    count > 0 && /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-label": `${count} unread notification${count === 1 ? "" : "s"}`,
+        style: {
+          position: "absolute",
+          top: "-5px",
+          right: "-6px",
+          backgroundColor: "#ee5e52",
+          color: "#fff",
+          borderRadius: "9px",
+          fontSize: "9px",
+          fontWeight: 700,
+          height: "13px",
+          minWidth: "13px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "0 2px",
+          lineHeight: 1,
+          pointerEvents: "none"
+        },
+        children: count > 99 ? "99+" : count
+      }
+    )
+  ] });
+}
+const pluginId = "notifier";
+const index = {
+  register(app) {
+    app.addMenuLink({
+      to: `/plugins/${pluginId}`,
+      icon: Bell,
+      intlLabel: {
+        id: `${pluginId}.plugin.name`,
+        defaultMessage: "Notifications"
+      },
+      permissions: [],
+      Component: () => import("./Index-_PTtaZsz.mjs")
+    });
+    app.createSettingSection(
+      {
+        id: pluginId,
+        intlLabel: {
+          id: `${pluginId}.settings.section`,
+          defaultMessage: "Notifier"
+        }
+      },
+      [
+        {
+          intlLabel: {
+            id: `${pluginId}.settings.page`,
+            defaultMessage: "Configuration"
+          },
+          id: `${pluginId}.settings`,
+          to: `/settings/${pluginId}`,
+          Component: () => import("./SettingsPage-CuTIslG0.mjs"),
+          permissions: [
+            { action: `plugin::${pluginId}.settings.read`, subject: null }
+          ]
+        }
+      ]
+    );
+    app.registerPlugin({
+      id: pluginId,
+      name: "Notifier"
+    });
+  }
+};
+export {
+  getNotifications as a,
+  markAllAsRead as b,
+  clearNotification as c,
+  clearAll as d,
+  subscribeToNotifications as e,
+  getConfig as g,
+  index as i,
+  markAsRead as m,
+  setNotifications as s,
+  usePluginConfig as u
+};

package/dist/_chunks/index-CKh_iBP2.js

@@ -0,0 +1,220 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const strapiAdmin = require("@strapi/admin/strapi-admin");
+let items = [];
+let countSubscribers = [];
+let itemSubscribers = [];
+const getUnreadCount = () => items.filter((n) => !n.read).length;
+const broadcastCount = () => {
+  const n = getUnreadCount();
+  countSubscribers.forEach((fn) => fn(n));
+};
+const broadcastItems = () => {
+  const snapshot = [...items];
+  itemSubscribers.forEach((fn) => fn(snapshot));
+  broadcastCount();
+};
+const getNotificationCount = () => getUnreadCount();
+const getNotifications = () => [...items];
+const subscribeToCount = (fn) => {
+  countSubscribers.push(fn);
+  return () => {
+    countSubscribers = countSubscribers.filter((s) => s !== fn);
+  };
+};
+const subscribeToNotifications = (fn) => {
+  itemSubscribers.push(fn);
+  return () => {
+    itemSubscribers = itemSubscribers.filter((s) => s !== fn);
+  };
+};
+const setNotifications = (next) => {
+  items = next;
+  broadcastItems();
+};
+const markAsRead = (id) => {
+  items = items.map((n) => n.id === id ? { ...n, read: true } : n);
+  broadcastItems();
+};
+const markAllAsRead = () => {
+  items = items.map((n) => ({ ...n, read: true }));
+  broadcastItems();
+};
+const clearNotification = (id) => {
+  items = items.filter((n) => n.id !== id);
+  broadcastItems();
+};
+const clearAll = () => {
+  items = [];
+  broadcastItems();
+};
+const useNotificationCount = () => {
+  const [count, setCount] = react.useState(getNotificationCount);
+  react.useEffect(() => subscribeToCount(setCount), []);
+  return count;
+};
+const DEFAULT_CONFIG = {
+  pollIntervalMs: 3e4,
+  pageSize: 20,
+  theme: {
+    accent: {
+      info: "#4945ff",
+      success: "#5cb85c",
+      warning: "#f0ad4e",
+      error: "#ee5e52"
+    }
+  }
+};
+let config = DEFAULT_CONFIG;
+let subscribers = [];
+const getConfig = () => config;
+const setConfig = (next) => {
+  config = { ...DEFAULT_CONFIG, ...next, theme: { accent: { ...DEFAULT_CONFIG.theme.accent, ...next?.theme?.accent } } };
+  subscribers.forEach((fn) => fn(config));
+};
+const subscribeToConfig = (fn) => {
+  subscribers.push(fn);
+  return () => {
+    subscribers = subscribers.filter((s) => s !== fn);
+  };
+};
+const usePluginConfig = () => {
+  const [config2, setConfig2] = react.useState(getConfig);
+  react.useEffect(() => subscribeToConfig(setConfig2), []);
+  return config2;
+};
+const toStoreNotification = (n) => ({
+  id: String(n.id),
+  title: n.title,
+  message: n.message ?? "",
+  type: n.type ?? "info",
+  read: n.read,
+  createdAt: n.createdAt,
+  url: n.url
+});
+function Bell() {
+  const count = useNotificationCount();
+  const config2 = usePluginConfig();
+  const { get } = strapiAdmin.useFetchClient();
+  const configLoaded = react.useRef(false);
+  react.useEffect(() => {
+    if (configLoaded.current) return;
+    configLoaded.current = true;
+    get("/notifier/config").then(({ data }) => {
+      if (data) setConfig(data);
+    }).catch(() => {
+    });
+  }, [get]);
+  react.useEffect(() => {
+    const poll = async () => {
+      try {
+        const { data } = await get(`/notifier/notifications?page=1&pageSize=${config2.pageSize}`);
+        if (Array.isArray(data?.data)) {
+          setNotifications(data.data.map(toStoreNotification));
+        }
+      } catch {
+      }
+    };
+    poll();
+    const id = setInterval(poll, config2.pollIntervalMs);
+    return () => clearInterval(id);
+  }, [get, config2.pollIntervalMs, config2.pageSize]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { position: "relative", display: "inline-flex" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        width: "1.5em",
+        height: "1.5em",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" })
+        ]
+      }
+    ),
+    count > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-label": `${count} unread notification${count === 1 ? "" : "s"}`,
+        style: {
+          position: "absolute",
+          top: "-5px",
+          right: "-6px",
+          backgroundColor: "#ee5e52",
+          color: "#fff",
+          borderRadius: "9px",
+          fontSize: "9px",
+          fontWeight: 700,
+          height: "13px",
+          minWidth: "13px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "0 2px",
+          lineHeight: 1,
+          pointerEvents: "none"
+        },
+        children: count > 99 ? "99+" : count
+      }
+    )
+  ] });
+}
+const pluginId = "notifier";
+const index = {
+  register(app) {
+    app.addMenuLink({
+      to: `/plugins/${pluginId}`,
+      icon: Bell,
+      intlLabel: {
+        id: `${pluginId}.plugin.name`,
+        defaultMessage: "Notifications"
+      },
+      permissions: [],
+      Component: () => Promise.resolve().then(() => require("./Index-DVk2enQ2.js"))
+    });
+    app.createSettingSection(
+      {
+        id: pluginId,
+        intlLabel: {
+          id: `${pluginId}.settings.section`,
+          defaultMessage: "Notifier"
+        }
+      },
+      [
+        {
+          intlLabel: {
+            id: `${pluginId}.settings.page`,
+            defaultMessage: "Configuration"
+          },
+          id: `${pluginId}.settings`,
+          to: `/settings/${pluginId}`,
+          Component: () => Promise.resolve().then(() => require("./SettingsPage-DYxNBA3h.js")),
+          permissions: [
+            { action: `plugin::${pluginId}.settings.read`, subject: null }
+          ]
+        }
+      ]
+    );
+    app.registerPlugin({
+      id: pluginId,
+      name: "Notifier"
+    });
+  }
+};
+exports.clearAll = clearAll;
+exports.clearNotification = clearNotification;
+exports.getConfig = getConfig;
+exports.getNotifications = getNotifications;
+exports.index = index;
+exports.markAllAsRead = markAllAsRead;
+exports.markAsRead = markAsRead;
+exports.setNotifications = setNotifications;
+exports.subscribeToNotifications = subscribeToNotifications;
+exports.usePluginConfig = usePluginConfig;

package/dist/admin/index.js

@@ -1,4 +1,3 @@
 "use strict";
-require("react");
-const index = require("../_chunks/index-7WJGsVEY.js");
+const index = require("../_chunks/index-CKh_iBP2.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,5 +1,4 @@
-import "react";
-import { i } from "../_chunks/index-CNYabBMJ.mjs";
+import { i } from "../_chunks/index-BgPnE501.mjs";
 export {
   i as default
 };