@nx/react 20.2.0-beta.1 → 20.2.0-beta.3

package/src/generators/host/files/webpack-module-federation-ts/webpack.config.prod.ts__tmpl__

@@ -1,7 +1,7 @@
 import { composePlugins, withNx } from '@nx/webpack';
 import { withReact } from '@nx/react';
-import { withModuleFederation } from '@nx/react/module-federation';
-import { ModuleFederationConfig } from '@nx/webpack';
+import { withModuleFederation } from '@nx/module-federation/webpack';
+import { ModuleFederationConfig } from '@nx/module-federation';
 
 import baseConfig from './module-federation.config';
 

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

@@ -1,6 +1,7 @@
-import {composePlugins, withNx, ModuleFederationConfig} from '@nx/webpack';
+import {composePlugins, withNx} from '@nx/webpack';
 import {withReact} from '@nx/react';
-import {withModuleFederation} from '@nx/react/module-federation';
+import {withModuleFederation} from '@nx/module-federation/webpack';
+import { ModuleFederationConfig } from '@nx/module-federation';
 
 import baseConfig from './module-federation.config';
 

package/src/generators/remote/files/rspack-module-federation/rspack.config.js__tmpl__

@@ -1,5 +1,5 @@
 const { composePlugins, withNx, withReact } = require('@nx/rspack');
-const { withModuleFederation } = require('@nx/rspack/module-federation');
+const { withModuleFederation } = require('@nx/module-federation/rspack');
 
 const baseConfig = require('./module-federation.config');
 

package/src/generators/remote/files/rspack-module-federation-ssr/rspack.server.config.js__tmpl__

@@ -1,5 +1,5 @@
 const {composePlugins, withNx, withReact} = require('@nx/rspack');
-const {withModuleFederationForSSR} = require('@nx/rspack/module-federation');
+const {withModuleFederationForSSR} = require('@nx/module-federation/rspack');
 
 const baseConfig = require("./module-federation.server.config");
 

