WIP:feat(angular): add an option to set custom mf config path

added an option to make the module-federation-dev-server and ssr builder accept a custom path for the module federation config file.

Closes nrwl#15739

packages/angular/src/builders/module-federation-dev-server/module-federation-dev-server.impl.ts

@@ -49,14 +49,39 @@ export function executeModuleFederationDevServerBuilder(
     pathToManifestFile = userPathToManifestFile;
   }
 
+  let pathToModuleFederationConfigFile = join(
+    context.workspaceRoot,
+    project.sourceRoot,
+    'module-federation.config.js'
+  );
+
+  if(options.moduleFederationConfigOptions){
+    const userPathToModuleFederationConfigFile = join(
+      context.workspaceRoot,
+      options.moduleFederationConfigOptions.path
+    );
+    if (!existsSync(userPathToModuleFederationConfigFile)) {
+      throw new Error(
+        `The provided Module Federation config file path does not exist. Please check the file exists at "${userPathToModuleFederationConfigFile}".`
+      );
+    } else if (extname(options.moduleFederationConfigOptions) !== '.js' || extname(options.moduleFederationConfigOptions) !== '.ts') {
+      throw new Error(
+        `The Module Federation config file must be a JS or TS file. Please ensure the file at ${userPathToModuleFederationConfigFile} is a JS or TS file.`
+      );
+    }
+
+    pathToModuleFederationConfigFile = userPathToModuleFederationConfigFile;
+  }
+
   validateDevRemotes(options, workspaceProjects);
 
   const remotesToSkip = new Set(options.skipRemotes ?? []);
   const staticRemotes = getStaticRemotes(
     project,
     context,
     workspaceProjects,
-    remotesToSkip
+    remotesToSkip,
+    pathToModuleFederationConfigFile
   );
   const dynamicRemotes = getDynamicRemotes(
     project,

packages/angular/src/builders/module-federation-dev-server/schema.d.ts

@@ -20,4 +20,5 @@ export interface Schema {
   devRemotes?: string[];
   skipRemotes?: string[];
   pathToManifestFile?: string;
+  moduleFederationConfigOptions?: { path: string };
 }

packages/angular/src/builders/module-federation-dev-server/schema.json

@@ -122,6 +122,13 @@
     "pathToManifestFile": {
       "type": "string",
       "description": "Path to a Module Federation manifest file (e.g. `my/path/to/module-federation.manifest.json`) containing the dynamic remote applications relative to the workspace root."
+    },
+    "moduleFederationConfigOptions": {
+      "type": "object",
+      "description": "Custom Module Federation configuration to be used instead of the default configuration generated by the builder. This can be useful for multi-repository module federation setups where the host application uses a remote application from an external repository.",
+      "properties": {
+          "path": { "type": "string" }
+      }
     }
   },
   "additionalProperties": false,

packages/angular/src/builders/module-federation-dev-ssr/module-federation-dev-ssr.impl.ts

@@ -51,14 +51,39 @@ export function executeModuleFederationDevSSRBuilder(
     pathToManifestFile = userPathToManifestFile;
   }
 
+  let pathToModuleFederationConfigFile = join(
+    context.workspaceRoot,
+    project.sourceRoot,
+    'module-federation.config.js'
+  );
+
+  if(options.moduleFederationConfigOptions){
+    const userPathToModuleFederationConfigFile = join(
+      context.workspaceRoot,
+      options.moduleFederationConfigOptions.path
+    );
+    if (!existsSync(userPathToModuleFederationConfigFile)) {
+      throw new Error(
+        `The provided Module Federation config file path does not exist. Please check the file exists at "${userPathToModuleFederationConfigFile}".`
+      );
+    } else if (extname(options.moduleFederationConfigOptions) !== '.js' || extname(options.moduleFederationConfigOptions) !== '.ts') {
+      throw new Error(
+        `The Module Federation config file must be a JS or TS file. Please ensure the file at ${userPathToModuleFederationConfigFile} is a JS or TS file.`
+      );
+    }
+
+    pathToModuleFederationConfigFile = userPathToModuleFederationConfigFile;
+  }
+
   validateDevRemotes(options, workspaceProjects);
 
   const remotesToSkip = new Set(options.skipRemotes ?? []);
   const staticRemotes = getStaticRemotes(
     project,
     context,
     workspaceProjects,
-    remotesToSkip
+    remotesToSkip,
+    pathToModuleFederationConfigFile
   );
   const dynamicRemotes = getDynamicRemotes(
     project,

packages/angular/src/builders/module-federation-dev-ssr/schema.d.ts

@@ -14,4 +14,5 @@ export interface Schema {
   skipRemotes?: string[];
   verbose: boolean;
   pathToManifestFile?: string;
+  moduleFederationConfigOptions?: { path: string }
 }

packages/angular/src/builders/module-federation-dev-ssr/schema.json

@@ -83,6 +83,13 @@
     "pathToManifestFile": {
       "type": "string",
       "description": "Path to a Module Federation manifest file (e.g. `my/path/to/module-federation.manifest.json`) containing the dynamic remote applications relative to the workspace root."
+    },
+    "moduleFederationConfigOptions": {
+      "type": "object",
+      "description": "Custom Module Federation configuration to be used instead of the default configuration generated by the builder. This can be useful for multi-repository module federation setups where the host application uses a remote application from an external repository.",
+      "properties": {
+          "path": { "type": "string" }
+      }
     }
   },
   "additionalProperties": false,

packages/angular/src/builders/utilities/module-federation.ts

@@ -68,20 +68,20 @@ export function getStaticRemotes(
   project: ProjectConfiguration,
   context: import('@angular-devkit/architect').BuilderContext,
   workspaceProjects: Record<string, ProjectConfiguration>,
-  remotesToSkip: Set<string>
-): string[] {
-  const mfConfigPath = join(
+  remotesToSkip: Set<string>,
+  pathToModuleFederationConfigFile = join(
     context.workspaceRoot,
-    project.root,
+    project.sourceRoot,
     'module-federation.config.js'
-  );
+    )
+): string[] {
 
   let mfeConfig: { remotes: Remotes };
   try {
-    mfeConfig = require(mfConfigPath);
+    mfeConfig = require(pathToModuleFederationConfigFile);
   } catch {
     throw new Error(
-      `Could not load ${mfConfigPath}. Was this project generated with "@nrwl/angular:host"?`
+      `Could not load ${pathToModuleFederationConfigFile}. Was this project generated with "@nrwl/angular:host"?`
     );
   }
 
@@ -101,8 +101,8 @@ export function getStaticRemotes(
   if (invalidStaticRemotes.length) {
     throw new Error(
       invalidStaticRemotes.length === 1
-        ? `Invalid static remote configured in "${mfConfigPath}": ${invalidStaticRemotes[0]}.`
-        : `Invalid static remotes configured in "${mfConfigPath}": ${invalidStaticRemotes.join(
+        ? `Invalid static remote configured in "${pathToModuleFederationConfigFile}": ${invalidStaticRemotes[0]}.`
+        : `Invalid static remotes configured in "${pathToModuleFederationConfigFile}": ${invalidStaticRemotes.join(
             ', '
           )}.`
     );