@nx/react 24.0.0-beta.2 → 24.0.0-beta.4

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

@@ -1,244 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.startProxies = startProxies;
-exports.default = moduleFederationStaticServer;
-const internal_1 = require("@nx/devkit/internal");
-const devkit_1 = require("@nx/devkit");
-const internal_2 = require("@nx/js/internal");
-const internal_3 = require("@nx/web/internal");
-const assert_package_1 = require("../../utils/assert-package");
-const module_federation_deprecation_1 = require("../../utils/module-federation-deprecation");
-const child_process_1 = require("child_process");
-const fs_1 = require("fs");
-const path_1 = require("path");
-function getBuildAndServeOptionsFromServeTarget(serveTarget, context) {
-    const target = (0, devkit_1.parseTargetString)(serveTarget, context);
-    const serveOptions = (0, devkit_1.readTargetOptions)(target, context);
-    const buildTarget = (0, devkit_1.parseTargetString)(serveOptions.buildTarget, context);
-    const buildOptions = (0, devkit_1.readTargetOptions)(buildTarget, context);
-    let pathToManifestFile = (0, path_1.join)(context.root, (0, internal_2.getProjectSourceRoot)(context.projectGraph.nodes[context.projectName].data), 'assets/module-federation.manifest.json');
-    if (serveOptions.pathToManifestFile) {
-        const userPathToManifestFile = (0, path_1.join)(context.root, serveOptions.pathToManifestFile);
-        if (!(0, fs_1.existsSync)(userPathToManifestFile)) {
-            throw new Error(`The provided Module Federation manifest file path does not exist. Please check the file exists at "${userPathToManifestFile}".`);
-        }
-        else if ((0, path_1.extname)(serveOptions.pathToManifestFile) !== '.json') {
-            throw new Error(`The Module Federation manifest file must be a JSON. Please ensure the file at ${userPathToManifestFile} is a JSON.`);
-        }
-        pathToManifestFile = userPathToManifestFile;
-    }
-    return {
-        buildTarget,
-        buildOptions,
-        serveOptions,
-        pathToManifestFile,
-    };
-}
-async function buildHost(nxBin, buildTarget, context) {
-    await new Promise((res, rej) => {
-        const staticProcess = (0, child_process_1.fork)(nxBin, [
-            `run`,
-            `${buildTarget.project}:${buildTarget.target}${buildTarget.configuration
-                ? `:${buildTarget.configuration}`
-                : context.configurationName
-                    ? `:${context.configurationName}`
-                    : ''}`,
-        ], {
-            cwd: context.root,
-            stdio: ['ignore', 'pipe', 'pipe', 'ipc'],
-        });
-        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, '');
-            // 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 build')) {
-                staticProcess.stdout.removeAllListeners('data');
-                devkit_1.logger.info(`NX Built Consumer (host)`);
-                res();
-            }
-        });
-        staticProcess.stderr.on('data', (data) => devkit_1.logger.info(data.toString()));
-        staticProcess.once('exit', (code) => {
-            staticProcess.stdout.removeAllListeners('data');
-            staticProcess.stderr.removeAllListeners('data');
-            if (code !== 0) {
-                rej(`Consumer (host) failed to build. See above for details.`);
-            }
-            else {
-                res();
-            }
-        });
-        process.on('SIGTERM', () => staticProcess.kill('SIGTERM'));
-        process.on('exit', () => staticProcess.kill('SIGTERM'));
-    });
-}
-function moveToTmpDirectory(staticRemotesConfig, hostOutputPath, hostUrlSegment) {
-    const commonOutputDirectory = (0, path_1.join)(devkit_1.workspaceRoot, 'tmp/static-module-federation');
-    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,
-        });
-    }
-    (0, fs_1.cpSync)(hostOutputPath, (0, path_1.join)(commonOutputDirectory, hostUrlSegment), {
-        force: true,
-        recursive: true,
-    });
-    const cleanup = () => {
-        (0, fs_1.rmSync)(commonOutputDirectory, { force: true, recursive: true });
-    };
-    process.on('SIGTERM', () => {
-        cleanup();
-    });
-    process.on('exit', () => {
-        cleanup();
-    });
-    return commonOutputDirectory;
-}
-function startProxies(staticRemotesConfig, hostServeOptions, mappedLocationOfHost, mappedLocationsOfRemotes, sslOptions) {
-    const { createProxyMiddleware } = require('http-proxy-middleware');
-    const express = require('express');
-    let sslCert;
-    let sslKey;
-    if (sslOptions && sslOptions.pathToCert && sslOptions.pathToKey) {
-        if ((0, fs_1.existsSync)(sslOptions.pathToCert) && (0, fs_1.existsSync)(sslOptions.pathToKey)) {
-            sslCert = (0, fs_1.readFileSync)(sslOptions.pathToCert);
-            sslKey = (0, fs_1.readFileSync)(sslOptions.pathToKey);
-        }
-        else {
-            devkit_1.logger.warn(`Encountered SSL options in project.json, however, the certificate files do not exist in the filesystem. Using http.`);
-            devkit_1.logger.warn(`Attempted to find '${sslOptions.pathToCert}' and '${sslOptions.pathToKey}'.`);
-        }
-    }
-    const http = require('http');
-    const https = require('https');
-    devkit_1.logger.info(`NX Starting static remotes proxies...`);
-    for (const app of staticRemotesConfig.remotes) {
-        const expressProxy = express();
-        expressProxy.use(createProxyMiddleware({
-            target: mappedLocationsOfRemotes[app],
-            changeOrigin: true,
-            secure: sslCert ? false : undefined,
-        }));
-        const proxyServer = (sslCert ? https : http)
-            .createServer({ cert: sslCert, key: sslKey }, expressProxy)
-            .listen(staticRemotesConfig.config[app].port);
-        process.on('SIGTERM', () => proxyServer.close());
-        process.on('exit', () => proxyServer.close());
-    }
-    devkit_1.logger.info(`NX Static Producers (remotes) proxies started successfully`);
-    devkit_1.logger.info(`NX Starting static Consumer (host) proxy...`);
-    const expressProxy = express();
-    expressProxy.use(createProxyMiddleware({
-        target: mappedLocationOfHost,
-        changeOrigin: true,
-        secure: sslCert ? false : undefined,
-        pathRewrite: (path) => {
-            let pathRewrite = path;
-            for (const app of staticRemotesConfig.remotes) {
-                if (path.endsWith(app)) {
-                    pathRewrite = '/';
-                    break;
-                }
-            }
-            return pathRewrite;
-        },
-    }));
-    const proxyServer = (sslCert ? https : http)
-        .createServer({ cert: sslCert, key: sslKey }, expressProxy)
-        .listen(hostServeOptions.port);
-    process.on('SIGTERM', () => proxyServer.close());
-    process.on('exit', () => proxyServer.close());
-    devkit_1.logger.info('NX Static Consumer (host) proxy started successfully');
-}
-async function* moduleFederationStaticServer(schema, context) {
-    const executorName = '@nx/react:module-federation-static-server';
-    (0, assert_package_1.assertPackageIsInstalled)('@nx/module-federation', executorName);
-    (0, assert_package_1.assertPackageIsInstalled)('express', executorName);
-    (0, assert_package_1.assertPackageIsInstalled)('http-proxy-middleware', executorName);
-    const { buildStaticRemotes, getModuleFederationConfig, getRemotes, parseStaticRemotesConfig, } = await import('@nx/module-federation/internal');
-    (0, module_federation_deprecation_1.warnReactMfStaticServerExecutorDeprecation)();
-    // Force Node to resolve to look for the nx binary that is inside node_modules
-    const nxBin = require.resolve('nx/bin/nx');
-    // Get the remotes from the module federation config
-    const p = context.projectsConfigurations.projects[context.projectName];
-    const options = getBuildAndServeOptionsFromServeTarget(schema.serveTarget, context);
-    const moduleFederationConfig = getModuleFederationConfig(options.buildOptions.tsConfig, context.root, p.root, 'react');
-    const remotes = getRemotes([], options.serveOptions.skipRemotes, moduleFederationConfig, {
-        projectName: context.projectName,
-        projectGraph: context.projectGraph,
-        root: context.root,
-    }, options.pathToManifestFile);
-    const staticRemotesConfig = parseStaticRemotesConfig([...remotes.staticRemotes, ...remotes.dynamicRemotes], context);
-    options.serveOptions.staticRemotesPort ??= remotes.staticRemotePort;
-    const mappedLocationsOfStaticRemotes = await 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}`;
-    await buildHost(nxBin, options.buildTarget, context);
-    // Move to a temporary directory
-    const commonOutputDirectory = moveToTmpDirectory(staticRemotesConfig, options.buildOptions.outputPath, hostUrlSegment);
-    // File Serve the temporary directory
-    const staticFileServerIter = (0, internal_3.fileServerExecutor)({
-        cors: true,
-        watch: false,
-        staticFilePath: commonOutputDirectory,
-        parallel: false,
-        spa: false,
-        withDeps: false,
-        host: options.serveOptions.host,
-        port: options.serveOptions.staticRemotesPort,
-        ssl: options.serveOptions.ssl,
-        sslCert: options.serveOptions.sslCert,
-        sslKey: options.serveOptions.sslKey,
-        cacheSeconds: -1,
-    }, context);
-    // express proxy all of it
-    startProxies(staticRemotesConfig, options.serveOptions, mappedLocationOfHost, mappedLocationsOfStaticRemotes, options.serveOptions.ssl
-        ? {
-            pathToCert: (0, path_1.join)(devkit_1.workspaceRoot, options.serveOptions.sslCert),
-            pathToKey: (0, path_1.join)(devkit_1.workspaceRoot, options.serveOptions.sslKey),
-        }
-        : undefined);
-    return yield* (0, internal_1.combineAsyncIterables)(staticFileServerIter, (0, internal_1.createAsyncIterable)(async ({ next, done }) => {
-        const host = options.serveOptions.host ?? 'localhost';
-        const baseUrl = `http${options.serveOptions.ssl ? 's' : ''}://${host}:${options.serveOptions.port}`;
-        if (remotes.remotePorts.length === 0) {
-            const portsToWaitFor = [options.serveOptions.staticRemotesPort];
-            await Promise.all(portsToWaitFor.map((port) => (0, internal_3.waitForPortOpen)(port, {
-                retries: 480,
-                retryDelay: 2500,
-                host: host,
-            })));
-            devkit_1.logger.info(`NX Server ready at ${baseUrl}`);
-            next({ success: true, baseUrl: baseUrl });
-            done();
-            return;
-        }
-        try {
-            const portsToWaitFor = staticFileServerIter && options.serveOptions.staticRemotesPort
-                ? [options.serveOptions.staticRemotesPort, ...remotes.remotePorts]
-                : [...remotes.remotePorts];
-            await Promise.all(portsToWaitFor.map((port) => (0, internal_3.waitForPortOpen)(port, {
-                retries: 480,
-                retryDelay: 2500,
-                host: host,
-            })));
-            devkit_1.logger.info(`NX Server ready at ${baseUrl}`);
-            next({ success: true, baseUrl: baseUrl });
-        }
-        catch (err) {
-            throw new Error(`Failed to start. Check above for any errors.`, {
-                cause: err,
-            });
-        }
-        finally {
-            done();
-        }
-    }));
-}

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

