@nx/module-federation 22.2.2 → 22.2.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nx/module-federation",
   "description": "The Nx Plugin for Module Federation contains executors and utilities that support building applications using Module Federation.",
-  "version": "22.2.2",
+  "version": "22.2.3",
   "type": "commonjs",
   "repository": {
     "type": "git",
@@ -27,9 +27,9 @@
     "@module-federation/enhanced": "^0.21.2",
     "@module-federation/node": "^2.7.21",
     "@module-federation/sdk": "^0.21.2",
-    "@nx/devkit": "22.2.2",
-    "@nx/js": "22.2.2",
-    "@nx/web": "22.2.2",
+    "@nx/devkit": "22.2.3",
+    "@nx/js": "22.2.3",
+    "@nx/web": "22.2.3",
     "@rspack/core": "^1.5.2",
     "express": "^4.21.2",
     "http-proxy-middleware": "^3.0.5",
@@ -38,7 +38,7 @@
     "webpack": "^5.101.3"
   },
   "devDependencies": {
-    "nx": "22.2.2"
+    "nx": "22.2.3"
   },
   "nx-migrations": {
     "migrations": "./migrations.json"

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

@@ -0,0 +1,58 @@
+import { ProjectGraph } from '@nx/devkit';
+import { ModuleFederationConfig, SharedLibraryConfig, shareWorkspaceLibraries } from './index';
+/**
+ * Configuration options for module federation config generation.
+ */
+export interface ModuleFederationConfigOptions {
+    /** Whether this is for server-side rendering */
+    isServer?: boolean;
+    /** Custom function to determine remote URLs */
+    determineRemoteUrl?: (remote: string) => string;
+}
+/**
+ * Framework-specific configuration for module federation.
+ */
+export interface FrameworkConfig {
+    /** Bundler type affects shared library config */
+    bundler: 'webpack' | 'rspack';
+    /** Remote entry file extension */
+    remoteEntryExt: 'js' | 'mjs';
+    /** Whether to pass true as 4th param to mapRemotes */
+    mapRemotesExpose?: boolean;
+    /** Function to apply eager packages for this framework */
+    applyEagerPackages?: (sharedConfig: Record<string, SharedLibraryConfig>, projectGraph: ProjectGraph, projectName: string) => void;
+    /** Default npm packages to always share */
+    defaultPackagesToShare?: string[];
+    /** npm packages to exclude from sharing */
+    packagesToAvoid?: string[];
+}
+/**
+ * Result of getModuleFederationConfig
+ */
+export interface ModuleFederationConfigResult {
+    sharedLibraries: ReturnType<typeof shareWorkspaceLibraries>;
+    sharedDependencies: Record<string, SharedLibraryConfig>;
+    mappedRemotes: Record<string, string>;
+}
+/**
+ * Creates a default remote URL resolver function.
+ * This is extracted to avoid code duplication across bundler utils.
+ */
+declare function createDefaultRemoteUrlResolver(isServer?: boolean, remoteEntryExt?: 'js' | 'mjs'): (remote: string) => string;
+/**
+ * Async version - tries cached graph first, falls back to creating new one.
+ * Used by webpack and angular async configs.
+ */
+export declare function getModuleFederationConfigAsync(mfConfig: ModuleFederationConfig, options: ModuleFederationConfigOptions, frameworkConfig: FrameworkConfig): Promise<ModuleFederationConfigResult>;
+/**
+ * Sync version - only uses cached graph.
+ * Used by rspack and angular sync configs.
+ */
+export declare function getModuleFederationConfigSync(mfConfig: ModuleFederationConfig, options: ModuleFederationConfigOptions, frameworkConfig: FrameworkConfig): ModuleFederationConfigResult;
+/**
+ * Clears the static remotes env cache.
+ * Useful for testing or when the env variable changes.
+ */
+export declare function clearStaticRemotesEnvCache(): void;
+export { createDefaultRemoteUrlResolver };
+//# sourceMappingURL=module-federation-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"module-federation-config.d.ts","sourceRoot":"","sources":["../../../../../packages/module-federation/src/utils/module-federation-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EAEb,MAAM,YAAY,CAAC;AACpB,OAAO,EAML,sBAAsB,EACtB,mBAAmB,EAEnB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CACjD;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,iDAAiD;IACjD,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,kCAAkC;IAClC,cAAc,EAAE,IAAI,GAAG,KAAK,CAAC;IAC7B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CACnB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACjD,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,MAAM,KAChB,IAAI,CAAC;IACV,2CAA2C;IAC3C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC,2CAA2C;IAC3C,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,eAAe,EAAE,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;IAC5D,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACxD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;AAmID;;;GAGG;AACH,iBAAS,8BAA8B,CACrC,QAAQ,GAAE,OAAe,EACzB,cAAc,GAAE,IAAI,GAAG,KAAY,GAClC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAwC5B;AAED;;;GAGG;AACH,wBAAsB,8BAA8B,CAClD,QAAQ,EAAE,sBAAsB,EAChC,OAAO,EAAE,6BAAkC,EAC3C,eAAe,EAAE,eAAe,GAC/B,OAAO,CAAC,4BAA4B,CAAC,CAcvC;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,sBAAsB,EAChC,OAAO,EAAE,6BAAkC,EAC3C,eAAe,EAAE,eAAe,GAC/B,4BAA4B,CAQ9B;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,IAAI,IAAI,CAGjD;AAGD,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

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

@@ -0,0 +1,143 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getModuleFederationConfigAsync = getModuleFederationConfigAsync;
+exports.getModuleFederationConfigSync = getModuleFederationConfigSync;
+exports.clearStaticRemotesEnvCache = clearStaticRemotesEnvCache;
+exports.createDefaultRemoteUrlResolver = createDefaultRemoteUrlResolver;
+const devkit_1 = require("@nx/devkit");
+const index_1 = require("./index");
+/**
+ * Core implementation for generating module federation configuration.
+ * This is used by webpack, rspack, and angular utils.
+ *
+ * @param mfConfig - Module federation configuration
+ * @param options - Configuration options
+ * @param frameworkConfig - Framework-specific configuration
+ * @param projectGraph - The Nx project graph
+ */
+function buildModuleFederationConfig(mfConfig, options, frameworkConfig, projectGraph) {
+    const { bundler, remoteEntryExt, mapRemotesExpose, applyEagerPackages, defaultPackagesToShare = [], packagesToAvoid = [], } = frameworkConfig;
+    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, index_1.getDependentPackagesForProject)(projectGraph, mfConfig.name);
+    // Filter dependencies if shared function provided
+    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, index_1.shareWorkspaceLibraries)(dependencies.workspaceLibraries, undefined, bundler);
+    // Build npm packages list with framework-specific defaults
+    let npmPackagesList = dependencies.npmPackages;
+    if (defaultPackagesToShare.length > 0 || packagesToAvoid.length > 0) {
+        npmPackagesList = Array.from(new Set([
+            ...defaultPackagesToShare,
+            ...dependencies.npmPackages.filter((pkg) => !packagesToAvoid.includes(pkg)),
+        ]));
+    }
+    const npmPackages = (0, index_1.sharePackages)(npmPackagesList);
+    // Remove packages to avoid from final config
+    for (const pkgName of packagesToAvoid) {
+        if (pkgName in npmPackages) {
+            delete npmPackages[pkgName];
+        }
+    }
+    const sharedDependencies = {
+        ...sharedLibraries.getLibraries(project.root),
+        ...npmPackages,
+    };
+    // Apply framework-specific eager packages
+    if (applyEagerPackages) {
+        applyEagerPackages(sharedDependencies, projectGraph, mfConfig.name);
+    }
+    (0, index_1.applySharedFunction)(sharedDependencies, mfConfig.shared);
+    (0, index_1.applyAdditionalShared)(sharedDependencies, mfConfig.additionalShared, projectGraph);
+    // Map remotes
+    const mapRemotesFunction = options.isServer ? index_1.mapRemotesForSSR : index_1.mapRemotes;
+    let mappedRemotes = {};
+    if (mfConfig.remotes && mfConfig.remotes.length > 0) {
+        const determineRemoteUrlFn = options.determineRemoteUrl ||
+            createDefaultRemoteUrlResolver(options.isServer, remoteEntryExt);
+        mappedRemotes = mapRemotesFunction(mfConfig.remotes, remoteEntryExt, determineRemoteUrlFn, mapRemotesExpose);
+    }
+    return { sharedLibraries, sharedDependencies, mappedRemotes };
+}
+// Cache for parsed static remotes env variable
+let cachedStaticRemotesEnv = undefined;
+let cachedStaticRemotesMap = undefined;
+/**
+ * Gets static remotes from env with caching.
+ * Invalidates cache if env variable changes.
+ */
+function getStaticRemotesFromEnv() {
+    const currentEnv = process.env.NX_MF_DEV_SERVER_STATIC_REMOTES;
+    if (currentEnv !== cachedStaticRemotesEnv) {
+        cachedStaticRemotesEnv = currentEnv;
+        cachedStaticRemotesMap = currentEnv ? JSON.parse(currentEnv) : undefined;
+    }
+    return cachedStaticRemotesMap;
+}
+/**
+ * Creates a default remote URL resolver function.
+ * This is extracted to avoid code duplication across bundler utils.
+ */
+function createDefaultRemoteUrlResolver(isServer = false, remoteEntryExt = 'js') {
+    const { readCachedProjectConfiguration, } = require('nx/src/project-graph/project-graph');
+    const target = 'serve';
+    const remoteEntry = isServer
+        ? 'server/remoteEntry.js'
+        : `remoteEntry.${remoteEntryExt}`;
+    return function (remote) {
+        const mappedStaticRemotesFromEnv = getStaticRemotesFromEnv();
+        if (mappedStaticRemotesFromEnv && mappedStaticRemotesFromEnv[remote]) {
+            return `${mappedStaticRemotesFromEnv[remote]}/${remoteEntry}`;
+        }
+        let remoteConfiguration = null;
+        try {
+            remoteConfiguration = 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 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 version - tries cached graph first, falls back to creating new one.
+ * Used by webpack and angular async configs.
+ */
+async function getModuleFederationConfigAsync(mfConfig, options = {}, frameworkConfig) {
+    let projectGraph;
+    try {
+        projectGraph = (0, devkit_1.readCachedProjectGraph)();
+    }
+    catch (e) {
+        projectGraph = await (0, devkit_1.createProjectGraphAsync)();
+    }
+    return buildModuleFederationConfig(mfConfig, options, frameworkConfig, projectGraph);
+}
+/**
+ * Sync version - only uses cached graph.
+ * Used by rspack and angular sync configs.
+ */
+function getModuleFederationConfigSync(mfConfig, options = {}, frameworkConfig) {
+    const projectGraph = (0, devkit_1.readCachedProjectGraph)();
+    return buildModuleFederationConfig(mfConfig, options, frameworkConfig, projectGraph);
+}
+/**
+ * Clears the static remotes env cache.
+ * Useful for testing or when the env variable changes.
+ */
+function clearStaticRemotesEnvCache() {
+    cachedStaticRemotesEnv = undefined;
+    cachedStaticRemotesMap = undefined;
+}

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

@@ -1,26 +1,28 @@
 import { ModuleFederationConfig, SharedLibraryConfig } from '../../utils';
-export declare function applyDefaultEagerPackages(sharedConfig: Record<string, SharedLibraryConfig>, useRspack?: boolean): void;
-export declare const DEFAULT_NPM_PACKAGES_TO_AVOID: string[];
+/**
+ * Default npm packages to always share for Angular projects.
+ */
 export declare const DEFAULT_ANGULAR_PACKAGES_TO_SHARE: string[];
+/**
+ * npm packages to avoid sharing in Angular projects.
+ */
+export declare const DEFAULT_NPM_PACKAGES_TO_AVOID: string[];
+/**
+ * Applies eager loading to default Angular packages.
+ * Exported for backward compatibility.
+ */
+export declare function applyDefaultEagerPackages(sharedConfig: Record<string, SharedLibraryConfig>, useRspack?: boolean): void;
+/**
+ * Creates the default remote URL resolver for Angular.
+ * Kept for backward compatibility with existing configs.
+ */
 export declare function getFunctionDeterminateRemoteUrl(isServer?: boolean, useRspack?: boolean): (remote: string) => string;
 export declare function getModuleFederationConfig(mfConfig: ModuleFederationConfig, options?: {
     isServer: boolean;
     determineRemoteUrl?: (remote: string) => string;
-}, bundler?: 'rspack' | 'webpack'): Promise<{
-    sharedLibraries: import("../../utils").SharedWorkspaceLibraryConfig;
-    sharedDependencies: {
-        [x: string]: SharedLibraryConfig;
-    };
-    mappedRemotes: Record<string, string>;
-}>;
+}, bundler?: 'rspack' | 'webpack'): Promise<import("../../utils/module-federation-config").ModuleFederationConfigResult>;
 export declare function getModuleFederationConfigSync(mfConfig: ModuleFederationConfig, options?: {
     isServer: boolean;
     determineRemoteUrl?: (remote: string) => string;
-}, useRspack?: boolean): {
-    sharedLibraries: import("../../utils").SharedWorkspaceLibraryConfig;
-    sharedDependencies: {
-        [x: string]: SharedLibraryConfig;
-    };
-    mappedRemotes: Record<string, string>;
-};
+}, useRspack?: boolean): import("../../utils/module-federation-config").ModuleFederationConfigResult;
 //# sourceMappingURL=utils.d.ts.map

