multi-content-type-relation 0.1.0 → 2.0.1

package/admin/src/components/Input/TableItem.tsx

@@ -1,109 +0,0 @@
-import React, { useEffect, useMemo, useState } from "react"
-import { Tr, Td, Typography, IconButton } from "@strapi/design-system"
-import { Trash, Plus, Drag, Eye } from "@strapi/icons"
-import { PublicationState } from "./PublicationState"
-import { useSortable } from "@dnd-kit/sortable"
-import { CSS } from "@dnd-kit/utilities"
-
-import { SelectedEntry } from "../../interface"
-import { getContentTypeForUid, getContentTypes } from "../../helpers/storage"
-import { useLocation } from "react-router-dom"
-
-type Props = {
-  entry: SelectedEntry
-  type: "suggestion" | "selected"
-  uniqueId: number
-  onAdd?(entry: SelectedEntry): void
-  onDelete?(entry: SelectedEntry): void
-  disabled?: boolean
-  sortable?: boolean
-}
-
-export const TableItem = ({ entry, type, uniqueId, disabled, onAdd, onDelete, sortable }: Props) => {
-  const entryIdentifier = useMemo(() => `${uniqueId}-${entry.uid}-${entry.item.id}`, [entry])
-  const contentType = getContentTypeForUid(entry.uid)
-  const location = useLocation()
-
-  const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: entryIdentifier })
-
-  const trueRef = document.querySelector(`[data-tableitem="${entryIdentifier}"]`)
-  useEffect(() => {
-    if (!trueRef) return
-
-    setNodeRef(trueRef as HTMLElement)
-  }, [trueRef])
-
-  const style = {
-    transform: CSS.Transform.toString(transform),
-    transition
-  }
-
-  const [currentLocale, setCurrentLocale] = useState("")
-  useEffect(() => {
-    const searchParams = new URLSearchParams(location.search)
-    const locale = searchParams.get("plugins[i18n][locale]")
-    if (!locale) return
-    setCurrentLocale(locale)
-  }, [location])
-
-  const goToEntry = () => {
-    if (!currentLocale) return
-
-    const contentTypes = window.sessionStorage.getItem("mctr::content_types")
-
-    if (contentTypes) {
-      try {
-        const parsedContentTypes = JSON.parse(contentTypes)
-        if (Array.isArray(parsedContentTypes)) {
-          const contentType = parsedContentTypes.find((ct) => ct.uid === entry.uid)
-          if (contentType) {
-            const kind = contentType.kind
-            let url = `/admin/content-manager/${kind}/${entry.uid}`
-            if (kind === "collectionType") {
-              url += `/${entry.item.id}`
-            }
-            url += `?plugins[i18n][locale]=${currentLocale}`
-
-            window.open(url, "_blank")
-            return
-          }
-        }
-      } catch (e) {
-        console.error("[MRCT] Failed to retrieve content types")
-      }
-    } else {
-      alert("An error occured, please try to refresh the page")
-    }
-  }
-
-  return (
-    <Tr style={style} {...attributes} {...listeners} data-tableitem={entryIdentifier}>
-      <Td>{type === "selected" ? <IconButton icon={<Drag />} noBorder /> : null}</Td>
-      <Td>
-        <Typography color="neutral800">{entry.item[entry.searchableField]}</Typography>
-      </Td>
-      <Td>
-        <Typography color="neutral800">{entry.item.id}</Typography>
-      </Td>
-      <Td>
-        <Typography color="neutral800">{entry.displayName}</Typography>
-      </Td>
-      <Td>
-        <PublicationState
-          isPublished={!!entry.item.publishedAt}
-          hasDraftAndPublish={contentType?.options?.draftAndPublish}
-        />
-      </Td>
-      <Td>
-        <div style={{ display: "flex" }}>
-          <IconButton label="Go to entry" onClick={goToEntry} icon={<Eye />} style={{ "margin-right": "5px" }} />
-          {type === "suggestion" ? (
-            <IconButton label="Add" onClick={() => onAdd!(entry)} icon={<Plus />} disabled={disabled} />
-          ) : type === "selected" ? (
-            <IconButton label="Delete" onClick={() => onDelete!(entry)} icon={<Trash />} />
-          ) : null}
-        </div>
-      </Td>
-    </Tr>
-  )
-}

