multi-content-type-relation 0.1.0 → 2.1.0

package/dist/_chunks/index-CktBIBSM.js

@@ -0,0 +1,332 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@strapi/icons");
+const admin = require("@strapi/strapi/admin");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const reactIntl = require("react-intl");
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+const name$1 = "multi-content-type-relation";
+const strapi = {
+  name: "multi-content-type-relation"
+};
+const pluginPkg = {
+  name: name$1,
+  strapi
+};
+const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.PuzzlePiece, {});
+const pluginId = pluginPkg.name.replace(
+  /^(@[^-,.][\w,-]+\/|strapi-)plugin-/i,
+  ""
+);
+const fetchMatchingContent = async (keyword, contentTypes, locale) => {
+  const { post } = admin.getFetchClient();
+  const response = await post(`/${pluginId}/get-content`, {
+    contentTypes: contentTypes.split(","),
+    keyword,
+    locale
+  });
+  const data = response.data;
+  if (!data) throw new Error("No data returned from API");
+  const total = data.reduce((accumulator, option) => {
+    if (!option.results) return accumulator;
+    return accumulator + option.results.length;
+  }, 0);
+  return {
+    data,
+    total
+  };
+};
+const formatToStrapiField = (entries) => {
+  if (entries.length === 0) return "";
+  return JSON.stringify(
+    entries.map((entry) => ({
+      uid: entry.uid,
+      documentId: entry.item.documentId,
+      MRCT: true
+    })).filter(Boolean)
+  );
+};
+const validateCurrentRelations = async (entries) => {
+  const { post } = admin.getFetchClient();
+  const response = await post(`/${pluginId}/validate-relations`, {
+    entries
+  });
+  return response.data;
+};
+const listContentTypes = async () => {
+  try {
+    const { get } = admin.getFetchClient();
+    const response = await get(`/${pluginId}/list-content-types`);
+    return response.data;
+  } catch (error) {
+    console.error(error);
+    return [];
+  }
+};
+const STORAGE_KEY = "mctr::content_types";
+function getContentTypes() {
+  const raw = sessionStorage.getItem(STORAGE_KEY);
+  return raw ? JSON.parse(raw) : void 0;
+}
+function getContentTypeForUid(uid) {
+  const contentTypes = getContentTypes();
+  if (!Array.isArray(contentTypes)) return;
+  return contentTypes.find((contentType) => contentType.uid === uid);
+}
+function setContentTypes(contentTypes) {
+  const stringified = JSON.stringify(contentTypes);
+  sessionStorage.setItem(STORAGE_KEY, stringified);
+}
+const useTranslate = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const translate = (key, values) => {
+    return formatMessage({ id: key }, values);
+  };
+  return {
+    translate
+  };
+};
+const SidePanel = () => {
+  const { translate } = useTranslate();
+  const {
+    id: documentId,
+    model: uid,
+    isSingleType
+  } = admin.unstable_useContentManagerContext();
+  const [linkedContent, setLinkedContent] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  React.useEffect(() => {
+    const fetchRevertRelations = async () => {
+      const { post } = admin.getFetchClient();
+      const response = await post(`/${pluginId}/fetch-revert-relations`, {
+        documentId,
+        uid,
+        isSingleType
+      });
+      setLinkedContent(Array.isArray(response.data) ? response.data.filter(Boolean) : []);
+      setLoading(false);
+    };
+    fetchRevertRelations();
+  }, []);
+  if (loading)
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, {}) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { width: "100%", marginTop: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Typography,
+        {
+          variant: "sigma",
+          fontWeight: "bold",
+          textTransform: "uppercase",
+          marginBottom: 1,
+          textColor: "neutral600",
+          children: translate("sidePanel.linkedContent")
+        }
+      ) }),
+      linkedContent.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", textColor: "neutral600", marginBottom: 3, children: [
+        translate("sidePanel.referencedIn"),
+        " ",
+        linkedContent.length,
+        " ",
+        translate("sidePanel.otherContents")
+      ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", marginBottom: 3, children: translate("sidePanel.notReferenced") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 2, children: linkedContent.map((content, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Box,
+        {
+          marginBottom: idx < linkedContent.length - 1 ? 3 : 0,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              designSystem.Flex,
+              {
+                direction: "row",
+                justifyContent: "space-between",
+                alignItems: "flex-start",
+                paddingY: 2,
+                paddingX: 3,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "a",
+                      {
+                        href: content.isSingleType ? `/admin/content-manager/single-types/${content.uid}` : `/admin/content-manager/collection-types/${content.uid}/${content.documentId}`,
+                        target: "_blank",
+                        style: { textDecoration: "none" },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.Typography,
+                          {
+                            children: content.title ?? content.documentId
+                          }
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      designSystem.Typography,
+                      {
+                        variant: "pi",
+                        textColor: "neutral600",
+                        style: { lineHeight: 1.2 },
+                        children: [
+                          translate("sidePanel.field"),
+                          " ",
+                          content.field
+                        ]
+                      }
+                    ) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginLeft: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardBadge, { children: content.type }) })
+                ]
+              }
+            ),
+            idx < linkedContent.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginY: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}) })
+          ]
+        },
+        content.documentId
+      )) })
+    ] })
+  ] });
+};
+const name = pluginPkg.strapi.name;
+const index = {
+  async register(app) {
+    const contentTypes = await listContentTypes();
+    setContentTypes(contentTypes);
+    app.customFields.register({
+      name,
+      pluginId,
+      type: "richtext",
+      intlLabel: {
+        id: "multi-content-type-relation.text-ai.label",
+        defaultMessage: "Multi Content Type Relation"
+      },
+      intlDescription: {
+        id: "multi-content-type-relation.text-ai.description",
+        defaultMessage: "Write content types separated by commas"
+      },
+      icon: PluginIcon,
+      // don't forget to create/import your icon component
+      components: {
+        Input: () => Promise.resolve().then(() => require(
+          /* webpackChunkName: "input-component" */
+          "./index-CxWt3llJ.js"
+        ))
+      },
+      inputSize: {
+        default: 12,
+        isResizable: false
+      },
+      options: {
+        base: [
+          /*
+            Declare settings to be added to the "Base settings" section
+            of the field in the Content-Type Builder
+          */
+          {
+            sectionTitle: {
+              id: "multi-content-type-relation.text-ai.length",
+              defaultMessage: "Content types"
+            },
+            items: contentTypes.map((contentType) => {
+              const value = contentType.info.singularName;
+              return {
+                intlLabel: {
+                  id: `multi-content-type-relation.options.${contentType.uid}`,
+                  defaultMessage: contentType.info.displayName
+                },
+                type: "checkbox",
+                name: `options.contentTypes.${value}`
+              };
+            })
+          }
+        ],
+        advanced: [
+          {
+            sectionTitle: {
+              id: "global.settings",
+              defaultMessage: "Settings"
+            },
+            items: [
+              {
+                name: "required",
+                type: "checkbox",
+                intlLabel: {
+                  id: "content-type-relation-select.options.advanced.requiredField",
+                  defaultMessage: "Required field"
+                },
+                description: {
+                  id: "content-type-relation-select.options.advanced.requiredField.description",
+                  defaultMessage: "You won't be able to create an entry if this field is empty"
+                }
+              },
+              {
+                name: "options.min",
+                type: "number",
+                intlLabel: {
+                  id: "content-type-relation-select.options.advanced.minField",
+                  defaultMessage: "Minimum values"
+                },
+                description: {
+                  id: "content-type-relation-select.options.advanced.minField.description",
+                  defaultMessage: "Minimum number of entries"
+                }
+              },
+              {
+                name: "options.max",
+                type: "number",
+                intlLabel: {
+                  id: "content-type-relation-select.options.advanced.maxField",
+                  defaultMessage: "Maximum values"
+                },
+                description: {
+                  id: "content-type-relation-select.options.advanced.maxField.description",
+                  defaultMessage: "Maximum number of entries"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    });
+  },
+  bootstrap(app) {
+    app.getPlugin("content-manager").injectComponent("editView", "right-links", {
+      name: "side-panel",
+      Component: SidePanel
+    });
+  },
+  async registerTrads(app) {
+    const { locales } = app;
+    const importedTrads = await Promise.all(
+      locales.map(async (locale) => {
+        const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("./en-Bk9okOMP.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-ZS3aTnjj.js")) }), `./translations/${locale}.json`, 3);
+        return {
+          data,
+          locale
+        };
+      })
+    );
+    return Promise.resolve(importedTrads);
+  }
+};
+exports.fetchMatchingContent = fetchMatchingContent;
+exports.formatToStrapiField = formatToStrapiField;
+exports.getContentTypeForUid = getContentTypeForUid;
+exports.index = index;
+exports.useTranslate = useTranslate;
+exports.validateCurrentRelations = validateCurrentRelations;