@nx/react 24.0.0-beta.2 → 24.0.0-canary.20261016-5ef7804

package/dist/src/generators/host/files/rspack-module-federation-ts/module-federation.config.ts__tmpl__

@@ -1,28 +0,0 @@
-import type { ModuleFederationConfig } from '@nx/module-federation';
-
-const config: ModuleFederationConfig = {
-  name: '<%= projectName %>',
-  /**
-    * To use a remote that does not exist in your current Nx Workspace
-    * You can use the tuple-syntax to define your remote
-    *
-    * remotes: [['my-external-remote', 'https://nx-angular-remote.netlify.app']]
-    *
-    * You _may_ need to add a `remotes.d.ts` file to your `src/` folder declaring the external remote for tsc, with the
-    * following content:
-    *
-    * declare module 'my-external-remote';
-    *
-    */
-  remotes: [
-    <%_ if (static) { 
-        remotes.forEach(function(r) { _%> 
-    "<%= r.fileName %>", 
-    <%_ }); } _%>
-  ],
-};
-
-/**
-* Nx requires a default export of the config to allow correct resolution of the module federation graph.
-**/
-export default config;

package/dist/src/generators/host/files/rspack-module-federation-ts/rspack.config.prod.ts__tmpl__

@@ -1,67 +0,0 @@
-import { NxAppRspackPlugin } from '@nx/rspack/app-plugin.js';
-import { NxReactRspackPlugin } from '@nx/rspack/react-plugin.js';
-import { NxModuleFederationPlugin, NxModuleFederationDevServerPlugin } from '@nx/module-federation/rspack';
-import type { ModuleFederationConfig } from '@nx/module-federation';
-import { join } from 'path';
-
-import baseConfig from './module-federation.config';
-
-const prodConfig: ModuleFederationConfig = {
-	...baseConfig,
-	/*
-		* Remote overrides for production.
-		* Each entry is a pair of a unique name and the URL where it is deployed.
-		*
-		* e.g.
-		* remotes: [
-		*   ['app1', 'http://app1.example.com'],
-		*   ['app2', 'http://app2.example.com'],
-		* ]
-		*
-		* You can also use a full path to the remoteEntry.js file if desired.
-		*
-		* remotes: [
-		*   ['app1', 'http://example.com/path/to/app1/remoteEntry.js'],
-		*   ['app2', 'http://example.com/path/to/app2/remoteEntry.js'],
-		* ]
-		*/
-	remotes: [
-		<%_ remotes.forEach(function(r) { _%>
-		['<%= r.fileName %>', 'http://localhost:<%= r.port %>/'],
-		<%_ }); _%>
-	],
-};
-
-export default {
-  output: {
-    path: join(__dirname, '<%= rspackPluginOptions.outputPath %>'),
-    publicPath: 'auto'
-  },
-  devServer: {
-    port: <%= port %>,
-    historyApiFallback: {
-      index: '/index.html',
-      disableDotRule: true,
-      htmlAcceptHeaders: ['text/html', 'application/xhtml+xml'],
-    },
-  },
-  plugins: [
-    new NxAppRspackPlugin({
-      tsConfig: '<%= rspackPluginOptions.tsConfig %>',
-      main: '<%= rspackPluginOptions.main %>',
-      index: '<%= rspackPluginOptions.index %>',
-      baseHref: '<%= rspackPluginOptions.baseHref %>',
-      assets: <%- JSON.stringify(rspackPluginOptions.assets) %>,
-      styles: <%- JSON.stringify(rspackPluginOptions.styles) %>,
-      outputHashing: process.env['NODE_ENV'] === 'production' ? 'all' : 'none',
-      optimization: process.env['NODE_ENV'] === 'production',
-    }),
-    new NxReactRspackPlugin({
-      // Uncomment this line if you don't want to use SVGR
-      // See: https://react-svgr.com/
-      // svgr: false
-    }),
-    new NxModuleFederationPlugin({ config: prodConfig }, { dts: false }),
-    new NxModuleFederationDevServerPlugin({ config: prodConfig }),
-  ],
-};