@@ -1,3 +0,0 @@
-export interface ModuleFederationStaticServerSchema {
-  serveTarget: string;
-}

package/dist/src/executors/module-federation-static-server/schema.json

@@ -1,16 +0,0 @@
-{
-  "version": 2,
-  "continuous": true,
-  "outputCapture": "direct-nodejs",
-  "title": "Module Federation Static Dev Server",
-  "x-deprecated": "The `@nx/react:module-federation-static-server` executor is deprecated. Use `vite preview` / `rsbuild preview` via `nx:run-commands` instead. Removed in Nx v24.",
-  "description": "Serve a Consumer (host) application statically along with its Producers (remotes).",
-  "cli": "nx",
-  "type": "object",
-  "properties": {
-    "serveTarget": {
-      "type": "string"
-    }
-  },
-  "required": ["serveTarget"]
-}

package/dist/src/generators/federate-module/federate-module.d.ts

@@ -1,4 +0,0 @@
-import { GeneratorCallback, Tree } from '@nx/devkit';
-import { Schema } from './schema';
-export declare function federateModuleGenerator(tree: Tree, schema: Schema): Promise<GeneratorCallback>;
-export default federateModuleGenerator;

package/dist/src/generators/federate-module/federate-module.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.federateModuleGenerator = federateModuleGenerator;
-const internal_1 = require("@nx/devkit/internal");
-const assert_supported_react_version_1 = require("../../utils/assert-supported-react-version");
-const devkit_1 = require("@nx/devkit");
-const remote_1 = require("../remote/remote");
-const utils_1 = require("./lib/utils");
-const js_1 = require("@nx/js");
-const module_federation_deprecation_1 = require("../../utils/module-federation-deprecation");
-async function federateModuleGenerator(tree, schema) {
-    (0, assert_supported_react_version_1.assertSupportedReactVersion)(tree);
-    (0, module_federation_deprecation_1.warnReactFederateModuleGeneratorDeprecation)();
-    // Check if the file exists
-    if (!tree.exists(schema.path)) {
-        throw new Error((0, devkit_1.stripIndents) `The "path" provided  does not exist. Please verify the path is correct and pointing to a file that exists in the workspace.
-    
-    Path: ${schema.path}`);
-    }
-    const tasks = [];
-    const { projectName: remoteName, projectRoot: remoteRoot } = await (0, internal_1.determineProjectNameAndRootOptions)(tree, {
-        name: schema.remote,
-        directory: schema.remoteDirectory,
-        projectType: 'application',
-    });
-    // Check remote exists
-    const remote = (0, utils_1.checkRemoteExists)(tree, remoteName);
-    if (!remote) {
-        // create remote
-        const remoteGeneratorTask = await (0, remote_1.remoteGenerator)(tree, {
-            name: remoteName,
-            directory: remoteRoot,
-            e2eTestRunner: schema.e2eTestRunner,
-            skipFormat: schema.skipFormat,
-            linter: schema.linter,
-            style: schema.style,
-            unitTestRunner: schema.unitTestRunner,
-            host: schema.host,
-            bundler: schema.bundler ?? 'rspack',
-        });
-        tasks.push(remoteGeneratorTask);
-    }
-    // add path to exposes property
-    const normalizedModulePath = schema.bundler === 'rspack'
-        ? (0, devkit_1.joinPathFragments)((0, devkit_1.offsetFromRoot)(remoteRoot), schema.path)
-        : schema.path;
-    (0, utils_1.addPathToExposes)(tree, remoteRoot, schema.name, normalizedModulePath);
-    // Add new path to tsconfig
-    const rootJSON = (0, devkit_1.readJson)(tree, (0, js_1.getRootTsConfigPathInTree)(tree));
-    if (!rootJSON?.compilerOptions?.paths[`${remoteName}/${schema.name}`]) {
-        (0, js_1.addTsConfigPath)(tree, `${remoteName}/${schema.name}`, [schema.path]);
-    }
-    if (!schema.skipFormat) {
-        await (0, devkit_1.formatFiles)(tree);
-    }
-    devkit_1.logger.info(`✅️ Updated module federation config.
-    Now you can use the module from your host app like this:
-
-    Static import:
-    import { MyComponent } from '${remoteName}/${schema.name}';
-    
-    Dynamic import:
-    import('${remoteName}/${schema.name}').then((m) => m.${schema.name});
-  `);
-    return (0, devkit_1.runTasksInSerial)(...tasks);
-}
-exports.default = federateModuleGenerator;

