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

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

@@ -1,45 +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(), '<%= rspackPluginOptions.outputPath %>', 'browser');
-const serverDist = path.join(process.cwd(), '<%= rspackPluginOptions.outputPath %>', 'server');
-const indexPath = path.join(browserDist, 'index.html');
-
-app.use(cors());
-
-// Client-side static bundles
-app.get(
-  '*.*',
-  express.static(browserDist, {
-    maxAge: '1y',
-  })
-);
-
-// Static bundles for server-side module federation
-app.use('/server',
-  express.static(serverDist, {
-    maxAge: '1y'
-  })
-);
-
-app.use('*', handleRequest(indexPath));
-
-const server = app.listen(port, () => {
-  console.log(`Express server listening on http://localhost:${port}`);
-
-  /**
-   * DO NOT REMOVE IF USING @nx/react:module-federation-dev-ssr executor
-   * to serve your Host application with this Remote application.
-   * This message allows Nx to determine when the Remote is ready to be
-   * consumed by the Host.
-   */
-  process.send?.('nx.server.ready');
-});
-
-server.on('error', console.error);

package/dist/src/generators/remote/files/rspack-module-federation-ssr/src/main.server.tsx__tmpl__

@@ -1,45 +0,0 @@
-import type { Request, Response } from 'express';
-import * as fs from 'fs';
-import * as ReactDOMServer from 'react-dom/server';
-import isbot from 'isbot';
-
-import App from './app/app';
-
-let indexHtml: null | string = null;
-
-export function handleRequest(indexPath: string) {
-  return function render(req: Request, res: Response) {
-    let didError = false;
-
-    if (!indexHtml) {
-      indexHtml = fs.readFileSync(indexPath).toString();
-    }
-
-    const [htmlStart, htmlEnd] = indexHtml.split(`<div id="root"></div>`);
-
-    // For bots (e.g. search engines), the content will not be streamed but render all at once.
-    // For users, content should be streamed to the user as they are ready.
-    const callbackName = isbot(req.headers['user-agent'])
-      ? 'onAllReady'
-      : 'onShellReady';
-
-    const stream = ReactDOMServer.renderToPipeableStream(<App />, {
-      [callbackName]() {
-        res.statusCode = didError ? 500 : 200;
-        res.setHeader('Content-type', 'text/html; charset=utf-8');
-        res.write(`${htmlStart}<div id="root">`);
-        stream.pipe(res);
-        res.write(`</div>${htmlEnd}`);
-      },
-      onShellError(error) {
-        console.error(error);
-        res.statusCode = 500;
-        res.send('<!doctype html><h1>Server Error</h1>');
-      },
-      onError(error) {
-        didError = true;
-        console.error(error);
-      },
-    });
-  };
-}

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

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

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

@@ -1,71 +0,0 @@
-import { NxAppRspackPlugin } from '@nx/rspack/app-plugin.js';
-import { NxReactRspackPlugin } from '@nx/rspack/react-plugin.js';
-import { NxModuleFederationPlugin, NxModuleFederationSSRDevServerPlugin } from '@nx/module-federation/rspack';
-import { join } from 'path';
-
-import browserMfConfig from './module-federation.config';
-import serverMfConfig from './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 }),
-    ],
-};
-
-export default [browserRspackConfig, serverRspackConfig];

package/dist/src/generators/remote/files/rspack-module-federation-ssr-ts/server.ts__tmpl__

@@ -1,45 +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(), '<%= rspackPluginOptions.outputPath %>', 'browser');
-const serverDist = path.join(process.cwd(), '<%= rspackPluginOptions.outputPath %>', 'server');
-const indexPath = path.join(browserDist, 'index.html');
-
-app.use(cors());
-
-// Client-side static bundles
-app.get(
-  '*.*',
-  express.static(browserDist, {
-    maxAge: '1y',
-  })
-);
-
-// Static bundles for server-side module federation
-app.use('/server',
-  express.static(serverDist, {
-    maxAge: '1y'
-  })
-);
-
-app.use('*', handleRequest(indexPath));
-
-const server = app.listen(port, () => {
-  console.log(`Express server listening on http://localhost:${port}`);
-
-  /**
-   * DO NOT REMOVE IF USING @nx/react:module-federation-dev-ssr executor
-   * to serve your Host application with this Remote application.
-   * This message allows Nx to determine when the Remote is ready to be
-   * consumed by the Host.
-   */
-  process.send?.('nx.server.ready');
-});
-
-server.on('error', console.error);

package/dist/src/generators/remote/files/rspack-module-federation-ssr-ts/src/main.server.tsx__tmpl__

