@strapi/sdk-plugin/dist/_chunks/admin-B7F4D6rB.js

Simple tools for developing Strapi plugins

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const outdent = require("outdent");
const PLUGIN_ICON_CODE = outdent.outdent`
import { PuzzlePiece } from '@strapi/icons';

const PluginIcon = () => <PuzzlePiece />;

export { PluginIcon };
`;
const APP_CODE = outdent.outdent`
import { Page } from '@strapi/strapi/admin';
import { Routes, Route } from 'react-router-dom';

import { HomePage } from './HomePage';

const App = () => {
  return (
    <Routes>
      <Route index element={<HomePage />} />
      <Route path="*" element={<Page.Error />} />
    </Routes>
  );
};

export { App };
`;
const HOMEPAGE_CODE = outdent.outdent`
    import { Main } from '@strapi/design-system';
    import { useIntl } from 'react-intl';

    import { getTranslation } from '../utils/getTranslation';

    const HomePage = () => {
        const { formatMessage } = useIntl();

        return (
            <Main>
                <h1>Welcome to {formatMessage({ id: getTranslation("plugin.name") })}</h1>
            </Main>
        )
    }

    export { HomePage };
`;
const TYPESCRIPT = [
  {
    name: "admin/src/index.ts",
    contents: outdent.outdent`
        import { getTranslation } from './utils/getTranslation';
        import { PLUGIN_ID } from './pluginId';
        import { Initializer } from './components/Initializer';
        import { PluginIcon } from './components/PluginIcon';
        
        export default {
          register(app: any) {
            app.addMenuLink({
              to: \`plugins/\${PLUGIN_ID}\`,
              icon: PluginIcon,
              intlLabel: {
                id: \`\${PLUGIN_ID}.plugin.name\`,
                defaultMessage: PLUGIN_ID,
              },
              Component: async () => {
                const { App } = await import('./pages/App');
        
                return App;
              },
            });
        
            app.registerPlugin({
                id: PLUGIN_ID,
                initializer: Initializer,
                isReady: false,
                name: PLUGIN_ID,
            });
          },
        
          async registerTrads({ locales }: { locales: string[] }) {      
            return Promise.all(
              locales.map(async (locale) => {
                try {
                  const { default: data } = await import(\`./translations/\${locale}.json\`);
        
                  return { data, locale };
                } catch {
                  return { data: {}, locale };
                }
              })
            );
          },
        };
        `
  },
  {
    name: "admin/src/components/PluginIcon.tsx",
    contents: PLUGIN_ICON_CODE
  },
  {
    name: "admin/src/components/Initializer.tsx",
    contents: outdent.outdent`
        import { useEffect, useRef } from 'react';

        import { PLUGIN_ID } from '../pluginId';
        
        type InitializerProps = {
          setPlugin: (id: string) => void;
        };
        
        const Initializer = ({ setPlugin }: InitializerProps) => {
          const ref = useRef(setPlugin);
        
          useEffect(() => {
            ref.current(PLUGIN_ID);
          }, []);
        
          return null;
        };
        
        export { Initializer };
        `
  },
  {
    name: "admin/src/pages/App.tsx",
    contents: APP_CODE
  },
  {
    name: "admin/src/pages/HomePage.tsx",
    contents: HOMEPAGE_CODE
  },
  {
    name: "admin/src/utils/getTranslation.ts",
    contents: outdent.outdent`
        import { PLUGIN_ID } from '../pluginId';

        const getTranslation = (id: string) => \`\${PLUGIN_ID}.\${id}\`;

        export { getTranslation };
    `
  },
  {
    name: "admin/src/translations/en.json",
    contents: outdent.outdent`
        {}
    `
  },
  {
    /**
     * TODO: remove this when we release design-system V2
     */
    name: "admin/custom.d.ts",
    contents: outdent.outdent`
        declare module '@strapi/design-system/*';
        declare module '@strapi/design-system';
    `
  }
];
const JAVASCRIPT = [
  {
    name: "admin/src/index.js",
    contents: outdent.outdent`
            import { getTranslation } from './utils/getTranslation';
            import { PLUGIN_ID } from './pluginId';
            import { Initializer } from './components/Initializer';
            import { PluginIcon } from './components/PluginIcon';
            
            export default {
              register(app) {
                app.addMenuLink({
                  to: \`plugins/\${PluginIcon}\`,
                  icon: PluginIcon,
                  intlLabel: {
                    id: \`\${PLUGIN_ID}.plugin.name\`,
                    defaultMessage: PLUGIN_ID,
                  },
                  Component: async () => {
                    const { App } = await import('./pages/App');
            
                    return App;
                  },
                });
            
                app.registerPlugin({
                    id: PLUGIN_ID,
                    initializer: Initializer,
                    isReady: false,
                    name: PLUGIN_ID,
                });
              },
            
              async registerTrads({ locales }) {
                return Promise.all(
                  locales.map(async (locale) => {
                    try {
                      const { default: data } = await import(\`./translations/\${locale}.json\`);
            
                      return { data, locale };
                    } catch {
                      return { data: {}, locale };
                    }
                  })
                );
              },
            };
            `
  },
  {
    name: "admin/src/components/PluginIcon.jsx",
    contents: PLUGIN_ICON_CODE
  },
  {
    name: "admin/src/components/Initializer.jsx",
    contents: outdent.outdent`
            import { useEffect, useRef } from 'react';
    
            import { PLUGIN_ID } from '../pluginId';
        
            /**
             * @type {import('react').FC<{ setPlugin: (id: string) => void }>}
             */     
            const Initializer = ({ setPlugin }) => {
              const ref = useRef(setPlugin);
            
              useEffect(() => {
                ref.current(PLUGIN_ID);
              }, []);
            
              return null;
            };
            
            export { Initializer };
            `
  },
  {
    name: "admin/src/pages/App.jsx",
    contents: APP_CODE
  },
  {
    name: "admin/src/pages/HomePage.jsx",
    contents: HOMEPAGE_CODE
  },
  {
    name: "admin/src/utils/getTranslation.js",
    contents: outdent.outdent`
            import { PLUGIN_ID } from '../pluginId';
    
            const getTranslation = (id) => \`\${PLUGIN_ID}.\${id}\`;
    
            export { getTranslation };
        `
  },
  {
    name: "admin/src/translations/en.json",
    contents: outdent.outdent`
            {}
        `
  }
];
exports.adminJavascriptFiles = JAVASCRIPT;
exports.adminTypescriptFiles = TYPESCRIPT;
//# sourceMappingURL=admin-B7F4D6rB.js.map