feat: upgrade plugin to strapi v5

.nvmrc

@@ -0,0 +1 @@
+v20.0

admin/src/index.ts

@@ -0,0 +1,74 @@
+import { plugin } from '../../utils';
+import PluginIcon from './components/PluginIcon';
+import getTrad from './utils/getTrad';
+import permissions from './permissions';
+
+export default {
+  register(app: any) {
+    app.addMenuLink({
+      to: `/plugins/${plugin.pluginId}`,
+      icon: PluginIcon,
+      intlLabel: {
+        id: `${plugin.pluginId}.name`,
+        defaultMessage: plugin.name,
+      },
+      Component: async () => {
+        const component = await import(/* webpackChunkName: "[request]" */ './pages/App');
+
+        return component;
+      },
+      permissions: permissions.main,
+    });
+
+    app.createSettingSection(
+      { id: plugin.pluginId, intlLabel: { id: getTrad('name'), defaultMessage: 'Soft Delete' } },
+      [
+        {
+          intlLabel: { id: getTrad('setting.restorationBehavior'), defaultMessage: 'Restoration Behavior' },
+          id: `${plugin.pluginId}.setting.restorationBehavior`,
+          to: `/settings/${plugin.pluginId}/restoration-behavior`,
+          Component: async () => {
+            const component = await import(/* webpackChunkName: "[request]" */ './pages/Settings/RestorationBehavior');
+
+            return component;
+          },
+          permissions: permissions.settings,
+        },
+      ],
+    );
+
+    app.registerPlugin({
+      id: plugin.pluginId,
+      name: plugin.name,
+    });
+  },
+
+  bootstrap(app: any) {},
+
+  async registerTrads(app: any) {
+    const { locales } = app;
+
+    const importedTranslations = await Promise.all(
+      locales.map((locale: string) => {
+        return import(`./translations/${locale}.json`)
+          .then(({ default: data }) => {
+            return {
+              data: Object.keys(data).reduce((acc, key) => {
+                acc[`${plugin.pluginId}.${key}`] = data[key];
+                return acc;
+              }, {} as Record<string, string>),
+              locale,
+            };
+          })
+          .catch(() => {
+            return {
+              data: {},
+              locale,
+            };
+          });
+      }),
+    );
+
+    return Promise.resolve(importedTranslations);
+  },
+};

admin/src/index.tsx

@@ -1,4 +1,3 @@
-import { prefixPluginTranslations } from '@strapi/helper-plugin';
 import { plugin } from '../../utils';
 import PluginIcon from './components/PluginIcon';
 import getTrad from './utils/getTrad';
@@ -25,17 +24,22 @@ export default {
       { id: plugin.pluginId, intlLabel: { id: getTrad('name'), defaultMessage: 'Soft Delete' } },
       [
         {
-          intlLabel: { id: getTrad('setting.restorationBehavior'), defaultMessage: 'Restoration Behavior' },
+          intlLabel: {
+            id: getTrad('setting.restorationBehavior'),
+            defaultMessage: 'Restoration Behavior',
+          },
           id: `${plugin.pluginId}.setting.restorationBehavior`,
           to: `/settings/${plugin.pluginId}/restoration-behavior`,
           Component: async () => {
-            const component = await import(/* webpackChunkName: "[request]" */ './pages/Settings/RestorationBehavior');
+            const component = await import(
+              /* webpackChunkName: "[request]" */ './pages/Settings/RestorationBehavior'
+            );
 
             return component;
           },
           permissions: permissions.settings,
         },
-      ],
+      ]
     );
 
     app.registerPlugin({
@@ -46,15 +50,21 @@ export default {
 
   bootstrap(app: any) {},
 
-  async registerTrads(app: any) { // registerTranslations
+  async registerTrads(app: any) {
     const { locales } = app;
 
     const importedTranslations = await Promise.all(
       locales.map((locale: string) => {
         return import(`./translations/${locale}.json`)
           .then(({ default: data }) => {
             return {
-              data: prefixPluginTranslations(data, plugin.pluginId),
+              data: Object.keys(data).reduce(
+                (acc, key) => {
+                  acc[`${plugin.pluginId}.${key}`] = data[key];
+                  return acc;
+                },
+                {} as Record<string, string>
+              ),
               locale,
             };
           })
@@ -64,7 +74,7 @@ export default {
               locale,
             };
           });
-      }),
+      })
     );
 
     return Promise.resolve(importedTranslations);

admin/src/pages/App/index.tsx

@@ -6,20 +6,21 @@
  */
 
 import React from 'react';
-import { Switch, Route } from 'react-router-dom';
-import { AnErrorOccurred, CheckPagePermissions } from '@strapi/helper-plugin';
-import { plugin } from '../../../../utils';
+import { Routes, Route } from 'react-router-dom';
+import { Page } from '@strapi/strapi/admin';
 import permissions from '../../permissions';
 import Explorer from '../Explorer';
 
 const App = () => {
   return (
-    <CheckPagePermissions permissions={permissions.main}>
-      <Switch>
-        <Route path={`/plugins/${plugin.pluginId}/:kind?/:uid?`} component={Explorer} exact />
-        <Route component={AnErrorOccurred} />
-      </Switch>
-    </CheckPagePermissions>
+    <Page.Protect permissions={permissions.main}>
+      <Routes>
+        <Route path="/" element={<Explorer />} />
+        <Route path="/:kind" element={<Explorer />} />
+        <Route path="/:kind/:uid" element={<Explorer />} />
+        <Route path="*" element={<div>Page not found</div>} />
+      </Routes>
+    </Page.Protect>
   );
 };