@nx/webpack 19.5.0 → 19.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/webpack",
-  "version": "19.5.0",
+  "version": "19.5.1",
   "private": false,
   "description": "The Nx Plugin for Webpack contains executors and generators that support building applications using Webpack.",
   "repository": {
@@ -33,6 +33,7 @@
     "@babel/core": "^7.23.2",
     "@phenomnomnominal/tsquery": "~5.0.1",
     "@module-federation/sdk": "^0.2.3",
+    "@module-federation/enhanced": "^0.2.3",
     "ajv": "^8.12.0",
     "autoprefixer": "^10.4.9",
     "babel-loader": "^9.1.2",
@@ -66,9 +67,9 @@
     "webpack-dev-server": "^4.9.3",
     "webpack-node-externals": "^3.0.0",
     "webpack-subresource-integrity": "^5.1.0",
-    "@nx/devkit": "19.5.0",
-    "@nx/js": "19.5.0",
-    "@nrwl/webpack": "19.5.0"
+    "@nx/devkit": "19.5.1",
+    "@nx/js": "19.5.1",
+    "@nrwl/webpack": "19.5.1"
   },
   "publishConfig": {
     "access": "public"

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

@@ -33,6 +33,12 @@ export interface ModuleFederationConfig {
     exposes?: Record<string, string>;
     shared?: SharedFunction;
     additionalShared?: AdditionalSharedConfig;
+    /**
+     * `nxRuntimeLibraryControlPlugin` is a runtime module federation plugin to ensure
+     * that shared libraries are resolved from a remote with live reload capabilities.
+     * If you run into any issues with loading shared libraries, try disabling this option.
+     */
+    disableNxRuntimeLibraryControlPlugin?: boolean;
 }
 export type NxModuleFederationConfigOverride = Omit<moduleFederationPlugin.ModuleFederationPluginOptions, 'exposes' | 'remotes' | 'name' | 'library' | 'shared' | 'filename' | 'remoteType'>;
 export type WorkspaceLibrarySecondaryEntryPoint = {

package/src/utils/module-federation/plugins/runtime-library-control.plugin.d.ts

@@ -0,0 +1,3 @@
+import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+declare const nxRuntimeLibraryControlPlugin: () => FederationRuntimePlugin;
+export default nxRuntimeLibraryControlPlugin;

package/src/utils/module-federation/plugins/runtime-library-control.plugin.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const runtimeStore = {
+    sharedPackagesFromDev: {},
+};
+if (process.env.NX_MF_DEV_REMOTES) {
+    // process.env.NX_MF_DEV_REMOTES is replaced by an array value via DefinePlugin, even though the original value is a stringified array.
+    runtimeStore.devRemotes = process.env
+        .NX_MF_DEV_REMOTES;
+}
+const nxRuntimeLibraryControlPlugin = function () {
+    return {
+        name: 'nx-runtime-library-control-plugin',
+        beforeInit(args) {
+            runtimeStore.name = args.options.name;
+            return args;
+        },
+        resolveShare: (args) => {
+            const { shareScopeMap, scope, pkgName, version, GlobalFederation } = args;
+            const originalResolver = args.resolver;
+            args.resolver = function () {
+                if (!runtimeStore.sharedPackagesFromDev[pkgName]) {
+                    if (!GlobalFederation.__INSTANCES__) {
+                        return originalResolver();
+                    }
+                    else if (!runtimeStore.devRemotes) {
+                        return originalResolver();
+                    }
+                    const devRemoteInstanceToUse = GlobalFederation.__INSTANCES__.find((instance) => instance.options.shared[pkgName] &&
+                        runtimeStore.devRemotes.find((dr) => instance.name === dr));
+                    if (!devRemoteInstanceToUse) {
+                        return originalResolver();
+                    }
+                    runtimeStore.sharedPackagesFromDev[pkgName] =
+                        devRemoteInstanceToUse.name;
+                }
+                const remoteInstanceName = runtimeStore.sharedPackagesFromDev[pkgName];
+                const remoteInstance = GlobalFederation.__INSTANCES__.find((instance) => instance.name === remoteInstanceName);
+                try {
+                    const remotePkgInfo = remoteInstance.options.shared[pkgName].find((shared) => shared.from === remoteInstanceName);
+                    remotePkgInfo.useIn.push(runtimeStore.name);
+                    remotePkgInfo.useIn = Array.from(new Set(remotePkgInfo.useIn));
+                    shareScopeMap[scope][pkgName][version] = remotePkgInfo;
+                    return remotePkgInfo;
+                }
+                catch {
+                    return originalResolver();
+                }
+            };
+            return args;
+        },
+    };
+};
+exports.default = nxRuntimeLibraryControlPlugin;