@nx/react 20.2.0-beta.4 → 20.2.0-beta.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "20.2.0-beta.4",
+  "version": "20.2.0-beta.6",
   "private": false,
   "description": "The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook.\n\n- Generators for applications, libraries, components, hooks, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -38,11 +38,11 @@
     "minimatch": "9.0.3",
     "picocolors": "^1.1.0",
     "tslib": "^2.3.0",
-    "@nx/devkit": "20.2.0-beta.4",
-    "@nx/js": "20.2.0-beta.4",
-    "@nx/eslint": "20.2.0-beta.4",
-    "@nx/web": "20.2.0-beta.4",
-    "@nx/module-federation": "20.2.0-beta.4",
+    "@nx/devkit": "20.2.0-beta.6",
+    "@nx/js": "20.2.0-beta.6",
+    "@nx/eslint": "20.2.0-beta.6",
+    "@nx/web": "20.2.0-beta.6",
+    "@nx/module-federation": "20.2.0-beta.6",
     "express": "^4.19.2",
     "http-proxy-middleware": "^3.0.3"
   },

package/src/executors/module-federation-dev-server/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './normalize-options';
+export * from './start-remotes';

package/src/executors/module-federation-dev-server/lib/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./normalize-options"), exports);
+tslib_1.__exportStar(require("./start-remotes"), exports);

package/src/executors/module-federation-dev-server/lib/normalize-options.d.ts

@@ -0,0 +1,4 @@
+import { ExecutorContext } from '@nx/devkit';
+import { ModuleFederationDevServerOptions, NormalizedModuleFederationDevServerOptions } from '../schema';
+export declare function getBuildOptions(buildTarget: string, context: ExecutorContext): any;
+export declare function normalizeOptions(options: ModuleFederationDevServerOptions): NormalizedModuleFederationDevServerOptions;

package/src/executors/module-federation-dev-server/lib/normalize-options.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBuildOptions = getBuildOptions;
+exports.normalizeOptions = normalizeOptions;
+const devkit_1 = require("@nx/devkit");
+function getBuildOptions(buildTarget, context) {
+    const target = (0, devkit_1.parseTargetString)(buildTarget, context);
+    const buildOptions = (0, devkit_1.readTargetOptions)(target, context);
+    return {
+        ...buildOptions,
+    };
+}
+function normalizeOptions(options) {
+    return {
+        ...options,
+        devRemotes: options.devRemotes ?? [],
+        verbose: options.verbose ?? false,
+    };
+}

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

@@ -0,0 +1,5 @@
+import { ExecutorContext, ProjectConfiguration } from '@nx/devkit';
+import { NormalizedModuleFederationDevServerOptions } from '../schema';
+export declare function startRemotes(remotes: string[], workspaceProjects: Record<string, ProjectConfiguration>, options: Pick<NormalizedModuleFederationDevServerOptions, 'devRemotes' | 'host' | 'ssl' | 'sslCert' | 'sslKey' | 'verbose'>, context: ExecutorContext, target?: 'serve' | 'serve-static'): Promise<AsyncIterable<{
+    success: boolean;
+}>[]>;

package/src/executors/module-federation-dev-server/lib/start-remotes.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startRemotes = startRemotes;
+const devkit_1 = require("@nx/devkit");
+async function startRemotes(remotes, workspaceProjects, options, context, target = 'serve') {
+    const remoteIters = [];
+    for (const app of remotes) {
+        const remoteProjectServeTarget = workspaceProjects[app].targets[target];
+        const isUsingModuleFederationDevServerExecutor = remoteProjectServeTarget.executor.includes('module-federation-dev-server');
+        const configurationOverride = options.devRemotes?.find((r) => typeof r !== 'string' && r.remoteName === app)?.configuration;
+        const defaultOverrides = {
+            ...(options.host ? { host: options.host } : {}),
+            ...(options.ssl ? { ssl: options.ssl } : {}),
+            ...(options.sslCert ? { sslCert: options.sslCert } : {}),
+            ...(options.sslKey ? { sslKey: options.sslKey } : {}),
+        };
+        const overrides = target === 'serve'
+            ? {
+                watch: true,
+                ...(isUsingModuleFederationDevServerExecutor
+                    ? { isInitialHost: false }
+                    : {}),
+                ...defaultOverrides,
+            }
+            : { ...defaultOverrides };
+        remoteIters.push(await (0, devkit_1.runExecutor)({
+            project: app,
+            target,
+            configuration: configurationOverride ?? context.configurationName,
+        }, overrides, context));
+    }
+    return remoteIters;
+}

