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

package/{src → dist/src}/generators/application/lib/add-linting.js

@@ -1,46 +1,12 @@
 "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.addLinting = addLinting;
 exports.isEslintInstalled = isEslintInstalled;
 const devkit_1 = require("@nx/devkit");
 const eslint_1 = require("@nx/eslint");
-const eslint_file_1 = require("@nx/eslint/src/generators/utils/eslint-file");
-const flat_config_1 = require("@nx/eslint/src/utils/flat-config");
+const internal_1 = require("@nx/eslint/internal");
 const devkit_2 = require("@nx/devkit");
-const add_swc_dependencies_1 = require("@nx/js/src/utils/swc/add-swc-dependencies");
+const internal_2 = require("@nx/js/internal");
 const lint_1 = require("../../../utils/lint");
 const versions_1 = require("../../../utils/versions");
 async function addLinting(host, options) {
@@ -59,23 +25,23 @@ async function addLinting(host, options) {
             addPlugin: options.addPlugin,
         });
         tasks.push(lintTask);
-        if ((0, eslint_file_1.isEslintConfigSupported)(host)) {
-            if ((0, flat_config_1.useFlatConfig)(host)) {
-                (0, eslint_file_1.addPredefinedConfigToFlatLintConfig)(host, options.appProjectRoot, 'flat/react', { checkBaseConfig: true });
+        if ((0, internal_1.isEslintConfigSupported)(host)) {
+            if ((0, internal_1.useFlatConfig)(host)) {
+                (0, internal_1.addPredefinedConfigToFlatLintConfig)(host, options.appProjectRoot, 'flat/react', { checkBaseConfig: true });
                 // Add an empty rules object to users know how to add/override rules
-                (0, eslint_file_1.addOverrideToLintConfig)(host, options.appProjectRoot, {
+                (0, internal_1.addOverrideToLintConfig)(host, options.appProjectRoot, {
                     files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
                     rules: {},
                 });
             }
             else {
-                const addExtendsTask = (0, eslint_file_1.addExtendsToLintConfig)(host, options.appProjectRoot, { name: 'plugin:@nx/react', needCompatFixup: true });
+                const addExtendsTask = (0, internal_1.addExtendsToLintConfig)(host, options.appProjectRoot, { name: 'plugin:@nx/react', needCompatFixup: true });
                 tasks.push(addExtendsTask);
             }
         }
         if (!options.skipPackageJson) {
-            const installTask = (0, devkit_2.addDependenciesToPackageJson)(host, lint_1.extraEslintDependencies.dependencies, lint_1.extraEslintDependencies.devDependencies);
-            const addSwcTask = (0, add_swc_dependencies_1.addSwcDependencies)(host);
+            const installTask = (0, devkit_2.addDependenciesToPackageJson)(host, lint_1.extraEslintDependencies.dependencies, lint_1.extraEslintDependencies.devDependencies, undefined, true);
+            const addSwcTask = (0, internal_2.addSwcDependencies)(host);
             tasks.push(installTask, addSwcTask);
         }
         if (options.useReactRouter) {
@@ -89,11 +55,10 @@ async function ignoreReactRouterFilesInEslintConfig(tree, projectRoot) {
         return;
     }
     (0, devkit_1.ensurePackage)('@nx/eslint', versions_1.nxVersion);
-    const { addIgnoresToLintConfig, isEslintConfigSupported } = await Promise.resolve().then(() => __importStar(require('@nx/eslint/src/generators/utils/eslint-file')));
+    const { addIgnoresToLintConfig, isEslintConfigSupported, useFlatConfig, } = require('@nx/eslint/internal');
     if (!isEslintConfigSupported(tree)) {
         return;
     }
-    const { useFlatConfig } = await Promise.resolve().then(() => __importStar(require('@nx/eslint/src/utils/flat-config')));
     const isUsingFlatConfig = useFlatConfig(tree);
     if (!projectRoot && !isUsingFlatConfig) {
         // root eslintrc files ignore all files and the root eslintrc files add

package/{src → dist/src}/generators/application/lib/add-project.d.ts

@@ -1,4 +1,3 @@
 import { NormalizedSchema } from '../schema';
 import { Tree } from '@nx/devkit';
 export declare function addProject(host: Tree, options: NormalizedSchema): void;
-//# sourceMappingURL=add-project.d.ts.map

package/{src → dist/src}/generators/application/lib/add-project.js

@@ -15,6 +15,12 @@ function addProject(host, options) {
     };
     if (options.bundler === 'webpack') {
         if (!(0, has_webpack_plugin_1.hasWebpackPlugin)(host) || !options.addPlugin) {
+            // Mirrors warnWebpackExecutorGenerating from @nx/webpack/src/utils/deprecation.
+            // Inlined to avoid a cross-package deep import; @nx/webpack's package
+            // exports field doesn't expose internal `src/...` paths, so the import
+            // works at compile time (via tsconfig project refs) but fails at runtime
+            // in published packages.
+            devkit_1.logger.warn('Generating targets that use the deprecated `@nx/webpack:webpack` and `@nx/webpack:dev-server` executors. These executors will be removed in Nx v24. Run `nx g @nx/webpack:convert-to-inferred` next to migrate these targets to the `@nx/webpack/plugin` inferred plugin and prevent future generators from emitting executor targets. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.');
             project.targets = {
                 build: createBuildTarget(options),
                 serve: createServeTarget(options),
@@ -23,6 +29,10 @@ function addProject(host, options) {
     }
     else if (options.bundler === 'rspack' &&
         (!(0, has_rspack_plugin_1.hasRspackPlugin)(host) || !options.addPlugin)) {
+        // Mirrors warnRspackExecutorGenerating from @nx/rspack/src/utils/deprecation.
+        // Inlined to avoid a cross-package import where react does not declare a
+        // TypeScript project reference to rspack.
+        devkit_1.logger.warn('Generating targets that use the deprecated `@nx/rspack:rspack` and `@nx/rspack:dev-server` executors. These executors will be removed in Nx v24. Run `nx g @nx/rspack:convert-to-inferred` next to migrate these targets to the `@nx/rspack/plugin` inferred plugin and prevent future generators from emitting executor targets. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.');
         project.targets = {
             build: createRspackBuildTarget(options),
             serve: createRspackServeTarget(options),
@@ -87,10 +97,10 @@ function createRspackBuildTarget(options) {
                 (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'src/assets'),
             ],
             rspackConfig: (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'rspack.config.js'),
-            styles: options.styledModule || !options.hasStyles
+            styles: !options.hasStyles
                 ? []
                 : [
-                    (0, devkit_1.joinPathFragments)(options.appProjectRoot, `src/styles.${options.style === 'tailwind' ? 'css' : options.style}`),
+                    (0, devkit_1.joinPathFragments)(options.appProjectRoot, `src/styles.${options.style}`),
                 ],
             scripts: [],
             configurations: {
@@ -149,10 +159,10 @@ function createBuildTarget(options) {
                 (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'src/favicon.ico'),
                 (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'src/assets'),
             ],
-            styles: options.styledModule || !options.hasStyles
+            styles: !options.hasStyles
                 ? []
                 : [
-                    (0, devkit_1.joinPathFragments)(options.appProjectRoot, `src/styles.${options.style === 'tailwind' ? 'css' : options.style}`),
+                    (0, devkit_1.joinPathFragments)(options.appProjectRoot, `src/styles.${options.style}`),
                 ],
             scripts: [],
             webpackConfig: (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'webpack.config.js'),

package/{src → dist/src}/generators/application/lib/add-routing.d.ts

@@ -1,4 +1,3 @@
 import { Tree } from '@nx/devkit';
 import { NormalizedSchema } from '../schema';
 export declare function addRouting(host: Tree, options: NormalizedSchema): import("@nx/devkit").GeneratorCallback;
-//# sourceMappingURL=add-routing.d.ts.map

package/{src → dist/src}/generators/application/lib/add-routing.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addRouting = addRouting;
 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("../../../utils/ast-utils");
 const versions_1 = require("../../../utils/versions");
 const maybe_js_1 = require("../../../utils/maybe-js");
@@ -12,7 +12,7 @@ function addRouting(host, options) {
         return () => { };
     }
     if (!tsModule) {
-        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+        tsModule = (0, internal_1.ensureTypescript)();
     }
     const appPath = (0, devkit_1.joinPathFragments)(options.appProjectRoot, (0, maybe_js_1.maybeJs)({
         js: options.js,
@@ -23,7 +23,7 @@ function addRouting(host, options) {
     const changes = (0, devkit_1.applyChangesToString)(appFileContent, (0, ast_utils_1.addInitialRoutes)(appPath, appSource, options.inSourceTests));
     host.write(appPath, changes);
     if (!options.skipPackageJson) {
-        return (0, devkit_1.addDependenciesToPackageJson)(host, { 'react-router-dom': versions_1.reactRouterDomVersion }, {});
+        return (0, devkit_1.addDependenciesToPackageJson)(host, { 'react-router-dom': versions_1.reactRouterDomVersion }, {}, undefined, true);
     }
     return () => { };
 }

package/{src → dist/src}/generators/application/lib/bundlers/add-rsbuild.d.ts

@@ -2,4 +2,3 @@ import { type Tree } from '@nx/devkit';
 import { NormalizedSchema, Schema } from '../../schema';
 export declare function initRsbuild(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;
 export declare function setupRsbuildConfiguration(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;
-//# sourceMappingURL=add-rsbuild.d.ts.map

package/dist/src/generators/application/lib/bundlers/add-rsbuild.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initRsbuild = initRsbuild;
+exports.setupRsbuildConfiguration = setupRsbuildConfiguration;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../../../utils/versions");
+const maybe_js_1 = require("../../../../utils/maybe-js");
+async function initRsbuild(tree, options, tasks) {
+    (0, devkit_1.ensurePackage)('@nx/rsbuild', versions_1.nxVersion);
+    const { initGenerator, } = require('@nx/rsbuild/generators');
+    const initTask = await initGenerator(tree, {
+        skipPackageJson: options.skipPackageJson,
+        addPlugin: true,
+        skipFormat: true,
+    });
+    tasks.push(initTask);
+}
+async function setupRsbuildConfiguration(tree, options, tasks) {
+    (0, devkit_1.ensurePackage)('@nx/rsbuild', versions_1.nxVersion);
+    const { configurationGenerator, } = require('@nx/rsbuild/generators');
+    const { addBuildPlugin, addCopyAssets, addHtmlTemplatePath, addSourceDefine, versions, } = require('@nx/rsbuild/config-utils');
+    const rsbuildTask = await configurationGenerator(tree, {
+        project: options.projectName,
+        entry: (0, maybe_js_1.maybeJs)({
+            js: options.js,
+            useJsx: true,
+        }, `./src/main.tsx`),
+        tsConfig: './tsconfig.app.json',
+        target: 'web',
+        devServerPort: options.devServerPort ?? 4200,
+    });
+    tasks.push(rsbuildTask);
+    const pathToConfigFile = (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'rsbuild.config.ts');
+    if (options.inSourceTests && options.unitTestRunner === 'vitest') {
+        addSourceDefine(tree, pathToConfigFile, 'import.meta.vitest', 'undefined');
+    }
+    const deps = { '@rsbuild/plugin-react': versions.rsbuildPluginReactVersion };
+    addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-react', 'pluginReact');
+    if (options.style === 'scss') {
+        addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-sass', 'pluginSass');
+        deps['@rsbuild/plugin-sass'] = versions.rsbuildPluginSassVersion;
+    }
+    addHtmlTemplatePath(tree, pathToConfigFile, './src/index.html');
+    addCopyAssets(tree, pathToConfigFile, './src/assets');
+    addCopyAssets(tree, pathToConfigFile, './src/favicon.ico');
+    tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, deps, undefined, true));
+}

package/{src → dist/src}/generators/application/lib/bundlers/add-rspack.d.ts

@@ -1,5 +1,3 @@
 import { type Tree } from '@nx/devkit';
 import { NormalizedSchema, Schema } from '../../schema';
 export declare function initRspack(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;
-export declare function handleStyledJsxForRspack(tasks: any[], tree: Tree, options: NormalizedSchema<Schema>): void;
-//# sourceMappingURL=add-rspack.d.ts.map

package/dist/src/generators/application/lib/bundlers/add-rspack.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initRspack = initRspack;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../../../utils/versions");
+async function initRspack(tree, options, tasks) {
+    const { rspackInitGenerator } = (0, devkit_1.ensurePackage)('@nx/rspack', versions_1.nxVersion);
+    const rspackInitTask = await rspackInitGenerator(tree, {
+        ...options,
+        skipFormat: true,
+    });
+    tasks.push(rspackInitTask);
+}

package/{src → dist/src}/generators/application/lib/bundlers/add-vite.d.ts

@@ -2,4 +2,3 @@ import { type Tree } from '@nx/devkit';
 import { NormalizedSchema, Schema } from '../../schema';
 export declare function setupViteConfiguration(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;
 export declare function setupVitestConfiguration(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;
-//# sourceMappingURL=add-vite.d.ts.map

package/{src → dist/src}/generators/application/lib/bundlers/add-vite.js

@@ -1,37 +1,4 @@
 "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.setupViteConfiguration = setupViteConfiguration;
 exports.setupVitestConfiguration = setupVitestConfiguration;
@@ -79,7 +46,11 @@ async function setupViteConfiguration(tree, options, tasks) {
         includeLib: false,
         includeVitest: options.unitTestRunner === 'vitest',
         inSourceTests: options.inSourceTests,
-        rollupOptionsExternal: ["'react'", "'react-dom'", "'react/jsx-runtime'"],
+        rolldownOptionsExternal: [
+            "'react'",
+            "'react-dom'",
+            "'react/jsx-runtime'",
+        ],
         port: options.port,
         previewPort: options.port,
         useEsmExtension: true,
@@ -91,7 +62,7 @@ async function setupViteConfiguration(tree, options, tasks) {
 async function setupVitestConfiguration(tree, options, tasks) {
     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(() => __importStar(require('@nx/vitest/generators')));
+    const { configurationGenerator, } = require('@nx/vitest/generators');
     const vitestTask = await configurationGenerator(tree, {
         uiFramework: 'react',
         coverageProvider: 'v8',
@@ -106,7 +77,11 @@ async function setupVitestConfiguration(tree, options, tasks) {
         includeLib: false,
         includeVitest: true,
         inSourceTests: options.inSourceTests,
-        rollupOptionsExternal: ["'react'", "'react-dom'", "'react/jsx-runtime'"],
+        rolldownOptionsExternal: [
+            "'react'",
+            "'react-dom'",
+            "'react/jsx-runtime'",
+        ],
         imports: [
             options.compiler === 'swc'
                 ? `import react from '@vitejs/plugin-react-swc'`

package/{src → dist/src}/generators/application/lib/bundlers/add-webpack.d.ts

@@ -1,4 +1,3 @@
 import { type Tree } from '@nx/devkit';
 import { Schema, NormalizedSchema } from '../../schema';
 export declare function initWebpack(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;
-//# sourceMappingURL=add-webpack.d.ts.map

package/dist/src/generators/application/lib/bundlers/add-webpack.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initWebpack = initWebpack;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../../../utils/versions");
+async function initWebpack(tree, options, tasks) {
+    const { webpackInitGenerator } = (0, devkit_1.ensurePackage)('@nx/webpack', versions_1.nxVersion);
+    const webpackInitTask = await webpackInitGenerator(tree, {
+        skipPackageJson: options.skipPackageJson,
+        skipFormat: true,
+        addPlugin: options.addPlugin,
+    });
+    tasks.push(webpackInitTask);
+    if (!options.skipPackageJson) {
+        const { ensureDependencies, } = require('@nx/webpack/internal');
+        tasks.push(ensureDependencies(tree, { uiFramework: 'react' }));
+    }
+}

package/{src → dist/src}/generators/application/lib/create-application-files.d.ts

@@ -15,7 +15,7 @@ export declare function getDefaultTemplateVariables(host: Tree, options: Normali
     offsetFromRoot: string;
     appTests: string;
     inSourceVitestTests: string;
-    style: "none" | "styled-components" | "@emotion/styled" | "styled-jsx" | "css" | "scss" | "less";
+    style: import("../../../..").SupportedStyles;
     hasStyleFile: boolean;
     isUsingTsSolutionSetup: boolean;
     port: number;
@@ -26,7 +26,6 @@ export declare function getDefaultTemplateVariables(host: Tree, options: Normali
     importPath: string;
     parsedTags: string[];
     fileName: string;
-    styledModule: null | import("../../../..").SupportedStyles;
     hasStyles: boolean;
     unitTestRunner: "jest" | "vitest" | "none";
     addPlugin?: boolean;
@@ -38,7 +37,7 @@ export declare function getDefaultTemplateVariables(host: Tree, options: Normali
     tags?: string;
     inSourceTests?: boolean;
     e2eTestRunner: "cypress" | "playwright" | "none";
-    linter: import("packages/eslint").Linter | import("packages/eslint").LinterType;
+    linter: import("packages/eslint/dist").Linter | import("packages/eslint/dist").LinterType;
     classComponent?: boolean;
     routing?: boolean;
     useReactRouter?: boolean;
@@ -63,4 +62,3 @@ export declare function getDefaultTemplateVariables(host: Tree, options: Normali
 };
 export declare function createNxRspackPluginOptions(options: NormalizedSchema, rootOffset: string, tsx?: boolean): WithNxOptions & WithReactOptions;
 export declare function createApplicationFiles(host: Tree, options: NormalizedSchema): Promise<void>;
-//# sourceMappingURL=create-application-files.d.ts.map

package/{src → dist/src}/generators/application/lib/create-application-files.js

@@ -13,10 +13,10 @@ const has_webpack_plugin_1 = require("../../../utils/has-webpack-plugin");
 const get_app_tests_1 = require("./get-app-tests");
 const onboarding_1 = require("nx/src/nx-cloud/utilities/onboarding");
 const has_rspack_plugin_1 = require("../../../utils/has-rspack-plugin");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/js/internal");
 const versions_1 = require("../../../utils/versions");
 function getDefaultTemplateVariables(host, options) {
-    const hasStyleFile = ['scss', 'css', 'less'].includes(options.style);
+    const hasStyleFile = ['scss', 'css'].includes(options.style);
     const appTests = (0, get_app_tests_1.getAppTests)(options);
     return {
         ...options.names,
@@ -33,9 +33,9 @@ function getDefaultTemplateVariables(host, options) {
         offsetFromRoot: (0, devkit_1.offsetFromRoot)(options.appProjectRoot),
         appTests,
         inSourceVitestTests: (0, get_in_source_vitest_tests_template_1.getInSourceVitestTestsTemplate)(appTests),
-        style: options.style === 'tailwind' ? 'css' : options.style,
+        style: options.style,
         hasStyleFile,
-        isUsingTsSolutionSetup: (0, ts_solution_setup_1.isUsingTsSolutionSetup)(host),
+        isUsingTsSolutionSetup: (0, internal_1.isUsingTsSolutionSetup)(host),
         port: options.port ?? 4200,
     };
 }
@@ -55,25 +55,12 @@ function createNxRspackPluginOptions(options, rootOffset, tsx = true) {
         }, `./src/main.${tsx ? 'tsx' : 'ts'}`),
         tsConfig: './tsconfig.app.json',
         assets: ['./src/favicon.ico', './src/assets'],
-        styles: options.styledModule || !options.hasStyles
-            ? []
-            : [
-                `./src/styles.${options.style !== 'tailwind' ? options.style : 'css'}`,
-            ],
+        styles: !options.hasStyles ? [] : [`./src/styles.${options.style}`],
     };
 }
 async function createApplicationFiles(host, options) {
     let styleSolutionSpecificAppFiles;
-    if (options.styledModule && options.style !== 'styled-jsx') {
-        styleSolutionSpecificAppFiles = '../files/style-styled-module';
-    }
-    else if (options.style === 'styled-jsx') {
-        styleSolutionSpecificAppFiles = '../files/style-styled-jsx';
-    }
-    else if (options.style === 'tailwind') {
-        styleSolutionSpecificAppFiles = '../files/style-tailwind';
-    }
-    else if (options.style === 'none') {
+    if (options.style === 'none') {
         styleSolutionSpecificAppFiles = '../files/style-none';
     }
     else if (options.globalCss) {
@@ -107,53 +94,18 @@ async function createApplicationFiles(host, options) {
                         '@nx/react/babel',
                         {
                             runtime: 'automatic',
-                            importSource: options.style === '@emotion/styled'
-                                ? '@emotion/react'
-                                : undefined,
                         },
                     ],
                 ],
-                plugins: [
-                    options.style === 'styled-components'
-                        ? ['styled-components', { pure: true, ssr: true }]
-                        : undefined,
-                    options.style === 'styled-jsx' ? 'styled-jsx/babel' : undefined,
-                    options.style === '@emotion/styled'
-                        ? '@emotion/babel-plugin'
-                        : undefined,
-                ].filter(Boolean),
+                plugins: [],
             });
         }
         else if (options.compiler === 'swc') {
-            const swcrc = {
+            (0, devkit_1.writeJson)(host, `${options.appProjectRoot}/.swcrc`, {
                 jsc: {
                     target: 'es2016',
                 },
-            };
-            if (options.style === 'styled-components') {
-                swcrc.jsc.experimental = {
-                    plugins: [
-                        [
-                            '@swc/plugin-styled-components',
-                            {
-                                displayName: true,
-                                ssr: true,
-                            },
-                        ],
-                    ],
-                };
-            }
-            else if (options.style === '@emotion/styled') {
-                swcrc.jsc.experimental = {
-                    plugins: [['@swc/plugin-emotion', {}]],
-                };
-            }
-            else if (options.style === 'styled-jsx') {
-                swcrc.jsc.experimental = {
-                    plugins: [['@swc/plugin-styled-jsx', {}]],
-                };
-            }
-            (0, devkit_1.writeJson)(host, `${options.appProjectRoot}/.swcrc`, swcrc);
+            });
         }
     }
     else if (options.bundler === 'rspack') {
@@ -207,11 +159,7 @@ function createNxWebpackPluginOptions(options, rootOffset) {
         }, `./src/main.tsx`),
         tsConfig: './tsconfig.app.json',
         assets: ['./src/favicon.ico', './src/assets'],
-        styles: options.styledModule || !options.hasStyles
-            ? []
-            : [
-                `./src/styles.${options.style !== 'tailwind' ? options.style : 'css'}`,
-            ],
+        styles: !options.hasStyles ? [] : [`./src/styles.${options.style}`],
     };
 }
 function generateReactRouterFiles(tree, options, templateVariables) {

package/{src → dist/src}/generators/application/lib/find-free-port.d.ts

@@ -1,3 +1,2 @@
 import { Tree } from 'nx/src/generators/tree';
 export declare function findFreePort(host: Tree): number;
-//# sourceMappingURL=find-free-port.d.ts.map

package/{src → dist/src}/generators/application/lib/get-app-tests.d.ts

@@ -1,3 +1,2 @@
 import { NormalizedSchema } from '../schema';
 export declare function getAppTests(options: NormalizedSchema): string;
-//# sourceMappingURL=get-app-tests.d.ts.map

package/{src → dist/src}/generators/application/lib/install-common-dependencies.d.ts

@@ -1,4 +1,3 @@
 import { Tree } from '@nx/devkit';
 import { NormalizedSchema } from '../schema';
 export declare function installCommonDependencies(host: Tree, options: NormalizedSchema): Promise<import("@nx/devkit").GeneratorCallback>;
-//# sourceMappingURL=install-common-dependencies.d.ts.map

package/{src → dist/src}/generators/application/lib/install-common-dependencies.js

@@ -16,7 +16,7 @@ async function installCommonDependencies(host, options) {
         '@types/node': versions_1.typesNodeVersion,
         ...(options.useReactRouter
             ? {
-                '@react-router/dev': versions_1.reactRouterVersion,
+                '@react-router/dev': reactDeps['react-router'],
             }
             : {}),
     };
@@ -24,21 +24,16 @@ async function installCommonDependencies(host, options) {
         dependencies['tslib'] = versions_1.tsLibVersion;
     }
     if (options.useReactRouter) {
-        dependencies['react-router'] = versions_1.reactRouterVersion;
-        dependencies['@react-router/node'] = versions_1.reactRouterVersion;
-        dependencies['@react-router/serve'] = versions_1.reactRouterVersion;
+        dependencies['react-router'] = reactDeps['react-router'];
+        dependencies['@react-router/node'] = reactDeps['react-router'];
+        dependencies['@react-router/serve'] = reactDeps['react-router'];
         dependencies['isbot'] = versions_1.reactRouterIsBotVersion;
     }
     // Vite requires style preprocessors to be installed manually.
     // `@nx/webpack` installs them automatically for now.
     if (options.bundler === 'vite' || options.unitTestRunner === 'vitest') {
-        switch (options.style) {
-            case 'scss':
-                devDependencies['sass'] = versions_1.sassVersion;
-                break;
-            case 'less':
-                devDependencies['less'] = versions_1.lessVersion;
-                break;
+        if (options.style === 'scss') {
+            devDependencies['sass'] = versions_1.sassVersion;
         }
     }
     if (options.bundler === 'webpack') {
@@ -56,5 +51,5 @@ async function installCommonDependencies(host, options) {
         devDependencies['@testing-library/react'] = versions_1.testingLibraryReactVersion;
         devDependencies['@testing-library/dom'] = versions_1.testingLibraryDomVersion;
     }
-    return (0, devkit_1.addDependenciesToPackageJson)(host, dependencies, devDependencies);
+    return (0, devkit_1.addDependenciesToPackageJson)(host, dependencies, devDependencies, undefined, true);
 }

package/{src → dist/src}/generators/application/lib/normalize-options.d.ts

@@ -1,4 +1,3 @@
 import { Tree } from '@nx/devkit';
 import { NormalizedSchema, Schema } from '../schema';
 export declare function normalizeOptions<T extends Schema = Schema>(host: Tree, options: Schema): Promise<NormalizedSchema<T>>;
-//# sourceMappingURL=normalize-options.d.ts.map

package/{src → dist/src}/generators/application/lib/normalize-options.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = normalizeOptions;
 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");
 const assertion_1 = require("../../../utils/assertion");
 const find_free_port_1 = require("./find-free-port");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_2 = require("@nx/js/internal");
 async function normalizeOptions(host, options) {
-    await (0, project_name_and_root_utils_1.ensureRootProjectName)(options, 'application');
-    const { projectName, names: projectNames, projectRoot: appProjectRoot, importPath, } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
+    await (0, internal_1.ensureRootProjectName)(options, 'application');
+    const { projectName, names: projectNames, projectRoot: appProjectRoot, importPath, } = await (0, internal_1.determineProjectNameAndRootOptions)(host, {
         name: options.name,
         projectType: 'application',
         directory: options.directory,
@@ -19,7 +19,7 @@ async function normalizeOptions(host, options) {
         nxJson.useInferencePlugins !== false;
     options.addPlugin ??= addPlugin;
     options.rootProject = appProjectRoot === '.';
-    const isUsingTsSolutionConfig = (0, ts_solution_setup_1.isUsingTsSolutionSetup)(host);
+    const isUsingTsSolutionConfig = (0, internal_2.isUsingTsSolutionSetup)(host);
     const appProjectName = !isUsingTsSolutionConfig || options.name ? projectName : importPath;
     const e2eProjectName = options.rootProject ? 'e2e' : `${appProjectName}-e2e`;
     const e2eProjectRoot = options.rootProject ? 'e2e' : `${appProjectRoot}-e2e`;
@@ -27,9 +27,6 @@ async function normalizeOptions(host, options) {
         ? options.tags.split(',').map((s) => s.trim())
         : [];
     const fileName = 'app';
-    const styledModule = /^(css|scss|less|tailwind|none)$/.test(options.style)
-        ? null
-        : options.style;
     (0, assertion_1.assertValidStyle)(options.style);
     (0, assertion_1.assertValidReactRouter)(options.useReactRouter, options.bundler);
     if (options.useReactRouter && !options.bundler) {
@@ -45,7 +42,6 @@ async function normalizeOptions(host, options) {
         e2eProjectRoot,
         parsedTags,
         fileName,
-        styledModule,
         hasStyles: options.style !== 'none',
         names: (0, devkit_1.names)(projectNames.projectSimpleName),
         isUsingTsSolutionConfig,

package/{src/generators/library → dist/src/generators/application}/lib/set-defaults.d.ts

@@ -1,4 +1,3 @@
 import { Tree } from '@nx/devkit';
 import { NormalizedSchema } from '../schema';
 export declare function setDefaults(host: Tree, options: NormalizedSchema): void;
-//# sourceMappingURL=set-defaults.d.ts.map

package/{src → dist/src}/generators/application/lib/update-jest-config.d.ts

@@ -1,4 +1,3 @@
 import { NormalizedSchema } from '../schema';
 import { Tree } from '@nx/devkit';
 export declare function updateSpecConfig(host: Tree, options: NormalizedSchema): void;
-//# sourceMappingURL=update-jest-config.d.ts.map