package/admin/src/components/Input/index.tsx

@@ -1,27 +0,0 @@
-import React, { useMemo } from "react"
-
-import { MainInput } from "./MainInput"
-
-export default function Index(props) {
-  const attribute = useMemo(() => {
-    if (!props.attribute) return props.attribute
-
-    if (!props.attribute.options) return props.attribute
-
-    if (!props.attribute.options.contentTypes) return props.attribute
-
-    const contentTypes = Object.keys(props.attribute.options.contentTypes).filter(
-      (key) => props.attribute.options.contentTypes[key]
-    )
-
-    return {
-      ...props.attribute,
-      options: {
-        ...props.attribute.options,
-        contentTypes: contentTypes.join(",")
-      }
-    }
-  }, [props.attribute])
-
-  return <MainInput {...props} attribute={attribute} />
-}

package/admin/src/components/PluginIcon/index.tsx

@@ -1,12 +0,0 @@
-/**
- *
- * PluginIcon
- *
- */
-
-import React from 'react';
-import { Puzzle } from '@strapi/icons';
-
-const PluginIcon = () => <Puzzle />;
-
-export default PluginIcon;

package/admin/src/helpers/content.ts

@@ -1,60 +0,0 @@
-import { getFetchClient } from "@strapi/helper-plugin"
-
-import pluginId from "../pluginId"
-import { FormattedStrapiEntry, MatchingContent, MatchingContentResponse, SelectedEntry } from "../interface"
-
-export const fetchMatchingContent = async (
-  keyword: string,
-  contentTypes: string,
-  locale: string
-): Promise<MatchingContentResponse> => {
-  const { post } = getFetchClient()
-  const response = await post(`/${pluginId}/get-content`, {
-    contentTypes: contentTypes.split(","),
-    keyword,
-    locale
-  })
-
-  const data = response.data as MatchingContent[]
-
-  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
-  }
-}
-
-export const formatToStrapiField = (entries: SelectedEntry[]) => {
-  if (entries.length === 0) return ""
-
-  return JSON.stringify(entries.map((entry) => ({ uid: entry.uid, id: entry.item.id, MRCT: true })).filter(Boolean))
-}
-
-export const validateCurrentRelations = async (entries: FormattedStrapiEntry[]) => {
-  const { post } = getFetchClient()
-
-  const response = await post(`/${pluginId}/validate-relations`, {
-    entries
-  })
-
-  return response.data as SelectedEntry[]
-}
-
-export const listContentTypes = async () => {
-  try {
-    const { get } = getFetchClient()
-    const response = await get(`/${pluginId}/list-content-types`)
-
-    return response.data
-  } catch (error) {
-    console.error(error)
-    return []
-  }
-}

package/admin/src/helpers/storage.ts

@@ -1,32 +0,0 @@
-export type LightContentType = {
-  apiName: string
-  attributes: Record<string, Record<string, unknown>>[]
-  collectionName: string
-  globalId: string
-  modelName: string
-  modelType: string
-  options?: { draftAndPublish?: boolean }
-  uid: string
-}
-
-const STORAGE_KEY = "mctr::content_types"
-
-export function getContentTypes() {
-  const raw = sessionStorage.getItem(STORAGE_KEY)
-
-  return raw ? (JSON.parse(raw) as LightContentType[]) : undefined
-}
-
-export function getContentTypeForUid(uid: string) {
-  const contentTypes = getContentTypes()
-
-  if (!Array.isArray(contentTypes)) return
-
-  return contentTypes.find((contentType) => contentType.uid === uid)
-}
-
-export function setContentTypes(contentTypes: LightContentType[]) {
-  const stringified = JSON.stringify(contentTypes)
-
-  sessionStorage.setItem(STORAGE_KEY, stringified)
-}

package/admin/src/hooks/useSearchedEntries.ts

