@nx/react 19.7.3 → 19.8.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "19.7.3",
+  "version": "19.8.0-beta.0",
   "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": {
@@ -39,13 +39,13 @@
     "minimatch": "9.0.3",
     "tslib": "^2.3.0",
     "@module-federation/enhanced": "~0.6.0",
-    "@nx/devkit": "19.7.3",
-    "@nx/js": "19.7.3",
-    "@nx/eslint": "19.7.3",
-    "@nx/web": "19.7.3",
+    "@nx/devkit": "19.8.0-beta.0",
+    "@nx/js": "19.8.0-beta.0",
+    "@nx/eslint": "19.8.0-beta.0",
+    "@nx/web": "19.8.0-beta.0",
     "express": "^4.19.2",
     "http-proxy-middleware": "^3.0.0",
-    "@nrwl/react": "19.7.3"
+    "@nrwl/react": "19.8.0-beta.0"
   },
   "publishConfig": {
     "access": "public"

package/src/generators/application/application.js

@@ -26,6 +26,7 @@ const eslint_file_1 = require("@nx/eslint/src/generators/utils/eslint-file");
 const js_1 = require("@nx/js");
 const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
 const setup_tailwind_1 = require("../setup-tailwind/setup-tailwind");
+const flat_config_1 = require("@nx/eslint/src/utils/flat-config");
 async function addLinting(host, options) {
     const tasks = [];
     if (options.linter === eslint_1.Linter.EsLint) {
@@ -43,7 +44,18 @@ async function addLinting(host, options) {
         });
         tasks.push(lintTask);
         if ((0, eslint_file_1.isEslintConfigSupported)(host)) {
-            (0, eslint_file_1.addExtendsToLintConfig)(host, options.appProjectRoot, 'plugin:@nx/react');
+            if ((0, flat_config_1.useFlatConfig)(host)) {
+                (0, eslint_file_1.addPredefinedConfigToFlatLintConfig)(host, options.appProjectRoot, 'flat/react');
+                // Add an empty rules object to users know how to add/override rules
+                (0, eslint_file_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 });
+                tasks.push(addExtendsTask);
+            }
         }
         if (!options.skipPackageJson) {
             const installTask = (0, devkit_1.addDependenciesToPackageJson)(host, lint_1.extraEslintDependencies.dependencies, lint_1.extraEslintDependencies.devDependencies);

package/src/generators/application/files/base-webpack/webpack.config.js__tmpl__

@@ -8,7 +8,12 @@ module.exports = {
     path: join(__dirname, '<%= offsetFromRoot %><%= webpackPluginOptions.outputPath %>'),
   },
   devServer: {
-    port: 4200
+    port: 4200,
+    historyApiFallback: {
+      index: '/index.html',
+      disableDotRule: true,
+      htmlAcceptHeaders: ['text/html', 'application/xhtml+xml'],
+    },
   },
   plugins: [
     new NxAppWebpackPlugin({

package/src/generators/library/lib/add-linting.d.ts

@@ -1,3 +1,4 @@
 import { Tree } from 'nx/src/generators/tree';
+import { GeneratorCallback } from '@nx/devkit';
 import { NormalizedSchema } from '../schema';
-export declare function addLinting(host: Tree, options: NormalizedSchema): Promise<import("@nx/devkit").GeneratorCallback>;
+export declare function addLinting(host: Tree, options: NormalizedSchema): Promise<GeneratorCallback>;

package/src/generators/library/lib/add-linting.js

@@ -6,8 +6,10 @@ const path_1 = require("nx/src/utils/path");
 const devkit_1 = require("@nx/devkit");
 const lint_1 = require("../../../utils/lint");
 const eslint_file_1 = require("@nx/eslint/src/generators/utils/eslint-file");
+const flat_config_1 = require("@nx/eslint/src/utils/flat-config");
 async function addLinting(host, options) {
     if (options.linter === eslint_1.Linter.EsLint) {
+        const tasks = [];
         const lintTask = await (0, eslint_1.lintProjectGenerator)(host, {
             linter: options.linter,
             project: options.name,
@@ -20,14 +22,30 @@ async function addLinting(host, options) {
             setParserOptionsProject: options.setParserOptionsProject,
             addPlugin: options.addPlugin,
         });
+        tasks.push(lintTask);
         if ((0, eslint_file_1.isEslintConfigSupported)(host)) {
-            (0, eslint_file_1.addExtendsToLintConfig)(host, options.projectRoot, 'plugin:@nx/react');
+            if ((0, flat_config_1.useFlatConfig)(host)) {
+                (0, eslint_file_1.addPredefinedConfigToFlatLintConfig)(host, options.projectRoot, 'flat/react');
+                // Add an empty rules object to users know how to add/override rules
+                (0, eslint_file_1.addOverrideToLintConfig)(host, options.projectRoot, {
+                    files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
+                    rules: {},
+                });
+            }
+            else {
+                const addExtendsTask = (0, eslint_file_1.addExtendsToLintConfig)(host, options.projectRoot, {
+                    name: 'plugin:@nx/react',
+                    needCompatFixup: true,
+                });
+                tasks.push(addExtendsTask);
+            }
         }
         let installTask = () => { };
         if (!options.skipPackageJson) {
             installTask = (0, devkit_1.addDependenciesToPackageJson)(host, lint_1.extraEslintDependencies.dependencies, lint_1.extraEslintDependencies.devDependencies);
+            tasks.push(installTask);
         }
-        return (0, devkit_1.runTasksInSerial)(lintTask, installTask);
+        return (0, devkit_1.runTasksInSerial)(...tasks);
     }
     else {
         return () => { };

package/src/utils/versions.d.ts

@@ -22,10 +22,9 @@ export declare const reactRouterDomVersion = "6.11.2";
 export declare const testingLibraryReactVersion = "15.0.6";
 export declare const reduxjsToolkitVersion = "1.9.3";
 export declare const reactReduxVersion = "8.0.5";
-export declare const reactTestRendererVersion = "18.2.0";
-export declare const eslintPluginImportVersion = "2.27.5";
+export declare const eslintPluginImportVersion = "2.30.0";
 export declare const eslintPluginJsxA11yVersion = "6.7.1";
-export declare const eslintPluginReactVersion = "7.32.2";
+export declare const eslintPluginReactVersion = "7.35.0";
 export declare const eslintPluginReactHooksVersion = "4.6.0";
 export declare const babelPluginStyledComponentsVersion = "1.10.7";
 export declare const tsLibVersion = "^2.3.0";

package/src/utils/versions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.swcPluginStyledComponentsVersion = exports.swcPluginEmotionVersion = exports.swcPluginStyledJsxVersion = exports.svgrRollupVersion = exports.rollupPluginUrlVersion = exports.sassVersion = exports.lessVersion = exports.moduleFederationEnhancedVersion = exports.moduleFederationNodeVersion = exports.typesCorsVersion = exports.corsVersion = exports.isbotVersion = exports.typesExpressVersion = exports.expressVersion = exports.autoprefixerVersion = exports.tailwindcssVersion = exports.postcssVersion = exports.tsLibVersion = exports.babelPluginStyledComponentsVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactTestRendererVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryReactVersion = exports.reactRouterDomVersion = exports.styledJsxVersion = exports.emotionBabelPlugin = exports.emotionReactVersion = exports.emotionStyledVersion = exports.typesStyledComponentsVersion = exports.styledComponentsVersion = exports.babelCoreVersion = exports.babelPresetReactVersion = exports.typesNodeVersion = exports.reactViteVersion = exports.typesReactIsVersion = exports.typesReactDomVersion = exports.typesReactVersion = exports.babelLoaderVersion = exports.swcLoaderVersion = exports.reactIsVersion = exports.reactDomVersion = exports.reactVersion = exports.nxRspackVersion = exports.nxVersion = void 0;
+exports.swcPluginStyledComponentsVersion = exports.swcPluginEmotionVersion = exports.swcPluginStyledJsxVersion = exports.svgrRollupVersion = exports.rollupPluginUrlVersion = exports.sassVersion = exports.lessVersion = exports.moduleFederationEnhancedVersion = exports.moduleFederationNodeVersion = exports.typesCorsVersion = exports.corsVersion = exports.isbotVersion = exports.typesExpressVersion = exports.expressVersion = exports.autoprefixerVersion = exports.tailwindcssVersion = exports.postcssVersion = exports.tsLibVersion = exports.babelPluginStyledComponentsVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryReactVersion = exports.reactRouterDomVersion = exports.styledJsxVersion = exports.emotionBabelPlugin = exports.emotionReactVersion = exports.emotionStyledVersion = exports.typesStyledComponentsVersion = exports.styledComponentsVersion = exports.babelCoreVersion = exports.babelPresetReactVersion = exports.typesNodeVersion = exports.reactViteVersion = exports.typesReactIsVersion = exports.typesReactDomVersion = exports.typesReactVersion = exports.babelLoaderVersion = exports.swcLoaderVersion = exports.reactIsVersion = exports.reactDomVersion = exports.reactVersion = exports.nxRspackVersion = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
 // Always pull the latest version until we merge rspack plugin into the repo.
 exports.nxRspackVersion = '*';
@@ -27,10 +27,9 @@ exports.reactRouterDomVersion = '6.11.2';
 exports.testingLibraryReactVersion = '15.0.6';
 exports.reduxjsToolkitVersion = '1.9.3';
 exports.reactReduxVersion = '8.0.5';
-exports.reactTestRendererVersion = '18.2.0';
-exports.eslintPluginImportVersion = '2.27.5';
+exports.eslintPluginImportVersion = '2.30.0';
 exports.eslintPluginJsxA11yVersion = '6.7.1';
-exports.eslintPluginReactVersion = '7.32.2';
+exports.eslintPluginReactVersion = '7.35.0';
 exports.eslintPluginReactHooksVersion = '4.6.0';
 exports.babelPluginStyledComponentsVersion = '1.10.7';
 exports.tsLibVersion = '^2.3.0';