Fixed add-ons loader problem in seven app

Author: sneridagh

apps/seven/app/routes.ts

@@ -1,16 +1,20 @@
 import type { RouteConfig } from '@react-router/dev/routes';
+import type { ReactRouterRouteEntry } from '@plone/types';
 import { route } from '@react-router/dev/routes';
 import { getAddonRoutesConfig } from '@plone/react-router';
-import config from '@plone/registry';
-// eslint-disable-next-line import/no-unresolved
-import applyAddonConfiguration, { addonsInfo } from '../.plone/registry.loader';
 
-applyAddonConfiguration(config);
+// eslint-disable-next-line import/no-unresolved
+import addonsRoutes from '../.plone/registry.routes.json';
+// eslint-disable-next-line import/no-unresolved
+import addonsInfo from '../.plone/registry.addonsInfo.json';
 
 const routes: RouteConfig = [
   route('ok', 'okroute.tsx', { id: 'ok' }),
   route('reset-fetcher', 'reset-fetcher.tsx', { id: 'reset-fetcher' }),
-  ...getAddonRoutesConfig(config.routes || [], addonsInfo),
+  ...getAddonRoutesConfig(
+    (addonsRoutes as ReactRouterRouteEntry[]) || [],
+    addonsInfo,
+  ),
 ];
 
 export default routes;

apps/seven/package.json

@@ -5,12 +5,12 @@
   "sideEffects": false,
   "type": "module",
   "scripts": {
-    "dev": "react-router dev",
-    "dev:publicui": "REGISTRYCONFIG=registry-publicui.config.ts react-router dev",
+    "dev": "pnpm exec init-loaders && react-router dev",
+    "dev:publicui": "REGISTRYCONFIG=registry-publicui.config.ts pnpm exec init-loaders && react-router dev",
     "test": "pnpm exec init-loaders && vitest --coverage",
-    "start": "react-router dev",
-    "build": "react-router build",
-    "build:publicui": "REGISTRYCONFIG=registry-publicui.config.ts react-router build",
+    "start": "pnpm exec init-loaders && react-router dev",
+    "build": "pnpm exec init-loaders && react-router build",
+    "build:publicui": "REGISTRYCONFIG=registry-publicui.config.ts pnpm exec init-loaders && react-router build",
     "start:prod": "react-router-serve ./build/server/index.js",
     "typecheck": "react-router typegen && tsc",
     "typegen": "react-router typegen",

packages/registry/bin/init-loaders.js

@@ -5,13 +5,45 @@
 // See https://github.com/remix-run/react-router/issues/13078#issuecomment-2863445977
 import fs from 'fs';
 import path from 'path';
+import { createServer } from 'vite';
 import { AddonRegistry } from '@plone/registry/addon-registry';
 import { createAddonsLoader } from '@plone/registry/create-addons-loader';
 import { createAddonsServerLoader } from '@plone/registry/create-addons-loader-server';
 import { createAddonsStyleLoader } from '@plone/registry/create-addons-styles-loader';
 import { createAddonsLocalesLoader } from '@plone/registry/create-addons-locales-loader';
+import { PloneRegistryVitePlugin } from '@plone/registry/vite-plugin';
+import config from '@plone/registry';
 
-function initPloneRegistryLoaders() {
+async function evaluateAddons(addonsLoaderPath) {
+  const projectRootPath = path.resolve('.');
+
+  const ploneDir = path.join(projectRootPath, '.plone');
+
+  const server = await createServer({
+    root: projectRootPath,
+    configFile: false,
+    server: { middlewareMode: true },
+    plugins: [PloneRegistryVitePlugin()],
+  });
+
+  try {
+    const { default: loader, addonsInfo } =
+      await server.ssrLoadModule(addonsLoaderPath);
+
+    fs.writeFileSync(
+      path.join(ploneDir, 'registry.routes.json'),
+      JSON.stringify(loader(config).routes, null, 2),
+    );
+    fs.writeFileSync(
+      path.join(ploneDir, 'registry.addonsInfo.json'),
+      JSON.stringify(addonsInfo, null, 2),
+    );
+  } finally {
+    await server.close();
+  }
+}
+
+async function initPloneRegistryLoaders() {
   const projectRootPath = path.resolve('.');
   const { registry, shadowAliases } = AddonRegistry.init(projectRootPath);
 
@@ -25,6 +57,9 @@ function initPloneRegistryLoaders() {
     registry.getAddons(),
     { tempInProject: true },
   );
+
+  await evaluateAddons(addonsLoaderPath);
+
   createAddonsServerLoader(
     registry.getAddonDependencies(),
     registry.getAddons(),