@nx/react 23.0.0-pr.35465.2bc2643 → 23.0.0-rc.1

package/{src → dist/src}/utils/create-ts-config.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTsConfig = createTsConfig;
 exports.extractTsConfigBase = extractTsConfigBase;
 const tslib_1 = require("tslib");
-const shared = tslib_1.__importStar(require("@nx/js/src/utils/typescript/create-ts-config"));
+const shared = tslib_1.__importStar(require("@nx/js"));
 const json_1 = require("nx/src/generators/utils/json");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/js/internal");
 function createTsConfig(host, projectRoot, type, options, relativePathToRootTsConfig) {
-    if ((0, ts_solution_setup_1.isUsingTsSolutionSetup)(host)) {
+    if ((0, internal_1.isUsingTsSolutionSetup)(host)) {
         createTsConfigForTsSolution(host, projectRoot, type, options, relativePathToRootTsConfig);
     }
     else {
@@ -54,10 +54,6 @@ function createTsConfigForTsSolution(host, projectRoot, type, options, relativeP
                 types.add('vite/client');
                 json.compilerOptions.types = Array.from(types);
             }
-            if (options.style === '@emotion/styled') {
-                json.compilerOptions ??= {};
-                json.compilerOptions.jsxImportSource = '@emotion/react';
-            }
             return json;
         });
     }
@@ -79,9 +75,6 @@ function createTsConfigForNonTsSolution(host, projectRoot, type, options, relati
             },
         ],
     };
