@nx/react 24.0.0-beta.1 → 24.0.0-beta.3

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"
-  ]
-}

package/dist/src/generators/host/files/common-ts/src/app/__fileName__.tsx__tmpl__

@@ -1,41 +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-ts/src/main.ts__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/rspack-common/src/app/__fileName__.jsx__tmpl__

@@ -1,42 +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/rspack-common/src/main.jsx__tmpl__

@@ -1,13 +0,0 @@
-<%_ if (dynamic) { _%>
-import { init } 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) => init({ name: '<%= projectName %>', remotes }))
-.then(() =>  import('./bootstrap').catch(err => console.error(err)));
-<%_ } else { _%>
-import('./bootstrap').catch(err => console.error(err));
-<%_ } _%>

package/dist/src/generators/host/files/rspack-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"
-  ]
-}

package/dist/src/generators/host/files/rspack-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/rspack-module-federation/rspack.config.js__tmpl__

@@ -1,42 +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 %>,
-    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/rspack-module-federation/rspack.config.prod.js__tmpl__

@@ -1,66 +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 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 %>/'],
-		<%_ }); _%>
-	],
-};
-
-module.exports = {
-  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-ssr/module-federation.server.config.js__tmpl__

@@ -1,27 +0,0 @@
-// @ts-check
-
-/**
- * @type {import('@nx/module-federation').ModuleFederationConfig}
- **/
-const moduleFederationConfig = {
-    name: '<%= projectName %>',
-    remotes: [
-      <%_ if (static) { 
-        remotes.forEach(function(r) { _%> 
-      "<%= r.fileName %>",
-        <%_ }); 
-      }
-    _%>
-  ],
-    shared: (libraryName, libraryConfig) => {
-        return {
-            ...libraryConfig,
-            eager: true
-        }
-   },
-};
-
-/**
-* 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/rspack-module-federation-ssr/rspack.config.js__tmpl__

@@ -1,68 +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 %>,
-    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];