package/dist/src/generators/host/files/rspack-module-federation-ts/rspack.config.ts__tmpl__

@@ -1,42 +0,0 @@
-import { NxAppRspackPlugin } from '@nx/rspack/app-plugin.js';
-import { NxReactRspackPlugin } from '@nx/rspack/react-plugin.js';
-import { NxModuleFederationPlugin, NxModuleFederationDevServerPlugin } from '@nx/module-federation/rspack';
-import { join } from 'path';
-
-import config from './module-federation.config';
-
-export default {
-  // rspack-cli dev mode defaults this on; it breaks module federation.
-  lazyCompilation: false,
-  output: {
-    path: join(__dirname, '<%= rspackPluginOptions.outputPath %>'),
-    publicPath: 'auto'
-  },
-  devServer: {
-    port: <%= port %>,
-    historyApiFallback: {
-      index: '/index.html',
-      disableDotRule: true,
-      htmlAcceptHeaders: ['text/html', 'application/xhtml+xml'],
-    },
-  },
-  plugins: [
-    new NxAppRspackPlugin({
-      tsConfig: '<%= rspackPluginOptions.tsConfig %>',
-      main: '<%= rspackPluginOptions.main %>',
-      index: '<%= rspackPluginOptions.index %>',
-      baseHref: '<%= rspackPluginOptions.baseHref %>',
-      assets: <%- JSON.stringify(rspackPluginOptions.assets) %>,
-      styles: <%- JSON.stringify(rspackPluginOptions.styles) %>,
-      outputHashing: process.env['NODE_ENV'] === 'production' ? 'all' : 'none',
-      optimization: process.env['NODE_ENV'] === 'production',
-    }),
-    new NxReactRspackPlugin({
-      // Uncomment this line if you don't want to use SVGR
-      // See: https://react-svgr.com/
-      // svgr: false
-    }),
-    new NxModuleFederationPlugin({ config }, { dts: false }),
-    new NxModuleFederationDevServerPlugin({ config }),
-  ],
-};

package/dist/src/generators/host/files/webpack-module-federation/module-federation.config.js__tmpl__

@@ -1,24 +0,0 @@
-/**
-* Nx requires a default export of the config to allow correct resolution of the module federation graph.
-**/
-module.exports = {
-  name: '<%= projectName %>',
-  /**
-   * To use a remote that does not exist in your current Nx Workspace
-   * You can use the tuple-syntax to define your remote
-   *
-   * remotes: [['my-external-remote', 'https://nx-angular-remote.netlify.app']]
-   *
-   * You _may_ need to add a `remotes.d.ts` file to your `src/` folder declaring the external remote for tsc, with the
-   * following content:
-   *
-   * declare module 'my-external-remote';
-   *
-   */
-  remotes: [
-    <%_ if (static) { 
-      remotes.forEach(function(r) { _%> 
-    "<%= r.fileName %>", 
-      <%_ }); } _%>
-  ],
-};

package/dist/src/generators/host/files/webpack-module-federation/webpack.config.js__tmpl__

@@ -1,17 +0,0 @@
-const { composePlugins, withNx } = require('@nx/webpack');
-const { withReact } = require('@nx/react');
-const { withModuleFederation } = require('@nx/module-federation/webpack');
-
-const baseConfig = require('./module-federation.config');
-
-const config = {
-  ...baseConfig,
-};
-
-// Nx plugins for webpack to build config object from Nx options and context.
-/**
- * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
- * The DTS Plugin can be enabled by setting dts: true
- * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
- */
-module.exports = composePlugins(withNx(), withReact(), withModuleFederation(config, { dts: false }));

package/dist/src/generators/host/files/webpack-module-federation/webpack.config.prod.js__tmpl__

