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

package/dist/src/generators/host/lib/add-module-federation-files.d.ts

@@ -1,6 +0,0 @@
-import { Tree } from '@nx/devkit';
-import { NormalizedSchema } from '../schema';
-export declare function addModuleFederationFiles(host: Tree, options: NormalizedSchema, defaultRemoteManifest: {
-    name: string;
-    port: number;
-}[]): void;

package/dist/src/generators/host/lib/add-module-federation-files.js

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addModuleFederationFiles = addModuleFederationFiles;
-const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/js/internal");
-const maybe_js_1 = require("../../../utils/maybe-js");
-const create_application_files_1 = require("../../application/lib/create-application-files");
-const path_1 = require("path");
-function addModuleFederationFiles(host, options, defaultRemoteManifest) {
-    const templateVariables = options.bundler === 'rspack'
-        ? {
-            ...(0, create_application_files_1.getDefaultTemplateVariables)(host, options),
-            rspackPluginOptions: {
-                ...(0, create_application_files_1.createNxRspackPluginOptions)(options, (0, devkit_1.offsetFromRoot)(options.appProjectRoot), false),
-                mainServer: `./server.ts`,
-            },
-            static: !options?.dynamic,
-            remotes: defaultRemoteManifest.map(({ name, port }) => {
-                return {
-                    ...(0, devkit_1.names)(name),
-                    port,
-                };
-            }),
-        }
-        : {
-            ...(0, devkit_1.names)(options.projectName),
-            ...options,
-            static: !options?.dynamic,
-            tmpl: '',
-            remotes: defaultRemoteManifest.map(({ name, port }) => {
-                return {
-                    ...(0, devkit_1.names)(name),
-                    port,
-                };
-            }),
-        };
-    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, options.projectName);
-    const pathToMFManifest = (0, devkit_1.joinPathFragments)((0, internal_1.getProjectSourceRoot)(projectConfig, host), 'assets/module-federation.manifest.json');
-    // Module federation requires bootstrap code to be dynamically imported.
-    // Renaming original entry file so we can use `import(./bootstrap)` in
-    // new entry file.
-    host.rename((0, devkit_1.joinPathFragments)(options.appProjectRoot, (0, maybe_js_1.maybeJs)({ js: options.js, useJsx: options.bundler === 'rspack' }, 'src/main.tsx')), (0, devkit_1.joinPathFragments)(options.appProjectRoot, (0, maybe_js_1.maybeJs)({ js: options.js, useJsx: options.bundler === 'rspack' }, 'src/bootstrap.tsx')));
-    (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, `../files/${options.js
-        ? options.bundler === 'rspack'
-            ? 'rspack-common'
-            : 'common'
-        : 'common-ts'}`), options.appProjectRoot, templateVariables);
-    const pathToModuleFederationFiles = options.typescriptConfiguration
-        ? `${options.bundler === 'rspack' ? 'rspack-' : 'webpack-'}module-federation-ts`
-        : `${options.bundler === 'rspack' ? 'rspack-' : 'webpack-'}module-federation`;
-    // New entry file is created here.
-    (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, `../files/${pathToModuleFederationFiles}`), options.appProjectRoot, templateVariables);
-    function deleteFileIfExists(host, filePath) {
-        if (host.exists(filePath)) {
-            host.delete(filePath);
-        }
-    }
-    function processBundlerConfigFile(options, host, fileName) {
-        const pathToBundlerConfig = (0, devkit_1.joinPathFragments)(options.appProjectRoot, fileName);
-        deleteFileIfExists(host, pathToBundlerConfig);
-    }
-    if (options.typescriptConfiguration) {
-        if (options.bundler === 'rspack') {
-            processBundlerConfigFile(options, host, 'rspack.config.js');
-            processBundlerConfigFile(options, host, 'rspack.config.prod.js');
-        }
-        else {
-            processBundlerConfigFile(options, host, 'webpack.config.js');
-            processBundlerConfigFile(options, host, 'webpack.config.prod.js');
-        }
-        // Delete TypeScript prod config in TS solution setup - not needed in Crystal
-        if ((0, internal_1.isUsingTsSolutionSetup)(host)) {
-            const prodConfigFileName = options.bundler === 'rspack'
-                ? 'rspack.config.prod.ts'
-                : 'webpack.config.prod.ts';
-            processBundlerConfigFile(options, host, prodConfigFileName);
-        }
-    }
-    if (options.dynamic) {
-        processBundlerConfigFile(options, host, 'webpack.config.prod.js');
-        processBundlerConfigFile(options, host, 'webpack.config.prod.ts');
-        processBundlerConfigFile(options, host, 'rspack.config.prod.js');
-        processBundlerConfigFile(options, host, 'rspack.config.prod.ts');
-        if (!host.exists(pathToMFManifest)) {
-            host.write(pathToMFManifest, `{
-        ${defaultRemoteManifest
-                .map(({ name, port }) => `"${name}": "http://localhost:${port}/mf-manifest.json"`)
-                .join(',\n')}
-          }`);
-        }
-    }
-}