package/dist/src/generators/federate-module/lib/utils.d.ts

@@ -1,23 +0,0 @@
-import { Tree } from '@nx/devkit';
-import type { SourceFile, ObjectLiteralExpression, PropertyAssignment } from 'typescript';
-/**
- * Adds a Module Federation path to the exposes property of the module federation config
- * The assumption here is made the we will only update a TypeScript Module Federation file namely 'module-federation.config.js'
- * @param tree Tree for the workspace
- * @param projectPath Project path relative to the workspace
- * @param moduleName The name of the module to expose
- * @param modulePath The path to the module to expose (e.g. './src/my-lib/my-lib.ts')
- */
-export declare function addPathToExposes(tree: Tree, projectPath: string, moduleName: string, modulePath: string): void;
-/**
- * @param tree The workspace tree
- * @param remoteName The name of the remote to check
- * @returns Remote ProjectConfig if it exists, false otherwise
- */
-export declare function checkRemoteExists(tree: Tree, remoteName: string): false | import("@nx/devkit").ProjectConfiguration;
-export declare function getRemote(tree: Tree, remoteName: string): import("@nx/devkit").ProjectConfiguration;
-export declare function findExposes(sourceFile: SourceFile): ObjectLiteralExpression;
-export declare function createObjectEntry(moduleName: string, modulePath: string): PropertyAssignment;
-export declare function updateExposesPropertyinAST(source: SourceFile, exposesObject: ObjectLiteralExpression, newEntry: PropertyAssignment): SourceFile;
-export declare function writeToConfig(tree: Tree, filename: string, source: SourceFile, updatedSourceFile: SourceFile): void;
-export declare function updateExposesProperty(tree: Tree, filename: string, moduleName: string, modulePath: string): void;