package/src/with-module-federation/angular/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../packages/module-federation/src/with-module-federation/angular/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,sBAAsB,EAEtB,mBAAmB,EAGpB,MAAM,aAAa,CAAC;AASrB,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACjD,SAAS,UAAQ,QAyBlB;AAED,eAAO,MAAM,6BAA6B,UAKzC,CAAC;AACF,eAAO,MAAM,iCAAiC,UAI7C,CAAC;AAEF,wBAAgB,+BAA+B,CAC7C,QAAQ,GAAE,OAAe,EACzB,SAAS,UAAQ,IASA,QAAQ,MAAM,YAkChC;AAED,wBAAsB,yBAAyB,CAC7C,QAAQ,EAAE,sBAAsB,EAChC,OAAO,GAAE;IACP,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3B,EACvB,OAAO,GAAE,QAAQ,GAAG,SAAoB;;;;;;GA4EzC;AAED,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,sBAAsB,EAChC,OAAO,GAAE;IACP,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3B,EACvB,SAAS,UAAQ;;;;;;EA2ElB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../packages/module-federation/src/with-module-federation/angular/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAQ1E;;GAEG;AACH,eAAO,MAAM,iCAAiC,UAI7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,UAKzC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACjD,SAAS,UAAQ,QAwBlB;AAED;;;GAGG;AACH,wBAAgB,+BAA+B,CAC7C,QAAQ,GAAE,OAAe,EACzB,SAAS,UAAQ,8BAGlB;AAqBD,wBAAsB,yBAAyB,CAC7C,QAAQ,EAAE,sBAAsB,EAChC,OAAO,GAAE;IACP,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3B,EACvB,OAAO,GAAE,QAAQ,GAAG,SAAoB,wFAQzC;AAED,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,sBAAsB,EAChC,OAAO,GAAE;IACP,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3B,EACvB,SAAS,UAAQ,+EAOlB"}

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

