Merge pull request #32 from jackbuehner/main

feat: support strapi v5

Author: lautr

.gitignore

@@ -0,0 +1,13 @@
+# dependencies
+node_modules
+
+# misc
+.DS_Store
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# build
+/admin/dist

.npmignore

@@ -0,0 +1,4 @@
+/admin/source
+doc
+./.*
+rollup.config.mjs

admin/src/components/DuplicateButton/index.js

@@ -0,0 +1,49 @@
+import { LinkButton } from "@strapi/design-system";
+import { Duplicate } from "@strapi/icons";
+import React from "react";
+import { useIntl } from "react-intl";
+import { useLocation, useNavigate, useParams } from "react-router-dom";
+
+const DuplicateButton = () => {
+  const { id: documentId, slug: modelUID, collectionType } = useParams();
+  const isSingleType = collectionType === "single-types";
+
+  const { formatMessage } = useIntl();
+
+  const content = {
+    id: "duplicate-button.components.duplicate.button",
+    defaultMessage: "Duplicate",
+  };
+
+  const navigate = useNavigate();
+  const { pathname, search } = useLocation();
+  const goToCloneRoute = (evt) => {
+    evt.preventDefault();
+    navigate(pathname.replace(modelUID, `${modelUID}/clone`) + search);
+  };
+
+  if (isSingleType || !documentId || !modelUID) return null;
+  if (documentId === "create" || documentId === "clone") return null;
+  return (
+    <>
+      {window && window.location ? (
+        <LinkButton
+          href={
+            // we use `window.location` here because strapi has set a
+            // base path in the admin panel and `pathname` from `useLocation()`
+            // does not include the base path
+            window.location.href.replace(modelUID, `${modelUID}/clone`) + search
+          }
+          variant="secondary"
+          style={{ width: "100%" }}
+          startIcon={<Duplicate />}
+          onClick={goToCloneRoute}
+        >
+          {formatMessage(content)}
+        </LinkButton>
+      ) : null}
+    </>
+  );
+};
+
+export default DuplicateButton;

admin/src/components/DuplicateButton/index.jsx

@@ -1,10 +1,6 @@
-/**
- * Initializer
- */
-
-import { useEffect, useRef } from 'react';
-import PropTypes from 'prop-types';
-import pluginId from '../../pluginId';
+import PropTypes from "prop-types";
+import { useEffect, useRef } from "react";
+import pluginId from "../../pluginId";
 
 const Initializer = ({ setPlugin }) => {
   const ref = useRef();

admin/src/components/Initializer/index.js

@@ -1,8 +1,8 @@
-import { prefixPluginTranslations } from '@strapi/helper-plugin';
-import pluginPkg from '../../package.json';
-import pluginId from './pluginId';
-import Initializer from './components/Initializer';
-import DuplicateButton from './components/DuplicateButton'
+import pluginPkg from "../../package.json";
+import DuplicateButton from "./components/DuplicateButton";
+import Initializer from "./components/Initializer";
+import pluginId from "./pluginId";
+import prefixPluginTranslations from "./prefixPluginTranslations";
 
 const name = pluginPkg.strapi.name;
 
@@ -17,14 +17,16 @@ export default {
   },
 
   bootstrap(app) {
-    app.injectContentManagerComponent('editView', 'right-links', {
-      name: 'DuplicateButton',
-      Component: DuplicateButton,
-    });
+    app
+      .getPlugin("content-manager")
+      .injectComponent("editView", "right-links", {
+        name: pluginId,
+        Component: DuplicateButton,
+      });
   },
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
-      locales.map(locale => {
+      locales.map((locale) => {
         return import(`./translations/${locale}.json`)
           .then(({ default: data }) => {
             return {

admin/src/index.js

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

admin/src/pluginId.js

@@ -0,0 +1,13 @@
+const prefixPluginTranslations = (trad, pluginId) => {
+  if (!pluginId) {
+    throw new TypeError("pluginId can't be empty");
+  }
+
+  return Object.keys(trad).reduce((acc, current) => {
+    acc[`${pluginId}.${current}`] = trad[current];
+
+    return acc;
+  }, {});
+};
+
+export default prefixPluginTranslations;