@@ -1,39 +0,0 @@
-const { composePlugins, withNx } = require('@nx/webpack');
-const { withReact } = require('@nx/react');
-const { withModuleFederation } = require('@nx/module-federation/webpack');
-
-const baseConfig = require('./module-federation.config');
-
-const prodConfig = {
-  ...baseConfig,
-  /*
-    * Remote overrides for production.
-    * Each entry is a pair of a unique name and the URL where it is deployed.
-    *
-    * e.g.
-    * remotes: [
-    *   ['app1', 'http://app1.example.com'],
-    *   ['app2', 'http://app2.example.com'],
-    * ]
-    *
-    * You can also use a full path to the remoteEntry.js file if desired.
-    *
-    * remotes: [
-    *   ['app1', 'http://example.com/path/to/app1/remoteEntry.js'],
-    *   ['app2', 'http://example.com/path/to/app2/remoteEntry.js'],
-    * ]
-    */
-  remotes: [
-    <%_ remotes.forEach(function(r) { _%>
-    ['<%= r.fileName %>', 'http://localhost:<%= r.port %>/'],
-    <%_ }); _%>
-  ],
-};
-
-// Nx plugins for webpack to build config object from Nx options and context.
-/**
- * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
- * The DTS Plugin can be enabled by setting dts: true
- * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
- */
-module.exports = composePlugins(withNx(), withReact(), withModuleFederation(prodConfig, { dts: false }));

package/dist/src/generators/host/files/webpack-module-federation-ssr/module-federation.server.config.js__tmpl__

@@ -1,19 +0,0 @@
-// @ts-check
-
-/**
- * @type {import('@nx/module-federation').ModuleFederationConfig}
- **/
-const moduleFederationConfig = {
-  name: '<%= projectName %>',
-  remotes: [
-    <%_ if (static) { 
-      remotes.forEach(function(r) { _%> 
-    "<%= r.fileName %>", 
-      <%_ }); } _%>
-  ],
-};
-
-/**
-* Nx requires a default export of the config to allow correct resolution of the module federation graph.
-**/
-module.exports = moduleFederationConfig;

package/dist/src/generators/host/files/webpack-module-federation-ssr/server.ts__tmpl__

@@ -1,28 +0,0 @@
-import * as path from 'path';
-import express from 'express';
-import cors from 'cors';
-
-import { handleRequest } from './src/main.server';
-
-const port = process.env['PORT'] || <%= port %>;
-const app = express();
-
-const browserDist = path.join(process.cwd(), '<%= browserBuildOutputPath %>');
-const indexPath = path.join(browserDist, 'index.html');
-
-app.use(cors());
-
-app.get(
-  '*.*',
-  express.static(browserDist, {
-    maxAge: '1y',
-  })
-);
-
-app.use('*', handleRequest(indexPath));
-
-const server = app.listen(port, () => {
-  console.log(`Express server listening on http://localhost:${port}`);
-});
-
-server.on('error', console.error);

package/dist/src/generators/host/files/webpack-module-federation-ssr/tsconfig.server.json__tmpl__

@@ -1,17 +0,0 @@
-{
-  "extends": "./tsconfig.app.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/server",
-    "target": "es2019",
-    "types": [
-      "node",
-      "@nx/react/typings/cssmodule.d.ts",
-      "@nx/react/typings/image.d.ts"
-    ]
-  },
-  "include": [
-    "src/remotes.d.ts",
-    "src/main.server.tsx",
-    "server.ts"
-  ]
-}

package/dist/src/generators/host/files/webpack-module-federation-ssr/webpack.server.config.js__tmpl__

@@ -1,17 +0,0 @@
-const {composePlugins, withNx} = require('@nx/webpack');
-const {withReact} = require('@nx/react');
-const {withModuleFederationForSSR} = require('@nx/module-federation/webpack');
-
-const baseConfig = require('./module-federation.config');
-
-const defaultConfig = {
-	...baseConfig
-};
-
-// Nx plugins for webpack to build config object from Nx options and context.
-/**
- * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
- * The DTS Plugin can be enabled by setting dts: true
- * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
- */
-module.exports = composePlugins(withNx(), withReact({ssr: true}), withModuleFederationForSSR(defaultConfig, { dts: false }));

