@nx/react 23.0.0-pr.35413.460eeef → 23.0.0-rc.0

package/{src → dist/src}/generators/library/library.js

@@ -3,14 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.libraryGenerator = libraryGenerator;
 exports.libraryGeneratorInternal = libraryGeneratorInternal;
 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 devkit_1 = require("@nx/devkit");
-const artifact_name_and_directory_utils_1 = require("@nx/devkit/src/generators/artifact-name-and-directory-utils");
-const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
 const js_1 = require("@nx/js");
 const path_1 = require("path");
-const add_release_config_1 = require("@nx/js/src/generators/library/utils/add-release-config");
-const sort_fields_1 = require("@nx/js/src/utils/package-json/sort-fields");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_2 = require("@nx/js/internal");
 const create_ts_config_1 = require("../../utils/create-ts-config");
 const jest_utils_1 = require("../../utils/jest-utils");
 const maybe_js_1 = require("../../utils/maybe-js");
@@ -33,8 +31,9 @@ async function libraryGenerator(host, schema) {
     });
 }
 async function libraryGeneratorInternal(host, schema) {
+    (0, assert_supported_react_version_1.assertSupportedReactVersion)(host);
     const tasks = [];
-    const addTsPlugin = (0, ts_solution_setup_1.shouldConfigureTsSolutionSetup)(host, schema.addPlugin);
+    const addTsPlugin = (0, internal_2.shouldConfigureTsSolutionSetup)(host, schema.addPlugin);
     const jsInitTask = await (0, js_1.initGenerator)(host, {
         ...schema,
         addTsPlugin,
@@ -85,7 +84,7 @@ async function libraryGeneratorInternal(host, schema) {
     }
     (0, create_files_1.createFiles)(host, options);
     if (options.isUsingTsSolutionConfig) {
-        await (0, ts_solution_setup_1.addProjectToTsSolutionWorkspace)(host, options.projectRoot);
+        await (0, internal_2.addProjectToTsSolutionWorkspace)(host, options.projectRoot);
     }
     const lintTask = await (0, add_linting_1.addLinting)(host, options);
     tasks.push(lintTask);
@@ -110,7 +109,7 @@ async function libraryGeneratorInternal(host, schema) {
             includeLib: true,
             includeVitest: options.unitTestRunner === 'vitest',
             inSourceTests: options.inSourceTests,
-            rollupOptionsExternal: [
+            rolldownOptionsExternal: [
                 "'react'",
                 "'react-dom'",
                 "'react/jsx-runtime'",
@@ -152,7 +151,7 @@ async function libraryGeneratorInternal(host, schema) {
     ) {
         const { createOrEditViteConfig } = (0, devkit_1.ensurePackage)('@nx/vite', versions_1.nxVersion);
         (0, devkit_1.ensurePackage)('@nx/vitest', versions_1.nxVersion);
-        const { configurationGenerator } = await Promise.resolve().then(() => tslib_1.__importStar(require('@nx/vitest/generators')));
+        const { configurationGenerator, } = require('@nx/vitest/generators');
         const vitestTask = await configurationGenerator(host, {
             uiFramework: 'react',
             project: options.name,
@@ -169,7 +168,7 @@ async function libraryGeneratorInternal(host, schema) {
             includeLib: true,
             includeVitest: true,
             inSourceTests: options.inSourceTests,
-            rollupOptionsExternal: [
+            rolldownOptionsExternal: [
                 "'react'",
                 "'react-dom'",
                 "'react/jsx-runtime'",
@@ -184,8 +183,8 @@ async function libraryGeneratorInternal(host, schema) {
         }, true);
     }
     if (options.component) {
-        const relativeCwd = (0, artifact_name_and_directory_utils_1.getRelativeCwd)();
-        const path = (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/lib', options.fileName);
+        const relativeCwd = (0, internal_1.getRelativeCwd)();
+        const path = (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/lib', options.js ? `${options.fileName}.js` : options.fileName);
         const componentTask = await (0, component_1.default)(host, {
             path: relativeCwd ? (0, path_1.relative)(relativeCwd, path) : path,
             style: options.style,
@@ -193,7 +192,6 @@ async function libraryGeneratorInternal(host, schema) {
                 (options.unitTestRunner === 'vitest' && options.inSourceTests == true),
             export: true,
             routing: options.routing,
-            js: options.js,
             name: options.name,
             inSourceTests: options.inSourceTests,
             skipFormat: true,
@@ -204,14 +202,14 @@ async function libraryGeneratorInternal(host, schema) {
     if (options.publishable) {
         const projectConfiguration = (0, devkit_1.readProjectConfiguration)(host, options.name);
         if (options.isUsingTsSolutionConfig) {
-            await (0, add_release_config_1.addReleaseConfigForTsSolution)(host, options.name, projectConfiguration);
+            await (0, internal_2.addReleaseConfigForTsSolution)(host, options.name, projectConfiguration);
         }
         else {
             const nxJson = (0, devkit_1.readNxJson)(host);
-            await (0, add_release_config_1.addReleaseConfigForNonTsSolution)(host, options.name, projectConfiguration);
+            await (0, internal_2.addReleaseConfigForNonTsSolution)(host, options.name, projectConfiguration);
         }
         (0, devkit_1.updateProjectConfiguration)(host, options.name, projectConfiguration);
-        tasks.push(await (0, add_release_config_1.releaseTasks)(host));
+        tasks.push(await (0, internal_2.releaseTasks)(host));
     }
     if (!options.skipPackageJson) {
         const installReactTask = await (0, install_common_dependencies_1.installCommonDependencies)(host, options);
@@ -226,14 +224,14 @@ async function libraryGeneratorInternal(host, schema) {
             (0, maybe_js_1.maybeJs)(options, (0, devkit_1.joinPathFragments)(options.projectRoot, './src/index.ts')),
         ]);
     }
-    (0, ts_solution_setup_1.updateTsconfigFiles)(host, options.projectRoot, 'tsconfig.lib.json', {
+    (0, internal_2.updateTsconfigFiles)(host, options.projectRoot, 'tsconfig.lib.json', {
         jsx: 'react-jsx',
         module: 'esnext',
         moduleResolution: 'bundler',
     }, options.linter === 'eslint'
         ? ['eslint.config.js', 'eslint.config.cjs', 'eslint.config.mjs']
         : undefined);
-    (0, sort_fields_1.sortPackageJsonFields)(host, options.projectRoot);
+    (0, internal_2.sortPackageJsonFields)(host, options.projectRoot);
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(host);
     }
@@ -242,7 +240,7 @@ async function libraryGeneratorInternal(host, schema) {
         tasks.push(() => (0, devkit_1.installPackagesTask)(host, true));
     }
     tasks.push(() => {
-        (0, log_show_project_command_1.logShowProjectCommand)(options.name);
+        (0, internal_1.logShowProjectCommand)(options.name);
     });
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }

package/{src → dist/src}/generators/library/schema.json

@@ -36,6 +36,7 @@
       "type": "string",
       "default": "css",
       "alias": "s",
+      "enum": ["css", "scss", "none"],
       "x-prompt": {
         "message": "Which stylesheet format would you like to use?",
         "type": "list",
@@ -46,27 +47,7 @@
           },
           {
             "value": "scss",
-            "label": "SASS(.scss)       [ https://sass-lang.com          ]"
-          },
-          {
-            "value": "less",
-            "label": "LESS              [ https://lesscss.org            ]"
-          },
-          {
-            "value": "tailwind",
-            "label": "tailwind          [ https://tailwindcss.com/       ]"
-          },
-          {
-            "value": "styled-components",
-            "label": "styled-components [ https://styled-components.com ]"
-          },
-          {
-            "value": "@emotion/styled",
-            "label": "emotion           [ https://emotion.sh            ]"
-          },
-          {
-            "value": "styled-jsx",
-            "label": "styled-jsx        [ https://www.npmjs.com/package/styled-jsx ]"
+            "label": "SASS(.scss)       [ https://sass-lang.com   ]"
           },
           {
             "value": "none",

package/dist/src/generators/provider/files/_common/src/__componentName__.tsx__tmpl__

@@ -0,0 +1,11 @@
+// Exposed by the federation plugin as '<%= projectName %>/<%= exposeName %>'.
+// Consumers render it lazily via `lazyProvider('<%= projectName %>', '<%= exposeName %>')`.
+export function <%= componentName %>() {
+  return (
+    <section data-testid="<%= projectName %>">
+      <h1>Hello from <%= projectName %></h1>
+    </section>
+  );
+}
+
+export default <%= componentName %>;

package/dist/src/generators/provider/files/_common/src/bootstrap.tsx__tmpl__

@@ -0,0 +1,12 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { <%= componentName %> } from './<%= componentName %>';
+
+const container = document.getElementById('root');
+if (!container) throw new Error('#root element not found');
+
+createRoot(container).render(
+  <StrictMode>
+    <<%= componentName %> />
+  </StrictMode>
+);

package/dist/src/generators/provider/files/_common/src/index.ts__tmpl__

@@ -0,0 +1,5 @@
+// Indirection required by Module Federation: the federation runtime must boot
+// before any shared dependency (React, react-dom, etc.) is evaluated. Dynamic
+// `import('./bootstrap')` defers the real entry until federation is ready.
+import('./bootstrap');
+export {};

package/dist/src/generators/provider/files/_common/tsconfig.json__tmpl__

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "include": ["src"]
+}

package/dist/src/generators/provider/files/rsbuild/index.html__tmpl__

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title><%= projectName %> (standalone)</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <!-- Rsbuild's html plugin injects the entry script automatically. -->
+  </body>
+</html>

package/dist/src/generators/provider/files/rsbuild/package.json__tmpl__

@@ -0,0 +1,22 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "rsbuild dev --port <%= port %>",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview --port <%= port %>"
+  },
+  "dependencies": {
+    "react": "<%= versions.reactVersion %>",
+    "react-dom": "<%= versions.reactDomVersion %>"
+  },
+  "devDependencies": {
+    "@module-federation/rsbuild-plugin": "<%= versions.moduleFederationRsbuildPluginVersion %>",
+    "@rsbuild/core": "<%= versions.rsbuildCoreVersion %>",
+    "@rsbuild/plugin-react": "<%= versions.rsbuildPluginReactVersion %>",
+    "@types/react": "<%= versions.typesReactVersion %>",
+    "@types/react-dom": "<%= versions.typesReactDomVersion %>",
+    "typescript": "<%= versions.typescriptVersion %>"
+  }
+}

package/dist/src/generators/provider/files/rsbuild/rsbuild.config.ts__tmpl__

@@ -0,0 +1,31 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';
+
+const PORT = <%= port %>;
+const NAME = '<%= federationName %>';
+
+export default defineConfig({
+  server: {
+    port: PORT,
+    // Allow cross-origin fetches from a consumer on a different port.
+    headers: { 'Access-Control-Allow-Origin': '*' },
+  },
+  // assetPrefix:true tells rsbuild to emit chunks with the dev-server URL as
+  // their public path. Without it a consumer on a different port asks its
+  // own origin for the federated chunks and gets the SPA-fallback HTML.
+  dev: { assetPrefix: true },
+  html: { template: './index.html' },
+  source: { entry: { index: './src/index.ts' } },
+  plugins: [
+    pluginReact(),
+    pluginModuleFederation({
+      name: NAME,
+      filename: 'remoteEntry.js',
+      exposes: {
+        './<%= exposeName %>': './src/<%= componentName %>.tsx',
+      },
+      shared: ['react', 'react-dom'],
+    }),
+  ],
+});

package/dist/src/generators/provider/files/rspack/index.html__tmpl__

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title><%= projectName %> (standalone)</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <!-- HtmlRspackPlugin injects the entry script automatically; do not add it here. -->
+  </body>
+</html>

package/dist/src/generators/provider/files/rspack/package.json__tmpl__

@@ -0,0 +1,22 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "rspack serve --mode=development",
+    "build": "rspack build --mode=production"
+  },
+  "dependencies": {
+    "@module-federation/enhanced": "<%= versions.moduleFederationEnhancedVersion %>",
+    "react": "<%= versions.reactVersion %>",
+    "react-dom": "<%= versions.reactDomVersion %>"
+  },
+  "devDependencies": {
+    "@rspack/cli": "<%= versions.rspackCliVersion %>",
+    "@rspack/core": "<%= versions.rspackCoreVersion %>",
+    "@rspack/dev-server": "<%= versions.rspackDevServerVersion %>",
+    "@types/react": "<%= versions.typesReactVersion %>",
+    "@types/react-dom": "<%= versions.typesReactDomVersion %>",
+    "typescript": "<%= versions.typescriptVersion %>"
+  }
+}

package/dist/src/generators/provider/files/rspack/rspack.config.ts__tmpl__

@@ -0,0 +1,69 @@
+import { defineConfig } from '@rspack/cli';
+import { rspack } from '@rspack/core';
+import { ModuleFederationPlugin } from '@module-federation/enhanced/rspack';
+import * as path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+// __dirname is undefined when @rspack/cli loads this config as ESM (it
+// does, because the file uses `import` statements). Derive it from the
+// module URL so the config works regardless of how the loader interprets it.
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const PORT = <%= port %>;
+const NAME = '<%= federationName %>';
+
+// Read mode from the rspack CLI arg (`--mode=development|production`) so the
+// config works the same on Windows + POSIX without depending on a shell
+// `NODE_ENV=...` prefix.
+export default defineConfig((_env, argv) => {
+  const isDev = argv.mode !== 'production';
+  return {
+    context: __dirname,
+    entry: { main: './src/index.ts' },
+    output: {
+      path: path.resolve(__dirname, 'dist'),
+      publicPath: 'auto',
+      uniqueName: NAME,
+      clean: true,
+    },
+    devServer: {
+      port: PORT,
+      historyApiFallback: true,
+      hot: true,
+      headers: { 'Access-Control-Allow-Origin': '*' },
+    },
+    resolve: { extensions: ['...', '.ts', '.tsx', '.jsx'] },
+    module: {
+      rules: [
+        {
+          test: /\.(j|t)sx?$/,
+          exclude: [/node_modules/],
+          use: {
+            loader: 'builtin:swc-loader',
+            options: {
+              jsc: {
+                parser: { syntax: 'typescript', tsx: true },
+                transform: { react: { runtime: 'automatic', development: isDev } },
+              },
+              env: { targets: 'Chrome >= 87, Firefox >= 78, Edge >= 88, Safari >= 14' },
+            },
+          },
+        },
+      ],
+    },
+    plugins: [
+      // excludeChunks is REQUIRED on a provider: without it the federation
+      // remoteEntry chunk gets injected into the standalone HTML and breaks
+      // direct serves.
+      new rspack.HtmlRspackPlugin({ template: './index.html', excludeChunks: [NAME] }),
+      new ModuleFederationPlugin({
+        name: NAME,
+        filename: 'remoteEntry.js',
+        exposes: {
+          './<%= exposeName %>': './src/<%= componentName %>.tsx',
+        },
+        shared: ['react', 'react-dom'],
+      }),
+    ],
+  };
+});

package/dist/src/generators/provider/files/vite/index.html__tmpl__

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <title><%= projectName %> (standalone)</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.ts"></script>
+  </body>
+</html>

package/dist/src/generators/provider/files/vite/package.json__tmpl__

@@ -0,0 +1,23 @@
+{
+  "name": "<%= projectName %>",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port <%= port %> --strictPort",
+    "build": "vite build",
+    "preview": "vite preview --port <%= port %> --strictPort"
+  },
+  "dependencies": {
+    "react": "<%= versions.reactVersion %>",
+    "react-dom": "<%= versions.reactDomVersion %>"
+  },
+  "devDependencies": {
+    "@module-federation/vite": "<%= versions.moduleFederationVitePluginVersion %>",
+    "@types/react": "<%= versions.typesReactVersion %>",
+    "@types/react-dom": "<%= versions.typesReactDomVersion %>",
+    "@vitejs/plugin-react": "<%= versions.vitejsPluginReactVersion %>",
+    "typescript": "<%= versions.typescriptVersion %>",
+    "vite": "<%= versions.viteVersion %>"
+  }
+}

package/dist/src/generators/provider/files/vite/vite.config.ts__tmpl__

@@ -0,0 +1,37 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { federation } from '@module-federation/vite';
+
+// Port deliberately avoids 5000 (macOS AirTunes binds it on 0.0.0.0, leading
+// to silent EADDRINUSE on 127.0.0.1). Override `--port` only if 5000+ is free.
+const PORT = <%= port %>;
+
+export default defineConfig({
+  server: {
+    port: PORT,
+    strictPort: true,
+    origin: `http://localhost:${PORT}`,
+    host: '127.0.0.1',
+    // Allow cross-origin fetches of mf-manifest.json + chunks from a consumer
+    // running on a different port. Vite 8 narrows the default CORS allowlist
+    // to specific localhost patterns; setting `cors: true` emits a wildcard
+    // `Access-Control-Allow-Origin: *` for dev which is what federation needs.
+    cors: true,
+  },
+  preview: { port: PORT, strictPort: true, cors: true },
+  build: { target: 'chrome89' },
+  plugins: [
+    federation({
+      name: '<%= federationName %>',
+      filename: 'remoteEntry.js',
+      exposes: {
+        './<%= exposeName %>': './src/<%= componentName %>.tsx',
+      },
+      shared: {
+        react: { singleton: true },
+        'react-dom': { singleton: true },
+      },
+    }),
+    react(),
+  ],
+});

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

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

package/dist/src/generators/provider/provider.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.providerGenerator = providerGenerator;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const assert_supported_react_version_1 = require("../../utils/assert-supported-react-version");
+const versions_1 = require("@nx/js/src/utils/versions");
+const versions_2 = require("../../utils/versions");
+const mfVersions = tslib_1.__importStar(require("../_utils/mf-versions"));
+const mf_dependencies_1 = require("../_utils/mf-dependencies");
+const normalize_1 = require("../_utils/normalize");
+// `--mode=...` is rspack's portable equivalent of `NODE_ENV=...` and works on
+// Windows without a shell prefix.
+const BUNDLER_DEV_COMMAND = {
+    vite: 'vite',
+    rsbuild: 'rsbuild dev',
+    rspack: 'rspack serve --mode=development',
+};
+const BUNDLER_BUILD_COMMAND = {
+    vite: 'vite build',
+    rsbuild: 'rsbuild build',
+    rspack: 'rspack build --mode=production',
+};
+async function providerGenerator(tree, schema) {
+    (0, assert_supported_react_version_1.assertSupportedReactVersion)(tree);
+    const opts = await (0, normalize_1.normalizeScaffoldOptions)(tree, {
+        directory: schema.directory,
+        surface: 'provider',
+        bundler: schema.bundler,
+        port: schema.port,
+    });
+    // `exposeName` is the public MF expose key (consumers reference
+    // `<provider>/<exposeName>`) and may be kebab-case, e.g. `cart-widget`.
+    // `componentName` is the PascalCase identifier used for the React function
+    // and its filename, since `export function cart-widget()` would be invalid.
+    const exposeName = schema.exposeName?.trim() || 'App';
+    const componentName = (0, devkit_1.names)(exposeName).className;
+    // `dependsOn` on a `continuous: true` target lets nx spin up the consumer
+    // alongside the provider - matches the deprecated host/remote 'serve a
+    // remote, host comes along' UX. Only wired when --consumer is set (e.g.
+    // when the consumer generator scaffolds this provider).
+    const serveTarget = {
+        executor: 'nx:run-commands',
+        continuous: true,
+        options: {
+            command: BUNDLER_DEV_COMMAND[opts.bundler],
+            cwd: opts.projectRoot,
+        },
+    };
+    if (schema.consumer) {
+        serveTarget.dependsOn = [`${schema.consumer}:serve`];
+    }
+    (0, devkit_1.addProjectConfiguration)(tree, opts.projectName, {
+        root: opts.projectRoot,
+        sourceRoot: (0, devkit_1.joinPathFragments)(opts.projectRoot, 'src'),
+        projectType: 'application',
+        targets: {
+            serve: serveTarget,
+            build: {
+                executor: 'nx:run-commands',
+                options: {
+                    command: BUNDLER_BUILD_COMMAND[opts.bundler],
+                    cwd: opts.projectRoot,
+                },
+            },
+        },
+    });
+    const templateSubstitutions = {
+        projectName: opts.projectName,
+        federationName: opts.federationName,
+        port: opts.port,
+        exposeName,
+        componentName,
+        versions: {
+            ...mfVersions,
+            reactVersion: versions_2.reactVersion,
+            reactDomVersion: versions_2.reactDomVersion,
+            typesReactVersion: versions_2.typesReactVersion,
+            typesReactDomVersion: versions_2.typesReactDomVersion,
+            typescriptVersion: versions_1.typescriptVersion,
+        },
+        tmpl: '',
+    };
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files', '_common'), opts.projectRoot, templateSubstitutions);
+    (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files', opts.bundler), opts.projectRoot, templateSubstitutions);
+    // Write deps into the workspace root package.json so bare bundler bins
+    // resolve when nx invokes the generated run-commands serve target. The
+    // per-project package.json template still ships for pnpm-workspace setups.
+    const deps = (0, mf_dependencies_1.getProviderDeps)(opts.bundler);
+    const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, deps.dependencies, deps.devDependencies, undefined, true);
+    await (0, devkit_1.formatFiles)(tree);
+    return (0, devkit_1.runTasksInSerial)(installTask);
+}
+exports.default = providerGenerator;

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

@@ -0,0 +1,9 @@
+import type { SupportedBundler } from '../_utils/normalize';
+
+export interface ProviderGeneratorSchema {
+  directory: string;
+  bundler?: SupportedBundler;
+  port?: number;
+  exposeName?: string;
+  consumer?: string;
+}

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

@@ -0,0 +1,46 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "$id": "NxReactProvider",
+  "title": "Create a Module Federation provider",
+  "description": "Scaffold a React Module Federation provider that exposes a federated component. The bundler is selected at generation time; the generated project has no Nx-wrapped bundler config.",
+  "cli": "nx",
+  "type": "object",
+  "properties": {
+    "directory": {
+      "type": "string",
+      "description": "Directory the provider is generated in, e.g. `apps/my-provider`. The project name (also used as the federation `name`, with hyphens converted to underscores) is inferred from the trailing path segment.",
+      "alias": "dir",
+      "$default": { "$source": "argv", "index": 0 },
+      "x-prompt": "Which directory do you want to create the provider in?"
+    },
+    "bundler": {
+      "type": "string",
+      "description": "Bundler used by the provider. The choice is final - the bundler config is too different to switch later.",
+      "enum": ["vite", "rsbuild", "rspack"],
+      "default": "vite",
+      "x-prompt": {
+        "message": "Which bundler should the provider use?",
+        "type": "list",
+        "items": [
+          { "value": "vite", "label": "Vite (default)" },
+          { "value": "rsbuild", "label": "Rsbuild" },
+          { "value": "rspack", "label": "Rspack" }
+        ]
+      }
+    },
+    "port": {
+      "type": "number",
+      "description": "Dev-server port the provider listens on. Defaults to a non-5000 port to avoid the macOS AirTunes collision on Vite."
+    },
+    "exposeName": {
+      "type": "string",
+      "description": "Name under which the federated component is exposed (consumers reference `<name>/<exposeName>`).",
+      "default": "App"
+    },
+    "consumer": {
+      "type": "string",
+      "description": "Name of a consumer project whose `serve` target this provider should depend on. When set, `nx serve <provider>` also spins up the consumer (the 'serve a remote, host comes along' UX from the deprecated host/remote generators). Set automatically when the provider is generated as part of `@nx/react:consumer --providerNames=...`."
+    }
+  },
+  "required": ["directory"]
+}

package/{src → dist/src}/generators/redux/redux.d.ts

@@ -2,4 +2,3 @@ import { Tree } from '@nx/devkit';
 import { Schema } from './schema';
 export declare function reduxGenerator(host: Tree, schema: Schema): Promise<import("@nx/devkit").GeneratorCallback>;
 export default reduxGenerator;
-//# sourceMappingURL=redux.d.ts.map