package/dist/src/generators/host/lib/normalize-host-name.d.ts

@@ -1,2 +0,0 @@
-import { Tree } from '@nx/devkit';
-export declare function normalizeHostName(tree: Tree, directory: string, name?: string): Promise<string>;

package/dist/src/generators/host/lib/normalize-host-name.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.normalizeHostName = normalizeHostName;
-const internal_1 = require("@nx/devkit/internal");
-async function normalizeHostName(tree, directory, name) {
-    const { projectName } = await (0, internal_1.determineProjectNameAndRootOptions)(tree, {
-        name,
-        directory,
-        projectType: 'application',
-    });
-    return projectName;
-}

package/dist/src/generators/host/lib/setup-ssr-for-host.d.ts

@@ -1,6 +0,0 @@
-import { GeneratorCallback, Tree } from '@nx/devkit';
-import type { NormalizedSchema } from '../schema';
-export declare function setupSsrForHost(tree: Tree, options: NormalizedSchema, appName: string, defaultRemoteManifest: {
-    name: string;
-    port: number;
-}[]): Promise<GeneratorCallback>;

package/dist/src/generators/host/lib/setup-ssr-for-host.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupSsrForHost = setupSsrForHost;
-const devkit_1 = require("@nx/devkit");
-const versions_1 = require("../../../utils/versions");
-const create_application_files_1 = require("../../application/lib/create-application-files");
-async function setupSsrForHost(tree, options, appName, defaultRemoteManifest) {
-    const tasks = [];
-    let project = (0, devkit_1.readProjectConfiguration)(tree, appName);
-    if (options.bundler !== 'rspack') {
-        project.targets.serve.executor =
-            '@nx/react:module-federation-ssr-dev-server';
-        (0, devkit_1.updateProjectConfiguration)(tree, appName, project);
-    }
-    const pathToModuleFederationSsrFiles = options.typescriptConfiguration
-        ? `${options.bundler === 'rspack' ? 'rspack-' : 'webpack-'}module-federation-ssr-ts`
-        : `${options.bundler === 'rspack' ? 'rspack-' : 'webpack-'}module-federation-ssr`;
-    const templateVariables = options.bundler === 'rspack'
-        ? {
-            ...(0, create_application_files_1.getDefaultTemplateVariables)(tree, options),
-            rspackPluginOptions: {
-                ...(0, create_application_files_1.createNxRspackPluginOptions)(options, (0, devkit_1.offsetFromRoot)(options.appProjectRoot), false),
-                mainServer: `./server.ts`,
-            },
-            port: Number(options?.port) || 4200,
-            appName,
-            static: !options?.dynamic,
-            remotes: defaultRemoteManifest.map(({ name, port }) => {
-                return {
-                    ...(0, devkit_1.names)(name),
-                    port,
-                };
-            }),
-        }
-        : {
-            ...options,
-            static: !options?.dynamic,
-            port: Number(options?.port) || 4200,
-            appName,
-            tmpl: '',
-            browserBuildOutputPath: project.targets.build?.options?.outputPath,
-            remotes: defaultRemoteManifest.map(({ name, port }) => {
-                return {
-                    ...(0, devkit_1.names)(name),
-                    port,
-                };
-            }),
-        };
-    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, `../files/${pathToModuleFederationSsrFiles}`), project.root, templateVariables);
-    const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {
-        '@module-federation/node': versions_1.moduleFederationNodeVersion,
-        cors: versions_1.corsVersion,
-        isbot: versions_1.isbotVersion,
-        express: versions_1.expressVersion,
-        '@types/express': versions_1.typesExpressVersion,
-    }, {}, undefined, true);
-    tasks.push(installTask);
-    return (0, devkit_1.runTasksInSerial)(...tasks);
-}