package/dist/src/generators/host/files/webpack-module-federation-ssr-ts/module-federation.server.config.ts__tmpl__

@@ -1,16 +0,0 @@
-import type { ModuleFederationConfig } from '@nx/module-federation';
-
-const config: ModuleFederationConfig = {
-  name: '<%= projectName %>',
-  remotes: [
-    <%_ if (static) { 
-        remotes.forEach(function(r) { _%> 
-    "<%= r.fileName %>", 
-    <%_ }); } _%>
-  ],
-};
-
-/**
-* Nx requires a default export of the config to allow correct resolution of the module federation graph.
-**/
-export default config;

package/dist/src/generators/host/files/webpack-module-federation-ssr-ts/server.ts__tmpl__

@@ -1,28 +0,0 @@
-import * as path from 'path';
-import express from 'express';
-import cors from 'cors';
-
-import { handleRequest } from './src/main.server';
-
-const port = process.env['PORT'] || <%= port %>;
-const app = express();
-
-const browserDist = path.join(process.cwd(), '<%= browserBuildOutputPath %>');
-const indexPath = path.join(browserDist, 'index.html');
-
-app.use(cors());
-
-app.get(
-  '*.*',
-  express.static(browserDist, {
-    maxAge: '1y',
-  })
-);
-
-app.use('*', handleRequest(indexPath));
-
-const server = app.listen(port, () => {
-  console.log(`Express server listening on http://localhost:${port}`);
-});
-
-server.on('error', console.error);

package/dist/src/generators/host/files/webpack-module-federation-ssr-ts/tsconfig.server.json__tmpl__

@@ -1,17 +0,0 @@
-{
-  "extends": "./tsconfig.app.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/server",
-    "target": "es2019",
-    "types": [
-      "node",
-      "@nx/react/typings/cssmodule.d.ts",
-      "@nx/react/typings/image.d.ts"
-    ]
-  },
-  "include": [
-    "src/remotes.d.ts",
-    "src/main.server.tsx",
-    "server.ts"
-  ]
-}

package/dist/src/generators/host/files/webpack-module-federation-ssr-ts/webpack.server.config.ts__tmpl__

@@ -1,17 +0,0 @@
-import {composePlugins, withNx} from '@nx/webpack';
-import {withReact} from '@nx/react';
-import {withModuleFederationForSSR} from '@nx/module-federation/webpack';
-
-import baseConfig from './module-federation.config';
-
-const defaultConfig = {
-  ...baseConfig
-};
-
-// Nx plugins for webpack to build config object from Nx options and context.
-/**
- * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
- * The DTS Plugin can be enabled by setting dts: true
- * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
- */
-export default composePlugins(withNx(), withReact({ssr: true}), withModuleFederationForSSR(defaultConfig, { dts: false }));

package/dist/src/generators/host/files/webpack-module-federation-ts/module-federation.config.ts__tmpl__

@@ -1,28 +0,0 @@
-import type { ModuleFederationConfig } from '@nx/module-federation';
-
-const config: ModuleFederationConfig = {
-  name: '<%= projectName %>',
-  /**
-    * To use a remote that does not exist in your current Nx Workspace
-    * You can use the tuple-syntax to define your remote
-    *
-    * remotes: [['my-external-remote', 'https://nx-angular-remote.netlify.app']]
-    *
-    * You _may_ need to add a `remotes.d.ts` file to your `src/` folder declaring the external remote for tsc, with the
-    * following content:
-    *
-    * declare module 'my-external-remote';
-    *
-    */
-  remotes: [
-    <%_ if (static) { 
-      remotes.forEach(function(r) { _%> 
-    "<%= r.fileName %>", 
-    <%_ }); } _%>
-  ],
-};
-
-/**
-* Nx requires a default export of the config to allow correct resolution of the module federation graph.
-**/
-export default config;