@@ -1,13 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE = exports.DEFAULT_NPM_PACKAGES_TO_AVOID = void 0;
+exports.DEFAULT_NPM_PACKAGES_TO_AVOID = exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE = void 0;
 exports.applyDefaultEagerPackages = applyDefaultEagerPackages;
 exports.getFunctionDeterminateRemoteUrl = getFunctionDeterminateRemoteUrl;
 exports.getModuleFederationConfig = getModuleFederationConfig;
 exports.getModuleFederationConfigSync = getModuleFederationConfigSync;
-const utils_1 = require("../../utils");
-const devkit_1 = require("@nx/devkit");
-const project_graph_1 = require("nx/src/project-graph/project-graph");
+const module_federation_config_1 = require("../../utils/module-federation-config");
+/**
+ * Default npm packages to always share for Angular projects.
+ */
+exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE = [
+    '@angular/core',
+    '@angular/animations',
+    '@angular/common',
+];
+/**
+ * npm packages to avoid sharing in Angular projects.
+ */
+exports.DEFAULT_NPM_PACKAGES_TO_AVOID = [
+    'zone.js',
+    '@nx/angular/mf',
+    '@nrwl/angular/mf',
+    '@nx/angular-rspack',
+];
+/**
+ * Applies eager loading to default Angular packages.
+ * Exported for backward compatibility.
+ */
 function applyDefaultEagerPackages(sharedConfig, useRspack = false) {
     const DEFAULT_PACKAGES_TO_LOAD_EAGERLY = [
         '@angular/localize',
@@ -32,123 +51,32 @@ function applyDefaultEagerPackages(sharedConfig, useRspack = false) {
         sharedConfig[pkg] = { ...sharedConfig[pkg], eager: true };
     }
 }
-exports.DEFAULT_NPM_PACKAGES_TO_AVOID = [
-    'zone.js',
-    '@nx/angular/mf',
-    '@nrwl/angular/mf',
-    '@nx/angular-rspack',
-];
-exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE = [
-    '@angular/core',
-    '@angular/animations',
-    '@angular/common',
-];
+/**
+ * Creates the default remote URL resolver for Angular.
+ * Kept for backward compatibility with existing configs.
+ */
 function getFunctionDeterminateRemoteUrl(isServer = false, useRspack = false) {
-    const target = 'serve';
-    const remoteEntry = isServer
-        ? 'server/remoteEntry.js'
-        : useRspack
-            ? '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}`;
+    return (0, module_federation_config_1.createDefaultRemoteUrlResolver)(isServer, useRspack ? 'js' : 'mjs');
+}
+/**
+ * Creates framework config for Angular projects.
+ */
+function getAngularFrameworkConfig(bundler, useRspack) {
+    return {
+        bundler,
+        remoteEntryExt: useRspack ? 'js' : 'mjs',
+        mapRemotesExpose: false,
+        defaultPackagesToShare: exports.DEFAULT_ANGULAR_PACKAGES_TO_SHARE,
+        packagesToAvoid: exports.DEFAULT_NPM_PACKAGES_TO_AVOID,
+        applyEagerPackages: (sharedConfig) => {
+            applyDefaultEagerPackages(sharedConfig, useRspack);
+        },
     };
 }
 async function getModuleFederationConfig(mfConfig, options = { isServer: false }, bundler = 'rspack') {
-    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, utils_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, utils_1.shareWorkspaceLibraries)(dependencies.workspaceLibraries, undefined, bundler);
-    const npmPackages = (0, utils_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, utils_1.applySharedFunction)(sharedDependencies, mfConfig.shared);
-    (0, utils_1.applyAdditionalShared)(sharedDependencies, mfConfig.additionalShared, projectGraph);
-    const determineRemoteUrlFn = options.determineRemoteUrl ||
-        getFunctionDeterminateRemoteUrl(options.isServer);
-    const mapRemotesFunction = options.isServer ? utils_1.mapRemotesForSSR : utils_1.mapRemotes;
-    const mappedRemotes = !mfConfig.remotes || mfConfig.remotes.length === 0
-        ? {}
-        : mapRemotesFunction(mfConfig.remotes, 'mjs', determineRemoteUrlFn);
-    return { sharedLibraries, sharedDependencies, mappedRemotes };
+    // Angular async uses 'mjs' extension (webpack), not rspack
+    return (0, module_federation_config_1.getModuleFederationConfigAsync)(mfConfig, options, getAngularFrameworkConfig(bundler, false));
 }
 function getModuleFederationConfigSync(mfConfig, options = { isServer: false }, useRspack = false) {
-    const projectGraph = (0, devkit_1.readCachedProjectGraph)();
-    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, utils_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, utils_1.shareWorkspaceLibraries)(dependencies.workspaceLibraries, undefined, 'rspack');
-    const npmPackages = (0, utils_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, useRspack);
-    (0, utils_1.applySharedFunction)(sharedDependencies, mfConfig.shared);
-    (0, utils_1.applyAdditionalShared)(sharedDependencies, mfConfig.additionalShared, projectGraph);
-    const determineRemoteUrlFn = options.determineRemoteUrl ||
-        getFunctionDeterminateRemoteUrl(options.isServer, useRspack);
-    const mapRemotesFunction = options.isServer ? utils_1.mapRemotesForSSR : utils_1.mapRemotes;
-    const mappedRemotes = !mfConfig.remotes || mfConfig.remotes.length === 0
-        ? {}
-        : mapRemotesFunction(mfConfig.remotes, useRspack ? 'js' : 'mjs', determineRemoteUrlFn);
-    return { sharedLibraries, sharedDependencies, mappedRemotes };
+    return (0, module_federation_config_1.getModuleFederationConfigSync)(mfConfig, options, getAngularFrameworkConfig('rspack', useRspack));
 }

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

