@nx/angular 20.2.0-beta.2 → 20.2.0-beta.3

package/migrations.json

@@ -266,6 +266,18 @@
       "version": "19.6.1-beta.0",
       "description": "Ensure Target Defaults are set correctly for Module Federation.",
       "factory": "./src/migrations/update-19-6-1/ensure-depends-on-for-mf"
+    },
+    "update-20-2-0-update-module-federation-config-import": {
+      "cli": "nx",
+      "version": "20.2.0-beta.2",
+      "description": "Update the ModuleFederationConfig import use @nx/module-federation.",
+      "factory": "./src/migrations/update-20-2-0/migrate-mf-imports-to-new-package"
+    },
+    "update-20-2-0-update-with-module-federation-import": {
+      "cli": "nx",
+      "version": "20.2.0-beta.2",
+      "description": "Update the withModuleFederation import use @nx/module-federation/angular.",
+      "factory": "./src/migrations/update-20-2-0/migrate-with-mf-import-to-new-package"
     }
   },
   "packageJsonUpdates": {
@@ -1158,6 +1170,27 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "20.2.0": {
+      "version": "20.2.0-beta.3",
+      "packages": {
+        "@module-federation/enhanced": {
+          "version": "0.7.6",
+          "alwaysAddToPackageJson": false
+        },
+        "@module-federation/runtime": {
+          "version": "0.7.6",
+          "alwaysAddToPackageJson": false
+        },
+        "@module-federation/sdk": {
+          "version": "0.7.6",
+          "alwaysAddToPackageJson": false
+        },
+        "@module-federation/node": {
+          "version": "2.6.11",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/module-federation/index.d.ts

@@ -1,2 +1,5 @@
-export { withModuleFederation } from '../src/utils/mf/with-module-federation';
-export { withModuleFederationForSSR } from '../src/utils/mf/with-module-federation-ssr';
+import { withModuleFederation, withModuleFederationForSSR } from '@nx/module-federation/angular';
+/**
+ * @deprecated Update the import path to `@nx/module-federation/angular` instead. This import path will be removed in Nx v22.
+ */
+export { withModuleFederation, withModuleFederationForSSR };

package/module-federation/index.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withModuleFederationForSSR = exports.withModuleFederation = void 0;
-var with_module_federation_1 = require("../src/utils/mf/with-module-federation");
-Object.defineProperty(exports, "withModuleFederation", { enumerable: true, get: function () { return with_module_federation_1.withModuleFederation; } });
-var with_module_federation_ssr_1 = require("../src/utils/mf/with-module-federation-ssr");
-Object.defineProperty(exports, "withModuleFederationForSSR", { enumerable: true, get: function () { return with_module_federation_ssr_1.withModuleFederationForSSR; } });
+const angular_1 = require("@nx/module-federation/angular");
+Object.defineProperty(exports, "withModuleFederation", { enumerable: true, get: function () { return angular_1.withModuleFederation; } });
+Object.defineProperty(exports, "withModuleFederationForSSR", { enumerable: true, get: function () { return angular_1.withModuleFederationForSSR; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "20.2.0-beta.2",
+  "version": "20.2.0-beta.3",
   "private": false,
   "description": "The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications and libraries within an Nx workspace. It provides: \n\n- Integration with libraries such as Storybook, Jest, ESLint, Tailwind CSS, Playwright and Cypress. \n\n- Generators to help scaffold code quickly (like: Micro Frontends, Libraries, both internal to your codebase and publishable to npm) \n\n- Single Component Application Modules (SCAMs) \n\n- NgRx helpers. \n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -78,14 +78,13 @@
     "semver": "^7.5.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
-    "webpack": "^5.88.0",
-    "@module-federation/enhanced": "0.6.9",
-    "@nx/devkit": "20.2.0-beta.2",
-    "@nx/js": "20.2.0-beta.2",
-    "@nx/eslint": "20.2.0-beta.2",
-    "@nx/webpack": "20.2.0-beta.2",
-    "@nx/web": "20.2.0-beta.2",
-    "@nx/workspace": "20.2.0-beta.2",
+    "@nx/devkit": "20.2.0-beta.3",
+    "@nx/js": "20.2.0-beta.3",
+    "@nx/eslint": "20.2.0-beta.3",
+    "@nx/webpack": "20.2.0-beta.3",
+    "@nx/module-federation": "20.2.0-beta.3",
+    "@nx/web": "20.2.0-beta.3",
+    "@nx/workspace": "20.2.0-beta.3",
     "piscina": "^4.4.0"
   },
   "peerDependencies": {

package/src/executors/module-federation-dev-server/lib/build-static-remotes.d.ts

@@ -1,4 +1,4 @@
 import { type Schema } from '../schema';
 import { type ExecutorContext } from '@nx/devkit';
-import type { StaticRemotesConfig } from '@nx/webpack/src/utils/module-federation/parse-static-remotes-config';
+import type { StaticRemotesConfig } from '@nx/module-federation/src/utils';
 export declare function buildStaticRemotes(staticRemotesConfig: StaticRemotesConfig, nxBin: any, context: ExecutorContext, options: Schema): Promise<Record<string, string>>;

package/src/executors/module-federation-dev-server/lib/start-static-remotes-file-server.d.ts

@@ -1,6 +1,6 @@
 import { type ExecutorContext } from '@nx/devkit';
 import { type Schema } from '../schema';
-import type { StaticRemotesConfig } from '@nx/webpack/src/utils/module-federation/parse-static-remotes-config';
+import type { StaticRemotesConfig } from '@nx/module-federation/src/utils';
 export declare function startStaticRemotesFileServer(staticRemotesConfig: StaticRemotesConfig, context: ExecutorContext, options: Schema): AsyncGenerator<{
     success: boolean;
     baseUrl: string;

package/src/executors/module-federation-dev-server/module-federation-dev-server.impl.js

@@ -6,16 +6,14 @@ const devkit_1 = require("@nx/devkit");
 const lib_1 = require("./lib");
 const rxjs_for_await_1 = require("@nx/devkit/src/utils/rxjs-for-await");
 const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
-const module_federation_1 = require("@nx/webpack/src/utils/module-federation");
+const utils_1 = require("@nx/module-federation/src/utils");
 const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
 const file_server_impl_1 = tslib_1.__importDefault(require("@nx/web/src/executors/file-server/file-server.impl"));
 const ngcli_adapter_1 = require("nx/src/adapter/ngcli-adapter");
 const dev_server_impl_1 = require("../../builders/dev-server/dev-server.impl");
-const module_federation_2 = require("../../builders/utilities/module-federation");
+const module_federation_1 = require("../../builders/utilities/module-federation");
 const path_1 = require("path");
 const fs_1 = require("fs");
-const start_remote_proxies_1 = require("@nx/webpack/src/utils/module-federation/start-remote-proxies");
-const parse_static_remotes_config_1 = require("@nx/webpack/src/utils/module-federation/parse-static-remotes-config");
 async function* moduleFederationDevServerExecutor(schema, context) {
     // Force Node to resolve to look for the nx binary that is inside node_modules
     const nxBin = require.resolve('nx/bin/nx');
@@ -44,7 +42,7 @@ async function* moduleFederationDevServerExecutor(schema, context) {
     }
     let pathToManifestFile;
     if (!options.pathToManifestFile) {
-        pathToManifestFile = (0, module_federation_2.getDynamicMfManifestFile)(project, context.root);
+        pathToManifestFile = (0, module_federation_1.getDynamicMfManifestFile)(project, context.root);
     }
     else {
         const userPathToManifestFile = (0, path_1.join)(context.root, options.pathToManifestFile);
@@ -56,10 +54,10 @@ async function* moduleFederationDevServerExecutor(schema, context) {
         }
         pathToManifestFile = userPathToManifestFile;
     }
-    (0, module_federation_2.validateDevRemotes)(options, workspaceProjects);
-    const moduleFederationConfig = (0, module_federation_1.getModuleFederationConfig)(project.targets.build.options.tsConfig, context.root, project.root, 'angular');
+    (0, module_federation_1.validateDevRemotes)(options, workspaceProjects);
+    const moduleFederationConfig = (0, utils_1.getModuleFederationConfig)(project.targets.build.options.tsConfig, context.root, project.root, 'angular');
     const remoteNames = options.devRemotes.map((r) => typeof r === 'string' ? r : r.remoteName);
-    const remotes = (0, module_federation_1.getRemotes)(remoteNames, options.skipRemotes, moduleFederationConfig, {
+    const remotes = (0, utils_1.getRemotes)(remoteNames, options.skipRemotes, moduleFederationConfig, {
         projectName: project.name,
         projectGraph: context.projectGraph,
         root: context.root,
@@ -70,11 +68,11 @@ async function* moduleFederationDevServerExecutor(schema, context) {
         ...(remotes.devRemotes.map((r) => typeof r === 'string' ? r : r.remoteName) ?? []).map((r) => r.replace(/-/g, '_')),
         project.name.replace(/-/g, '_'),
     ]);
-    const staticRemotesConfig = (0, parse_static_remotes_config_1.parseStaticRemotesConfig)([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
+    const staticRemotesConfig = (0, utils_1.parseStaticRemotesConfig)([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
     const mappedLocationsOfStaticRemotes = await (0, lib_1.buildStaticRemotes)(staticRemotesConfig, nxBin, context, options);
     const devRemoteIters = await (0, lib_1.startRemotes)(remotes.devRemotes, workspaceProjects, options, context, 'serve');
     const staticRemotesIter = (0, lib_1.startStaticRemotesFileServer)(staticRemotesConfig, context, options);
-    (0, start_remote_proxies_1.startRemoteProxies)(staticRemotesConfig, mappedLocationsOfStaticRemotes, options.ssl
+    (0, utils_1.startRemoteProxies)(staticRemotesConfig, mappedLocationsOfStaticRemotes, options.ssl
         ? {
             pathToCert: options.sslCert,
             pathToKey: options.sslKey,

package/src/executors/module-federation-ssr-dev-server/lib/build-static-remotes.d.ts

@@ -1,4 +1,4 @@
 import type { Schema } from '../schema';
 import { type ExecutorContext } from '@nx/devkit';
-import type { StaticRemotesConfig } from '@nx/webpack/src/utils/module-federation/parse-static-remotes-config';
+import type { StaticRemotesConfig } from '@nx/module-federation/src/utils';
 export declare function buildStaticRemotes(staticRemotesConfig: StaticRemotesConfig, nxBin: any, context: ExecutorContext, options: Schema): Promise<Record<string, string>>;

package/src/executors/module-federation-ssr-dev-server/lib/start-static-remotes.d.ts

@@ -1,4 +1,4 @@
 import { type ExecutorContext } from '@nx/devkit';
 import { type Schema } from '../schema';
-import type { StaticRemotesConfig } from '@nx/webpack/src/utils/module-federation/parse-static-remotes-config';
+import type { StaticRemotesConfig } from '@nx/module-federation/src/utils';
 export declare function startStaticRemotes(ssrStaticRemotesConfig: StaticRemotesConfig, context: ExecutorContext, options: Schema): AsyncIterable<unknown>;

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.js

@@ -6,8 +6,7 @@ const fs_1 = require("fs");
 const project_graph_1 = require("nx/src/project-graph/project-graph");
 const path_1 = require("path");
 const module_federation_1 = require("../../builders/utilities/module-federation");
-const module_federation_2 = require("@nx/webpack/src/utils/module-federation");
-const parse_static_remotes_config_1 = require("@nx/webpack/src/utils/module-federation/parse-static-remotes-config");
+const utils_1 = require("@nx/module-federation/src/utils");
 const build_static_remotes_1 = require("./lib/build-static-remotes");
 const start_dev_remotes_1 = require("./lib/start-dev-remotes");
 const start_static_remotes_1 = require("./lib/start-static-remotes");
@@ -16,7 +15,6 @@ const rxjs_for_await_1 = require("@nx/devkit/src/utils/rxjs-for-await");
 const ngcli_adapter_1 = require("nx/src/adapter/ngcli-adapter");
 const normalize_options_1 = require("./lib/normalize-options");
 const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
-const start_ssr_remote_proxies_1 = require("@nx/webpack/src/utils/module-federation/start-ssr-remote-proxies");
 const angular_version_utils_1 = require("../utilities/angular-version-utils");
 async function* moduleFederationSsrDevServerExecutor(schema, context) {
     const nxBin = require.resolve('nx/bin/nx');
@@ -50,15 +48,15 @@ async function* moduleFederationSsrDevServerExecutor(schema, context) {
         pathToManifestFile = (0, module_federation_1.getDynamicMfManifestFile)(project, context.root);
     }
     (0, module_federation_1.validateDevRemotes)({ devRemotes: options.devRemotes }, workspaceProjects);
-    const moduleFederationConfig = (0, module_federation_2.getModuleFederationConfig)(project.targets.build.options.tsConfig, context.root, project.root, 'angular');
+    const moduleFederationConfig = (0, utils_1.getModuleFederationConfig)(project.targets.build.options.tsConfig, context.root, project.root, 'angular');
     const remoteNames = options.devRemotes.map((r) => typeof r === 'string' ? r : r.remoteName);
-    const remotes = (0, module_federation_2.getRemotes)(remoteNames, options.skipRemotes, moduleFederationConfig, {
+    const remotes = (0, utils_1.getRemotes)(remoteNames, options.skipRemotes, moduleFederationConfig, {
         projectName: project.name,
         projectGraph: context.projectGraph,
         root: context.root,
     }, pathToManifestFile);
     options.staticRemotesPort ??= remotes.staticRemotePort;
-    const staticRemotesConfig = (0, parse_static_remotes_config_1.parseStaticSsrRemotesConfig)([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
+    const staticRemotesConfig = (0, utils_1.parseStaticSsrRemotesConfig)([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
     const mappedLocationsOfStaticRemotes = await (0, build_static_remotes_1.buildStaticRemotes)(staticRemotesConfig, nxBin, context, options);
     // Set NX_MF_DEV_REMOTES for the Nx Runtime Library Control Plugin
     process.env.NX_MF_DEV_REMOTES = JSON.stringify([
@@ -67,7 +65,7 @@ async function* moduleFederationSsrDevServerExecutor(schema, context) {
     ]);
     const devRemotes = await (0, start_dev_remotes_1.startRemotes)(remotes.devRemotes, workspaceProjects, options, context);
     const staticRemotes = (0, start_static_remotes_1.startStaticRemotes)(staticRemotesConfig, context, options);
-    (0, start_ssr_remote_proxies_1.startSsrRemoteProxies)(staticRemotesConfig, mappedLocationsOfStaticRemotes, options.ssl
+    (0, utils_1.startSsrRemoteProxies)(staticRemotesConfig, mappedLocationsOfStaticRemotes, options.ssl
         ? { pathToCert: options.sslCert, pathToKey: options.sslKey }
         : undefined);
     const removeBaseUrlEmission = (iter) => (0, async_iterable_1.mapAsyncIterable)(iter, (v) => ({

package/src/generators/host/files/js/webpack.server.config.js__tmpl__

@@ -1,4 +1,4 @@
-const { withModuleFederationForSSR } = require('@nx/angular/module-federation');
+const { withModuleFederationForSSR } = require('@nx/module-federation/angular');
 const config = require('./module-federation.config');
 /**
  * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation

package/src/generators/host/files/ts/webpack.server.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import { withModuleFederationForSSR } from '@nx/angular/module-federation';
+import { withModuleFederationForSSR } from '@nx/module-federation/angular';
 import config from './module-federation.config';
 
 /**

package/src/generators/remote/files/base/webpack.server.config.js__tmpl__

@@ -1,4 +1,4 @@
-const { withModuleFederationForSSR } = require('@nx/angular/module-federation');
+const { withModuleFederationForSSR } = require('@nx/module-federation/angular');
 const config = require('./module-federation.config');
 
 /**

package/src/generators/remote/files/base-ts/webpack.server.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import { withModuleFederationForSSR } from '@nx/angular/module-federation';
+import { withModuleFederationForSSR } from '@nx/module-federation/angular';
 import config from './module-federation.config';
 
 /**

package/src/generators/scam-to-standalone/lib/replace-module-usages-with-component.js

@@ -10,7 +10,9 @@ function replaceModuleUsagesWithComponent(tree, moduleName, componentName) {
         }
         const fileContents = tree.read(path, 'utf-8');
         if (fileContents.includes(moduleName)) {
-            const moduleNameRegex = new RegExp(moduleName, 'g');
+            // Word boundary \b ensures that other modules won't be affected.
+            // E.g. "MapIconModule" would not be affected when "IconModule" is being migrated.
+            const moduleNameRegex = new RegExp(`\\b${moduleName}\\b`, 'g');
             const newFileContents = fileContents.replace(moduleNameRegex, componentName);
             tree.write(path, newFileContents);
         }

package/src/generators/setup-mf/files/ts-webpack/module-federation.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import { ModuleFederationConfig } from '@nx/webpack';
+import { ModuleFederationConfig } from '@nx/module-federation';
 
 const config: ModuleFederationConfig = {
   name: '<%= name %>',<% if(type === 'host') { %>

package/src/generators/setup-mf/files/ts-webpack/webpack.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import { withModuleFederation } from '@nx/angular/module-federation';
+import { withModuleFederation } from '@nx/module-federation/angular';
 import config from './module-federation.config';
 
 /**

package/src/generators/setup-mf/files/ts-webpack/webpack.prod.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import { withModuleFederation } from '@nx/angular/module-federation';
+import { withModuleFederation } from '@nx/module-federation/angular';
 import config from './module-federation.config';
 
 /**

package/src/generators/setup-mf/files/webpack/webpack.config.js__tmpl__

@@ -1,4 +1,4 @@
-const { withModuleFederation } = require('@nx/angular/module-federation');
+const { withModuleFederation } = require('@nx/module-federation/angular');
 const config = require('./module-federation.config');
 
 /**

package/src/generators/setup-mf/files/webpack/webpack.prod.config.js__tmpl__

@@ -1,4 +1,4 @@
-const { withModuleFederation } = require('@nx/angular/module-federation');
+const { withModuleFederation } = require('@nx/module-federation/angular');
 const config = require('./module-federation.config');
 
 /**

package/src/migrations/update-20-2-0/migrate-mf-imports-to-new-package.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nx/devkit';
+export default function migrateMfImportsToNewPackage(tree: Tree): Promise<void>;

package/src/migrations/update-20-2-0/migrate-mf-imports-to-new-package.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = migrateMfImportsToNewPackage;
+const devkit_1 = require("@nx/devkit");
+const devkit_2 = require("@nx/devkit");
+const tsquery_1 = require("@phenomnomnominal/tsquery");
+const MF_IMPORT_TO_UPDATE = 'ModuleFederationConfig';
+const MF_CONFIG_IMPORT_SELECTOR = `ImportDeclaration:has(StringLiteral[value=@nx/webpack]):has(Identifier[name=ModuleFederationConfig])`;
+const IMPORT_TOKENS_SELECTOR = `ImportClause ImportSpecifier`;
+const MF_CONFIG_IMPORT_SPECIFIER_SELECTOR = `ImportClause ImportSpecifier > Identifier[name=ModuleFederationConfig]`;
+const WEBPACK_IMPORT_SELECTOR = `ImportDeclaration > StringLiteral[value=@nx/webpack]`;
+async function migrateMfImportsToNewPackage(tree) {
+    const rootsToCheck = new Set();
+    const graph = await (0, devkit_1.createProjectGraphAsync)();
+    for (const [project, dependencies] of Object.entries(graph.dependencies)) {
+        const usesNxWebpack = dependencies.some((dep) => dep.target === 'npm:@nx/webpack');
+        if (usesNxWebpack) {
+            const root = graph.nodes[project].data.root;
+            rootsToCheck.add(root);
+        }
+    }
+    for (const root of rootsToCheck) {
+        (0, devkit_2.visitNotIgnoredFiles)(tree, root, (filePath) => {
+            if (!filePath.endsWith('.ts') && !filePath.endsWith('.js')) {
+                return;
+            }
+            let contents = tree.read(filePath, 'utf-8');
+            if (!contents.includes(MF_IMPORT_TO_UPDATE)) {
+                return;
+            }
+            const ast = tsquery_1.tsquery.ast(contents);
+            const importNodes = (0, tsquery_1.tsquery)(ast, MF_CONFIG_IMPORT_SELECTOR);
+            if (importNodes.length === 0) {
+                return;
+            }
+            const importNode = importNodes[0];
+            const importSpecifiers = (0, tsquery_1.tsquery)(importNode, IMPORT_TOKENS_SELECTOR);
+            if (importSpecifiers.length > 1) {
+                const mfConfigImportSpecifierNode = (0, tsquery_1.tsquery)(importNode, MF_CONFIG_IMPORT_SPECIFIER_SELECTOR)[0];
+                const end = contents.charAt(mfConfigImportSpecifierNode.getEnd()) === ','
+                    ? mfConfigImportSpecifierNode.getEnd() + 1
+                    : mfConfigImportSpecifierNode.getEnd();
+                contents = `import { ${MF_IMPORT_TO_UPDATE} } from '@nx/module-federation';
+      ${contents.slice(0, mfConfigImportSpecifierNode.getStart())}${contents.slice(end)}`;
+            }
+            else {
+                const nxWebpackImportStringNodes = (0, tsquery_1.tsquery)(ast, WEBPACK_IMPORT_SELECTOR);
+                if (nxWebpackImportStringNodes.length === 0) {
+                    return;
+                }
+                const nxWebpackImportStringNode = nxWebpackImportStringNodes[0];
+                contents = `${contents.slice(0, nxWebpackImportStringNode.getStart())}'@nx/module-federation'${contents.slice(nxWebpackImportStringNode.getEnd())}`;
+            }
+            tree.write(filePath, contents);
+        });
+    }
+    await (0, devkit_2.formatFiles)(tree);
+}

package/src/migrations/update-20-2-0/migrate-with-mf-import-to-new-package.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export default function migrateWithMfImport(tree: Tree): Promise<void>;

package/src/migrations/update-20-2-0/migrate-with-mf-import-to-new-package.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = migrateWithMfImport;
+const devkit_1 = require("@nx/devkit");
+const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
+const tsquery_1 = require("@phenomnomnominal/tsquery");
+const NX_ANGULAR_MODULE_FEDERATION_IMPORT_SELECTOR = 'ImportDeclaration > StringLiteral[value=@nx/angular/module-federation], VariableStatement CallExpression:has(Identifier[name=require]) > StringLiteral[value=@nx/angular/module-federation]';
+const NEW_IMPORT_PATH = `'@nx/module-federation/angular'`;
+async function migrateWithMfImport(tree) {
+    const projects = new Set();
+    (0, executor_options_utils_1.forEachExecutorOptions)(tree, '@nx/angular:webpack-browser', (options, project, target) => {
+        const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, project);
+        projects.add(projectConfig.root);
+    });
+    for (const projectRoot of projects) {
+        (0, devkit_1.visitNotIgnoredFiles)(tree, projectRoot, (filePath) => {
+            if (!filePath.endsWith('.ts') && !filePath.endsWith('.js')) {
+                return;
+            }
+            let contents = tree.read(filePath, 'utf-8');
+            if (!contents.includes('@nx/angular/module-federation')) {
+                return;
+            }
+            const ast = tsquery_1.tsquery.ast(contents);
+            const importNodes = (0, tsquery_1.tsquery)(ast, NX_ANGULAR_MODULE_FEDERATION_IMPORT_SELECTOR);
+            if (importNodes.length === 0) {
+                return;
+            }
+            const importPathNode = importNodes[0];
+            contents = `${contents.slice(0, importPathNode.getStart())}${NEW_IMPORT_PATH}${contents.slice(importPathNode.getEnd())}`;
+            tree.write(filePath, contents);
+        });
+    }
+    await (0, devkit_1.formatFiles)(tree);
+}

package/src/utils/versions.d.ts

@@ -12,8 +12,8 @@ export declare const typesCorsVersion = "~2.8.5";
 export declare const expressVersion = "~4.18.2";
 export declare const typesExpressVersion = "4.17.14";
 export declare const browserSyncVersion = "^3.0.0";
-export declare const moduleFederationNodeVersion = "~2.5.0";
-export declare const moduleFederationEnhancedVersion = "0.6.9";
+export declare const moduleFederationNodeVersion = "~2.6.11";
+export declare const moduleFederationEnhancedVersion = "0.7.6";
 export declare const angularEslintVersion = "^18.3.0";
 export declare const typescriptEslintVersion = "^7.16.0";
 export declare const tailwindVersion = "^3.0.2";

package/src/utils/versions.js

@@ -15,8 +15,8 @@ exports.typesCorsVersion = '~2.8.5';
 exports.expressVersion = '~4.18.2';
 exports.typesExpressVersion = '4.17.14';
 exports.browserSyncVersion = '^3.0.0';
-exports.moduleFederationNodeVersion = '~2.5.0';
-exports.moduleFederationEnhancedVersion = '0.6.9';
+exports.moduleFederationNodeVersion = '~2.6.11';
+exports.moduleFederationEnhancedVersion = '0.7.6';
 exports.angularEslintVersion = '^18.3.0';
 exports.typescriptEslintVersion = '^7.16.0';
 exports.tailwindVersion = '^3.0.2';

package/src/utils/mf/utils.d.ts

@@ -1,15 +0,0 @@
-import { ModuleFederationConfig, SharedLibraryConfig } from '@nx/webpack/src/utils/module-federation';
-export declare function applyDefaultEagerPackages(sharedConfig: Record<string, SharedLibraryConfig>): void;
-export declare const DEFAULT_NPM_PACKAGES_TO_AVOID: string[];
-export declare const DEFAULT_ANGULAR_PACKAGES_TO_SHARE: string[];
-export declare function getFunctionDeterminateRemoteUrl(isServer?: boolean): (remote: string) => string;
-export declare function getModuleFederationConfig(mfConfig: ModuleFederationConfig, options?: {
-    isServer: boolean;
-    determineRemoteUrl?: (remote: string) => string;
-}): Promise<{
-    sharedLibraries: import("@nx/webpack/src/utils/module-federation").SharedWorkspaceLibraryConfig;
-    sharedDependencies: {
-        [x: string]: SharedLibraryConfig;
-    };
-    mappedRemotes: Record<string, string>;
-}>;

package/src/utils/mf/utils.js

@@ -1,101 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE = exports.DEFAULT_NPM_PACKAGES_TO_AVOID = void 0;
-exports.applyDefaultEagerPackages = applyDefaultEagerPackages;
-exports.getFunctionDeterminateRemoteUrl = getFunctionDeterminateRemoteUrl;
-exports.getModuleFederationConfig = getModuleFederationConfig;
-const module_federation_1 = require("@nx/webpack/src/utils/module-federation");
-const devkit_1 = require("@nx/devkit");
-const project_graph_1 = require("nx/src/project-graph/project-graph");
-function applyDefaultEagerPackages(sharedConfig) {
-    const DEFAULT_PACKAGES_TO_LOAD_EAGERLY = [
-        '@angular/localize',
-        '@angular/localize/init',
-    ];
-    for (const pkg of DEFAULT_PACKAGES_TO_LOAD_EAGERLY) {
-        if (!sharedConfig[pkg]) {
-            continue;
-        }
-        sharedConfig[pkg] = { ...sharedConfig[pkg], eager: true };
-    }
-}
-exports.DEFAULT_NPM_PACKAGES_TO_AVOID = [
-    'zone.js',
-    '@nx/angular/mf',
-    '@nrwl/angular/mf',
-];
-exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE = [
-    '@angular/core',
-    '@angular/animations',
-    '@angular/common',
-];
-function getFunctionDeterminateRemoteUrl(isServer = false) {
-    const target = 'serve';
-    const remoteEntry = isServer ? 'server/remoteEntry.js' : 'remoteEntry.mjs';
-    return function (remote) {
-        const mappedStaticRemotesFromEnv = process.env
-            .NX_MF_DEV_SERVER_STATIC_REMOTES
-            ? JSON.parse(process.env.NX_MF_DEV_SERVER_STATIC_REMOTES)
-            : undefined;
-        if (mappedStaticRemotesFromEnv && mappedStaticRemotesFromEnv[remote]) {
-            return `${mappedStaticRemotesFromEnv[remote]}/${remoteEntry}`;
-        }
-        let remoteConfiguration = null;
-        try {
-            remoteConfiguration = (0, project_graph_1.readCachedProjectConfiguration)(remote);
-        }
-        catch (e) {
-            throw new Error(`Cannot find remote "${remote}". Check that the remote name is correct in your module federation config file.\n`);
-        }
-        const serveTarget = remoteConfiguration?.targets?.[target];
-        if (!serveTarget) {
-            throw new Error(`Cannot automatically determine URL of remote (${remote}). Looked for property "host" in the project's "serve" target.\n
-      You can also use the tuple syntax in your webpack config to configure your remotes. e.g. \`remotes: [['remote1', 'http://localhost:4201']]\``);
-        }
-        const host = serveTarget.options?.host ??
-            `http${serveTarget.options.ssl ? 's' : ''}://localhost`;
-        const port = serveTarget.options?.port ?? 4201;
-        return `${host.endsWith('/') ? host.slice(0, -1) : host}:${port}/${remoteEntry}`;
-    };
-}
-async function getModuleFederationConfig(mfConfig, options = { isServer: false }) {
-    let projectGraph;
-    try {
-        projectGraph = (0, devkit_1.readCachedProjectGraph)();
-    }
-    catch (e) {
-        projectGraph = await (0, devkit_1.createProjectGraphAsync)();
-    }
-    if (!projectGraph.nodes[mfConfig.name]?.data) {
-        throw Error(`Cannot find project "${mfConfig.name}". Check that the name is correct in module-federation.config.js`);
-    }
-    const dependencies = (0, module_federation_1.getDependentPackagesForProject)(projectGraph, mfConfig.name);
-    if (mfConfig.shared) {
-        dependencies.workspaceLibraries = dependencies.workspaceLibraries.filter((lib) => mfConfig.shared(lib.importKey, {}) !== false);
-        dependencies.npmPackages = dependencies.npmPackages.filter((pkg) => mfConfig.shared(pkg, {}) !== false);
-    }
-    const sharedLibraries = (0, module_federation_1.shareWorkspaceLibraries)(dependencies.workspaceLibraries);
-    const npmPackages = (0, module_federation_1.sharePackages)(Array.from(new Set([
-        ...exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE,
-        ...dependencies.npmPackages.filter((pkg) => !exports.DEFAULT_NPM_PACKAGES_TO_AVOID.includes(pkg)),
-    ])));
-    exports.DEFAULT_NPM_PACKAGES_TO_AVOID.forEach((pkgName) => {
-        if (pkgName in npmPackages) {
-            delete npmPackages[pkgName];
-        }
-    });
-    const sharedDependencies = {
-        ...sharedLibraries.getLibraries(projectGraph.nodes[mfConfig.name].data.root),
-        ...npmPackages,
-    };
-    applyDefaultEagerPackages(sharedDependencies);
-    (0, module_federation_1.applySharedFunction)(sharedDependencies, mfConfig.shared);
-    (0, module_federation_1.applyAdditionalShared)(sharedDependencies, mfConfig.additionalShared, projectGraph);
-    const determineRemoteUrlFn = options.determineRemoteUrl ||
-        getFunctionDeterminateRemoteUrl(options.isServer);
-    const mapRemotesFunction = options.isServer ? module_federation_1.mapRemotesForSSR : module_federation_1.mapRemotes;
-    const mappedRemotes = !mfConfig.remotes || mfConfig.remotes.length === 0
-        ? {}
-        : mapRemotesFunction(mfConfig.remotes, 'mjs', determineRemoteUrlFn);
-    return { sharedLibraries, sharedDependencies, mappedRemotes };
-}

package/src/utils/mf/with-module-federation-ssr.d.ts

@@ -1,2 +0,0 @@
-import type { ModuleFederationConfig, NxModuleFederationConfigOverride } from '@nx/webpack/src/utils/module-federation';
-export declare function withModuleFederationForSSR(options: ModuleFederationConfig, configOverride?: NxModuleFederationConfigOverride): Promise<(config: any) => any>;

package/src/utils/mf/with-module-federation-ssr.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withModuleFederationForSSR = withModuleFederationForSSR;
-const utils_1 = require("./utils");
-async function withModuleFederationForSSR(options, configOverride) {
-    if (global.NX_GRAPH_CREATION) {
-        return (config) => config;
-    }
-    const { sharedLibraries, sharedDependencies, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options, {
-        isServer: true,
-    });
-    return (config) => {
-        const updatedConfig = {
-            ...(config ?? {}),
-            target: 'async-node',
-            output: {
-                ...(config.output ?? {}),
-                uniqueName: options.name,
-            },
-            optimization: {
-                ...(config.optimization ?? {}),
-                runtimeChunk: false,
-            },
-            resolve: {
-                ...(config.resolve ?? {}),
-                alias: {
-                    ...(config.resolve?.alias ?? {}),
-                    ...sharedLibraries.getAliases(),
-                },
-            },
-            plugins: [
-                ...(config.plugins ?? []),
-                new (require('@module-federation/enhanced').ModuleFederationPlugin)({
-                    name: options.name.replace(/-/g, '_'),
-                    filename: 'remoteEntry.js',
-                    exposes: options.exposes,
-                    remotes: mappedRemotes,
-                    shared: {
-                        ...sharedDependencies,
-                    },
-                    /**
-                     * Apply user-defined config override
-                     */
-                    ...(configOverride ? configOverride : {}),
-                    runtimePlugins: process.env.NX_MF_DEV_REMOTES &&
-                        !options.disableNxRuntimeLibraryControlPlugin
-                        ? [
-                            ...(configOverride?.runtimePlugins ?? []),
-                            require.resolve('@module-federation/node/runtimePlugin'),
-                            require.resolve('@nx/webpack/src/utils/module-federation/plugins/runtime-library-control.plugin.js'),
-                        ]
-                        : [
-                            ...(configOverride?.runtimePlugins ?? []),
-                            require.resolve('@module-federation/node/runtimePlugin'),
-                        ],
-                    virtualRuntimeEntry: true,
-                }, {}),
-                sharedLibraries.getReplacementPlugin(),
-            ],
-        };
-        // The env var is only set from the module-federation-dev-server
-        // Attach the runtime plugin
-        updatedConfig.plugins.push(new (require('webpack').DefinePlugin)({
-            'process.env.NX_MF_DEV_REMOTES': process.env.NX_MF_DEV_REMOTES,
-        }));
-        return updatedConfig;
-    };
-}

package/src/utils/mf/with-module-federation.d.ts

@@ -1,2 +0,0 @@
-import type { ModuleFederationConfig, NxModuleFederationConfigOverride } from '@nx/webpack/src/utils/module-federation';
-export declare function withModuleFederation(options: ModuleFederationConfig, configOverride?: NxModuleFederationConfigOverride): Promise<(config: any) => any>;

package/src/utils/mf/with-module-federation.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withModuleFederation = withModuleFederation;
-const utils_1 = require("./utils");
-const webpack_1 = require("@module-federation/enhanced/webpack");
-async function withModuleFederation(options, configOverride) {
-    if (global.NX_GRAPH_CREATION) {
-        return (config) => config;
-    }
-    const { sharedLibraries, sharedDependencies, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options);
-    return (config) => {
-        const updatedConfig = {
-            ...(config ?? {}),
-            output: {
-                ...(config.output ?? {}),
-                uniqueName: options.name,
-                publicPath: 'auto',
-            },
-            optimization: {
-                ...(config.optimization ?? {}),
-                runtimeChunk: false,
-            },
-            resolve: {
-                ...(config.resolve ?? {}),
-                alias: {
-                    ...(config.resolve?.alias ?? {}),
-                    ...sharedLibraries.getAliases(),
-                },
-            },
-            experiments: {
-                ...(config.experiments ?? {}),
-                outputModule: true,
-            },
-            plugins: [
-                ...(config.plugins ?? []),
-                new webpack_1.ModuleFederationPlugin({
-                    name: options.name.replace(/-/g, '_'),
-                    filename: 'remoteEntry.mjs',
-                    exposes: options.exposes,
-                    remotes: mappedRemotes,
-                    shared: {
-                        ...sharedDependencies,
-                    },
-                    library: {
-                        type: 'module',
-                    },
-                    /**
-                     * Apply user-defined config override
-                     */
-                    ...(configOverride ? configOverride : {}),
-                    runtimePlugins: process.env.NX_MF_DEV_REMOTES &&
-                        !options.disableNxRuntimeLibraryControlPlugin
-                        ? [
-                            ...(configOverride?.runtimePlugins ?? []),
-                            require.resolve('@nx/webpack/src/utils/module-federation/plugins/runtime-library-control.plugin.js'),
-                        ]
-                        : configOverride?.runtimePlugins,
-                    virtualRuntimeEntry: true,
-                }),
-                sharedLibraries.getReplacementPlugin(),
-            ],
-        };
-        // The env var is only set from the module-federation-dev-server
-        // Attach the runtime plugin
-        updatedConfig.plugins.push(new (require('webpack').DefinePlugin)({
-            'process.env.NX_MF_DEV_REMOTES': process.env.NX_MF_DEV_REMOTES,
-        }));
-        return updatedConfig;
-    };
-}