package/dist/src/generators/host/files/webpack-module-federation-ts/webpack.config.prod.ts__tmpl__

@@ -1,40 +0,0 @@
-import { composePlugins, withNx } from '@nx/webpack';
-import { withReact } from '@nx/react';
-import { withModuleFederation } from '@nx/module-federation/webpack';
-import type { ModuleFederationConfig } from '@nx/module-federation';
-
-import baseConfig from './module-federation.config';
-
-const prodConfig: ModuleFederationConfig = {
-  ...baseConfig,
-  /*
-    * Remote overrides for production.
-    * Each entry is a pair of a unique name and the URL where it is deployed.
-    *
-    * e.g.
-    * remotes: [
-    *   ['app1', 'http://app1.example.com'],
-    *   ['app2', 'http://app2.example.com'],
-    * ]
-    *
-    * You can also use a full path to the remoteEntry.js file if desired.
-    *
-    * remotes: [
-    *   ['app1', 'http://example.com/path/to/app1/remoteEntry.js'],
-    *   ['app2', 'http://example.com/path/to/app2/remoteEntry.js'],
-    * ]
-    */
-  remotes: [
-    <%_ remotes.forEach(function(r) { _%>
-    ['<%= r.fileName %>', 'http://localhost:<%= r.port %>/'],
-    <%_ }); _%>
-  ],
-};
-
-// Nx plugins for webpack to build config object from Nx options and context.
-/**
- * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
- * The DTS Plugin can be enabled by setting dts: true
- * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
- */
-export default composePlugins(withNx(), withReact(), withModuleFederation(prodConfig, { dts: false }));

package/dist/src/generators/host/files/webpack-module-federation-ts/webpack.config.ts__tmpl__

@@ -1,18 +0,0 @@
-import {composePlugins, withNx} from '@nx/webpack';
-import {withReact} from '@nx/react';
-import {withModuleFederation} from '@nx/module-federation/webpack';
-import type { ModuleFederationConfig } from '@nx/module-federation';
-
-import baseConfig from './module-federation.config';
-
-const config: ModuleFederationConfig = {
-  ...baseConfig,
-};
-
-// Nx plugins for webpack to build config object from Nx options and context.
-/**
- * DTS Plugin is disabled in Nx Workspaces as Nx already provides Typing support for Module Federation
- * The DTS Plugin can be enabled by setting dts: true
- * Learn more about the DTS Plugin here: https://module-federation.io/configure/dts.html
- */
-export default composePlugins(withNx(), withReact(), withModuleFederation(config, { dts: false }));

package/dist/src/generators/host/host.d.ts

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

package/dist/src/generators/host/host.js

