Load add-ons

plone · Oct 15, 2024 · 857c572 · 857c572
1 parent dccb8b7
commit 857c572
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 8 deletions.
diff --git a/apps/nextjs/next.config.mjs b/apps/nextjs/next.config.mjs
@@ -1,19 +1,39 @@
 import path from 'path';
+import AddonConfigurationRegistry from '@plone/registry/src/addon-registry';
+import createAddonsLoader from '@plone/registry/src/create-addons-loader';
+
+const projectRootPath = path.resolve('.');
+const registry = new AddonConfigurationRegistry(projectRootPath);
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
  // sassOptions: {
  // includePaths: [path.join(__dirname, 'src/lib/components/src/styles')],
  // },
 
- // webpack(config) {
- // config.resolve.alias = {
- // ...config.resolve.alias,
- // '../fonts': path.resolve(__dirname, 'src/lib/components/src/fonts'),
- // };
+ webpack(
+ config,
+ // { buildId, dev, isServer, defaultLoaders, nextRuntime, webpack },
+ ) {
+ const addonsLoaderPath = createAddonsLoader(
+ registry.getAddonDependencies(),
+ registry.getAddons(),
+ );
 
- // return config;
- // },
+ config.resolve.alias = {
+ ...config.resolve.alias,
+ '../fonts': path.resolve('src/lib/components/src/fonts'),
+ ...registry.getAddonCustomizationPaths(),
+ ...registry.getAddonsFromEnvVarCustomizationPaths(),
+ ...registry.getProjectCustomizationPaths(),
+ 'load-volto-addons': addonsLoaderPath,
+ ...registry.getResolveAliases(),
+ };
+
+ return config;
+ },
+
+ transpilePackages: Object.keys(registry.packages),
 
  // Rewrite to the backend to avoid CORS
  async rewrites() {

diff --git a/apps/nextjs/src/config/index.ts b/apps/nextjs/src/config/index.ts
@@ -1,12 +1,17 @@
 import config from '@plone/registry';
+// @ts-expect-error - load-volto-addons is generated by webpack on the fly, see next.config.mjs
+import applyAddonConfiguration, { addonsInfo } from 'load-volto-addons';
 import Page from '@/views/Page/Page';
 
+applyAddonConfiguration(config);
+
 config.settings = {
  ...config.settings,
  apiPath: process.env.NEXT_PUBLIC_VERCEL_URL
  ? // Vercel does not prepend the schema to the NEXT_PUBLIC_VERCEL_URL automatic env var
  `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
  : 'http://localhost:3000',
+ addonsInfo,
 };
 
 config.views = {

diff --git a/apps/nextjs/tsconfig.json b/apps/nextjs/tsconfig.json
@@ -19,7 +19,8 @@
  }
  ],
  "paths": {
- "@/*": ["./src/*"]
+ "@/*": ["./src/*"],
+ "@root/*": ["./src/*"]
  }
  },
  "include": [