@@ -1,13 +1,11 @@
 import { ModuleFederationConfig } from '../../utils';
+/**
+ * Creates the default remote URL resolver for rspack.
+ * Kept for backward compatibility with existing configs.
+ */
 export declare function getFunctionDeterminateRemoteUrl(isServer?: boolean): (remote: string) => string;
 export declare function getModuleFederationConfig(mfConfig: ModuleFederationConfig, options?: {
     isServer: boolean;
     determineRemoteUrl?: (remote: string) => string;
-}): {
-    sharedLibraries: import("../../utils").SharedWorkspaceLibraryConfig;
-    sharedDependencies: {
-        [x: string]: import("../../utils").SharedLibraryConfig;
-    };
-    mappedRemotes: {};
-};
+}): import("../../utils/module-federation-config").ModuleFederationConfigResult;
 //# sourceMappingURL=utils.d.ts.map

package/src/with-module-federation/rspack/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../packages/module-federation/src/with-module-federation/rspack/utils.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,sBAAsB,EAQvB,MAAM,aAAa,CAAC;AAIrB,wBAAgB,+BAA+B,CAAC,QAAQ,UAAQ,IAI7C,QAAQ,MAAM,YAkChC;AAED,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,sBAAsB,EAChC,OAAO,GAAE;IACP,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3B;;;;;;EAsExB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../packages/module-federation/src/with-module-federation/rspack/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAuB,MAAM,aAAa,CAAC;AAU1E;;;GAGG;AACH,wBAAgB,+BAA+B,CAAC,QAAQ,UAAQ,8BAE/D;AAsBD,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,sBAAsB,EAChC,OAAO,GAAE;IACP,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3B,+EAOxB"}

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