@@ -1,174 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hostGenerator = hostGenerator;
-const tslib_1 = require("tslib");
-const internal_1 = require("@nx/devkit/internal");
-const assert_supported_react_version_1 = require("../../utils/assert-supported-react-version");
-const internal_2 = require("@nx/eslint/internal");
-const devkit_1 = require("@nx/devkit");
-const update_module_federation_project_1 = require("../../rules/update-module-federation-project");
-const application_1 = tslib_1.__importDefault(require("../application/application"));
-const normalize_options_1 = require("../application/lib/normalize-options");
-const remote_1 = tslib_1.__importDefault(require("../remote/remote"));
-const setup_ssr_1 = tslib_1.__importDefault(require("../setup-ssr/setup-ssr"));
-const add_module_federation_files_1 = require("./lib/add-module-federation-files");
-const normalize_remote_1 = require("../../utils/normalize-remote");
-const setup_ssr_for_host_1 = require("./lib/setup-ssr-for-host");
-const update_module_federation_e2e_project_1 = require("./lib/update-module-federation-e2e-project");
-const add_mf_env_to_inputs_1 = require("../../utils/add-mf-env-to-inputs");
-const js_1 = require("@nx/js");
-const internal_3 = require("@nx/js/internal");
-const versions_1 = require("../../utils/versions");
-const update_module_federation_tsconfig_1 = require("./lib/update-module-federation-tsconfig");
-const normalize_host_name_1 = require("./lib/normalize-host-name");
-const module_federation_deprecation_1 = require("../../utils/module-federation-deprecation");
-async function hostGenerator(host, schema) {
-    (0, assert_supported_react_version_1.assertSupportedReactVersion)(host);
-    (0, module_federation_deprecation_1.warnReactHostGeneratorDeprecation)();
-    const tasks = [];
-    const name = await (0, normalize_host_name_1.normalizeHostName)(host, schema.directory, schema.name);
-    const options = {
-        ...(await (0, normalize_options_1.normalizeOptions)(host, {
-            ...schema,
-            name,
-        })),
-        js: schema.js ?? false,
-        typescriptConfiguration: schema.js
-            ? false
-            : (schema.typescriptConfiguration ?? true),
-        dynamic: schema.dynamic ?? false,
-        // TODO(colum): remove when Webpack MF works with Crystal
-        addPlugin: !schema.bundler || schema.bundler === 'rspack' ? true : false,
-        bundler: schema.bundler ?? 'rspack',
-        // The schema carries no default, so supply one here: remotes are numbered up
-        // from the host's port (`options.port + 1` below), which needs a concrete value.
-        port: schema.port ?? schema.devServerPort ?? 4200,
-    };
-    // Check to see if remotes are provided and also check if --dynamic is provided
-    // if both are check that the remotes are valid names else throw an error.
-    if (options.dynamic && options.remotes?.length > 0) {
-        options.remotes.forEach((remote) => {
-            const isValidRemote = (0, js_1.isValidVariable)(remote);
-            if (!isValidRemote.isValid) {
-                throw new Error(`Invalid remote name provided: ${remote}. ${isValidRemote.message}`);
-            }
-        });
-    }
-    await (0, internal_1.ensureRootProjectName)(options, 'application');
-    const initTask = await (0, application_1.default)(host, {
-        ...options,
-        directory: options.appProjectRoot,
-        name: options.name,
-        // The target use-case is loading remotes as child routes, thus always enable routing.
-        routing: true,
-        skipFormat: true,
-    });
-    tasks.push(initTask);
-    // In TS solution setup, update package.json to use simple name instead of scoped name
-    if ((0, internal_3.isUsingTsSolutionSetup)(host)) {
-        const hostPackageJsonPath = (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'package.json');
-        if (host.exists(hostPackageJsonPath)) {
-            (0, devkit_1.updateJson)(host, hostPackageJsonPath, (json) => {
-                json.name = options.projectName;
-                return json;
-            });
-        }
-    }
-    const remotesWithPorts = [];
-    if (schema.remotes) {
-        let remotePort = options.port + 1;
-        for (const remote of schema.remotes) {
-            const remoteName = await (0, normalize_remote_1.normalizeRemoteName)(host, remote, options);
-            remotesWithPorts.push({ name: remoteName, port: remotePort });
-            const remoteTask = await (0, remote_1.default)(host, {
-                name: remote,
-                directory: (0, normalize_remote_1.normalizeRemoteDirectory)(remote, options),
-                style: options.style,
-                unitTestRunner: options.unitTestRunner,
-                e2eTestRunner: options.e2eTestRunner,
-                linter: options.linter,
-                port: remotePort,
-                ssr: options.ssr,
-                skipFormat: true,
-                typescriptConfiguration: options.typescriptConfiguration,
-                js: options.js,
-                dynamic: options.dynamic,
-                host: options.projectName,
-                skipPackageJson: options.skipPackageJson,
-                bundler: options.bundler,
-            });
-            tasks.push(remoteTask);
-            remotePort++;
-        }
-    }
-    (0, add_module_federation_files_1.addModuleFederationFiles)(host, options, remotesWithPorts);
-    (0, update_module_federation_project_1.updateModuleFederationProject)(host, options, true);
-    (0, update_module_federation_e2e_project_1.updateModuleFederationE2eProject)(host, options);
-    (0, update_module_federation_tsconfig_1.updateModuleFederationTsconfig)(host, options);
-    // Add remotes as devDependencies in TS solution setup
-    if ((0, internal_3.isUsingTsSolutionSetup)(host) && remotesWithPorts.length > 0) {
-        addRemotesAsHostDependencies(host, options.projectName, remotesWithPorts);
-    }
-    if (options.ssr) {
-        if (options.bundler !== 'rspack') {
-            const setupSsrTask = await (0, setup_ssr_1.default)(host, {
-                project: options.projectName,
-                serverPort: options.port,
-                skipFormat: true,
-            });
-            tasks.push(setupSsrTask);
-        }
-        const setupSsrForHostTask = await (0, setup_ssr_for_host_1.setupSsrForHost)(host, options, options.projectName, remotesWithPorts);
-        tasks.push(setupSsrForHostTask);
-        const projectConfig = (0, devkit_1.readProjectConfiguration)(host, options.projectName);
-        if (options.bundler !== 'rspack') {
-            projectConfig.targets.server.options.webpackConfig = (0, devkit_1.joinPathFragments)(projectConfig.root, `webpack.server.config.${options.typescriptConfiguration ? 'ts' : 'js'}`);
-        }
-        (0, devkit_1.updateProjectConfiguration)(host, options.projectName, projectConfig);
-    }
-    if (!(0, internal_2.isTypedLintingEnabled)(options)) {
-        host.delete((0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.lint.json'));
-    }
-    (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(host, options.bundler);
-    const installTask = (0, devkit_1.addDependenciesToPackageJson)(host, { '@module-federation/enhanced': versions_1.moduleFederationEnhancedVersion }, {
-        '@nx/web': versions_1.nxVersion,
-        '@nx/module-federation': versions_1.nxVersion,
-        // The webpack path also generates a `serve-static` target running the
-        // `module-federation-static-server` executor, which proxies via express.
-        ...(options.bundler !== 'rspack'
-            ? {
-                express: versions_1.expressVersion,
-                'http-proxy-middleware': versions_1.httpProxyMiddlewareVersion,
-            }
-            : {}),
-    }, undefined, true);
-    tasks.push(installTask);
-    // The TS config templates use extensionless relative imports and
-    // `__dirname`, which Node's native type stripping cannot load.
-    if (options.typescriptConfiguration) {
-        tasks.push((0, internal_3.addSwcRegisterDependencies)(host));
-    }
-    if (!options.skipFormat) {
-        await (0, devkit_1.formatFiles)(host);
-    }
-    return (0, devkit_1.runTasksInSerial)(...tasks);
-}
-function addRemotesAsHostDependencies(tree, hostName, remotes) {
-    const hostConfig = (0, devkit_1.readProjectConfiguration)(tree, hostName);
-    const hostPackageJsonPath = (0, devkit_1.joinPathFragments)(hostConfig.root, 'package.json');
-    if (!tree.exists(hostPackageJsonPath)) {
-        throw new Error(`Host package.json not found at ${hostPackageJsonPath}. ` +
-            `TypeScript solution setup requires package.json for all projects.`);
-    }
-    const packageManager = (0, devkit_1.detectPackageManager)(tree.root);
-    const versionSpec = packageManager === 'npm' ? '*' : 'workspace:*';
-    (0, devkit_1.updateJson)(tree, hostPackageJsonPath, (json) => {
-        json.devDependencies ??= {};
-        for (const remote of remotes) {
-            // Use simple remote name directly to match module-federation.config.ts
-            json.devDependencies[remote.name] = versionSpec;
-        }
-        return json;
-    });
-}
-exports.default = hostGenerator;