package/src/generators/remote/files/rspack-module-federation-ssr-ts/module-federation.server.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import {ModuleFederationConfig} from '@nx/rspack/module-federation';
+import {ModuleFederationConfig} from '@nx/module-federation';
 
 const config: ModuleFederationConfig = {
   name: '<%= projectName %>',

package/src/generators/remote/files/rspack-module-federation-ssr-ts/rspack.server.config.ts__tmpl__

@@ -1,5 +1,5 @@
 import {composePlugins, withNx, withReact} from '@nx/rspack';
-import {withModuleFederationForSSR} from '@nx/rspack/module-federation';
+import {withModuleFederationForSSR} from '@nx/module-federation/rspack';
 
 import baseConfig from "./module-federation.server.config";
 

package/src/generators/remote/files/rspack-module-federation-ts/module-federation.config.ts__tmpl__

@@ -1,4 +1,4 @@
-import {ModuleFederationConfig} from '@nx/rspack/module-federation';
+import {ModuleFederationConfig} from '@nx/module-federation';
 
 const config: ModuleFederationConfig = {
   name: '<%= projectName %>',

package/src/generators/remote/files/rspack-module-federation-ts/rspack.config.ts__tmpl__

@@ -1,5 +1,5 @@
 import {composePlugins, withNx, withReact} from '@nx/rspack';
-import {withModuleFederation} from '@nx/rspack/module-federation';
+import {withModuleFederation} from '@nx/module-federation/rspack';
 
 import baseConfig from './module-federation.config';
 

package/src/generators/remote/files/webpack-module-federation/webpack.config.js__tmpl__

@@ -1,6 +1,6 @@
 const { composePlugins, withNx } = require('@nx/webpack');
 const { withReact } = require('@nx/react');
-const { withModuleFederation } = require('@nx/react/module-federation');
+const { withModuleFederation } = require('@nx/module-federation/webpack');
 
 const baseConfig = require('./module-federation.config');
 

package/src/generators/remote/files/webpack-module-federation-ssr/webpack.server.config.js__tmpl__

@@ -1,6 +1,6 @@
 const {composePlugins, withNx} = require('@nx/webpack');
 const {withReact} = require('@nx/react');
-const {withModuleFederationForSSR} = require('@nx/react/module-federation');
+const {withModuleFederationForSSR} = require('@nx/module-federation/webpack');
 
 const baseConfig = require("./module-federation.server.config");
 

package/src/generators/remote/files/webpack-module-federation-ssr-ts/module-federation.server.config.ts__tmpl__

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

package/src/generators/remote/files/webpack-module-federation-ssr-ts/webpack.server.config.ts__tmpl__

@@ -1,6 +1,6 @@
 import {composePlugins, withNx} from '@nx/webpack';
 import {withReact} from '@nx/react';
-import {withModuleFederationForSSR} from '@nx/react/module-federation';
+import {withModuleFederationForSSR} from '@nx/module-federation/webpack';
 
 import baseConfig from "./module-federation.server.config";
 

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

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

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

@@ -1,6 +1,6 @@
 import {composePlugins, withNx} from '@nx/webpack';
 import {withReact} from '@nx/react';
-import {withModuleFederation} from '@nx/react/module-federation';
+import {withModuleFederation} from '@nx/module-federation/webpack';
 
 import baseConfig from './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,63 @@
+"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]),ImportDeclaration:has(StringLiteral[value=@nx/rspack/module-federation]):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]`;
+const RSPACK_IMPORT_SELECTOR = `ImportDeclaration > StringLiteral[value=@nx/rspack/module-federation]`;
+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 usesNxWebpackOrRspack = dependencies.some((dep) => dep.target === 'npm:@nx/webpack' || dep.target === 'npm:@nx/rspack');
+        if (usesNxWebpackOrRspack) {
+            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)(importNode, WEBPACK_IMPORT_SELECTOR);
+                const nxRspackImportStringNodes = (0, tsquery_1.tsquery)(importNode, RSPACK_IMPORT_SELECTOR);
+                if (nxWebpackImportStringNodes.length === 0 &&
+                    nxRspackImportStringNodes.length === 0) {
+                    return;
+                }
+                const bundlerImportStringNode = nxWebpackImportStringNodes.length
+                    ? nxWebpackImportStringNodes[0]
+                    : nxRspackImportStringNodes[0];
+                contents = `${contents.slice(0, bundlerImportStringNode.getStart())}'@nx/module-federation'${contents.slice(bundlerImportStringNode.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_RSPACK_MODULE_FEDERATION_IMPORT_SELECTOR = 'ImportDeclaration > StringLiteral[value=@nx/react/module-federation], VariableStatement CallExpression:has(Identifier[name=require]) > StringLiteral[value=@nx/react/module-federation]';
+const NEW_IMPORT_PATH = `'@nx/module-federation/webpack'`;
+async function migrateWithMfImport(tree) {
+    const projects = new Set();
+    (0, executor_options_utils_1.forEachExecutorOptions)(tree, '@nx/react:module-federation-dev-server', (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/react/module-federation')) {
+                return;
+            }
+            const ast = tsquery_1.tsquery.ast(contents);
+            const importNodes = (0, tsquery_1.tsquery)(ast, NX_RSPACK_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/rules/update-module-federation-project.js

@@ -8,24 +8,26 @@ function updateModuleFederationProject(host, options) {
     if (options.bundler === 'rspack') {
         projectConfig.targets.build.executor = '@nx/rspack:rspack';
         projectConfig.targets.build.options = {
-            ...projectConfig.targets.build.options,
+            ...(projectConfig.targets.build.options ?? {}),
             main: (0, maybe_js_1.maybeJs)({ js: options.js, useJsx: true }, `${options.appProjectRoot}/src/main.ts`),
             rspackConfig: `${options.appProjectRoot}/rspack.config.${options.typescriptConfiguration && !options.js ? 'ts' : 'js'}`,
             target: 'web',
         };
+        projectConfig.targets.build.configurations ??= {};
         projectConfig.targets.build.configurations.production = {
-            ...projectConfig.targets.build.configurations.production,
+            ...(projectConfig.targets.build.configurations?.production ?? {}),
             rspackConfig: `${options.appProjectRoot}/rspack.config.prod.${options.typescriptConfiguration && !options.js ? 'ts' : 'js'}`,
         };
     }
     else {
         projectConfig.targets.build.options = {
-            ...projectConfig.targets.build.options,
+            ...(projectConfig.targets.build.options ?? {}),
             main: (0, maybe_js_1.maybeJs)(options, `${options.appProjectRoot}/src/main.ts`),
             webpackConfig: `${options.appProjectRoot}/webpack.config.${options.typescriptConfiguration && !options.js ? 'ts' : 'js'}`,
         };
+        projectConfig.targets.build.configurations ??= {};
         projectConfig.targets.build.configurations.production = {
-            ...projectConfig.targets.build.configurations.production,
+            ...(projectConfig.targets.build.configurations?.production ?? {}),
             webpackConfig: `${options.appProjectRoot}/webpack.config.prod.${options.typescriptConfiguration && !options.js ? 'ts' : 'js'}`,
         };
     }

package/src/utils/has-rspack-plugin.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nx/devkit';
+export declare function hasRspackPlugin(tree: Tree): boolean;

package/src/utils/has-rspack-plugin.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasRspackPlugin = hasRspackPlugin;
+const devkit_1 = require("@nx/devkit");
+function hasRspackPlugin(tree) {
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    return !!nxJson.plugins?.some((p) => typeof p === 'string'
+        ? p === '@nx/rspack/plugin'
+        : p.plugin === '@nx/rspack/plugin');
+}

package/src/utils/versions.d.ts

@@ -36,8 +36,8 @@ export declare const typesExpressVersion = "4.17.17";
 export declare const isbotVersion = "^3.6.5";
 export declare const corsVersion = "~2.8.5";
 export declare const typesCorsVersion = "~2.8.12";
-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 lessVersion = "3.12.2";
 export declare const sassVersion = "^1.55.0";
 export declare const rollupPluginUrlVersion = "^8.0.2";

package/src/utils/versions.js

@@ -42,8 +42,8 @@ exports.typesExpressVersion = '4.17.17';
 exports.isbotVersion = '^3.6.5';
 exports.corsVersion = '~2.8.5';
 exports.typesCorsVersion = '~2.8.12';
-exports.moduleFederationNodeVersion = '~2.5.0';
-exports.moduleFederationEnhancedVersion = '0.6.9';
+exports.moduleFederationNodeVersion = '~2.6.11';
+exports.moduleFederationEnhancedVersion = '0.7.6';
 // style preprocessors
 exports.lessVersion = '3.12.2';
 exports.sassVersion = '^1.55.0';

package/src/generators/application/lib/add-project-root-to-rspack-plugin-excludes.d.ts

@@ -1,2 +0,0 @@
-import { Tree } from '@nx/devkit';
-export declare function addProjectRootToRspackPluginExcludesIfExists(tree: Tree, projectRoot: string): void;

package/src/generators/application/lib/add-project-root-to-rspack-plugin-excludes.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addProjectRootToRspackPluginExcludesIfExists = addProjectRootToRspackPluginExcludesIfExists;
-const devkit_1 = require("@nx/devkit");
-const devkit_2 = require("@nx/devkit");
-function addProjectRootToRspackPluginExcludesIfExists(tree, projectRoot) {
-    const excludeProjectGlob = (0, devkit_1.joinPathFragments)(projectRoot, '/**');
-    const nxJson = (0, devkit_2.readNxJson)(tree);
-    if (!nxJson.plugins?.length) {
-        return;
-    }
-    for (let i = 0; i < nxJson.plugins.length; i++) {
-        let plugin = nxJson.plugins[i];
-        const isRspackPlugin = typeof plugin === 'string'
-            ? plugin === '@nx/rspack/plugin'
-            : plugin.plugin === '@nx/rspack/plugin';
-        if (isRspackPlugin) {
-            if (typeof plugin === 'string') {
-                plugin = {
-                    plugin: plugin,
-                    exclude: [excludeProjectGlob],
-                };
-            }
-            else {
-                plugin.exclude = [...(plugin.exclude ?? []), excludeProjectGlob];
-            }
-            nxJson.plugins[i] = plugin;
-        }
-    }
-    (0, devkit_1.updateNxJson)(tree, nxJson);
-}

package/src/module-federation/load-config.d.ts

@@ -1,3 +0,0 @@
-import { ExecutorContext } from '@nx/devkit';
-import { ModuleFederationConfig } from './models';
-export declare function loadModuleFederationConfigFromContext(context: ExecutorContext): ModuleFederationConfig;

package/src/module-federation/load-config.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadModuleFederationConfigFromContext = loadModuleFederationConfigFromContext;
-const path_1 = require("path");
-function loadModuleFederationConfigFromContext(context) {
-    const p = context.projectsConfigurations.projects[context.projectName];
-    const moduleFederationConfigPath = (0, path_1.join)(context.root, p.root, 'module-federation.config.js');
-    try {
-        return require(moduleFederationConfigPath);
-    }
-    catch {
-        // TODO(jack): Add a link to guide
-        throw new Error(`Could not load ${moduleFederationConfigPath}. Was this project generated with "@nx/react:host"?`);
-    }
-}

package/src/module-federation/models.d.ts

@@ -1,24 +0,0 @@
-export type ModuleFederationLibrary = {
-    type: string;
-    name: string;
-};
-export type Remotes = string[] | [remoteName: string, remoteUrl: string][];
-export interface SharedLibraryConfig {
-    singleton?: boolean;
-    strictVersion?: boolean;
-    requiredVersion?: false | string;
-    eager?: boolean;
-}
-export type SharedFunction = (libraryName: string, sharedConfig: SharedLibraryConfig) => undefined | false | SharedLibraryConfig;
-export type AdditionalSharedConfig = Array<string | [libraryName: string, sharedConfig: SharedLibraryConfig] | {
-    libraryName: string;
-    sharedConfig: SharedLibraryConfig;
-}>;
-export interface ModuleFederationConfig {
-    name: string;
-    remotes?: Remotes;
-    library?: ModuleFederationLibrary;
-    exposes?: Record<string, string>;
-    shared?: SharedFunction;
-    additionalShared?: AdditionalSharedConfig;
-}

package/src/module-federation/models.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/module-federation/package-json.d.ts

@@ -1,8 +0,0 @@
-export declare function readRootPackageJson(): {
-    dependencies?: {
-        [key: string]: string;
-    };
-    devDependencies?: {
-        [key: string]: string;
-    };
-};

package/src/module-federation/package-json.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.readRootPackageJson = readRootPackageJson;
-const devkit_1 = require("@nx/devkit");
-const fs_1 = require("fs");
-function readRootPackageJson() {
-    const pkgJsonPath = (0, devkit_1.joinPathFragments)(devkit_1.workspaceRoot, 'package.json');
-    if (!(0, fs_1.existsSync)(pkgJsonPath)) {
-        throw new Error('NX MFE: Could not find root package.json to determine dependency versions.');
-    }
-    return (0, devkit_1.readJsonFile)(pkgJsonPath);
-}

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

@@ -1,12 +0,0 @@
-import { ModuleFederationConfig } from '@nx/webpack/src/utils/module-federation';
-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]: import("@nx/webpack/src/utils/module-federation").SharedLibraryConfig;
-    };
-    mappedRemotes: {};
-}>;

package/src/module-federation/utils.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 getFunctionDeterminateRemoteUrl(isServer = false) {
-    const target = 'serve';
-    const remoteEntry = isServer ? 'server/remoteEntry.js' : 'remoteEntry.js';
-    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 "${serveTarget}" 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)();
-    }
-    const project = projectGraph.nodes[mfConfig.name]?.data;
-    if (!project) {
-        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)(dependencies.npmPackages);
-    const sharedDependencies = {
-        ...sharedLibraries.getLibraries(project.root),
-        ...npmPackages,
-    };
-    (0, module_federation_1.applySharedFunction)(sharedDependencies, mfConfig.shared);
-    (0, module_federation_1.applyAdditionalShared)(sharedDependencies, mfConfig.additionalShared, projectGraph);
-    // Choose the correct mapRemotes function based on the server state.
-    const mapRemotesFunction = options.isServer ? module_federation_1.mapRemotesForSSR : module_federation_1.mapRemotes;
-    // Determine the URL function, either from provided options or by using a default.
-    const determineRemoteUrlFunction = options.determineRemoteUrl
-        ? options.determineRemoteUrl
-        : getFunctionDeterminateRemoteUrl(options.isServer);
-    // Map the remotes if they exist, otherwise default to an empty object.
-    let mappedRemotes = {};
-    if (mfConfig.remotes && mfConfig.remotes.length > 0) {
-        const isLibraryTypeVar = mfConfig.library?.type === 'var';
-        mappedRemotes = mapRemotesFunction(mfConfig.remotes, 'js', determineRemoteUrlFunction, true);
-    }
-    return { sharedLibraries, sharedDependencies, mappedRemotes };
-}

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

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

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

@@ -1,50 +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) => {
-        config.target = 'async-node';
-        config.output.uniqueName = options.name;
-        config.optimization = {
-            ...(config.optimization ?? {}),
-            runtimeChunk: false,
-        };
-        config.plugins.push(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 overrides
-             */
-            ...(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 ?? []),
-                    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
-        config.plugins.push(new (require('webpack').DefinePlugin)({
-            'process.env.NX_MF_DEV_REMOTES': process.env.NX_MF_DEV_REMOTES,
-        }));
-        return config;
-    };
-}

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

@@ -1,7 +0,0 @@
-import { ModuleFederationConfig, NxModuleFederationConfigOverride } from '@nx/webpack/src/utils/module-federation';
-import type { AsyncNxComposableWebpackPlugin } from '@nx/webpack';
-/**
- * @param {ModuleFederationConfig} options
- * @return {Promise<AsyncNxComposableWebpackPlugin>}
- */
-export declare function withModuleFederation(options: ModuleFederationConfig, configOverride?: NxModuleFederationConfigOverride): Promise<AsyncNxComposableWebpackPlugin>;

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

@@ -1,63 +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");
-/**
- * @param {ModuleFederationConfig} options
- * @return {Promise<AsyncNxComposableWebpackPlugin>}
- */
-async function withModuleFederation(options, configOverride) {
-    if (global.NX_GRAPH_CREATION) {
-        return (config) => config;
-    }
-    const { sharedDependencies, sharedLibraries, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options);
-    return (config, ctx) => {
-        config.output.uniqueName = options.name;
-        config.output.publicPath = 'auto';
-        config.output.scriptType = 'text/javascript';
-        config.optimization = {
-            ...(config.optimization ?? {}),
-            runtimeChunk: false,
-        };
-        if (config.mode === 'development' &&
-            Object.keys(mappedRemotes).length > 1 &&
-            !options.exposes) {
-            config.optimization.runtimeChunk = 'single';
-        }
-        config.plugins.push(new webpack_1.ModuleFederationPlugin({
-            name: options.name.replace(/-/g, '_'),
-            filename: 'remoteEntry.js',
-            exposes: options.exposes,
-            remotes: mappedRemotes,
-            shared: {
-                ...sharedDependencies,
-            },
-            /**
-             * remoteType: 'script' is required for the remote to be loaded as a script tag.
-             * remotes will need to be defined as:
-             *  { appX: 'appX@http://localhost:3001/remoteEntry.js' }
-             *  { appY: 'appY@http://localhost:3002/remoteEntry.js' }
-             */
-            remoteType: 'script',
-            /**
-             * Apply user-defined config overrides
-             */
-            ...(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
-        config.plugins.push(new (require('webpack').DefinePlugin)({
-            'process.env.NX_MF_DEV_REMOTES': process.env.NX_MF_DEV_REMOTES,
-        }));
-        return config;
-    };
-}