@nx/react 23.0.0-beta.1 → 23.0.0-beta.2

package/generators.json

@@ -86,13 +86,6 @@
       "description": "Generate a Cypress component test for a React component",
       "hidden": false
     },
-    "setup-tailwind": {
-      "factory": "./src/generators/setup-tailwind/setup-tailwind#setupTailwindGenerator",
-      "schema": "./src/generators/setup-tailwind/schema.json",
-      "description": "Set up Tailwind configuration for a project.",
-      "hidden": false,
-      "x-deprecated": "Generating Tailwind configuration is no longer maintained. This generator will be removed in Nx 23."
-    },
     "setup-ssr": {
       "factory": "./src/generators/setup-ssr/setup-ssr#setupSsrGenerator",
       "schema": "./src/generators/setup-ssr/schema.json",

package/index.d.ts

@@ -2,7 +2,6 @@ import { NxReactWebpackPlugin as _NxReactWebpackPlugin } from './plugins/nx-reac
 /** @deprecated Use '@nx/react/webpack-plugin' instead, which can improve graph creation by 150-200ms per file. */
 export declare const NxReactWebpackPlugin: typeof _NxReactWebpackPlugin;
 export { extraEslintDependencies, extendReactEslintJson, } from './src/utils/lint';
-export { cssInJsDependenciesBabel } from './src/utils/styled';
 export { assertValidStyle } from './src/utils/assertion';
 export { reactDomVersion, reactVersion } from './src/utils/versions';
 export { applicationGenerator } from './src/generators/application/application';
@@ -18,7 +17,6 @@ export { hostGenerator } from './src/generators/host/host';
 export { remoteGenerator } from './src/generators/remote/remote';
 export { cypressComponentConfigGenerator } from './src/generators/cypress-component-configuration/cypress-component-configuration';
 export { componentTestGenerator } from './src/generators/component-test/component-test';
-export { setupTailwindGenerator } from './src/generators/setup-tailwind/setup-tailwind';
 export type { SupportedStyles } from './typings/style';
 export * from './plugins/with-react';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,MAAM,2DAA2D,CAAC;AAE1H,kHAAkH;AAClH,eAAO,MAAM,oBAAoB,8BAAwB,CAAC;AAE1D,OAAO,EACL,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wDAAwD,CAAC;AACzG,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,kFAAkF,CAAC;AACnI,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,MAAM,2DAA2D,CAAC;AAE1H,kHAAkH;AAClH,eAAO,MAAM,oBAAoB,8BAAwB,CAAC;AAE1D,OAAO,EACL,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wDAAwD,CAAC;AACzG,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,kFAAkF,CAAC;AACnI,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,cAAc,sBAAsB,CAAC"}

package/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupTailwindGenerator = exports.componentTestGenerator = exports.cypressComponentConfigGenerator = exports.remoteGenerator = exports.hostGenerator = exports.storybookConfigurationGenerator = exports.storiesGenerator = exports.reduxGenerator = exports.reactInitGenerator = exports.libraryGenerator = exports.componentStoryGenerator = exports.hookGenerator = exports.componentGenerator = exports.applicationGenerator = exports.reactVersion = exports.reactDomVersion = exports.assertValidStyle = exports.cssInJsDependenciesBabel = exports.extendReactEslintJson = exports.extraEslintDependencies = exports.NxReactWebpackPlugin = void 0;
+exports.componentTestGenerator = exports.cypressComponentConfigGenerator = exports.remoteGenerator = exports.hostGenerator = exports.storybookConfigurationGenerator = exports.storiesGenerator = exports.reduxGenerator = exports.reactInitGenerator = exports.libraryGenerator = exports.componentStoryGenerator = exports.hookGenerator = exports.componentGenerator = exports.applicationGenerator = exports.reactVersion = exports.reactDomVersion = exports.assertValidStyle = exports.extendReactEslintJson = exports.extraEslintDependencies = exports.NxReactWebpackPlugin = void 0;
 const tslib_1 = require("tslib");
 const nx_react_webpack_plugin_1 = require("./plugins/nx-react-webpack-plugin/nx-react-webpack-plugin");
 /** @deprecated Use '@nx/react/webpack-plugin' instead, which can improve graph creation by 150-200ms per file. */
@@ -8,8 +8,6 @@ exports.NxReactWebpackPlugin = nx_react_webpack_plugin_1.NxReactWebpackPlugin;
 var lint_1 = require("./src/utils/lint");
 Object.defineProperty(exports, "extraEslintDependencies", { enumerable: true, get: function () { return lint_1.extraEslintDependencies; } });
 Object.defineProperty(exports, "extendReactEslintJson", { enumerable: true, get: function () { return lint_1.extendReactEslintJson; } });
-var styled_1 = require("./src/utils/styled");
-Object.defineProperty(exports, "cssInJsDependenciesBabel", { enumerable: true, get: function () { return styled_1.cssInJsDependenciesBabel; } });
 var assertion_1 = require("./src/utils/assertion");
 Object.defineProperty(exports, "assertValidStyle", { enumerable: true, get: function () { return assertion_1.assertValidStyle; } });
 var versions_1 = require("./src/utils/versions");
@@ -41,6 +39,4 @@ var cypress_component_configuration_1 = require("./src/generators/cypress-compon
 Object.defineProperty(exports, "cypressComponentConfigGenerator", { enumerable: true, get: function () { return cypress_component_configuration_1.cypressComponentConfigGenerator; } });
 var component_test_1 = require("./src/generators/component-test/component-test");
 Object.defineProperty(exports, "componentTestGenerator", { enumerable: true, get: function () { return component_test_1.componentTestGenerator; } });
-var setup_tailwind_1 = require("./src/generators/setup-tailwind/setup-tailwind");
-Object.defineProperty(exports, "setupTailwindGenerator", { enumerable: true, get: function () { return setup_tailwind_1.setupTailwindGenerator; } });
 tslib_1.__exportStar(require("./plugins/with-react"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "23.0.0-beta.1",
+  "version": "23.0.0-beta.2",
   "private": false,
   "description": "The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook.\n\n- Generators for applications, libraries, components, hooks, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -36,30 +36,29 @@
     "@phenomnomnominal/tsquery": "~6.1.4",
     "@svgr/webpack": "^8.0.1",
     "minimatch": "10.2.4",
-    "picocolors": "^1.1.0",
     "tslib": "^2.3.0",
-    "@nx/devkit": "23.0.0-beta.1",
-    "@nx/js": "23.0.0-beta.1",
-    "@nx/eslint": "23.0.0-beta.1",
-    "@nx/web": "23.0.0-beta.1",
-    "@nx/module-federation": "23.0.0-beta.1",
-    "@nx/rollup": "23.0.0-beta.1",
+    "@nx/devkit": "23.0.0-beta.2",
+    "@nx/js": "23.0.0-beta.2",
+    "@nx/eslint": "23.0.0-beta.2",
+    "@nx/web": "23.0.0-beta.2",
+    "@nx/module-federation": "23.0.0-beta.2",
+    "@nx/rollup": "23.0.0-beta.2",
     "express": "^4.21.2",
     "http-proxy-middleware": "^3.0.5",
     "semver": "^7.6.3"
   },
   "devDependencies": {
-    "@nx/cypress": "23.0.0-beta.1",
-    "@nx/playwright": "23.0.0-beta.1",
-    "@nx/rsbuild": "23.0.0-beta.1",
-    "@nx/vite": "23.0.0-beta.1",
-    "@nx/vitest": "23.0.0-beta.1",
-    "@nx/webpack": "23.0.0-beta.1",
-    "@nx/storybook": "23.0.0-beta.1",
-    "nx": "23.0.0-beta.1"
+    "@nx/cypress": "23.0.0-beta.2",
+    "@nx/playwright": "23.0.0-beta.2",
+    "@nx/rsbuild": "23.0.0-beta.2",
+    "@nx/vite": "23.0.0-beta.2",
+    "@nx/vitest": "23.0.0-beta.2",
+    "@nx/webpack": "23.0.0-beta.2",
+    "@nx/storybook": "23.0.0-beta.2",
+    "nx": "23.0.0-beta.2"
   },
   "optionalDependencies": {
-    "@nx/vite": "23.0.0-beta.1"
+    "@nx/vite": "23.0.0-beta.2"
   },
   "publishConfig": {
     "access": "public"
@@ -84,11 +83,7 @@
       "require": "./babel.js",
       "types": "./babel.d.ts"
     },
-    "./tailwind": {
-      "import": "./tailwind.js",
-      "require": "./tailwind.js",
-      "types": "./tailwind.d.ts"
-    },
+    "./tailwind": "./tailwind.js",
     "./module-federation": {
       "import": "./module-federation.js",
       "require": "./module-federation.js",

package/src/generators/application/application.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"application.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/application/application.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAIjB,IAAI,EAGL,MAAM,YAAY,CAAC;AAoCpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,wBAAsB,oBAAoB,CACxC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,iBAAiB,CAAC,CAM5B;AAED,wBAAsB,4BAA4B,CAChD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,iBAAiB,CAAC,CAqM5B;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"application.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/application/application.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAIjB,IAAI,EAGL,MAAM,YAAY,CAAC;AA8BpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,wBAAsB,oBAAoB,CACxC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,iBAAiB,CAAC,CAM5B;AAED,wBAAsB,4BAA4B,CAChD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,iBAAiB,CAAC,CAsL5B;AAED,eAAe,oBAAoB,CAAC"}

package/src/generators/application/application.js

@@ -8,8 +8,6 @@ const js_1 = require("@nx/js");
 const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
 const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
 const create_ts_config_1 = require("../../utils/create-ts-config");
-const add_styled_dependencies_1 = require("../../rules/add-styled-dependencies");
-const setup_tailwind_1 = require("../setup-tailwind/setup-tailwind");
 const init_1 = tslib_1.__importDefault(require("../init/init"));
 const create_application_files_1 = require("./lib/create-application-files");
 const update_jest_config_1 = require("./lib/update-jest-config");
@@ -20,7 +18,6 @@ const add_routing_1 = require("./lib/add-routing");
 const set_defaults_1 = require("./lib/set-defaults");
 const add_linting_1 = require("./lib/add-linting");
 const add_e2e_1 = require("./lib/add-e2e");
-const show_possible_warnings_1 = require("./lib/show-possible-warnings");
 const install_common_dependencies_1 = require("./lib/install-common-dependencies");
 const add_webpack_1 = require("./lib/bundlers/add-webpack");
 const add_rspack_1 = require("./lib/bundlers/add-rspack");
@@ -68,7 +65,6 @@ async function applicationGeneratorInternal(tree, schema) {
                     initial: 0,
                 }, { response: 'No' }).then((r) => r.response === 'Yes')))
             : false;
-    (0, show_possible_warnings_1.showPossibleWarnings)(tree, options);
     const initTask = await (0, init_1.default)(tree, {
         ...options,
         skipFormat: true,
@@ -108,12 +104,6 @@ async function applicationGeneratorInternal(tree, schema) {
     if (options.isUsingTsSolutionConfig) {
         await (0, ts_solution_setup_1.addProjectToTsSolutionWorkspace)(tree, options.appProjectRoot);
     }
-    if (options.style === 'tailwind') {
-        const twTask = await (0, setup_tailwind_1.setupTailwindGenerator)(tree, {
-            project: options.projectName,
-        });
-        tasks.push(twTask);
-    }
     const lintTask = await (0, add_linting_1.addLinting)(tree, options);
     tasks.push(lintTask);
     if (options.bundler === 'vite') {
@@ -139,16 +129,11 @@ async function applicationGeneratorInternal(tree, schema) {
     (0, update_jest_config_1.updateSpecConfig)(tree, options);
     const commonDependencyTask = await (0, install_common_dependencies_1.installCommonDependencies)(tree, options);
     tasks.push(commonDependencyTask);
-    const styledTask = (0, add_styled_dependencies_1.addStyledModuleDependencies)(tree, options);
-    tasks.push(styledTask);
     if (!options.useReactRouter) {
         const routingTask = (0, add_routing_1.addRouting)(tree, options);
         tasks.push(routingTask);
     }
     (0, set_defaults_1.setDefaults)(tree, options);
-    if (options.bundler === 'rspack' && options.style === 'styled-jsx') {
-        (0, add_rspack_1.handleStyledJsxForRspack)(tasks, tree, options);
-    }
     if (options.useReactRouter) {
         (0, devkit_1.updateJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.json'), (json) => {
             const types = new Set(json.compilerOptions?.types || []);

package/src/generators/application/files/base-rsbuild/tsconfig.app.json__tmpl__

@@ -7,7 +7,6 @@
     "lib": ["dom"],
     "types": [
       "node",
-      <%_ if (style === 'styled-jsx') { _%>"@nx/react/typings/styled-jsx.d.ts",<%_ } _%>
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ]
@@ -20,7 +19,6 @@
     "outDir": "<%= offsetFromRoot %>dist/out-tsc",
     "types": [
       "node",
-      <%_ if (style === 'styled-jsx') { _%>"@nx/react/typings/styled-jsx.d.ts",<%_ } _%>
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ]

package/src/generators/application/files/base-rspack/tsconfig.app.json__tmpl__

@@ -7,7 +7,6 @@
     "lib": ["dom"],
     "types": [
       "node",
-      <%_ if (style === 'styled-jsx') { _%>"@nx/react/typings/styled-jsx.d.ts",<%_ } _%>
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ]
@@ -20,7 +19,6 @@
     "outDir": "<%= offsetFromRoot %>dist/out-tsc",
     "types": [
       "node",
-      <%_ if (style === 'styled-jsx') { _%>"@nx/react/typings/styled-jsx.d.ts",<%_ } _%>
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ]

package/src/generators/application/files/base-vite/index.html__tmpl__

@@ -7,7 +7,7 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
-    <% if (!styledModule && style !== 'none') { %><link rel="stylesheet" href="/src/styles.<%= style === 'tailwind' ? 'css' : style %>" /><% } %>
+    <% if (style !== 'none') { %><link rel="stylesheet" href="/src/styles.<%= style %>" /><% } %>
   </head>
   <body>
     <div id="root"></div>

package/src/generators/application/files/base-vite/tsconfig.app.json__tmpl__

@@ -7,7 +7,6 @@
     "lib": ["dom"],
     "types": [
       "node",
-      <%_ if (style === 'styled-jsx') { _%>"@nx/react/typings/styled-jsx.d.ts",<%_ } _%>
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ]
@@ -20,7 +19,6 @@
     "outDir": "<%= offsetFromRoot %>dist/out-tsc",
     "types": [
       "node",
-      <%_ if (style === 'styled-jsx') { _%>"@nx/react/typings/styled-jsx.d.ts",<%_ } _%>
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ]

package/src/generators/application/files/base-webpack/tsconfig.app.json__tmpl__

@@ -7,7 +7,6 @@
     "lib": ["dom"],
     "types": [
       "node",
-      <%_ if (style === 'styled-jsx') { _%>"@nx/react/typings/styled-jsx.d.ts",<%_ } _%>
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ]
@@ -20,7 +19,6 @@
     "outDir": "<%= offsetFromRoot %>dist/out-tsc",
     "types": [
       "node",
-      <%_ if (style === 'styled-jsx') { _%>"@nx/react/typings/styled-jsx.d.ts",<%_ } _%>
       "@nx/react/typings/cssmodule.d.ts",
       "@nx/react/typings/image.d.ts"
     ]

package/src/generators/application/lib/add-project.js

@@ -87,10 +87,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 +149,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/generators/application/lib/bundlers/add-rsbuild.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-rsbuild.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/react/src/generators/application/lib/bundlers/add-rsbuild.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EAIV,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAExD,wBAAsB,WAAW,CAC/B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACjC,KAAK,EAAE,GAAG,EAAE,iBAUb;AAED,wBAAsB,yBAAyB,CAC7C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACjC,KAAK,EAAE,GAAG,EAAE,iBAqFb"}
+{"version":3,"file":"add-rsbuild.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/react/src/generators/application/lib/bundlers/add-rsbuild.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EAIV,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAExD,wBAAsB,WAAW,CAC/B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACjC,KAAK,EAAE,GAAG,EAAE,iBAUb;AAED,wBAAsB,yBAAyB,CAC7C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACjC,KAAK,EAAE,GAAG,EAAE,iBA0Db"}

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

@@ -51,7 +51,7 @@ async function initRsbuild(tree, options, tasks) {
 async function setupRsbuildConfiguration(tree, options, tasks) {
     (0, devkit_1.ensurePackage)('@nx/rsbuild', versions_1.nxVersion);
     const { configurationGenerator } = await Promise.resolve().then(() => __importStar(require('@nx/rsbuild/generators')));
-    const { addBuildPlugin, addCopyAssets, addHtmlTemplatePath, addExperimentalSwcPlugin, addSourceDefine, versions, } = await Promise.resolve().then(() => __importStar(require('@nx/rsbuild/config-utils')));
+    const { addBuildPlugin, addCopyAssets, addHtmlTemplatePath, addSourceDefine, versions, } = await Promise.resolve().then(() => __importStar(require('@nx/rsbuild/config-utils')));
     const rsbuildTask = await configurationGenerator(tree, {
         project: options.projectName,
         entry: (0, maybe_js_1.maybeJs)({
@@ -68,30 +68,11 @@ async function setupRsbuildConfiguration(tree, options, tasks) {
         addSourceDefine(tree, pathToConfigFile, 'import.meta.vitest', 'undefined');
     }
     const deps = { '@rsbuild/plugin-react': versions.rsbuildPluginReactVersion };
-    addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-react', 'pluginReact', options.style === '@emotion/styled'
-        ? `swcReactOptions: {\n\timportSource: '@emotion/react',\n}`
-        : undefined);
+    addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-react', 'pluginReact');
     if (options.style === 'scss') {
         addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-sass', 'pluginSass');
         deps['@rsbuild/plugin-sass'] = versions.rsbuildPluginSassVersion;
     }
-    else if (options.style === 'less') {
-        addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-less', 'pluginLess');
-        deps['@rsbuild/plugin-less'] = versions.rsbuildPluginLessVersion;
-    }
-    else if (options.style === '@emotion/styled') {
-        deps['@swc/plugin-emotion'] = versions.rsbuildSwcPluginEmotionVersion;
-        addExperimentalSwcPlugin(tree, pathToConfigFile, '@swc/plugin-emotion');
-    }
-    else if (options.style === 'styled-jsx') {
-        deps['@swc/plugin-styled-jsx'] = versions.rsbuildSwcPluginStyledJsxVersion;
-        addExperimentalSwcPlugin(tree, pathToConfigFile, '@swc/plugin-styled-jsx');
-    }
-    else if (options.style === 'styled-components') {
-        deps['@rsbuild/plugin-styled-components'] =
-            versions.rsbuildPluginStyledComponentsVersion;
-        addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-styled-components', 'pluginStyledComponents');
-    }
     addHtmlTemplatePath(tree, pathToConfigFile, './src/index.html');
     addCopyAssets(tree, pathToConfigFile, './src/assets');
     addCopyAssets(tree, pathToConfigFile, './src/favicon.ico');

package/src/generators/application/lib/bundlers/add-rspack.d.ts

@@ -1,5 +1,4 @@
 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/src/generators/application/lib/bundlers/add-rspack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-rspack.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/react/src/generators/application/lib/bundlers/add-rspack.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EAMV,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAExD,wBAAsB,UAAU,CAC9B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACjC,KAAK,EAAE,GAAG,EAAE,iBAQb;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,GAAG,EAAE,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,QAuClC"}
+{"version":3,"file":"add-rspack.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/react/src/generators/application/lib/bundlers/add-rspack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAiB,MAAM,YAAY,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAExD,wBAAsB,UAAU,CAC9B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACjC,KAAK,EAAE,GAAG,EAAE,iBAQb"}

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

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.initRspack = initRspack;
-exports.handleStyledJsxForRspack = handleStyledJsxForRspack;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-const pc = tslib_1.__importStar(require("picocolors"));
 const versions_1 = require("../../../../utils/versions");
 async function initRspack(tree, options, tasks) {
     const { rspackInitGenerator } = (0, devkit_1.ensurePackage)('@nx/rspack', versions_1.nxVersion);
@@ -14,25 +11,3 @@ async function initRspack(tree, options, tasks) {
     });
     tasks.push(rspackInitTask);
 }
-function handleStyledJsxForRspack(tasks, tree, options) {
-    devkit_1.logger.warn(`${pc.bold('styled-jsx')} is not supported by ${pc.bold('Rspack')}. We've added ${pc.bold('babel-loader')} to your project, but using babel will slow down your build.`);
-    tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, { 'babel-loader': versions_1.babelLoaderVersion }));
-    tree.write((0, devkit_1.joinPathFragments)(options.appProjectRoot, 'rspack.config.js'), (0, devkit_1.stripIndents) `
-        const { composePlugins, withNx, withReact } = require('@nx/rspack');
-        module.exports = composePlugins(withNx(), withReact(), (config) => {
-          config.module.rules.push({
-            test: /\\.[jt]sx$/i,
-            use: [
-              {
-                loader: 'babel-loader',
-                options: {
-                  presets: ['@babel/preset-typescript'],
-                  plugins: ['styled-jsx/babel'],
-                },
-              },
-            ],
-          });
-          return config;
-        });
-        `);
-}

package/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;

package/src/generators/application/lib/create-application-files.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-application-files.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/create-application-files.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,IAAI,EAGL,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAM5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAkB7C,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwB1B;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,MAAM,EAClB,GAAG,GAAE,OAAc,GAClB,aAAa,GAAG,gBAAgB,CAgClC;AAED,wBAAsB,sBAAsB,CAC1C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,iBAwL1B"}
+{"version":3,"file":"create-application-files.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/create-application-files.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,IAAI,EAGL,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAM5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAkB7C,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwB1B;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,MAAM,EAClB,GAAG,GAAE,OAAc,GAClB,aAAa,GAAG,gBAAgB,CAyBlC;AAED,wBAAsB,sBAAsB,CAC1C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,iBAgJ1B"}

package/src/generators/application/lib/create-application-files.js

@@ -16,7 +16,7 @@ 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 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,7 +33,7 @@ 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),
         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/generators/application/lib/install-common-dependencies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"install-common-dependencies.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/install-common-dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,IAAI,EAAE,MAAM,YAAY,CAAC;AAchE,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG7C,wBAAsB,yBAAyB,CAC7C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,mDA6D1B"}
+{"version":3,"file":"install-common-dependencies.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/install-common-dependencies.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,IAAI,EAAE,MAAM,YAAY,CAAC;AAahE,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAG7C,wBAAsB,yBAAyB,CAC7C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,mDAwD1B"}

package/src/generators/application/lib/install-common-dependencies.js

@@ -32,13 +32,8 @@ async function installCommonDependencies(host, options) {
     // 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') {

package/src/generators/application/lib/normalize-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-options.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/normalize-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAqB,MAAM,YAAY,CAAC;AASrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAIrD,wBAAsB,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC9D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CA6E9B"}
+{"version":3,"file":"normalize-options.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/normalize-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAqB,MAAM,YAAY,CAAC;AASrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAIrD,wBAAsB,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC9D,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAwE9B"}

package/src/generators/application/lib/normalize-options.js

@@ -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/application/lib/update-jest-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update-jest-config.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/update-jest-config.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAc,MAAM,YAAY,CAAC;AAE9C,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,QAoCrE"}
+{"version":3,"file":"update-jest-config.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/application/lib/update-jest-config.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAc,MAAM,YAAY,CAAC;AAE9C,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,QAiCrE"}

package/src/generators/application/lib/update-jest-config.js

@@ -10,9 +10,6 @@ function updateSpecConfig(host, options) {
     (0, devkit_1.updateJson)(host, `${options.appProjectRoot}/tsconfig.spec.json`, (json) => {
         const compilerOptions = json.compilerOptions ?? {};
         const types = compilerOptions.types ?? [];
-        if (options.style === 'styled-jsx') {
-            types.push('@nx/react/typings/styled-jsx.d.ts');
-        }
         types.push('@nx/react/typings/cssmodule.d.ts', '@nx/react/typings/image.d.ts');
         compilerOptions.types = types;
         json.compilerOptions = compilerOptions;

package/src/generators/application/schema.d.ts

@@ -44,7 +44,6 @@ export interface NormalizedSchema<T extends Schema = Schema> extends T {
   importPath: string;
   parsedTags: string[];
   fileName: string;
-  styledModule: null | SupportedStyles;
   hasStyles: boolean;
   unitTestRunner: 'jest' | 'vitest' | 'none';
   addPlugin?: boolean;