package/src/executors/module-federation-dev-server/module-federation-dev-server.impl.d.ts

@@ -1,6 +1,6 @@
 import { ExecutorContext } from '@nx/devkit';
 import { ModuleFederationDevServerOptions } from './schema';
-export default function moduleFederationDevServer(options: ModuleFederationDevServerOptions, context: ExecutorContext): AsyncIterableIterator<{
+export default function moduleFederationDevServer(schema: ModuleFederationDevServerOptions, context: ExecutorContext): AsyncIterableIterator<{
     success: boolean;
     baseUrl?: string;
 }>;

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

@@ -4,94 +4,14 @@ exports.default = moduleFederationDevServer;
 const devkit_1 = require("@nx/devkit");
 const dev_server_impl_1 = require("@nx/webpack/src/executors/dev-server/dev-server.impl");
 const file_server_impl_1 = require("@nx/web/src/executors/file-server/file-server.impl");
-const utils_1 = require("@nx/module-federation/src/utils");
+const utils_1 = require("@nx/module-federation/src/executors/utils");
 const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
 const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
 const fs_1 = require("fs");
 const path_1 = require("path");
-const build_static_remotes_1 = require("../../utils/build-static.remotes");
-function getBuildOptions(buildTarget, context) {
-    const target = (0, devkit_1.parseTargetString)(buildTarget, context);
-    const buildOptions = (0, devkit_1.readTargetOptions)(target, context);
-    return {
-        ...buildOptions,
-    };
-}
-function startStaticRemotesFileServer(staticRemotesConfig, context, options) {
-    if (!staticRemotesConfig.remotes ||
-        staticRemotesConfig.remotes.length === 0) {
-        return;
-    }
-    let shouldMoveToCommonLocation = false;
-    let commonOutputDirectory;
-    for (const app of staticRemotesConfig.remotes) {
-        const remoteBasePath = staticRemotesConfig.config[app].basePath;
-        if (!commonOutputDirectory) {
-            commonOutputDirectory = remoteBasePath;
-        }
-        else if (commonOutputDirectory !== remoteBasePath) {
-            shouldMoveToCommonLocation = true;
-            break;
-        }
-    }
-    if (shouldMoveToCommonLocation) {
-        commonOutputDirectory = (0, path_1.join)(devkit_1.workspaceRoot, 'tmp/static-remotes');
-        for (const app of staticRemotesConfig.remotes) {
-            const remoteConfig = staticRemotesConfig.config[app];
-            (0, fs_1.cpSync)(remoteConfig.outputPath, (0, path_1.join)(commonOutputDirectory, remoteConfig.urlSegment), {
-                force: true,
-                recursive: true,
-            });
-        }
-    }
-    const staticRemotesIter = (0, file_server_impl_1.default)({
-        cors: true,
-        watch: false,
-        staticFilePath: commonOutputDirectory,
-        parallel: false,
-        spa: false,
-        withDeps: false,
-        host: options.host,
-        port: options.staticRemotesPort,
-        ssl: options.ssl,
-        sslCert: options.sslCert,
-        sslKey: options.sslKey,
-        cacheSeconds: -1,
-    }, context);
-    return staticRemotesIter;
-}
-async function startRemotes(remotes, context, options, target = 'serve') {
-    const remoteIters = [];
-    for (const app of remotes) {
-        const remoteProjectServeTarget = context.projectGraph.nodes[app].data.targets[target];
-        const isUsingModuleFederationDevServerExecutor = remoteProjectServeTarget.executor.includes('module-federation-dev-server');
-        const configurationOverride = options.devRemotes?.find((r) => typeof r !== 'string' && r.remoteName === app)?.configuration;
-        const defaultOverrides = {
-            ...(options.host ? { host: options.host } : {}),
-            ...(options.ssl ? { ssl: options.ssl } : {}),
-            ...(options.sslCert ? { sslCert: options.sslCert } : {}),
-            ...(options.sslKey ? { sslKey: options.sslKey } : {}),
-        };
-        const overrides = target === 'serve'
-            ? {
-                watch: true,
-                ...(isUsingModuleFederationDevServerExecutor
-                    ? { isInitialHost: false }
-                    : {}),
-                ...defaultOverrides,
-            }
-            : { ...defaultOverrides };
-        remoteIters.push(await (0, devkit_1.runExecutor)({
-            project: app,
-            target,
-            configuration: configurationOverride ?? context.configurationName,
-        }, overrides, context));
-    }
-    return remoteIters;
-}
-async function* moduleFederationDevServer(options, context) {
-    // Force Node to resolve to look for the nx binary that is inside node_modules
-    const nxBin = require.resolve('nx/bin/nx');
+const lib_1 = require("./lib");
+async function* moduleFederationDevServer(schema, context) {
+    const options = (0, lib_1.normalizeOptions)(schema);
     const currIter = options.static
         ? (0, file_server_impl_1.default)({
             ...options,
@@ -103,7 +23,7 @@ async function* moduleFederationDevServer(options, context) {
         }, context)
         : (0, dev_server_impl_1.default)(options, context);
     const p = context.projectsConfigurations.projects[context.projectName];
-    const buildOptions = getBuildOptions(options.buildTarget, context);
+    const buildOptions = (0, lib_1.getBuildOptions)(options.buildTarget, context);
     let pathToManifestFile = (0, path_1.join)(context.root, p.sourceRoot, 'assets/module-federation.manifest.json');
     if (options.pathToManifestFile) {
         const userPathToManifestFile = (0, path_1.join)(context.root, options.pathToManifestFile);
@@ -118,29 +38,7 @@ async function* moduleFederationDevServer(options, context) {
     if (!options.isInitialHost) {
         return yield* currIter;
     }
-    const moduleFederationConfig = (0, utils_1.getModuleFederationConfig)(buildOptions.tsConfig, context.root, p.root, 'react');
-    const remoteNames = options.devRemotes?.map((r) => typeof r === 'string' ? r : r.remoteName);
-    const remotes = (0, utils_1.getRemotes)(remoteNames, options.skipRemotes, moduleFederationConfig, {
-        projectName: context.projectName,
-        projectGraph: context.projectGraph,
-        root: context.root,
-    }, pathToManifestFile);
-    options.staticRemotesPort ??= remotes.staticRemotePort;
-    // 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) ?? []).map((r) => r.replace(/-/g, '_')),
-        p.name.replace(/-/g, '_'),
-    ]);
-    const staticRemotesConfig = (0, utils_1.parseStaticRemotesConfig)([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
-    const mappedLocationsOfStaticRemotes = await (0, build_static_remotes_1.buildStaticRemotes)(staticRemotesConfig, nxBin, context, options);
-    const devRemoteIters = await startRemotes(remotes.devRemotes, context, options, 'serve');
-    const staticRemotesIter = startStaticRemotesFileServer(staticRemotesConfig, context, options);
-    (0, utils_1.startRemoteProxies)(staticRemotesConfig, mappedLocationsOfStaticRemotes, options.ssl
-        ? {
-            pathToCert: (0, path_1.join)(devkit_1.workspaceRoot, options.sslCert),
-            pathToKey: (0, path_1.join)(devkit_1.workspaceRoot, options.sslKey),
-        }
-        : undefined);
+    const { staticRemotesIter, devRemoteIters, remotes } = await (0, utils_1.startRemoteIterators)(options, context, lib_1.startRemotes, pathToManifestFile, 'react');
     return yield* (0, async_iterable_1.combineAsyncIterables)(currIter, ...devRemoteIters, ...(staticRemotesIter ? [staticRemotesIter] : []), (0, async_iterable_1.createAsyncIterable)(async ({ next, done }) => {
         if (!options.isInitialHost) {
             done();

package/src/executors/module-federation-dev-server/schema.d.ts

@@ -1,17 +1,19 @@
 import { WebDevServerOptions } from '@nx/webpack';
+import { DevRemoteDefinition } from '@nx/module-federation/src/executors/utils';
 
 export type ModuleFederationDevServerOptions = WebDevServerOptions & {
-  devRemotes?: (
-    | string
-    | {
-        remoteName: string;
-        configuration: string;
-      }
-  )[];
+  devRemotes?: DevRemoteDefinition[];
   skipRemotes?: string[];
   static?: boolean;
   isInitialHost?: boolean;
   parallel?: number;
   staticRemotesPort?: number;
   pathToManifestFile?: string;
+  verbose?: boolean;
 };
+
+export type NormalizedModuleFederationDevServerOptions =
+  ModuleFederationDevServerOptions & {
+    devRemotes: DevRemoteDefinition[];
+    verbose: boolean;
+  };

package/src/executors/module-federation-ssr-dev-server/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './normalize-options';
+export * from './start-remotes';

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./normalize-options"), exports);
+tslib_1.__exportStar(require("./start-remotes"), exports);

package/src/executors/module-federation-ssr-dev-server/lib/normalize-options.d.ts

@@ -0,0 +1,4 @@
+import { ModuleFederationSsrDevServerOptions, NormalizedModuleFederationSsrDevServerOptions } from '../schema';
+import { ExecutorContext } from '@nx/devkit';
+export declare function normalizeOptions(options: ModuleFederationSsrDevServerOptions): NormalizedModuleFederationSsrDevServerOptions;
+export declare function getBuildOptions(buildTarget: string, context: ExecutorContext): any;

package/src/executors/module-federation-ssr-dev-server/lib/normalize-options.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeOptions = normalizeOptions;
+exports.getBuildOptions = getBuildOptions;
+const path_1 = require("path");
+const devkit_1 = require("@nx/devkit");
+function normalizeOptions(options) {
+    return {
+        ...options,
+        devRemotes: options.devRemotes ?? [],
+        verbose: options.verbose ?? false,
+        ssl: options.ssl ?? false,
+        sslCert: options.sslCert ? (0, path_1.join)(devkit_1.workspaceRoot, options.sslCert) : undefined,
+        sslKey: options.sslKey ? (0, path_1.join)(devkit_1.workspaceRoot, options.sslKey) : undefined,
+    };
+}
+function getBuildOptions(buildTarget, context) {
+    const target = (0, devkit_1.parseTargetString)(buildTarget, context);
+    const buildOptions = (0, devkit_1.readTargetOptions)(target, context);
+    return {
+        ...buildOptions,
+    };
+}

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

@@ -0,0 +1,5 @@
+import { ModuleFederationSsrDevServerOptions } from '../schema';
+import { ExecutorContext, ProjectConfiguration } from '@nx/devkit';
+export declare function startRemotes(remotes: string[], workspaceProjects: Record<string, ProjectConfiguration>, options: Partial<Pick<ModuleFederationSsrDevServerOptions, 'devRemotes' | 'host' | 'ssl' | 'sslCert' | 'sslKey' | 'verbose'>>, context: ExecutorContext): Promise<AsyncIterable<{
+    success: boolean;
+}>[]>;

package/src/executors/module-federation-ssr-dev-server/lib/start-remotes.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startRemotes = startRemotes;
+const devkit_1 = require("@nx/devkit");
+async function startRemotes(remotes, workspaceProjects, options, context) {
+    const remoteIters = [];
+    const target = 'serve';
+    for (const app of remotes) {
+        const remoteProjectServeTarget = workspaceProjects[app].targets[target];
+        const isUsingModuleFederationSsrDevServerExecutor = remoteProjectServeTarget.executor.includes('module-federation-ssr-dev-server');
+        const configurationOverride = options.devRemotes?.find((remote) => typeof remote !== 'string' && remote.remoteName === app)?.configuration;
+        {
+            const defaultOverrides = {
+                ...(options.host ? { host: options.host } : {}),
+                ...(options.ssl ? { ssl: options.ssl } : {}),
+                ...(options.sslCert ? { sslCert: options.sslCert } : {}),
+                ...(options.sslKey ? { sslKey: options.sslKey } : {}),
+            };
+            const overrides = {
+                watch: true,
+                ...defaultOverrides,
+                ...(isUsingModuleFederationSsrDevServerExecutor
+                    ? { isInitialHost: false }
+                    : {}),
+            };
+            remoteIters.push(await (0, devkit_1.runExecutor)({
+                project: app,
+                target,
+                configuration: configurationOverride ?? context.configurationName,
+            }, overrides, context));
+        }
+    }
+    return remoteIters;
+}

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

@@ -1,19 +1,3 @@
 import { ExecutorContext } from '@nx/devkit';
-import { WebSsrDevServerOptions } from '@nx/webpack/src/executors/ssr-dev-server/schema';
-type ModuleFederationSsrDevServerOptions = WebSsrDevServerOptions & {
-    devRemotes?: (string | {
-        remoteName: string;
-        configuration: string;
-    })[];
-    skipRemotes?: string[];
-    host: string;
-    pathToManifestFile?: string;
-    staticRemotesPort?: number;
-    parallel?: number;
-    ssl?: boolean;
-    sslKey?: string;
-    sslCert?: string;
-    isInitialHost?: boolean;
-};
+import { ModuleFederationSsrDevServerOptions } from './schema';
 export default function moduleFederationSsrDevServer(ssrDevServerOptions: ModuleFederationSsrDevServerOptions, context: ExecutorContext): AsyncGenerator<any, any, any>;
-export {};

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

@@ -4,141 +4,16 @@ exports.default = moduleFederationSsrDevServer;
 const devkit_1 = require("@nx/devkit");
 const ssr_dev_server_impl_1 = require("@nx/webpack/src/executors/ssr-dev-server/ssr-dev-server.impl");
 const path_1 = require("path");
-const utils_1 = require("@nx/module-federation/src/utils");
+const utils_1 = require("@nx/module-federation/src/executors/utils");
 const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
-const child_process_1 = require("child_process");
 const fs_1 = require("fs");
-const file_server_impl_1 = require("@nx/web/src/executors/file-server/file-server.impl");
-const cache_directory_1 = require("nx/src/utils/cache-directory");
 const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
-function normalizeOptions(options) {
-    return {
-        ...options,
-        ssl: options.ssl ?? false,
-        sslCert: options.sslCert ? (0, path_1.join)(devkit_1.workspaceRoot, options.sslCert) : undefined,
-        sslKey: options.sslKey ? (0, path_1.join)(devkit_1.workspaceRoot, options.sslKey) : undefined,
-    };
-}
-function getBuildOptions(buildTarget, context) {
-    const target = (0, devkit_1.parseTargetString)(buildTarget, context);
-    const buildOptions = (0, devkit_1.readTargetOptions)(target, context);
-    return {
-        ...buildOptions,
-    };
-}
-async function* startSsrStaticRemotesFileServer(ssrStaticRemotesConfig, context, options) {
-    if (ssrStaticRemotesConfig.remotes.length === 0) {
-        yield { success: true };
-        return;
-    }
-    // The directories are usually generated with /browser and /server suffixes so we need to copy them to a common directory
-    const commonOutputDirectory = (0, path_1.join)(devkit_1.workspaceRoot, 'tmp/static-remotes');
-    for (const app of ssrStaticRemotesConfig.remotes) {
-        const remoteConfig = ssrStaticRemotesConfig.config[app];
-        (0, fs_1.cpSync)(remoteConfig.outputPath, (0, path_1.join)(commonOutputDirectory, remoteConfig.urlSegment), {
-            force: true,
-            recursive: true,
-        });
-    }
-    const staticRemotesIter = (0, file_server_impl_1.default)({
-        cors: true,
-        watch: false,
-        staticFilePath: commonOutputDirectory,
-        parallel: false,
-        spa: false,
-        withDeps: false,
-        host: options.host,
-        port: options.staticRemotesPort,
-        ssl: options.ssl,
-        sslCert: options.sslCert,
-        sslKey: options.sslKey,
-        cacheSeconds: -1,
-    }, context);
-    yield* staticRemotesIter;
-}
-async function startRemotes(remotes, context, options) {
-    const remoteIters = [];
-    const target = 'serve';
-    for (const app of remotes) {
-        const remoteProjectServeTarget = context.projectGraph.nodes[app].data.targets[target];
-        const isUsingModuleFederationSsrDevServerExecutor = remoteProjectServeTarget.executor.includes('module-federation-ssr-dev-server');
-        const configurationOverride = options.devRemotes?.find((remote) => typeof remote !== 'string' && remote.remoteName === app)?.configuration;
-        {
-            const defaultOverrides = {
-                ...(options.host ? { host: options.host } : {}),
-                ...(options.ssl ? { ssl: options.ssl } : {}),
-                ...(options.sslCert ? { sslCert: options.sslCert } : {}),
-                ...(options.sslKey ? { sslKey: options.sslKey } : {}),
-            };
-            const overrides = {
-                watch: true,
-                ...defaultOverrides,
-                ...(isUsingModuleFederationSsrDevServerExecutor
-                    ? { isInitialHost: false }
-                    : {}),
-            };
-            remoteIters.push(await (0, devkit_1.runExecutor)({
-                project: app,
-                target,
-                configuration: configurationOverride ?? context.configurationName,
-            }, overrides, context));
-        }
-    }
-    return remoteIters;
-}
-async function buildSsrStaticRemotes(staticRemotesConfig, nxBin, context, options) {
-    if (!staticRemotesConfig.remotes.length) {
-        return;
-    }
-    devkit_1.logger.info(`Nx is building ${staticRemotesConfig.remotes.length} static remotes...`);
-    const mapLocationOfRemotes = {};
-    for (const remoteApp of staticRemotesConfig.remotes) {
-        mapLocationOfRemotes[remoteApp] = `http${options.ssl ? 's' : ''}://${options.host}:${options.staticRemotesPort}/${staticRemotesConfig.config[remoteApp].urlSegment}`;
-    }
-    await new Promise((resolve) => {
-        const childProcess = (0, child_process_1.fork)(nxBin, [
-            'run-many',
-            '--target=server',
-            '--projects',
-            staticRemotesConfig.remotes.join(','),
-            ...(context.configurationName
-                ? [`--configuration=${context.configurationName}`]
-                : []),
-            ...(options.parallel ? [`--parallel=${options.parallel}`] : []),
-        ], {
-            cwd: context.root,
-            stdio: ['ignore', 'pipe', 'pipe', 'ipc'],
-        });
-        // Add a listener to the child process to capture the build log
-        const remoteBuildLogFile = (0, path_1.join)(cache_directory_1.workspaceDataDirectory, `${new Date().toISOString().replace(/[:\.]/g, '_')}-build.log`);
-        const remoteBuildLogStream = (0, fs_1.createWriteStream)(remoteBuildLogFile);
-        childProcess.stdout.on('data', (data) => {
-            const ANSII_CODE_REGEX = /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g;
-            const stdoutString = data.toString().replace(ANSII_CODE_REGEX, '');
-            remoteBuildLogStream.write(stdoutString);
-            // in addition to writing into the stdout stream, also show error directly in console
-            // so the error is easily discoverable. 'ERROR in' is the key word to search in webpack output.
-            if (stdoutString.includes('ERROR in')) {
-                devkit_1.logger.log(stdoutString);
-            }
-            if (stdoutString.includes('Successfully ran target server')) {
-                childProcess.stdout.removeAllListeners('data');
-                devkit_1.logger.info(`Nx Built ${staticRemotesConfig.remotes.length} static remotes.`);
-                resolve();
-            }
-        });
-        process.on('SIGTERM', () => childProcess.kill('SIGTERM'));
-        process.on('exit', () => childProcess.kill('SIGTERM'));
-    });
-    return mapLocationOfRemotes;
-}
+const lib_1 = require("./lib");
 async function* moduleFederationSsrDevServer(ssrDevServerOptions, context) {
-    const options = normalizeOptions(ssrDevServerOptions);
-    // Force Node to resolve to look for the nx binary that is inside node_modules
-    const nxBin = require.resolve('nx/bin/nx');
+    const options = (0, lib_1.normalizeOptions)(ssrDevServerOptions);
     let iter = (0, ssr_dev_server_impl_1.default)(options, context);
     const projectConfig = context.projectsConfigurations.projects[context.projectName];
-    const buildOptions = getBuildOptions(options.browserTarget, context);
+    const buildOptions = (0, lib_1.getBuildOptions)(options.browserTarget, context);
     let pathToManifestFile = (0, path_1.join)(context.root, projectConfig.sourceRoot, 'assets/module-federation.manifest.json');
     if (options.pathToManifestFile) {
         const userPathToManifestFile = (0, path_1.join)(context.root, options.pathToManifestFile);
@@ -153,28 +28,7 @@ async function* moduleFederationSsrDevServer(ssrDevServerOptions, context) {
     if (!options.isInitialHost) {
         return yield* iter;
     }
-    const moduleFederationConfig = (0, utils_1.getModuleFederationConfig)(buildOptions.tsConfig, context.root, projectConfig.root, 'react');
-    const remoteNames = options.devRemotes?.map((remote) => typeof remote === 'string' ? remote : remote.remoteName);
-    const remotes = (0, utils_1.getRemotes)(remoteNames, options.skipRemotes, moduleFederationConfig, {
-        projectName: context.projectName,
-        projectGraph: context.projectGraph,
-        root: context.root,
-    }, pathToManifestFile);
-    options.staticRemotesPort ??= remotes.staticRemotePort;
-    process.env.NX_MF_DEV_REMOTES = JSON.stringify([
-        ...(remotes.devRemotes.map((r) => typeof r === 'string' ? r : r.remoteName) ?? []).map((r) => r.replace(/-/g, '_')),
-        projectConfig.name.replace(/-/g, '_'),
-    ]);
-    const staticRemotesConfig = (0, utils_1.parseStaticSsrRemotesConfig)([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
-    const mappedLocationsOfStaticRemotes = await buildSsrStaticRemotes(staticRemotesConfig, nxBin, context, options);
-    const devRemoteIters = await startRemotes(remotes.devRemotes, context, options);
-    const staticRemotesIter = startSsrStaticRemotesFileServer(staticRemotesConfig, context, options);
-    (0, utils_1.startSsrRemoteProxies)(staticRemotesConfig, mappedLocationsOfStaticRemotes, options.ssl
-        ? {
-            pathToCert: options.sslCert,
-            pathToKey: options.sslKey,
-        }
-        : undefined);
+    const { staticRemotesIter, devRemoteIters, remotes } = await (0, utils_1.startRemoteIterators)(options, context, lib_1.startRemotes, pathToManifestFile, 'react', true);
     const combined = (0, async_iterable_1.combineAsyncIterables)(staticRemotesIter, ...devRemoteIters);
     let refs = 1 + (devRemoteIters?.length ?? 0);
     for await (const result of combined) {

package/src/executors/module-federation-ssr-dev-server/schema.d.ts

@@ -0,0 +1,29 @@
+import { WebSsrDevServerOptions } from '@nx/webpack/src/executors/ssr-dev-server/schema';
+import { DevRemoteDefinition } from '@nx/module-federation/src/executors/utils';
+
+export type ModuleFederationSsrDevServerOptions = WebSsrDevServerOptions & {
+  devRemotes?: (
+    | string
+    | {
+        remoteName: string;
+        configuration: string;
+      }
+  )[];
+
+  skipRemotes?: string[];
+  host: string;
+  pathToManifestFile?: string;
+  staticRemotesPort?: number;
+  parallel?: number;
+  ssl?: boolean;
+  sslKey?: string;
+  sslCert?: string;
+  isInitialHost?: boolean;
+  verbose?: boolean;
+};
+
+export type NormalizedModuleFederationSsrDevServerOptions =
+  ModuleFederationSsrDevServerOptions & {
+    devRemotes: DevRemoteDefinition[];
+    verbose: boolean;
+  };

package/src/executors/module-federation-static-server/module-federation-static-server.impl.d.ts

@@ -9,4 +9,4 @@ export declare function startProxies(staticRemotesConfig: StaticRemotesConfig, h
 export default function moduleFederationStaticServer(schema: ModuleFederationStaticServerSchema, context: ExecutorContext): AsyncGenerator<{
     success: boolean;
     baseUrl: string;
-}, any, unknown>;
+}, any, any>;

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

@@ -6,7 +6,7 @@ const path_1 = require("path");
 const devkit_1 = require("@nx/devkit");
 const fs_1 = require("fs");
 const utils_1 = require("@nx/module-federation/src/utils");
-const build_static_remotes_1 = require("../../utils/build-static.remotes");
+const utils_2 = require("@nx/module-federation/src/executors/utils");
 const child_process_1 = require("child_process");
 const process = require("node:process");
 const file_server_impl_1 = require("@nx/web/src/executors/file-server/file-server.impl");
@@ -171,7 +171,7 @@ async function* moduleFederationStaticServer(schema, context) {
     }, options.pathToManifestFile);
     const staticRemotesConfig = (0, utils_1.parseStaticRemotesConfig)([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
     options.serveOptions.staticRemotesPort ??= remotes.staticRemotePort;
-    const mappedLocationsOfStaticRemotes = await (0, build_static_remotes_1.buildStaticRemotes)(staticRemotesConfig, nxBin, context, options.serveOptions);
+    const mappedLocationsOfStaticRemotes = await (0, utils_2.buildStaticRemotes)(staticRemotesConfig, nxBin, context, options.serveOptions);
     // Build the host
     const hostUrlSegment = (0, path_1.basename)(options.buildOptions.outputPath);
     const mappedLocationOfHost = `http${options.serveOptions.ssl ? 's' : ''}://${options.serveOptions.host}:${options.serveOptions.staticRemotesPort}/${hostUrlSegment}`;

package/src/utils/build-static.remotes.d.ts

@@ -1,4 +0,0 @@
-import { StaticRemotesConfig } from '@nx/module-federation/src/utils';
-import { ExecutorContext } from '@nx/devkit';
-import { ModuleFederationDevServerOptions } from '../executors/module-federation-dev-server/schema';
-export declare function buildStaticRemotes(staticRemotesConfig: StaticRemotesConfig, nxBin: any, context: ExecutorContext, options: ModuleFederationDevServerOptions): Promise<Record<string, string>>;

package/src/utils/build-static.remotes.js

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildStaticRemotes = buildStaticRemotes;
-const logger_1 = require("nx/src/utils/logger");
-const node_child_process_1 = require("node:child_process");
-const path_1 = require("path");
-const cache_directory_1 = require("nx/src/utils/cache-directory");
-const fs_1 = require("fs");
-async function buildStaticRemotes(staticRemotesConfig, nxBin, context, options) {
-    if (!staticRemotesConfig.remotes.length) {
-        return;
-    }
-    logger_1.logger.info(`NX Building ${staticRemotesConfig.remotes.length} static remotes...`);
-    const mappedLocationOfRemotes = {};
-    for (const app of staticRemotesConfig.remotes) {
-        mappedLocationOfRemotes[app] = `http${options.ssl ? 's' : ''}://${options.host}:${options.staticRemotesPort}/${staticRemotesConfig.config[app].urlSegment}`;
-    }
-    await new Promise((res, rej) => {
-        const staticProcess = (0, node_child_process_1.fork)(nxBin, [
-            'run-many',
-            `--target=build`,
-            `--projects=${staticRemotesConfig.remotes.join(',')}`,
-            ...(context.configurationName
-                ? [`--configuration=${context.configurationName}`]
-                : []),
-            ...(options.parallel ? [`--parallel=${options.parallel}`] : []),
-        ], {
-            cwd: context.root,
-            stdio: ['ignore', 'pipe', 'pipe', 'ipc'],
-        });
-        // File to debug build failures e.g. 2024-01-01T00_00_0_0Z-build.log'
-        const remoteBuildLogFile = (0, path_1.join)(cache_directory_1.workspaceDataDirectory, `${new Date().toISOString().replace(/[:\.]/g, '_')}-build.log`);
-        const stdoutStream = (0, fs_1.createWriteStream)(remoteBuildLogFile);
-        staticProcess.stdout.on('data', (data) => {
-            const ANSII_CODE_REGEX = /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g;
-            const stdoutString = data.toString().replace(ANSII_CODE_REGEX, '');
-            stdoutStream.write(stdoutString);
-            // in addition to writing into the stdout stream, also show error directly in console
-            // so the error is easily discoverable. 'ERROR in' is the key word to search in webpack output.
-            if (stdoutString.includes('ERROR in')) {
-                logger_1.logger.log(stdoutString);
-            }
-            if (stdoutString.includes('Successfully ran target build')) {
-                staticProcess.stdout.removeAllListeners('data');
-                logger_1.logger.info(`NX Built ${staticRemotesConfig.remotes.length} static remotes`);
-                res();
-            }
-        });
-        staticProcess.stderr.on('data', (data) => logger_1.logger.info(data.toString()));
-        staticProcess.once('exit', (code) => {
-            stdoutStream.end();
-            staticProcess.stdout.removeAllListeners('data');
-            staticProcess.stderr.removeAllListeners('data');
-            if (code !== 0) {
-                rej(`Remote failed to start. A complete log can be found in: ${remoteBuildLogFile}`);
-            }
-            else {
-                res();
-            }
-        });
-        process.on('SIGTERM', () => staticProcess.kill('SIGTERM'));
-        process.on('exit', () => staticProcess.kill('SIGTERM'));
-    });
-    return mappedLocationOfRemotes;
-}