@@ -2,73 +2,31 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFunctionDeterminateRemoteUrl = getFunctionDeterminateRemoteUrl;
 exports.getModuleFederationConfig = getModuleFederationConfig;
-const devkit_1 = require("@nx/devkit");
-const project_graph_1 = require("nx/src/project-graph/project-graph");
-const utils_1 = require("../../utils");
-const utils_2 = require("../react/utils");
+const module_federation_config_1 = require("../../utils/module-federation-config");
+const utils_1 = require("../react/utils");
 const framework_detection_1 = require("../../utils/framework-detection");
+/**
+ * Creates the default remote URL resolver for rspack.
+ * Kept for backward compatibility with existing configs.
+ */
 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 rspack 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}`;
+    return (0, module_federation_config_1.createDefaultRemoteUrlResolver)(isServer, 'js');
+}
+/**
+ * Framework config for rspack projects (React).
+ */
+function getRspackFrameworkConfig() {
+    return {
+        bundler: 'rspack',
+        remoteEntryExt: 'js',
+        mapRemotesExpose: true,
+        applyEagerPackages: (sharedConfig, projectGraph, projectName) => {
+            if ((0, framework_detection_1.isReactProject)(projectName, projectGraph)) {
+                (0, utils_1.applyDefaultEagerPackages)(sharedConfig);
+            }
+        },
     };
 }
 function getModuleFederationConfig(mfConfig, options = { isServer: false }) {
-    const projectGraph = (0, devkit_1.readCachedProjectGraph)();
-    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, utils_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, utils_1.shareWorkspaceLibraries)(dependencies.workspaceLibraries);
-    const npmPackages = (0, utils_1.sharePackages)(dependencies.npmPackages);
-    const sharedDependencies = {
-        ...sharedLibraries.getLibraries(project.root),
-        ...npmPackages,
-    };
-    // Apply framework-specific eager packages
-    if ((0, framework_detection_1.isReactProject)(mfConfig.name, projectGraph)) {
-        (0, utils_2.applyDefaultEagerPackages)(sharedDependencies);
-    }
-    (0, utils_1.applySharedFunction)(sharedDependencies, mfConfig.shared);
-    (0, utils_1.applyAdditionalShared)(sharedDependencies, mfConfig.additionalShared, projectGraph);
-    // Choose the correct mapRemotes function based on the server state.
-    const mapRemotesFunction = options.isServer ? utils_1.mapRemotesForSSR : utils_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) {
-        mappedRemotes = mapRemotesFunction(mfConfig.remotes, 'js', determineRemoteUrlFunction, true);
-    }
-    return { sharedLibraries, sharedDependencies, mappedRemotes };
+    return (0, module_federation_config_1.getModuleFederationConfigSync)(mfConfig, options, getRspackFrameworkConfig());
 }

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

@@ -1,13 +1,11 @@
 import { ModuleFederationConfig } from '../../utils';
+/**
+ * Creates the default remote URL resolver for webpack.
+ * Kept for backward compatibility with existing configs.
+ */
 export declare function getFunctionDeterminateRemoteUrl(isServer?: boolean): (remote: string) => string;
 export declare function getModuleFederationConfig(mfConfig: ModuleFederationConfig, options?: {
     isServer: boolean;
     determineRemoteUrl?: (remote: string) => string;
-}, bundler?: 'rspack' | 'webpack'): Promise<{
-    sharedLibraries: import("../../utils").SharedWorkspaceLibraryConfig;
-    sharedDependencies: {
-        [x: string]: import("../../utils").SharedLibraryConfig;
-    };
-    mappedRemotes: {};
-}>;
+}, bundler?: 'rspack' | 'webpack'): Promise<import("../../utils/module-federation-config").ModuleFederationConfigResult>;
 //# sourceMappingURL=utils.d.ts.map

package/src/with-module-federation/webpack/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../packages/module-federation/src/with-module-federation/webpack/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,sBAAsB,EAGvB,MAAM,aAAa,CAAC;AAWrB,wBAAgB,+BAA+B,CAAC,QAAQ,GAAE,OAAe,IAItD,QAAQ,MAAM,YAkChC;AAED,wBAAsB,yBAAyB,CAC7C,QAAQ,EAAE,sBAAsB,EAChC,OAAO,GAAE;IACP,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3B,EACvB,OAAO,GAAE,QAAQ,GAAG,SAAoB;;;;;;GA8EzC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../packages/module-federation/src/with-module-federation/webpack/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAuB,MAAM,aAAa,CAAC;AAU1E;;;GAGG;AACH,wBAAgB,+BAA+B,CAAC,QAAQ,GAAE,OAAe,8BAExE;AAwBD,wBAAsB,yBAAyB,CAC7C,QAAQ,EAAE,sBAAsB,EAChC,OAAO,GAAE;IACP,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3B,EACvB,OAAO,GAAE,QAAQ,GAAG,SAAoB,wFAOzC"}

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

@@ -2,80 +2,31 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFunctionDeterminateRemoteUrl = getFunctionDeterminateRemoteUrl;
 exports.getModuleFederationConfig = getModuleFederationConfig;
-const utils_1 = require("../../utils");
-const devkit_1 = require("@nx/devkit");
-const project_graph_1 = require("nx/src/project-graph/project-graph");
-const utils_2 = require("../react/utils");
+const module_federation_config_1 = require("../../utils/module-federation-config");
+const utils_1 = require("../react/utils");
 const framework_detection_1 = require("../../utils/framework-detection");
+/**
+ * Creates the default remote URL resolver for webpack.
+ * Kept for backward compatibility with existing configs.
+ */
 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}`;
