Step 2 - Enhance esbuild with plugin to handle dependencies; add new entryPoints based on dependency list.

Author: klerick

apps/host-application/tsconfig.app.json

@@ -2,9 +2,22 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "types": ["node"]
+    "types": [
+      "node"
+    ]
   },
-  "files": ["src/main.ts", "src/main.server.ts", "src/server.ts"],
-  "include": ["src/**/*.d.ts"],
-  "exclude": ["jest.config.ts", "src/**/*.test.ts", "src/**/*.spec.ts"]
+  "files": [
+    "src/main.ts",
+    "src/main.server.ts",
+    "src/server.ts",
+    "../../libs/test-shared-library/src/index.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts"
+  ]
 }

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

@@ -0,0 +1,38 @@
+import { Plugin, PluginBuild } from 'esbuild';
+
+import { ConfigMf } from '../types';
+import { getMapName } from '../helpers';
+
+
+export function entryPointForExtendDependencies(config: ConfigMf): Plugin {
+  return {
+    name: 'entryPointForExtendDependencies',
+    setup(build: PluginBuild) {
+      const mapShareObject = getMapName(config.shared, config.sharedMappings);
+
+      const result = [...mapShareObject.entries()].reduce(
+        (acum, [key, value]) => {
+          acum[key] = value.entryPoint;
+          return acum;
+        },
+        { }
+      );
+
+      delete build.initialOptions.define.ngServerMode;
+      build.initialOptions.splitting = false;
+
+      if (build.initialOptions.platform !== 'browser') return;
+
+      build.onEnd((resultBuild) => {
+        if (!resultBuild.metafile) return;
+        config.outPutFileNames = Object.keys(
+          resultBuild.metafile.outputs
+        ).filter((r) => !r.endsWith('.map'));
+      });
+      build.initialOptions.entryPoints = {
+        ...build.initialOptions.entryPoints,
+        ...result,
+      };
+    },
+  };
+}

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

@@ -0,0 +1 @@
+export * from './entry-point-for-extend-dependencies'

libs/nx-angular-mf/src/builders/helpers/prepare-config.ts

@@ -34,6 +34,7 @@ export async function prepareConfig(
     sharedMappings: getSharedMappings().filter(
       (i) => !skipList.includes(i.key)
     ),
+    outPutFileNames: []
   };
 }
 

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

@@ -12,10 +12,21 @@ import {
 import { ServeExecutorSchema } from './schema';
 import { BuildExecutorSchema } from '../build/schema';
 import { deepMergeObject, getMapName, patchBuilderContext, prepareConfig } from '../helpers';
+import { entryPointForExtendDependencies } from '../es-plugin';
 
 
 function getBuilderAction() {
-  return async function* (options, context, extensions) {
+  return async function* (options, context, pluginsOrExtensions) {
+
+    let extensions;
+    if (pluginsOrExtensions && Array.isArray(pluginsOrExtensions)) {
+      extensions = {
+        codePlugins: pluginsOrExtensions,
+      };
+    } else {
+      extensions = pluginsOrExtensions;
+    }
+
     for await (const result of buildApplicationInternal(
       options,
       context,
@@ -67,9 +78,13 @@ export async function* runBuilder(
     defaultOptions
   );
 
+  const resultEsBuild = [
+    entryPointForExtendDependencies(optionsMfe)
+  ]
+
   const extensions = {
     middleware: [],
-    buildPlugins: [],
+    buildPlugins: resultEsBuild,
   };
 
   const transforms = {

libs/nx-angular-mf/src/builders/types.ts

@@ -3,6 +3,7 @@ export type ConfigMf = {
   externalList: string[];
   shared: SharedMap;
   sharedMappings: { key: string; path: string }[];
+  outPutFileNames: string[];
 };
 
 export type ShareOptions = {