@nx/angular 19.5.0-canary.20240717-039f91d → 19.5.1

package/ng-package.json

@@ -25,7 +25,8 @@
     "magic-string",
     "enquirer",
     "find-cache-dir",
-    "piscina"
+    "piscina",
+    "webpack"
   ],
   "keepLifecycleScripts": true
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular",
-  "version": "19.5.0-canary.20240717-039f91d",
+  "version": "19.5.1",
   "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,15 +78,16 @@
     "semver": "^7.5.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
+    "webpack": "^5.88.0",
     "@module-federation/enhanced": "~0.2.3",
-    "@nx/devkit": "19.5.0-canary.20240717-039f91d",
-    "@nx/js": "19.5.0-canary.20240717-039f91d",
-    "@nx/eslint": "19.5.0-canary.20240717-039f91d",
-    "@nx/webpack": "19.5.0-canary.20240717-039f91d",
-    "@nx/web": "19.5.0-canary.20240717-039f91d",
-    "@nx/workspace": "19.5.0-canary.20240717-039f91d",
+    "@nx/devkit": "19.5.1",
+    "@nx/js": "19.5.1",
+    "@nx/eslint": "19.5.1",
+    "@nx/webpack": "19.5.1",
+    "@nx/web": "19.5.1",
+    "@nx/workspace": "19.5.1",
     "piscina": "^4.4.0",