package/dist/src/generators/host/lib/update-module-federation-e2e-project.d.ts

@@ -1,3 +0,0 @@
-import { NormalizedSchema } from '../schema';
-import { Tree } from '@nx/devkit';
-export declare function updateModuleFederationE2eProject(host: Tree, options: NormalizedSchema): void;

package/dist/src/generators/host/lib/update-module-federation-e2e-project.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateModuleFederationE2eProject = updateModuleFederationE2eProject;
-const devkit_1 = require("@nx/devkit");
-function updateModuleFederationE2eProject(host, options) {
-    try {
-        let projectConfig = (0, devkit_1.readProjectConfiguration)(host, options.e2eProjectName);
-        if (projectConfig.targets.e2e.executor !== '@nx/playwright:playwright') {
-            projectConfig.targets.e2e.options = {
-                ...projectConfig.targets.e2e.options,
-                baseUrl: `http://localhost:${options.port}`,
-            };
-            (0, devkit_1.updateProjectConfiguration)(host, options.e2eProjectName, projectConfig);
-        }
-    }
-    catch {
-        // nothing
-    }
-}

package/dist/src/generators/host/lib/update-module-federation-tsconfig.d.ts

@@ -1,3 +0,0 @@
-import { type Tree } from '@nx/devkit';
-import { NormalizedSchema } from '../schema';
-export declare function updateModuleFederationTsconfig(host: Tree, options: NormalizedSchema): void;