@@ -1,41 +0,0 @@
-import { useEffect, useMemo, useState } from "react"
-
-import { MatchingContent } from "../interface"
-import { fetchMatchingContent } from "../helpers/content"
-
-export function useSearchedEntries(keyword: string, contentTypes: string, locale: string) {
-  const [loading, setLoading] = useState(false)
-  const [results, setResults] = useState<MatchingContent[]>([])
-  const [total, setTotal] = useState(0)
-
-  async function fetchEntries() {
-    setResults([])
-    setTotal(0)
-
-    if (loading || !keyword) return
-
-    try {
-      const { data, total } = await fetchMatchingContent(keyword, contentTypes, locale)
-
-      setResults(data)
-      setTotal(total)
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  useEffect(() => {
-    const timeout = setTimeout(() => fetchEntries(), 500)
-
-    return () => clearTimeout(timeout)
-  }, [keyword])
-
-  return useMemo(
-    () => ({
-      loading,
-      results,
-      total
-    }),
-    [results, total]
-  )
-}

package/admin/src/index.tsx

@@ -1,140 +0,0 @@
-import React, { ComponentType } from "react"
-import { prefixPluginTranslations, CustomField } from "@strapi/helper-plugin"
-
-import pluginPkg from "../../package.json"
-
-import PluginIcon from "./components/PluginIcon"
-import pluginId from "./pluginId"
-import getTrad from "./utils/getTrad"
-import { listContentTypes } from "./helpers/content"
-import { setContentTypes } from "./helpers/storage"
-
-const name = pluginPkg.strapi.name
-
-export default {
-  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: async () =>
-          import(/* webpackChunkName: "input-component" */ "./components/Input") as unknown as ComponentType
-      },
-      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: getTrad("content-type-relation-select.options.advanced.requiredField"),
-                  defaultMessage: "Required field"
-                },
-                description: {
-                  id: getTrad("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: getTrad("content-type-relation-select.options.advanced.minField"),
-                  defaultMessage: "Minimum values"
-                },
-                description: {
-                  id: getTrad("content-type-relation-select.options.advanced.minField.description"),
-                  defaultMessage: "Minimum number of entries"
-                }
-              },
-              {
-                name: "options.max",
-                type: "number",
-                intlLabel: {
-                  id: getTrad("content-type-relation-select.options.advanced.maxField"),
-                  defaultMessage: "Maximum values"
-                },
-                description: {
-                  id: getTrad("content-type-relation-select.options.advanced.maxField.description"),
-                  defaultMessage: "Maximum number of entries"
-                }
-              }
-            ]
-          }
-        ]
-      }
-    } as CustomField)
-  },
-
-  bootstrap(app: any) {},
-
-  async registerTrads(app: any) {
-    const { locales } = app
-
-    const importedTrads = await Promise.all(
-      (locales as any[]).map((locale) => {
-        return import(`./translations/${locale}.json`)
-          .then(({ default: data }) => {
-            return {
-              data: prefixPluginTranslations(data, pluginId),
-              locale
-            }
-          })
-          .catch(() => {
-            return {
-              data: {},
-              locale
-            }
-          })
-      })
-    )
-
-    return Promise.resolve(importedTrads)
-  }
-}

package/admin/src/interface.ts

@@ -1,37 +0,0 @@
-export type PluginOption = {
-  options: {
-    min: number
-    max: number
-    contentTypes: string
-  }
-}
-
-export type MatchingContent = {
-  uid: string
-  displayName: string
-  searchableField: string
-  results: {
-    id: string
-    [key: string]: any
-  }[]
-}
-
-export type MatchingContentResponse = {
-  data: MatchingContent[]
-  total: number
-}
-
-export type SelectedEntry = {
-  displayName: string
-  searchableField: string
-  uid: string
-  item: {
-    id: string
-    [key: string]: any
-  }
-}
-
-export type FormattedStrapiEntry = {
-  uid: string
-  id: string
-}

package/admin/src/pluginId.ts

@@ -1,5 +0,0 @@
-import pluginPkg from '../../package.json';
-
-const pluginId = pluginPkg.name.replace(/^(@[^-,.][\w,-]+\/|strapi-)plugin-/i, '');
-
-export default pluginId;

package/admin/src/translations/en.json

@@ -1 +0,0 @@
-{}

package/admin/src/translations/fr.json

@@ -1 +0,0 @@
-{}

package/admin/src/utils/getTrad.ts

@@ -1,5 +0,0 @@
-import pluginId from '../pluginId';
-
-const getTrad = (id: string) => `${pluginId}.${id}`;
-
-export default getTrad;

package/dist/server/bootstrap.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ({ strapi }) => {
-    // bootstrap phase
-};