package/dist/src/generators/federate-module/lib/utils.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addPathToExposes = addPathToExposes;
-exports.checkRemoteExists = checkRemoteExists;
-exports.getRemote = getRemote;
-exports.findExposes = findExposes;
-exports.createObjectEntry = createObjectEntry;
-exports.updateExposesPropertyinAST = updateExposesPropertyinAST;
-exports.writeToConfig = writeToConfig;
-exports.updateExposesProperty = updateExposesProperty;
-const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/js/internal");
-let tsModule;
-if (!tsModule) {
-    tsModule = (0, internal_1.ensureTypescript)();
-}
-/**
- * Adds a Module Federation path to the exposes property of the module federation config
- * The assumption here is made the we will only update a TypeScript Module Federation file namely 'module-federation.config.js'
- * @param tree Tree for the workspace
- * @param projectPath Project path relative to the workspace
- * @param moduleName The name of the module to expose
- * @param modulePath The path to the module to expose (e.g. './src/my-lib/my-lib.ts')
- */
-function addPathToExposes(tree, projectPath, moduleName, modulePath) {
-    const moduleFederationConfigPath = (0, devkit_1.joinPathFragments)(projectPath, tree.exists((0, devkit_1.joinPathFragments)(projectPath, 'module-federation.config.ts'))
-        ? 'module-federation.config.ts'
-        : 'module-federation.config.js');
-    updateExposesProperty(tree, moduleFederationConfigPath, moduleName, modulePath);
-}
-/**
- * @param tree The workspace tree
- * @param remoteName The name of the remote to check
- * @returns Remote ProjectConfig if it exists, false otherwise
- */
-function checkRemoteExists(tree, remoteName) {
-    const remote = getRemote(tree, remoteName);
-    if (!remote)
-        return false;
-    const hasModuleFederationConfig = tree.exists((0, devkit_1.joinPathFragments)(remote.root, 'module-federation.config.js')) ||
-        tree.exists((0, devkit_1.joinPathFragments)(remote.root, 'module-federation.config.ts'));
-    return hasModuleFederationConfig ? remote : false;
-}
-function getRemote(tree, remoteName) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    const remote = projects.get(remoteName);
-    return remote;
-}
-// Check if the exposes property exists in the AST
-function findExposes(sourceFile) {
-    let exposesObject = null;
-    const visit = (node) => {
-        if (tsModule.isPropertyAssignment(node) &&
-            tsModule.isIdentifier(node.name) &&
-            node.name.text === 'exposes' &&
-            tsModule.isObjectLiteralExpression(node.initializer)) {
-            exposesObject = node.initializer;
-        }
-        else {
-            tsModule.forEachChild(node, visit);
-        }
-    };
-    tsModule.forEachChild(sourceFile, visit);
-    return exposesObject;
-}
-// Create a new property assignment
-function createObjectEntry(moduleName, modulePath) {
-    return tsModule.factory.createPropertyAssignment(tsModule.factory.createStringLiteral(`./${moduleName}`, true), tsModule.factory.createStringLiteral(modulePath, true));
-}
-// Update the exposes property in the AST
-function updateExposesPropertyinAST(source, exposesObject, newEntry) {
-    const updatedExposes = tsModule.factory.updateObjectLiteralExpression(exposesObject, [...exposesObject.properties, newEntry]);
-    const transform = (context) => {
-        const visit = (node) => {
-            // Comparing nodes indirectly to ensure type compatibility. You must ensure that the nodes are identical.
-            return tsModule.isObjectLiteralExpression(node) && node === exposesObject
-                ? updatedExposes
-                : tsModule.visitEachChild(node, visit, context);
-        };
-        return (node) => tsModule.visitNode(node, visit);
-    };
-    return tsModule.transform(source, [transform]).transformed[0];
-}
-// Write the updated AST to the file (module-federation.config.js)
-function writeToConfig(tree, filename, source, updatedSourceFile) {
-    const printer = tsModule.createPrinter();
-    const update = printer.printNode(tsModule.EmitHint.Unspecified, updatedSourceFile, source);
-    tree.write(filename, update);
-}
-function updateExposesProperty(tree, filename, moduleName, modulePath) {
-    const fileContent = tree.read(filename).toString();
-    const source = tsModule.createSourceFile(filename, fileContent, tsModule.ScriptTarget.ES2015, true);
-    const exposesObject = findExposes(source);
-    if (!exposesObject)
-        return;
-    const newEntry = createObjectEntry(moduleName, modulePath);
-    const updatedSourceFile = updateExposesPropertyinAST(source, exposesObject, newEntry);
-    writeToConfig(tree, filename, source, updatedSourceFile);
-}