package/dist/src/generators/host/lib/update-module-federation-tsconfig.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateModuleFederationTsconfig = updateModuleFederationTsconfig;
-const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/js/internal");
-function updateModuleFederationTsconfig(host, options) {
-    const tsconfigPath = (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.json');
-    const tsconfigRuntimePath = (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json');
-    if (!host.exists(tsconfigPath) || !host.exists(tsconfigRuntimePath))
-        return;
-    if ((0, internal_1.isUsingTsSolutionSetup)(host)) {
-        // Update references to match what `nx sync` does.
-        if (options.remotes?.length) {
-            (0, devkit_1.updateJson)(host, tsconfigPath, (json) => {
-                json.references ??= [];
-                for (const remote of options.remotes) {
-                    const remotePath = `../${remote}`;
-                    if (!json.references.some((ref) => ref.path === remotePath))
-                        json.references.push({ path: remotePath });
-                }
-                return json;
-            });
-            (0, devkit_1.updateJson)(host, tsconfigRuntimePath, (json) => {
-                json.references ??= [];
-                for (const remote of options.remotes) {
-                    const remotePath = `../${remote}/tsconfig.app.json`;
-                    if (!json.references.some((ref) => ref.path === remotePath))
-                        json.references.push({ path: remotePath });
-                }
-                return json;
-            });
-        }
-    }
-}

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

@@ -1,44 +0,0 @@
-import type { LinterType } from '@nx/js';
-import type { SupportedStyles } from '../../../typings/style';
-
-export interface Schema {
-  classComponent?: boolean;
-  compiler?: 'babel' | 'swc';
-  port?: number;
-  /** @deprecated Use {@link Schema.port} instead. This option will be removed in Nx v24. */
-  devServerPort?: number;
-  directory: string;
-  e2eTestRunner: 'cypress' | 'playwright' | 'none';
-  globalCss?: boolean;
-  js?: boolean;
-  linter?: LinterType;
-  name?: string;
-  remotes?: string[];
-  enableTypedLinting?: boolean;
-  /**
-   * @deprecated Use `enableTypedLinting` instead. This option will be removed in Nx v24.
-   */
-  setParserOptionsProject?: boolean;
-  skipFormat?: boolean;
-  skipNxJson?: boolean;
-  skipPackageJson?: boolean;
-  ssr?: boolean;
-  strict?: boolean;
-  style: SupportedStyles;
-  tags?: string;
-  unitTestRunner: 'jest' | 'vitest' | 'none';
-  minimal?: boolean;
-  typescriptConfiguration?: boolean;
-  dynamic?: boolean;
-  addPlugin?: boolean;
-  bundler?: 'rspack' | 'webpack';
-}
-
-export interface NormalizedSchema extends Schema {
-  // `normalizeOptions` always resolves this, so it is no longer optional.
-  linter: LinterType;
-  appProjectRoot: string;
-  e2eProjectName: string;
-  projectName: string;
-  addPlugin?: boolean;
-}

package/dist/src/generators/host/schema.json

@@ -1,173 +0,0 @@
-{
-  "$schema": "https://json-schema.org/schema",
-  "$id": "GeneratorReactHost",
-  "cli": "nx",
-  "title": "Generate Module Federation Setup for React Consumer (Host) App",
-  "description": "Create Module Federation configuration files for given React Consumer (Host) Application.",
-  "type": "object",
-  "properties": {
-    "directory": {
-      "description": "The directory of the new application.",
-      "type": "string",
-      "alias": "dir",
-      "$default": {
-        "$source": "argv",
-        "index": 0
-      },
-      "x-prompt": "Which directory do you want to create the application in?"
-    },
-    "name": {
-      "type": "string",
-      "description": "The name of the Consumer (host) application to generate the Module Federation configuration",
-      "pattern": "^[a-zA-Z][^:]*$",
-      "x-priority": "important"
-    },
-    "style": {
-      "description": "The file extension to be used for style files.",
-      "type": "string",
-      "default": "css",
-      "alias": "s",
-      "enum": ["css", "scss", "none"],
-      "x-prompt": {
-        "message": "Which stylesheet format would you like to use?",
-        "type": "list",
-        "items": [
-          {
-            "value": "css",
-            "label": "CSS"
-          },
-          {
-            "value": "scss",
-            "label": "SASS(.scss)       [ https://sass-lang.com   ]"
-          },
-          {
-            "value": "none",
-            "label": "None"
-          }
-        ]
-      }
-    },
-    "linter": {
-      "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
-      "type": "string",
-      "enum": ["eslint", "oxlint", "none"]
-    },
-    "dynamic": {
-      "type": "boolean",
-      "description": "Should the Consumer (host) application use dynamic federation?",
-      "default": false
-    },
-    "skipFormat": {
-      "description": "Skip formatting files.",
-      "type": "boolean",
-      "default": false,
-      "x-priority": "internal"
-    },
-    "skipNxJson": {
-      "description": "Skip updating nx.json with default options based on values provided to this app (e.g. babel, style).",
-      "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": ["playwright", "cypress", "none"],
-      "description": "Test runner to use for end to end (E2E) tests.",
-      "x-prompt": "Which E2E test runner would you like to use?",
-      "default": "playwright"
-    },
-    "tags": {
-      "type": "string",
-      "description": "Add tags to the application (used for linting).",
-      "alias": "t"
-    },
-    "classComponent": {
-      "type": "boolean",
-      "description": "Use class components instead of functional component.",
-      "alias": "C",
-      "default": false
-    },
-    "js": {
-      "type": "boolean",
-      "description": "Generate JavaScript files rather than TypeScript files.",
-      "default": false
-    },
-    "globalCss": {
-      "type": "boolean",
-      "description": "Default is false. When true, the component is generated with *.css/*.scss instead of *.module.css/*.module.scss",
-      "default": false
-    },
-    "strict": {
-      "type": "boolean",
-      "description": "Creates an application with strict mode and strict type checking",
-      "default": true
-    },
-    "enableTypedLinting": {
-      "type": "boolean",
-      "description": "Whether to enable typed linting. For flat configs, this configures the recommended `parserOptions.projectService` and `tsconfigRootDir`. For legacy `.eslintrc` configs, this configures `parserOptions.project`. We do not enable this by default for lint performance reasons.",
-      "default": false
-    },
-    "setParserOptionsProject": {
-      "type": "boolean",
-      "description": "Deprecated alias for `enableTypedLinting`.",
-      "default": false,
-      "x-deprecated": "Use `enableTypedLinting` instead. This option will be removed in Nx v24."
-    },
-    "compiler": {
-      "type": "string",
-      "description": "The compiler to use",
-      "enum": ["babel", "swc"],
-      "default": "babel"
-    },
-    "remotes": {
-      "type": "array",
-      "description": "A list of Producer (remote) application names that the Consumer (host) application should consume.",
-      "default": [],
-      "x-priority": "important",
-      "alias": "producers"
-    },
-    "port": {
-      "type": "number",
-      "description": "The port at which the Consumer (host) application should be served. Defaults to 4200.",
-      "aliases": ["devServerPort"],
-      "x-priority": "important"
-    },
-    "ssr": {
-      "description": "Whether to configure SSR for the Consumer (host) application",
-      "type": "boolean",
-      "default": false
-    },
-    "minimal": {
-      "description": "Generate a React app with a minimal setup. No nx starter template.",
-      "type": "boolean",
-      "default": false
-    },
-    "typescriptConfiguration": {
-      "type": "boolean",
-      "description": "Whether the module federation configuration and webpack configuration files should use TS. When --js is used, this flag is ignored.",
-      "default": true
-    },
-    "skipPackageJson": {
-      "description": "Do not add dependencies to `package.json`.",
-      "type": "boolean",
-      "default": false,
-      "x-priority": "internal"
-    },
-    "bundler": {
-      "description": "The bundler to use.",
-      "type": "string",
-      "enum": ["rspack", "webpack"],
-      "x-prompt": "Which bundler do you want to use to build the application?",
-      "default": "rspack",
-      "x-priority": "important"
-    }
-  },
-  "required": ["directory"],
-  "additionalProperties": false
-}

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

@@ -1 +0,0 @@
-import('./bootstrap');

package/dist/src/generators/remote/files/common/src/remote-entry.js__tmpl__

@@ -1 +0,0 @@
-export { default } from './app/app';

package/dist/src/generators/remote/files/common-ts/src/main.ts__tmpl__

@@ -1 +0,0 @@
-import('./bootstrap');

package/dist/src/generators/remote/files/common-ts/src/remote-entry.ts__tmpl__

@@ -1 +0,0 @@
-export { default } from './app/app';

package/dist/src/generators/remote/files/rspack-common/src/main.jsx__tmpl__

@@ -1 +0,0 @@
-import('./bootstrap');

package/dist/src/generators/remote/files/rspack-common/src/remote-entry.js__tmpl__

@@ -1 +0,0 @@
-export { default } from './app/app';

package/dist/src/generators/remote/files/rspack-module-federation/module-federation.config.js__tmpl__

@@ -1,12 +0,0 @@
-/**
-* Nx requires a default export of the config to allow correct resolution of the module federation graph.
-**/
-module.exports = {
-  name: '<%= projectName %>',
-  <%_ if (dynamic) { _%>
-  library: { type: 'var', name: '<%= projectName %>'},
-  <%_ } _%>
-  exposes: {
-    './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
-  },
-};

package/dist/src/generators/remote/files/rspack-module-federation/rspack.config.js__tmpl__

@@ -1,45 +0,0 @@
-const { NxAppRspackPlugin } = require('@nx/rspack/app-plugin');
-const { NxReactRspackPlugin } = require('@nx/rspack/react-plugin');
-const { NxModuleFederationPlugin, NxModuleFederationDevServerPlugin } = require('@nx/module-federation/rspack');
-const { join } = require('path');
-
-const config = require('./module-federation.config');
-
-module.exports = {
-  // rspack-cli dev mode defaults this on; it breaks module federation.
-  lazyCompilation: false,
-  output: {
-    path: join(__dirname, '<%= rspackPluginOptions.outputPath %>'),
-    publicPath: 'auto'
-  },
-  devServer: {
-    port: <%= port %>,
-    headers: {
-      "Access-Control-Allow-Origin": "*"
-    },
-    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/remote/files/rspack-module-federation/rspack.config.prod.js__tmpl__

@@ -1 +0,0 @@
-module.exports = require('./rspack.config');

package/dist/src/generators/remote/files/rspack-module-federation-ssr/module-federation.server.config.js__tmpl__

@@ -1,15 +0,0 @@
-/**
-* Nx requires a default export of the config to allow correct resolution of the module federation graph.
-**/
-module.exports = {
-  name: '<%= projectName %>',
-  exposes: {
-    './Module': './src/remote-entry.<%= js ? 'js' : 'ts' %>',
-  },
-  shared: (libraryName, libraryConfig) => {
-      return {
-        ...libraryConfig,
-        eager: true
-      }
-    },
-};

package/dist/src/generators/remote/files/rspack-module-federation-ssr/rspack.config.js__tmpl__

@@ -1,71 +0,0 @@
-const { NxAppRspackPlugin } = require('@nx/rspack/app-plugin');
-const { NxReactRspackPlugin } = require('@nx/rspack/react-plugin');
-const { NxModuleFederationPlugin, NxModuleFederationSSRDevServerPlugin } = require('@nx/module-federation/rspack');
-const { join } = require('path');
-
-const browserMfConfig = require('./module-federation.config');
-const serverMfConfig = require('./module-federation.server.config');
-
-const browserRspackConfig = {
-  name: 'browser',
-  // rspack-cli dev mode defaults this on; it breaks module federation.
-  lazyCompilation: false,
-  output: {
-    path: join(__dirname, '<%= rspackPluginOptions.outputPath %>', 'browser'),
-    publicPath: 'auto'
-  },
-  devServer: {
-    port: <%= port %>,
-    headers: {
-      "Access-Control-Allow-Origin": "*"
-    },
-    historyApiFallback: {
-      index: '/index.html',
-      disableDotRule: true,
-      htmlAcceptHeaders: ['text/html', 'application/xhtml+xml'],
-    },
-    devMiddleware: {
-      writeToDisk: (file: string) => !file.includes('.hot-update.'),
-    },
-  },
-  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: browserMfConfig }, { dts: false }),
-  ],
-};
-
-const serverRspackConfig = {
-  name: 'server',
-    target: 'async-node',
-    output: {
-      path: join(__dirname, '<%= rspackPluginOptions.outputPath %>', 'server'),
-      filename: 'server.js'
-    },
-    plugins: [
-      new NxAppRspackPlugin({
-        outputPath: join(__dirname, '<%= rspackPluginOptions.outputPath %>', 'server'),
-        outputFileName: 'server.js',
-        tsConfig: '<%= rspackPluginOptions.tsConfig %>',
-        main: '<%= rspackPluginOptions.mainServer %>',
-        baseHref: '<%= rspackPluginOptions.baseHref %>',
-      }),
-      new NxModuleFederationPlugin({ config: serverMfConfig, isServer: true }, { dts: false }),
-      new NxModuleFederationSSRDevServerPlugin({ config: serverMfConfig }),
-    ],
-};
-
-module.exports = [browserRspackConfig, serverRspackConfig];