+    return (0, module_federation_config_1.createDefaultRemoteUrlResolver)(isServer, 'js');
+}
+/**
+ * Framework config for webpack projects (React).
+ */
+function getWebpackFrameworkConfig(bundler = 'rspack') {
+    return {
+        bundler,
+        remoteEntryExt: 'js',
+        mapRemotesExpose: true,
+        applyEagerPackages: (sharedConfig, projectGraph, projectName) => {
+            if ((0, framework_detection_1.isReactProject)(projectName, projectGraph)) {
+                (0, utils_1.applyDefaultEagerPackages)(sharedConfig);
+            }
+        },
     };
 }
 async function getModuleFederationConfig(mfConfig, options = { isServer: false }, bundler = 'rspack') {
-    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, utils_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, utils_1.shareWorkspaceLibraries)(dependencies.workspaceLibraries, undefined, bundler);
-    const npmPackages = (0, utils_1.sharePackages)(dependencies.npmPackages);
-    const sharedDependencies = {
-        ...sharedLibraries.getLibraries(project.root),
-        ...npmPackages,
-    };
-    // Apply framework-specific eager packages
-    if ((0, framework_detection_1.isReactProject)(mfConfig.name, projectGraph)) {
-        (0, utils_2.applyDefaultEagerPackages)(sharedDependencies);
-    }
-    (0, utils_1.applySharedFunction)(sharedDependencies, mfConfig.shared);
-    (0, utils_1.applyAdditionalShared)(sharedDependencies, mfConfig.additionalShared, projectGraph);
-    // Choose the correct mapRemotes function based on the server state.
-    const mapRemotesFunction = options.isServer ? utils_1.mapRemotesForSSR : utils_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 };
+    return (0, module_federation_config_1.getModuleFederationConfigAsync)(mfConfig, options, getWebpackFrameworkConfig(bundler));
 }