-    if (options.style === '@emotion/styled') {
-        json.compilerOptions.jsxImportSource = '@emotion/react';
-    }
     if (options.bundler === 'vite') {
         json.compilerOptions.types =
             options.unitTestRunner === 'vitest'

package/{src → dist/src}/utils/ct-utils.d.ts

@@ -1,5 +1,5 @@
 import { Tree } from '@nx/devkit';
-import { type FoundTarget } from '@nx/cypress/src/utils/find-target-options';
+import { type FoundTarget } from '@nx/cypress/internal';
 export declare function configureCypressCT(tree: Tree, options: {
     project: string;
     buildTarget: string;
@@ -12,4 +12,3 @@ export declare function getActualBundler(tree: Tree, options: {
     bundler?: 'vite' | 'webpack';
 }, found: FoundTarget): Promise<"webpack" | "vite">;
 export declare function isComponent(tree: Tree, filePath: string): boolean;
-//# sourceMappingURL=ct-utils.d.ts.map

package/{src → dist/src}/utils/ct-utils.js

@@ -1,44 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.configureCypressCT = configureCypressCT;
 exports.getBundlerFromTarget = getBundlerFromTarget;
 exports.getActualBundler = getActualBundler;
 exports.isComponent = isComponent;
 const devkit_1 = require("@nx/devkit");
-const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+const internal_1 = require("@nx/js/internal");
 const ast_utils_1 = require("./ast-utils");
 let tsModule;
 const allowedFileExt = new RegExp(/\.[jt]sx?/);
@@ -48,7 +15,7 @@ async function configureCypressCT(tree, options) {
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     // Specifically undefined as a workaround for Remix to pass an empty string as the buildTarget
     if (options.buildTarget === undefined) {
-        const { findBuildConfig } = await Promise.resolve().then(() => __importStar(require('@nx/cypress/src/utils/find-target-options')));
+        const { findBuildConfig, } = require('@nx/cypress/internal');
         found = await findBuildConfig(tree, {
             project: options.project,
             buildTarget: options.buildTarget,
@@ -65,7 +32,7 @@ async function configureCypressCT(tree, options) {
             throw new Error(`Cypress Component Testing is not currently supported for this project. Either 'executer' is not defined in '${target} target' of '${project} project.json' or executer present is not valid one. Valid ones are ${JSON.stringify([...options.validExecutorNames])}. Please check https://github.com/nrwl/nx/issues/21546 for more information.`);
         }
     }
-    const { addDefaultCTConfig, getProjectCypressConfigPath } = await Promise.resolve().then(() => __importStar(require('@nx/cypress/src/utils/config')));
+    const { addDefaultCTConfig, getProjectCypressConfigPath, } = require('@nx/cypress/internal');
     const ctConfigOptions = {
         bundler: options.bundler ?? (await getActualBundler(tree, options, found)),
     };
@@ -82,8 +49,8 @@ async function configureCypressCT(tree, options) {
         ctConfigOptions.buildTarget = found.target;
     }
     const cypressConfigFilePath = getProjectCypressConfigPath(tree, projectConfig.root);
-    const updatedCyConfig = await addDefaultCTConfig(tree.read(cypressConfigFilePath, 'utf-8'), ctConfigOptions);
-    tree.write(cypressConfigFilePath, `import { nxComponentTestingPreset } from '@nx/react/plugins/component-testing';\n${updatedCyConfig}`);
+    const updatedCyConfig = await addDefaultCTConfig(tree.read(cypressConfigFilePath, 'utf-8'), ctConfigOptions, '@nx/react/plugins/component-testing');
+    tree.write(cypressConfigFilePath, updatedCyConfig);
     return found;
 }
 function assertValidConfig(config) {
@@ -109,7 +76,7 @@ async function getActualBundler(tree, options, found) {
 }
 function isComponent(tree, filePath) {
     if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+        tsModule = (0, internal_1.ensureTypescript)();
     }
     if (isSpecFile.test(filePath) || !allowedFileExt.test(filePath)) {
         return false;

package/{src → dist/src}/utils/dependencies.d.ts

@@ -5,4 +5,3 @@ export interface PackageDependencies {
 export interface DependencyEntries {
     [module: string]: string;
 }
-//# sourceMappingURL=dependencies.d.ts.map

package/dist/src/utils/deprecation.d.ts

@@ -0,0 +1,3 @@
+export declare const REACT_WITH_REACT_DEPRECATION_MESSAGE = "The `withReact` config helper from `@nx/react` is deprecated and will be removed in Nx v24. It produces an Nx-specific webpack config function that only runs under the `@nx/webpack:webpack` executor. Migrate to a standard webpack config that uses `NxReactWebpackPlugin` (from `@nx/react/webpack-plugin`) under the inferred `@nx/webpack/plugin` by running `nx g @nx/webpack:convert-to-inferred`. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.";
+export declare function suppressReactComposeHelperWarnings<T>(fn: () => T): T;
+export declare function warnReactWithReactDeprecation(): void;

package/dist/src/utils/deprecation.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.REACT_WITH_REACT_DEPRECATION_MESSAGE = void 0;
+exports.suppressReactComposeHelperWarnings = suppressReactComposeHelperWarnings;
+exports.warnReactWithReactDeprecation = warnReactWithReactDeprecation;
+const devkit_1 = require("@nx/devkit");
+// TODO(v24): Remove the webpack `withReact` config helper. It emits an
+// Nx-specific webpack config function that only runs under the
+// @nx/webpack:webpack executor; the inferred @nx/webpack/plugin works with
+// standard webpack configs built around NxReactWebpackPlugin instead.
+exports.REACT_WITH_REACT_DEPRECATION_MESSAGE = 'The `withReact` config helper from `@nx/react` is deprecated and will be removed in Nx v24. It produces an Nx-specific webpack config function that only runs under the `@nx/webpack:webpack` executor. Migrate to a standard webpack config that uses `NxReactWebpackPlugin` (from `@nx/react/webpack-plugin`) under the inferred `@nx/webpack/plugin` by running `nx g @nx/webpack:convert-to-inferred`. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.';
+let withReactWarned = false;
+let suppressDepth = 0;
+// Nx-internal entry points compose `withReact` themselves (e.g. the storybook
+// and component-testing presets). They wrap their synchronous composition in
+// this so the warning fires only for user-authored configs.
+function suppressReactComposeHelperWarnings(fn) {
+    suppressDepth++;
+    try {
+        return fn();
+    }
+    finally {
+        suppressDepth--;
+    }
+}
+// Warn once per process so HMR reloads and repeated config evaluation don't
+// repeat the message.
+function warnReactWithReactDeprecation() {
+    if (suppressDepth > 0 || withReactWarned)
+        return;
+    withReactWarned = true;
+    devkit_1.logger.warn(exports.REACT_WITH_REACT_DEPRECATION_MESSAGE);
+}

package/{src → dist/src}/utils/framework.d.ts

@@ -1,3 +1,2 @@
 import { type Tree } from '@nx/devkit';
 export declare function getUiFramework(tree: Tree, project: string): '@storybook/react-vite' | '@storybook/react-webpack5';
-//# sourceMappingURL=framework.d.ts.map

package/{src → dist/src}/utils/get-in-source-vitest-tests-template.d.ts

@@ -1,2 +1 @@
 export declare function getInSourceVitestTestsTemplate(testContent: string): string;
-//# sourceMappingURL=get-in-source-vitest-tests-template.d.ts.map

package/{src → dist/src}/utils/has-rsbuild-plugin.d.ts

@@ -1,3 +1,2 @@
 import { Tree } from '@nx/devkit';
 export declare function hasRsbuildPlugin(tree: Tree, projectPath?: string): Promise<boolean>;
-//# sourceMappingURL=has-rsbuild-plugin.d.ts.map

package/dist/src/utils/has-rsbuild-plugin.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasRsbuildPlugin = hasRsbuildPlugin;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("./versions");
+async function hasRsbuildPlugin(tree, projectPath) {
+    (0, devkit_1.ensurePackage)('@nx/rsbuild', versions_1.nxVersion);
+    // `require()` honors Module._initPaths (which ensurePackage updates); ESM
+    // dynamic `import()` doesn't, so it can't see the on-demand temp install.
+    const { hasRsbuildPlugin, } = require('@nx/rsbuild/config-utils');
+    return hasRsbuildPlugin(tree, projectPath);
+}

package/{src → dist/src}/utils/has-rspack-plugin.d.ts

@@ -1,3 +1,2 @@
 import { Tree } from '@nx/devkit';
 export declare function hasRspackPlugin(tree: Tree): boolean;
-//# sourceMappingURL=has-rspack-plugin.d.ts.map

package/{src → dist/src}/utils/has-vite-plugin.d.ts

@@ -1,3 +1,2 @@
 import { Tree } from '@nx/devkit';
 export declare function hasVitePlugin(tree: Tree): boolean;
-//# sourceMappingURL=has-vite-plugin.d.ts.map

package/{src → dist/src}/utils/has-webpack-plugin.d.ts

@@ -1,3 +1,2 @@
 import { Tree } from '@nx/devkit';
 export declare function hasWebpackPlugin(tree: Tree): boolean;
-//# sourceMappingURL=has-webpack-plugin.d.ts.map

package/{src → dist/src}/utils/jest-utils.d.ts

@@ -1,4 +1,3 @@
 import { type Tree } from '@nx/devkit';
 export declare function updateJestConfigContent(content: string): string;
 export declare function findProjectJestConfig(tree: Tree, projectRoot: string): string | null;
-//# sourceMappingURL=jest-utils.d.ts.map

package/{src → dist/src}/utils/lint.d.ts

@@ -12,4 +12,3 @@ export declare const extraEslintDependencies: {
  * @deprecated Use `addExtendsToLintConfig` from `@nx/eslint` instead.
  */
 export declare const extendReactEslintJson: (json: Linter.LegacyConfig) => Linter.LegacyConfig;
-//# sourceMappingURL=lint.d.ts.map

package/{src → dist/src}/utils/maybe-js.d.ts

@@ -2,4 +2,3 @@ export declare function maybeJs(options: {
     js?: boolean;
     useJsx?: boolean;
 }, path: string): string;
-//# sourceMappingURL=maybe-js.d.ts.map

package/dist/src/utils/module-federation-deprecation.d.ts

@@ -0,0 +1,12 @@
+export declare const REACT_HOST_GENERATOR_DEPRECATION_MESSAGE = "The `@nx/react:host` generator is deprecated and will be removed in Nx v24. Use `nx g @nx/react:consumer` (dynamic federation, no static-serve orchestration). See https://nx.dev/docs/technologies/module-federation/consumer-and-provider for the v23 migration guide.";
+export declare const REACT_REMOTE_GENERATOR_DEPRECATION_MESSAGE = "The `@nx/react:remote` generator is deprecated and will be removed in Nx v24. Use `nx g @nx/react:provider` instead. See https://nx.dev/docs/technologies/module-federation/consumer-and-provider for the v23 migration guide.";
+export declare const REACT_FEDERATE_MODULE_GENERATOR_DEPRECATION_MESSAGE = "The `@nx/react:federate-module` generator is deprecated and will be removed in Nx v24. The new `@nx/react:provider` generator exposes modules directly. See https://nx.dev/docs/technologies/module-federation/consumer-and-provider for the v23 migration guide.";
+export declare const REACT_MF_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = "The `@nx/react:module-federation-dev-server` executor is deprecated and will be removed in Nx v24. Dynamic federation in `@nx/react:consumer` removes the need for host-orchestrated remote serving. See https://nx.dev/docs/technologies/module-federation/consumer-and-provider for the v23 migration guide.";
+export declare const REACT_MF_SSR_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = "The `@nx/react:module-federation-ssr-dev-server` executor is deprecated and will be removed in Nx v24. SSR is not first-classed in the new generators; see https://nx.dev/docs/technologies/module-federation/consumer-and-provider for guidance on wiring SSR with `@nx/react:consumer`.";
+export declare const REACT_MF_STATIC_SERVER_EXECUTOR_DEPRECATION_MESSAGE = "The `@nx/react:module-federation-static-server` executor is deprecated and will be removed in Nx v24. Use plain `vite preview` / `rsbuild preview` via `nx:run-commands` if a static-serve workflow is still needed. See https://nx.dev/docs/technologies/module-federation/consumer-and-provider for details.";
+export declare function warnReactHostGeneratorDeprecation(): void;
+export declare function warnReactRemoteGeneratorDeprecation(): void;
+export declare function warnReactFederateModuleGeneratorDeprecation(): void;
+export declare function warnReactMfDevServerExecutorDeprecation(): void;
+export declare function warnReactMfSsrDevServerExecutorDeprecation(): void;
+export declare function warnReactMfStaticServerExecutorDeprecation(): void;

package/dist/src/utils/module-federation-deprecation.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.REACT_MF_STATIC_SERVER_EXECUTOR_DEPRECATION_MESSAGE = exports.REACT_MF_SSR_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = exports.REACT_MF_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = exports.REACT_FEDERATE_MODULE_GENERATOR_DEPRECATION_MESSAGE = exports.REACT_REMOTE_GENERATOR_DEPRECATION_MESSAGE = exports.REACT_HOST_GENERATOR_DEPRECATION_MESSAGE = void 0;
+exports.warnReactHostGeneratorDeprecation = warnReactHostGeneratorDeprecation;
+exports.warnReactRemoteGeneratorDeprecation = warnReactRemoteGeneratorDeprecation;
+exports.warnReactFederateModuleGeneratorDeprecation = warnReactFederateModuleGeneratorDeprecation;
+exports.warnReactMfDevServerExecutorDeprecation = warnReactMfDevServerExecutorDeprecation;
+exports.warnReactMfSsrDevServerExecutorDeprecation = warnReactMfSsrDevServerExecutorDeprecation;
+exports.warnReactMfStaticServerExecutorDeprecation = warnReactMfStaticServerExecutorDeprecation;
+const devkit_1 = require("@nx/devkit");
+// TODO(v24): Remove these surfaces. Replaced by `@nx/react:consumer`
+// and `@nx/react:provider` (React, dynamic federation, Vite/Rsbuild/Rspack).
+const MIGRATION_URL = 'https://nx.dev/docs/technologies/module-federation/consumer-and-provider';
+exports.REACT_HOST_GENERATOR_DEPRECATION_MESSAGE = `The \`@nx/react:host\` generator is deprecated and will be removed in Nx v24. Use \`nx g @nx/react:consumer\` (dynamic federation, no static-serve orchestration). See ${MIGRATION_URL} for the v23 migration guide.`;
+exports.REACT_REMOTE_GENERATOR_DEPRECATION_MESSAGE = `The \`@nx/react:remote\` generator is deprecated and will be removed in Nx v24. Use \`nx g @nx/react:provider\` instead. See ${MIGRATION_URL} for the v23 migration guide.`;
+exports.REACT_FEDERATE_MODULE_GENERATOR_DEPRECATION_MESSAGE = `The \`@nx/react:federate-module\` generator is deprecated and will be removed in Nx v24. The new \`@nx/react:provider\` generator exposes modules directly. See ${MIGRATION_URL} for the v23 migration guide.`;
+exports.REACT_MF_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = `The \`@nx/react:module-federation-dev-server\` executor is deprecated and will be removed in Nx v24. Dynamic federation in \`@nx/react:consumer\` removes the need for host-orchestrated remote serving. See ${MIGRATION_URL} for the v23 migration guide.`;
+exports.REACT_MF_SSR_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE = `The \`@nx/react:module-federation-ssr-dev-server\` executor is deprecated and will be removed in Nx v24. SSR is not first-classed in the new generators; see ${MIGRATION_URL} for guidance on wiring SSR with \`@nx/react:consumer\`.`;
+exports.REACT_MF_STATIC_SERVER_EXECUTOR_DEPRECATION_MESSAGE = `The \`@nx/react:module-federation-static-server\` executor is deprecated and will be removed in Nx v24. Use plain \`vite preview\` / \`rsbuild preview\` via \`nx:run-commands\` if a static-serve workflow is still needed. See ${MIGRATION_URL} for details.`;
+function warnReactHostGeneratorDeprecation() {
+    devkit_1.logger.warn(exports.REACT_HOST_GENERATOR_DEPRECATION_MESSAGE);
+}
+function warnReactRemoteGeneratorDeprecation() {
+    devkit_1.logger.warn(exports.REACT_REMOTE_GENERATOR_DEPRECATION_MESSAGE);
+}
+function warnReactFederateModuleGeneratorDeprecation() {
+    devkit_1.logger.warn(exports.REACT_FEDERATE_MODULE_GENERATOR_DEPRECATION_MESSAGE);
+}
+// Executor warnings fire once per process (dev-server reload loops would
+// otherwise flood the console).
+const executorWarned = new Set();
+function warnOnce(key, message) {
+    if (executorWarned.has(key))
+        return;
+    executorWarned.add(key);
+    devkit_1.logger.warn(message);
+}
+function warnReactMfDevServerExecutorDeprecation() {
+    warnOnce('react-mf-dev-server', exports.REACT_MF_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE);
+}
+function warnReactMfSsrDevServerExecutorDeprecation() {
+    warnOnce('react-mf-ssr-dev-server', exports.REACT_MF_SSR_DEV_SERVER_EXECUTOR_DEPRECATION_MESSAGE);
+}
+function warnReactMfStaticServerExecutorDeprecation() {
+    warnOnce('react-mf-static-server', exports.REACT_MF_STATIC_SERVER_EXECUTOR_DEPRECATION_MESSAGE);
+}

package/{src → dist/src}/utils/normalize-remote.d.ts

@@ -6,4 +6,3 @@ export declare function normalizeRemoteDirectory(remote: string, options: {
     directory: string;
     appProjectRoot: string;
 }): string;
-//# sourceMappingURL=normalize-remote.d.ts.map

package/{src → dist/src}/utils/normalize-remote.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeRemoteName = normalizeRemoteName;
 exports.normalizeRemoteDirectory = normalizeRemoteDirectory;
 const devkit_1 = require("@nx/devkit");
-const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
+const internal_1 = require("@nx/devkit/internal");
 async function normalizeRemoteName(tree, remote, options) {
-    const { projectName: remoteName } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(tree, {
+    const { projectName: remoteName } = await (0, internal_1.determineProjectNameAndRootOptions)(tree, {
         name: remote,
         projectType: 'application',
         directory: options.directory,

package/{src → dist/src}/utils/testing-generators.d.ts

@@ -1,4 +1,3 @@
 import { Tree } from '@nx/devkit';
 export declare function createApp(tree: Tree, appName: string): Promise<any>;
 export declare function createLib(tree: Tree, libName: string): Promise<any>;
-//# sourceMappingURL=testing-generators.d.ts.map

package/{src → dist/src}/utils/version-utils.d.ts

@@ -6,6 +6,7 @@ type ReactDependenciesVersions = {
     '@types/react': string;
     '@types/react-dom': string;
     '@types/react-is': string;
+    'react-router': string;
 };
 export declare function getReactDependenciesVersionsToInstall(tree: Tree): Promise<ReactDependenciesVersions>;
 export declare function isReact18(tree: Tree): Promise<boolean>;
@@ -14,4 +15,3 @@ export declare function getInstalledReactVersionFromGraph(): Promise<string>;
 export declare function getInstalledReactRouterDevVersion(tree: Tree): string | undefined;
 export declare function reactRouterSupportsVite8(tree: Tree): boolean;
 export {};
-//# sourceMappingURL=version-utils.d.ts.map

package/{src → dist/src}/utils/version-utils.js

@@ -18,6 +18,8 @@ async function getReactDependenciesVersionsToInstall(tree) {
             '@types/react': versions_1.typesReactV18Version,
             '@types/react-dom': versions_1.typesReactDomV18Version,
             '@types/react-is': versions_1.typesReactIsV18Version,
+            // react-router v7 is the SSR package regardless of React version
+            'react-router': versions_1.reactRouterVersion,
         };
     }
     else {
@@ -28,6 +30,7 @@ async function getReactDependenciesVersionsToInstall(tree) {
             '@types/react': versions_1.typesReactVersion,
             '@types/react-dom': versions_1.typesReactDomVersion,
             '@types/react-is': versions_1.typesReactIsVersion,
+            'react-router': versions_1.reactRouterVersion,
         };
     }
 }

package/{src → dist/src}/utils/versions.d.ts

@@ -1,4 +1,5 @@
 export declare const nxVersion: any;
+export declare const minSupportedReactVersion = "18.0.0";
 export declare const reactVersion = "^19.0.0";
 export declare const reactV18Version = "18.3.1";
 export declare const reactDomVersion = "^19.0.0";
@@ -6,7 +7,6 @@ export declare const reactDomV18Version = "18.3.1";
 export declare const reactIsVersion = "^19.0.0";
 export declare const reactIsV18Version = "18.3.1";
 export declare const swcLoaderVersion = "0.1.15";
-export declare const babelLoaderVersion = "^9.1.2";
 export declare const typesReactV18Version = "18.3.1";
 export declare const typesReactVersion = "^19.0.0";
 export declare const typesReactDomV18Version = "18.3.0";
@@ -14,30 +14,22 @@ export declare const typesReactDomVersion = "^19.0.0";
 export declare const typesReactIsV18Version = "18.3.0";
 export declare const typesReactIsVersion = "^19.0.0";
 export declare const reactViteVersion = "^4.2.0";
-export declare const typesNodeVersion = "^20.0.0";
+export declare const typesNodeVersion = "^22.0.0";
 export declare const babelPresetReactVersion = "^7.14.5";
 export declare const babelCoreVersion = "^7.14.5";
-export declare const styledComponentsVersion = "5.3.6";
-export declare const typesStyledComponentsVersion = "5.1.26";
-export declare const emotionStyledVersion = "11.14.1";
-export declare const emotionReactVersion = "11.14.0";
-export declare const emotionBabelPlugin = "11.13.5";
-export declare const styledJsxVersion = "5.1.2";
 export declare const reactRouterDomVersion = "6.30.3";
 export declare const reactRouterVersion = "^7.14.2";
 export declare const reactRouterIsBotVersion = "^4.4.0";
 export declare const testingLibraryReactVersion = "16.3.0";
 export declare const testingLibraryDomVersion = "10.4.0";
-export declare const reduxjsToolkitVersion = "1.9.3";
-export declare const reactReduxVersion = "8.0.5";
+export declare const reduxjsToolkitVersion = "^2.5.0";
+export declare const reactReduxVersion = "^9.2.0";
 export declare const eslintPluginImportVersion = "2.31.0";
 export declare const eslintPluginJsxA11yVersion = "6.10.1";
 export declare const eslintPluginReactVersion = "7.35.0";
 export declare const eslintPluginReactHooksVersion = "5.0.0";
-export declare const babelPluginStyledComponentsVersion = "1.10.7";
 export declare const tsLibVersion = "^2.3.0";
 export declare const postcssVersion = "8.4.38";
-export declare const tailwindcssVersion = "3.4.3";
 export declare const autoprefixerVersion = "10.4.13";
 export declare const expressVersion = "^4.21.2";
 export declare const typesExpressVersion = "^4.17.21";
@@ -46,11 +38,6 @@ export declare const corsVersion = "~2.8.5";
 export declare const typesCorsVersion = "~2.8.12";
 export declare const moduleFederationNodeVersion = "^2.7.21";
 export declare const moduleFederationEnhancedVersion = "^2.1.0";
-export declare const lessVersion = "3.12.2";
-export declare const sassVersion = "^1.55.0";
+export declare const sassVersion = "^1.97.2";
 export declare const rollupPluginUrlVersion = "^8.0.2";
 export declare const svgrRollupVersion = "^8.1.0";
-export declare const swcPluginStyledJsxVersion = "^1.5.67";
-export declare const swcPluginEmotionVersion = "^2.5.67";
-export declare const swcPluginStyledComponentsVersion = "^1.5.67";
-//# sourceMappingURL=versions.d.ts.map

package/dist/src/utils/versions.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.svgrRollupVersion = exports.rollupPluginUrlVersion = exports.sassVersion = exports.moduleFederationEnhancedVersion = exports.moduleFederationNodeVersion = exports.typesCorsVersion = exports.corsVersion = exports.isbotVersion = exports.typesExpressVersion = exports.expressVersion = exports.autoprefixerVersion = exports.postcssVersion = exports.tsLibVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryDomVersion = exports.testingLibraryReactVersion = exports.reactRouterIsBotVersion = exports.reactRouterVersion = exports.reactRouterDomVersion = exports.babelCoreVersion = exports.babelPresetReactVersion = exports.typesNodeVersion = exports.reactViteVersion = exports.typesReactIsVersion = exports.typesReactIsV18Version = exports.typesReactDomVersion = exports.typesReactDomV18Version = exports.typesReactVersion = exports.typesReactV18Version = exports.swcLoaderVersion = exports.reactIsV18Version = exports.reactIsVersion = exports.reactDomV18Version = exports.reactDomVersion = exports.reactV18Version = exports.reactVersion = exports.minSupportedReactVersion = exports.nxVersion = void 0;
+const path_1 = require("path");
+exports.nxVersion = require((0, path_1.join)('@nx/react', 'package.json')).version;
+exports.minSupportedReactVersion = '18.0.0';
+exports.reactVersion = '^19.0.0';
+exports.reactV18Version = '18.3.1';
+exports.reactDomVersion = '^19.0.0';
+exports.reactDomV18Version = '18.3.1';
+exports.reactIsVersion = '^19.0.0';
+exports.reactIsV18Version = '18.3.1';
+exports.swcLoaderVersion = '0.1.15';
+exports.typesReactV18Version = '18.3.1';
+exports.typesReactVersion = '^19.0.0';
+exports.typesReactDomV18Version = '18.3.0';
+exports.typesReactDomVersion = '^19.0.0';
+exports.typesReactIsV18Version = '18.3.0';
+exports.typesReactIsVersion = '^19.0.0';
+exports.reactViteVersion = '^4.2.0';
+// Needed for React-Router
+exports.typesNodeVersion = '^22.0.0';
+exports.babelPresetReactVersion = '^7.14.5';
+exports.babelCoreVersion = '^7.14.5';
+exports.reactRouterDomVersion = '6.30.3';
+exports.reactRouterVersion = '^7.14.2';
+exports.reactRouterIsBotVersion = '^4.4.0';
+exports.testingLibraryReactVersion = '16.3.0';
+exports.testingLibraryDomVersion = '10.4.0';
+// RTK 2 / react-redux 9 peer on react ^18 || ^19 — cover the full support window.
+// react-redux 8.0.5 / RTK 1.9.3 peer-cap at react ^18, breaking `nx g redux` on React 19.
+exports.reduxjsToolkitVersion = '^2.5.0';
+exports.reactReduxVersion = '^9.2.0';
+exports.eslintPluginImportVersion = '2.31.0';
+exports.eslintPluginJsxA11yVersion = '6.10.1';
+exports.eslintPluginReactVersion = '7.35.0';
+exports.eslintPluginReactHooksVersion = '5.0.0';
+exports.tsLibVersion = '^2.3.0';
+exports.postcssVersion = '8.4.38';
+exports.autoprefixerVersion = '10.4.13';
+// SSR and Module Federation
+exports.expressVersion = '^4.21.2';
+exports.typesExpressVersion = '^4.17.21';
+exports.isbotVersion = '^3.6.5';
+exports.corsVersion = '~2.8.5';
+exports.typesCorsVersion = '~2.8.12';
+exports.moduleFederationNodeVersion = '^2.7.21';
+exports.moduleFederationEnhancedVersion = '^2.1.0';
+// style preprocessors
+exports.sassVersion = '^1.97.2';
+// rollup plugins (if needed)
+exports.rollupPluginUrlVersion = '^8.0.2';
+exports.svgrRollupVersion = '^8.1.0';

package/dist/tailwind.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @deprecated `@nx/react/tailwind` will be removed in Nx 24. Migrate to Tailwind CSS v4 which no longer needs glob patterns.
+ * See: https://nx.dev/docs/technologies/react/guides/using-tailwind-css-in-react
+ */
+export declare function createGlobPatternsForDependencies(dirPath: string, fileGlobPattern?: string): string[];

package/{tailwind.js → dist/tailwind.js}

@@ -1,15 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createGlobPatternsForDependencies = createGlobPatternsForDependencies;
-const generate_globs_1 = require("@nx/js/src/utils/generate-globs");
+const internal_1 = require("@nx/js/internal");
+let hasWarned = false;
 /**
- * Generates a set of glob patterns based off the source root of the app and its dependencies
- * @param dirPath workspace relative directory path that will be used to infer the parent project and dependencies
- * @param fileGlobPattern pass a custom glob pattern to be used
+ * @deprecated `@nx/react/tailwind` will be removed in Nx 24. Migrate to Tailwind CSS v4 which no longer needs glob patterns.
+ * See: https://nx.dev/docs/technologies/react/guides/using-tailwind-css-in-react
  */
-function createGlobPatternsForDependencies(dirPath, fileGlobPattern = '/**/*!(*.stories|*.spec).{tsx,ts,jsx,js,html}') {
+function createGlobPatternsForDependencies(dirPath, fileGlobPattern = '/**/!(*.stories|*.spec).{tsx,ts,jsx,js,html}') {
+    if (!hasWarned) {
+        hasWarned = true;
+        console.warn(`\nWARNING: "@nx/react/tailwind" is deprecated and will be removed in Nx 24.\n` +
+            `Migrate to Tailwind CSS v4 which no longer needs glob patterns for content detection.\n` +
+            `See: https://nx.dev/docs/technologies/react/guides/using-tailwind-css-in-react\n`);
+    }
     try {
-        return (0, generate_globs_1.createGlobPatternsForDependencies)(dirPath, fileGlobPattern);
+        return (0, internal_1.createGlobPatternsForDependencies)(dirPath, fileGlobPattern);
     }
     catch (e) {
         /**
@@ -19,7 +25,7 @@ function createGlobPatternsForDependencies(dirPath, fileGlobPattern = '/**/*!(*.
          * autocomplete features, for example.
          *
          * In order to best support that use-case, we therefore do not hard error when the ProjectGraph is
-         * fundamently unavailable in this tailwind-specific context.
+         * fundamentally unavailable in this tailwind-specific context.
          */
         console.warn('\nWARNING: There was an error creating glob patterns, returning an empty array\n' +
             `${e.message}\n`);

package/dist/typings/cssmodule.d.ts

@@ -0,0 +1,19 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}

package/dist/typings/image.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+/// <reference types="react-dom" />
+
+declare module '*.svg' {
+  import * as React from 'react';
+
+  export const ReactComponent: React.FunctionComponent<
+    React.SVGProps<SVGSVGElement> & { title?: string }
+  >;
+
+  const src: string;
+  export default src;
+}
+
+declare module '*.bmp' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.gif' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.jpeg' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.avif' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.webp' {
+  const src: string;
+  export default src;
+}

package/dist/typings/style.d.ts

@@ -0,0 +1 @@
+export type SupportedStyles = 'css' | 'scss' | 'none';

package/dist/typings/styled-jsx.d.ts

@@ -0,0 +1,8 @@
+import 'react';
+
+declare module 'react' {
+  interface StyleHTMLAttributes<T> extends React.HTMLAttributes<T> {
+    jsx?: boolean;
+    global?: boolean;
+  }
+}

package/{webpack-plugin.d.ts → dist/webpack-plugin.d.ts}

@@ -1,2 +1 @@
 export { NxReactWebpackPlugin } from './plugins/nx-react-webpack-plugin/nx-react-webpack-plugin';
-//# sourceMappingURL=webpack-plugin.d.ts.map