-    "@nrwl/angular": "19.5.0-canary.20240717-039f91d"
+    "@nrwl/angular": "19.5.1"
   },
   "peerDependencies": {
     "@angular-devkit/build-angular": ">= 16.0.0 < 19.0.0",

package/src/builders/module-federation-dev-ssr/module-federation-dev-ssr.impl.js

@@ -36,6 +36,8 @@ function executeModuleFederationDevSSRBuilder(schema, context) {
         : Array.isArray(options.devRemotes)
             ? options.devRemotes
             : [options.devRemotes];
+    // Set NX_MF_DEV_REMOTES for the Nx Runtime Library Control Plugin
+    process.env.NX_MF_DEV_REMOTES = JSON.stringify(devServeRemotes);
     (0, module_federation_1.validateDevRemotes)({ devRemotes: devServeRemotes }, workspaceProjects);
     const remotesToSkip = new Set(options.skipRemotes ?? []);
     const staticRemotes = (0, module_federation_1.getStaticRemotes)(project, context, workspaceProjects, remotesToSkip);

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

@@ -62,6 +62,8 @@ async function* moduleFederationDevServerExecutor(schema, context) {
         projectGraph: context.projectGraph,
         root: context.root,
     }, pathToManifestFile);
+    // Set NX_MF_DEV_REMOTES for the Nx Runtime Library Control Plugin
+    process.env.NX_MF_DEV_REMOTES = JSON.stringify(remotes.devRemotes.map((r) => (typeof r === 'string' ? r : r.remoteName)));
     if (remotes.devRemotes.length > 0 && !schema.staticRemotesPort) {
         options.staticRemotesPort = options.devRemotes.reduce((portToUse, r) => {
             const remoteName = typeof r === 'string' ? r : r.remoteName;

package/src/generators/utils/add-mf-env-to-inputs.js

@@ -5,7 +5,7 @@ const devkit_1 = require("@nx/devkit");
 function addMfEnvToTargetDefaultInputs(tree) {
     const nxJson = (0, devkit_1.readNxJson)(tree);
     const webpackExecutor = '@nx/angular:webpack-browser';
-    const mfEnvVar = 'NX_MF_DEV_SERVER_STATIC_REMOTES';
+    const mfEnvVar = 'NX_MF_DEV_REMOTES';
     nxJson.targetDefaults ??= {};
     nxJson.targetDefaults[webpackExecutor] ??= {};
     nxJson.targetDefaults[webpackExecutor].inputs ??= [

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

@@ -9,44 +9,59 @@ async function withModuleFederationForSSR(options, configOverride) {
     const { sharedLibraries, sharedDependencies, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options, {
         isServer: true,
     });
-    return (config) => ({
-        ...(config ?? {}),
-        target: false,
-        output: {
-            ...(config.output ?? {}),
-            uniqueName: options.name,
-        },
-        optimization: {
-            ...(config.optimization ?? {}),
-            runtimeChunk: false,
-        },
-        resolve: {
-            ...(config.resolve ?? {}),
-            alias: {
-                ...(config.resolve?.alias ?? {}),
-                ...sharedLibraries.getAliases(),
+    return (config) => {
+        const updatedConfig = {
+            ...(config ?? {}),
+            target: false,
+            output: {
+                ...(config.output ?? {}),
+                uniqueName: options.name,
             },
-        },
-        plugins: [
-            ...(config.plugins ?? []),
-            new (require('@module-federation/node').UniversalFederationPlugin)({
-                name: options.name,
-                filename: 'remoteEntry.js',
-                exposes: options.exposes,
-                remotes: mappedRemotes,
-                shared: {
-                    ...sharedDependencies,
-                },
-                library: {
-                    type: 'commonjs-module',
+            optimization: {
+                ...(config.optimization ?? {}),
+                runtimeChunk: false,
+            },
+            resolve: {
+                ...(config.resolve ?? {}),
+                alias: {
+                    ...(config.resolve?.alias ?? {}),
+                    ...sharedLibraries.getAliases(),
                 },
-                isServer: true,
-                /**
-                 * Apply user-defined config override
-                 */
-                ...(configOverride ? configOverride : {}),
-            }, {}),
-            sharedLibraries.getReplacementPlugin(),
-        ],
-    });
+            },
+            plugins: [
+                ...(config.plugins ?? []),
+                new (require('@module-federation/node').UniversalFederationPlugin)({
+                    name: options.name,
+                    filename: 'remoteEntry.js',
+                    exposes: options.exposes,
+                    remotes: mappedRemotes,
+                    shared: {
+                        ...sharedDependencies,
+                    },
+                    library: {
+                        type: 'commonjs-module',
+                    },
+                    isServer: true,
+                    /**
+                     * 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,
+                }, {}),
+                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.js

@@ -8,47 +8,62 @@ async function withModuleFederation(options, configOverride) {
         return (config) => config;
     }
     const { sharedLibraries, sharedDependencies, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options);
-    return (config) => ({
-        ...(config ?? {}),
-        output: {
-            ...(config.output ?? {}),
-            uniqueName: options.name,
-            publicPath: 'auto',
-        },
-        optimization: {
-            ...(config.optimization ?? {}),
-            runtimeChunk: false,
-        },
-        resolve: {
-            ...(config.resolve ?? {}),
-            alias: {
-                ...(config.resolve?.alias ?? {}),
-                ...sharedLibraries.getAliases(),
+    return (config) => {
+        const updatedConfig = {
+            ...(config ?? {}),
+            output: {
+                ...(config.output ?? {}),
+                uniqueName: options.name,
+                publicPath: 'auto',
             },
-        },
-        experiments: {
-            ...(config.experiments ?? {}),
-            outputModule: true,
-        },
-        plugins: [
-            ...(config.plugins ?? []),
-            new webpack_1.ModuleFederationPlugin({
-                name: options.name,
-                filename: 'remoteEntry.mjs',
-                exposes: options.exposes,
-                remotes: mappedRemotes,
-                shared: {
-                    ...sharedDependencies,
-                },
-                library: {
-                    type: 'module',
+            optimization: {
+                ...(config.optimization ?? {}),
+                runtimeChunk: false,
+            },
+            resolve: {
+                ...(config.resolve ?? {}),
+                alias: {
+                    ...(config.resolve?.alias ?? {}),
+                    ...sharedLibraries.getAliases(),
                 },
-                /**
-                 * Apply user-defined config override
-                 */
-                ...(configOverride ? configOverride : {}),
-            }),
-            sharedLibraries.getReplacementPlugin(),
-        ],
-    });
+            },
+            experiments: {
+                ...(config.experiments ?? {}),
+                outputModule: true,
+            },
+            plugins: [
+                ...(config.plugins ?? []),
+                new webpack_1.ModuleFederationPlugin({
+                    name: options.name,
+                    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,
+                }),
+                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;
+    };
 }