@@ -1,45 +0,0 @@
-import type { Request, Response } from 'express';
-import * as fs from 'fs';
-import * as ReactDOMServer from 'react-dom/server';
-import isbot from 'isbot';
-
-import App from './app/app';
-
-let indexHtml: null | string = null;
-
-export function handleRequest(indexPath: string) {
-  return function render(req: Request, res: Response) {
-    let didError = false;
-
-    if (!indexHtml) {
-      indexHtml = fs.readFileSync(indexPath).toString();
-    }
-
-    const [htmlStart, htmlEnd] = indexHtml.split(`<div id="root"></div>`);
-
-    // For bots (e.g. search engines), the content will not be streamed but render all at once.
-    // For users, content should be streamed to the user as they are ready.
-    const callbackName = isbot(req.headers['user-agent'])
-      ? 'onAllReady'
-      : 'onShellReady';
-
-    const stream = ReactDOMServer.renderToPipeableStream(<App />, {
-      [callbackName]() {
-        res.statusCode = didError ? 500 : 200;
-        res.setHeader('Content-type', 'text/html; charset=utf-8');
-        res.write(`${htmlStart}<div id="root">`);
-        stream.pipe(res);
-        res.write(`</div>${htmlEnd}`);
-      },
-      onShellError(error) {
-        console.error(error);
-        res.statusCode = 500;
-        res.send('<!doctype html><h1>Server Error</h1>');
-      },
-      onError(error) {
-        didError = true;
-        console.error(error);
-      },
-    });
-  };
-}

package/dist/src/generators/remote/files/rspack-module-federation-ssr-ts/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",
-    "rspack.config.ts",
-    "rspack.prod.config.ts"
-  ]
-}

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

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

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

@@ -1 +0,0 @@
-export default require('./rspack.config');

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

@@ -1,45 +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 %>,
-    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-ts/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",
-    "rspack.config.ts",
-    "rspack.prod.config.ts"
-  ]
-}

package/dist/src/generators/remote/files/webpack-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/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 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/remote/files/webpack-module-federation/webpack.config.prod.js__tmpl__

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

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

@@ -1,9 +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': '<%= appProjectRoot %>/src/remote-entry.<%= js ? 'js' : 'ts' %>',
-  },
-};

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

@@ -1,45 +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 serverDist = path.join(process.cwd(), '<%= serverBuildOutputPath %>');
-const indexPath = path.join(browserDist, 'index.html');
-
-app.use(cors());
-
-// Client-side static bundles
-app.get(
-  '*.*',
-  express.static(browserDist, {
-    maxAge: '1y',
-  })
-);
-
-// Static bundles for server-side module federation
-app.use('/server',
-  express.static(serverDist, {
-    maxAge: '1y'
-  })
-);
-
-app.use('*', handleRequest(indexPath));
-
-const server = app.listen(port, () => {
-  console.log(`Express server listening on http://localhost:${port}`);
-
-  /**
-   * DO NOT REMOVE IF USING @nx/react:module-federation-dev-ssr executor
-   * to serve your Host application with this Remote application.
-   * This message allows Nx to determine when the Remote is ready to be
-   * consumed by the Host.
-   */
-  process.send?.('nx.server.ready');
-});
-
-server.on('error', console.error);

package/dist/src/generators/remote/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.server.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 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/remote/files/webpack-module-federation-ssr-ts/module-federation.server.config.ts__tmpl__

@@ -1,13 +0,0 @@
-import type {ModuleFederationConfig} from '@nx/module-federation';
-
-const config: ModuleFederationConfig = {
-  name: '<%= projectName %>',
-  exposes: {
-    './Module': '<%= appProjectRoot %>/src/remote-entry.<%= js ? 'js' : 'ts' %>',
-  },
-};
-
-/**
-* Nx requires a default export of the config to allow correct resolution of the module federation graph.
-**/
-export default config;

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

@@ -1,45 +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 serverDist = path.join(process.cwd(), '<%= serverBuildOutputPath %>');
-const indexPath = path.join(browserDist, 'index.html');
-
-app.use(cors());
-
-// Client-side static bundles
-app.get(
-  '*.*',
-  express.static(browserDist, {
-    maxAge: '1y',
-  })
-);
-
-// Static bundles for server-side module federation
-app.use('/server',
-  express.static(serverDist, {
-    maxAge: '1y'
-  })
-);
-
-app.use('*', handleRequest(indexPath));
-
-const server = app.listen(port, () => {
-  console.log(`Express server listening on http://localhost:${port}`);
-
-  /**
-   * DO NOT REMOVE IF USING @nx/react:module-federation-dev-ssr executor
-   * to serve your Host application with this Remote application.
-   * This message allows Nx to determine when the Remote is ready to be
-   * consumed by the Host.
-   */
-  process.send?.('nx.server.ready');
-});
-
-server.on('error', console.error);

package/dist/src/generators/remote/files/webpack-module-federation-ssr-ts/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/remote/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.server.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 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/remote/files/webpack-module-federation-ts/module-federation.config.ts__tmpl__

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

package/dist/src/generators/remote/files/webpack-module-federation-ts/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/remote/files/webpack-module-federation-ts/webpack.config.prod.ts__tmpl__

@@ -1 +0,0 @@
-export default require('./webpack.config');

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

@@ -1,17 +0,0 @@
-import {composePlugins, withNx} from '@nx/webpack';
-import {withReact} from '@nx/react';
-import {withModuleFederation} from '@nx/module-federation/webpack';
-
-import baseConfig from './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 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/remote/lib/add-remote-to-dynamic-host.d.ts

@@ -1,2 +0,0 @@
-import { Tree } from '@nx/devkit';
-export declare function addRemoteToDynamicHost(tree: Tree, remoteName: string, remotePort: number, pathToMfManifest: string): void;