fix(nx-angular-mf): extract Angular SSR path resolver plugin

Moved Angular SSR path resolution logic to a dedicated plugin for better modularity and maintainability. Integrated the new plugin into the builder and cleaned up duplicate code from existing plugins.

Author: klerick

libs/nx-angular-mf/src/builders/build/index.ts

@@ -4,8 +4,13 @@ import { Plugin } from 'esbuild';
 
 import { BuildExecutorSchema } from './schema';
 import { getMapName, indexHtml, loadModule, prepareConfig } from '../helpers';
-import { entryPointForExtendDependencies, importMapConfigPlugin, serverSSRPlugin, moveCustomLoaderPlugin } from '../es-plugin';
-
+import {
+  entryPointForExtendDependencies,
+  importMapConfigPlugin,
+  serverSSRPlugin,
+  moveCustomLoaderPlugin,
+  changePathForAngularSsrNode,
+} from '../es-plugin';
 
 export async function* runBuilder(
   options: BuildExecutorSchema,
@@ -45,6 +50,7 @@ export async function* runBuilder(
     importMapConfigPlugin(optionsMfe),
     serverSSRPlugin(optionsMfe.deployUrl),
     moveCustomLoaderPlugin(),
+    changePathForAngularSsrNode(),
   ];
   // @ts-ignore
   defaultOptions.partialSSRBuild = true;

libs/nx-angular-mf/src/builders/es-plugin/change-path-for-angular-ssr-node.ts

@@ -0,0 +1,23 @@
+import { Plugin, PluginBuild } from 'esbuild';
+
+
+export function changePathForAngularSsrNode(): Plugin {
+  return {
+    name: 'log-plugin',
+    setup(build: PluginBuild) {
+      if (build.initialOptions.entryPoints['server']) {
+        build.onResolve({ filter: /./ }, (data) => {
+          const { path } = data;
+          if (path === '@angular/ssr/node') {
+            return {
+              path: require.resolve('@angular/ssr/node', {
+                paths: [process.cwd()],
+              }),
+            };
+          }
+          return null;
+        });
+      }
+    },
+  }
+}

libs/nx-angular-mf/src/builders/es-plugin/entry-point-for-extend-dependencies.ts

@@ -21,20 +21,6 @@ export function entryPointForExtendDependencies(config: ConfigMf): Plugin {
       delete build.initialOptions.define.ngServerMode;
       build.initialOptions.splitting = false;
 
-      if (build.initialOptions.entryPoints['server']) {
-        build.onResolve({ filter: /./ }, (data) => {
-          const { path } = data;
-          if (path === '@angular/ssr/node') {
-            return {
-              path: require.resolve('@angular/ssr/node', {
-                paths: [process.cwd()],
-              }),
-            };
-          }
-          return null;
-        });
-      }
-
       if (build.initialOptions.platform !== 'browser') return;
 
       build.onEnd((resultBuild) => {

libs/nx-angular-mf/src/builders/es-plugin/index.ts

@@ -2,3 +2,4 @@ export * from './entry-point-for-extend-dependencies'
 export * from './import-map-config'
 export * from './server-ssr-plugin'
 export * from './move-custom-loader-plugin'
+export * from './change-path-for-angular-ssr-node'