package/dist/src/generators/federate-module/schema.d.ts

@@ -1,15 +0,0 @@
-import { LinterType } from '@nx/js';
-
-export interface Schema {
-  name: string;
-  path: string;
-  remote: string;
-  remoteDirectory?: string;
-  e2eTestRunner?: 'cypress' | 'playwright' | 'none';
-  host?: string;
-  linter?: LinterType;
-  skipFormat?: boolean;
-  style?: SupportedStyles;
-  unitTestRunner?: 'jest' | 'vitest' | 'none';
-  bundler?: 'rspack' | 'webpack';
-}

package/dist/src/generators/federate-module/schema.json

@@ -1,89 +0,0 @@
-{
-  "$schema": "https://json-schema.org/schema",
-  "cli": "nx",
-  "$id": "NxReactFederateModule",
-  "title": "Federate Module",
-  "description": "Create a federated module, which can be loaded by a Consumer (host) via a Producer (remote).",
-  "examples": [
-    {
-      "command": "nx g federate-module MyModule --path=./src/component/my-cmp.ts --remote=myRemote --remoteDirectory=apps/myRemote",
-      "description": "Create a federated module from myRemote, that exposes my-cmp from ./src/component/my-cmp.ts as MyModule."
-    },
-    {
-      "command": "nx g federate-module MyModule --path=./src/component/my-cmp.ts --producer=myProducer --producerDirectory=apps/myProducer",
-      "description": "Create a federated module from myProducer, that exposes my-cmp from ./src/component/my-cmp.ts as MyModule."
-    }
-  ],
-  "type": "object",
-  "properties": {
-    "path": {
-      "type": "string",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      },
-      "description": "The path to locate the federated module. This path should be relative to the workspace root and the file should exist.",
-      "x-prompt": "What is the path to the module to be federated?"
-    },
-    "name": {
-      "description": "The name of the module.",
-      "type": "string",
-      "x-prompt": "What name would you like to use for the module?",
-      "pattern": "^[a-zA-Z][^:]*$",
-      "x-priority": "important"
-    },
-    "remote": {
-      "type": "string",
-      "description": "The name of the Producer (remote).",
-      "x-prompt": "What is/should the Producer (remote) be named?",
-      "alias": "producer"
-    },
-    "remoteDirectory": {
-      "description": "The directory of the new Producer (remote) application if one needs to be created.",
-      "type": "string",
-      "alias": "producerDirectory"
-    },
-    "style": {
-      "description": "The file extension to be used for style files.",
-      "type": "string",
-      "default": "none",
-      "alias": "s"
-    },
-    "linter": {
-      "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
-      "type": "string",
-      "enum": ["eslint", "oxlint", "none"]
-    },
-    "skipFormat": {
-      "description": "Skip formatting files.",
-      "type": "boolean",
-      "default": false,
-      "x-priority": "internal"
-    },
-    "unitTestRunner": {
-      "type": "string",
-      "enum": ["jest", "vitest", "none"],
-      "description": "Test runner to use for unit tests.",
-      "default": "jest"
-    },
-    "e2eTestRunner": {
-      "type": "string",
-      "enum": ["cypress", "playwright", "none"],
-      "description": "Test runner to use for end to end (E2E) tests.",
-      "x-prompt": "Which E2E test runner would you like to use?",
-      "default": "cypress"
-    },
-    "host": {
-      "type": "string",
-      "description": "The Consumer (host) application for this Producer (remote)."
-    },
-    "bundler": {
-      "description": "The bundler to use.",
-      "type": "string",
-      "enum": ["rspack", "webpack"],
-      "default": "rspack"
-    }
-  },
-  "required": ["name", "path", "remote"],
-  "additionalProperties": false
-}