package/dist/server/config/index.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    default: ({ env }) => {
-        return {
-            recursive: {
-                enabled: false,
-                maxDepth: 1
-            },
-            debug: false
-        };
-    },
-    validator(config) {
-        if (typeof config.recursive !== "object") {
-            throw new Error("recursive must be an object");
-        }
-        if (typeof config.recursive.enabled !== "boolean") {
-            throw new Error("recursive.enabled must be a boolean");
-        }
-        if (typeof config.recursive.maxDepth !== "number") {
-            throw new Error("recursive.maxDepth must be a number");
-        }
-        if (typeof config.debug !== "boolean") {
-            throw new Error("Debug must be a boolean");
-        }
-    }
-};

package/dist/server/content-types/index.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {};

package/dist/server/controllers/controller.js

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ({ strapi }) => ({
-    getMatchingContent(ctx) {
-        const contentTypes = strapi.contentTypes;
-        const body = ctx.request.body;
-        const requestedContentTypes = body.contentTypes;
-        const keyword = body.keyword;
-        const locale = body.locale;
-        const mapping = requestedContentTypes.reduce((accumulator, contentType) => {
-            Object.keys(contentTypes).forEach((model) => {
-                const strapiContentType = contentTypes[model];
-                if (strapiContentType.info.singularName === contentType || strapiContentType.info.pluralName === contentType) {
-                    accumulator[contentType] = {
-                        uid: model,
-                        displayName: contentTypes[model].info.displayName,
-                        searchableField: strapi
-                            .plugin("multi-content-type-relation")
-                            .service("service")
-                            .getFirstStringFieldInContentType(contentTypes[model])
-                    };
-                }
-            });
-            return accumulator;
-        }, {});
-        const promises = Object.keys(mapping).map((contentType) => {
-            const uid = mapping[contentType].uid;
-            return strapi
-                .entityService.findMany(uid, {
-                filters: {
-                    [mapping[contentType].searchableField]: {
-                        $containsi: keyword
-                    }
-                },
-                locale
-            })
-                .then((results) => {
-                var _a;
-                let contents = Array.isArray(results) ? results : typeof results === "object" && results ? [results] : [];
-                const contentTypeDefinition = strapi.contentType(uid);
-                if ((_a = contentTypeDefinition === null || contentTypeDefinition === void 0 ? void 0 : contentTypeDefinition.options) === null || _a === void 0 ? void 0 : _a.draftAndPublish) {
-                    contents = contents.filter((content) => content.publishedAt !== null);
-                }
-                return {
-                    uid,
-                    displayName: mapping[contentType].displayName,
-                    searchableField: mapping[contentType].searchableField,
-                    results: contents
-                };
-            });
-        });
-        return Promise.all(promises);
-    },
-    validateRelations: async function (ctx) {
-        const contentTypes = strapi.contentTypes;
-        const body = ctx.request.body;
-        const entries = body.entries;
-        const promises = entries.map((entry) => {
-            return strapi
-                .entityService.findOne(entry.uid, entry.id, { populate: "deep" })
-                .then((result) => {
-                return {
-                    uid: entry.uid,
-                    result
-                };
-            });
-        });
-        const responses = await Promise.all(promises);
-        return responses
-            .map((response) => {
-            return {
-                displayName: contentTypes[response.uid].info.displayName,
-                uid: response.uid,
-                searchableField: strapi
-                    .plugin("multi-content-type-relation")
-                    .service("service")
-                    .getFirstStringFieldInContentType(contentTypes[response.uid]),
-                item: response.result
-            };
-        })
-            .filter((entry) => entry.item);
-    },
-    listContentTypes: async function (ctx) {
-        const contentTypes = [];
-        for (const contentType of Object.values(strapi.contentTypes)) {
-            if ((contentType.kind === "collectionType" || contentType.kind === "singleType") && !contentType.plugin) {
-                contentTypes.push(contentType);
-            }
-        }
-        return contentTypes;
-    }
-});

package/dist/server/controllers/index.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const controller_1 = __importDefault(require("./controller"));
-exports.default = {
-    controller: controller_1.default
-};

package/dist/server/destroy.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ({ strapi }) => {
-    // destroy phase
-};

package/dist/server/interface.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/server/middlewares/index.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const middleware_1 = __importDefault(require("./middleware"));
-exports.default = {
-    middleware: middleware_1.default
-};