package/dist/src/generators/host/files/common/src/app/__fileName__.js__tmpl__

@@ -1,40 +0,0 @@
-import * as React from 'react';
-<%_ if (!minimal) { _%>
-import NxWelcome from "./nx-welcome";
-<%_ } _%>
-import { Link, Route, Routes } from 'react-router-dom';
-<%_ if (dynamic && remotes.length > 0) { _%>
-import { loadRemote } from '@module-federation/enhanced/runtime';
-<%_ } _%>
-
-<%_ if (remotes.length > 0) {
- remotes.forEach(function(r) { _%>
-<%_ if (dynamic) { _%>
-const <%= r.className %> = React.lazy(() => loadRemote('<%= r.fileName %>/Module') as any)
-<%_ } else  { _%>
-const <%= r.className %> = React.lazy(() => import('<%= r.fileName %>/Module'));
-<%_ } _%>
- <%_ }); _%>
-<%_ } _%>
-export function App() {
-  return (
-    <React.Suspense fallback={null}>
-      <ul>
-        <li><Link to="/">Home</Link></li>
-       <%_ remotes.forEach(function(r) { _%>
-        <li><Link to="/<%=r.fileName%>"><%=r.className%></Link></li>
-       <%_ }); _%>
-      </ul>
-      <Routes>
-       <%_ if (!minimal) { _%>
-        <Route path="/" element={<NxWelcome title="<%= projectName %>"/>} />
-       <%_ } _%>
-       <%_ remotes.forEach(function(r) { _%>
-        <Route path="/<%=r.fileName%>" element={<<%= r.className %>/>} />
-       <%_ }); _%>
-      </Routes>
-    </React.Suspense>
-  );
-}
-
-export default App;

package/dist/src/generators/host/files/common/src/main.js__tmpl__

@@ -1,13 +0,0 @@
-<%_ if (dynamic) { _%>
-import { registerRemotes } from '@module-federation/enhanced/runtime';
-
-fetch('/assets/module-federation.manifest.json')
-.then((res) => res.json())
-.then((remotes: Record<string, string>) =>
-    Object.entries(remotes).map(([name, entry]) => ({ name, entry }))
-)
-.then((remotes) => registerRemotes(remotes))
-.then(() =>  import('./bootstrap').catch(err => console.error(err)));
-<%_ } else { _%>
-import('./bootstrap').catch(err => console.error(err));
-<%_ } _%>

package/dist/src/generators/host/files/common/tsconfig.lint.json__tmpl__

@@ -1,19 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "types": [
-        "node",
-        "@nx/react/typings/cssmodule.d.ts",
-        "@nx/react/typings/image.d.ts"
-    ]
-  },
-  "include": [
-    "src/**/*.js",
-    "src/**/*.jsx",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "webpack.config.ts",
-    "webpack.prod.config.ts"
-  ]
-}