@nx/react 19.0.0-beta.8 → 19.0.0-beta.9

package/migrations.json

@@ -1,23 +1,5 @@
 {
   "generators": {
-    "update-rollup-executor": {
-      "cli": "nx",
-      "version": "15.3.0-beta.0",
-      "description": "Update projects using @nrwl/web:rollup to @nrwl/rollup:rollup for build.",
-      "factory": "./src/migrations/update-15-3-0/update-rollup-executor"
-    },
-    "install-webpack-rollup-dependencies": {
-      "cli": "nx",
-      "version": "15.3.0-beta.0",
-      "description": "Install new dependencies for React projects using Webpack or Rollup.",
-      "factory": "./src/migrations/update-15-3-0/install-webpack-rollup-dependencies"
-    },
-    "react-webpack-config-setup": {
-      "cli": "nx",
-      "version": "15.6.3-beta.0",
-      "description": "Creates or updates webpack.config.js file with the new options for webpack.",
-      "factory": "./src/migrations/update-15-6-3/webpack-config-setup"
-    },
     "update-16-0-0-add-nx-packages": {
       "cli": "nx",
       "version": "16.0.0-beta.1",
@@ -62,148 +44,6 @@
     }
   },
   "packageJsonUpdates": {
-    "15.2.2-beta.0": {
-      "version": "15.2.2-beta.0",
-      "packages": {
-        "@types/react": {
-          "version": "18.0.25",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/react-dom": {
-          "version": "18.0.9",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/node": {
-          "version": "18.11.9",
-          "alwaysAddToPackageJson": false
-        },
-        "styled-components": {
-          "version": "5.3.6",
-          "alwaysAddToPackageJson": false
-        },
-        "@emotion/styled": {
-          "version": "11.10.5",
-          "alwaysAddToPackageJson": false
-        },
-        "@emotion/react": {
-          "version": "11.10.5",
-          "alwaysAddToPackageJson": false
-        },
-        "@emotion/babel-plugin": {
-          "version": "11.10.5",
-          "alwaysAddToPackageJson": false
-        },
-        "styled-jsx": {
-          "version": "5.1.0",
-          "alwaysAddToPackageJson": false
-        },
-        "react-router-dom": {
-          "version": "6.4.3",
-          "alwaysAddToPackageJson": false
-        },
-        "@reduxjs/toolkit": {
-          "version": "1.9.0",
-          "alwaysAddToPackageJson": false
-        },
-        "react-redux": {
-          "version": "8.0.5",
-          "alwaysAddToPackageJson": false
-        },
-        "eslint-plugin-react": {
-          "version": "7.31.11",
-          "alwaysAddToPackageJson": false
-        },
-        "postcss": {
-          "version": "8.4.19",
-          "alwaysAddToPackageJson": false
-        },
-        "tailwindcss": {
-          "version": "3.2.4",
-          "alwaysAddToPackageJson": false
-        },
-        "autoprefixer": {
-          "version": "10.4.13",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/express": {
-          "version": "4.17.14",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
-    "15.8.0": {
-      "version": "15.8.0-beta.0",
-      "packages": {
-        "@types/react": {
-          "version": "18.0.28",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/react-dom": {
-          "version": "18.0.11",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/node": {
-          "version": "18.14.2",
-          "alwaysAddToPackageJson": false
-        },
-        "@emotion/styled": {
-          "version": "11.10.6",
-          "alwaysAddToPackageJson": false
-        },
-        "@emotion/react": {
-          "version": "11.10.6",
-          "alwaysAddToPackageJson": false
-        },
-        "@emotion/babel-plugin": {
-          "version": "11.10.6",
-          "alwaysAddToPackageJson": false
-        },
-        "styled-jsx": {
-          "version": "5.1.2",
-          "alwaysAddToPackageJson": false
-        },
-        "react-router-dom": {
-          "version": "6.8.1",
-          "alwaysAddToPackageJson": false
-        },
-        "@testing-library/react": {
-          "version": "14.0.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@reduxjs/toolkit": {
-          "version": "1.9.3",
-          "alwaysAddToPackageJson": false
-        },
-        "eslint-plugin-import": {
-          "version": "2.27.5",
-          "alwaysAddToPackageJson": false
-        },
-        "eslint-plugin-jsx-a11y": {
-          "version": "6.7.1",
-          "alwaysAddToPackageJson": false
-        },
-        "eslint-plugin-react": {
-          "version": "7.32.2",
-          "alwaysAddToPackageJson": false
-        },
-        "postcss": {
-          "version": "8.4.21",
-          "alwaysAddToPackageJson": false
-        },
-        "tailwindcss": {
-          "version": "3.2.7",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/express": {
-          "version": "4.17.17",
-          "alwaysAddToPackageJson": false
-        },
-        "less": {
-          "version": "4.1.3",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
     "16.3.0": {
       "version": "16.3.0-beta.2",
       "packages": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "19.0.0-beta.8",
+  "version": "19.0.0-beta.9",
   "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": {
@@ -37,11 +37,11 @@
     "file-loader": "^6.2.0",
     "minimatch": "9.0.3",
     "tslib": "^2.3.0",
-    "@nx/devkit": "19.0.0-beta.8",
-    "@nx/js": "19.0.0-beta.8",
-    "@nx/eslint": "19.0.0-beta.8",
-    "@nx/web": "19.0.0-beta.8",
-    "@nrwl/react": "19.0.0-beta.8"
+    "@nx/devkit": "19.0.0-beta.9",
+    "@nx/js": "19.0.0-beta.9",
+    "@nx/eslint": "19.0.0-beta.9",
+    "@nx/web": "19.0.0-beta.9",
+    "@nrwl/react": "19.0.0-beta.9"
   },
   "publishConfig": {
     "access": "public"

package/src/migrations/update-15-3-0/install-webpack-rollup-dependencies.d.ts

@@ -1,3 +0,0 @@
-import { Tree } from '@nx/devkit';
-export declare function installWebpackRollupDependencies(tree: Tree): import("@nx/devkit").GeneratorCallback;
-export default installWebpackRollupDependencies;

package/src/migrations/update-15-3-0/install-webpack-rollup-dependencies.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.installWebpackRollupDependencies = void 0;
-const devkit_1 = require("@nx/devkit");
-const versions_1 = require("../../utils/versions");
-function installWebpackRollupDependencies(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    let shouldInstall = false;
-    for (const [, project] of projects) {
-        if (project.targets?.build?.executor === '@nrwl/webpack:webpack' ||
-            project.targets?.build?.executor === '@nrwl/rollup:rollup' ||
-            project.targets?.build?.executor === '@nrwl/web:rollup') {
-            shouldInstall = true;
-            break;
-        }
-    }
-    if (shouldInstall) {
-        // These were previously dependencies of `@nrwl/react` but we've removed them
-        // to accommodate different bundlers and test runners.
-        return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
-            '@babel/preset-react': '^7.14.5',
-            '@pmmmwh/react-refresh-webpack-plugin': '^0.5.7',
-            '@svgr/webpack': '^6.1.2',
-            'css-loader': '^6.4.0',
-            'react-refresh': '^0.10.0',
-            'style-loader': '^3.3.0',
-            stylus: '^0.55.0',
-            'stylus-loader': '^7.1.0',
-            'url-loader': '^4.1.1',
-            webpack: '^5.75.0',
-            'webpack-merge': '^5.8.0',
-            '@nrwl/webpack': versions_1.nxVersion,
-        });
-    }
-}
-exports.installWebpackRollupDependencies = installWebpackRollupDependencies;
-exports.default = installWebpackRollupDependencies;

package/src/migrations/update-15-3-0/update-rollup-executor.d.ts

@@ -1,3 +0,0 @@
-import { Tree } from '@nx/devkit';
-export declare function updateRollupExecutor(tree: Tree): void;
-export default updateRollupExecutor;

package/src/migrations/update-15-3-0/update-rollup-executor.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateRollupExecutor = void 0;
-const devkit_1 = require("@nx/devkit");
-function updateRollupExecutor(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    for (const [name, project] of projects) {
-        if (project.targets?.build?.executor === '@nrwl/web:rollup') {
-            project.targets.build.executor = '@nrwl/rollup:rollup';
-            (0, devkit_1.updateProjectConfiguration)(tree, name, project);
-        }
-    }
-}
-exports.updateRollupExecutor = updateRollupExecutor;
-exports.default = updateRollupExecutor;

package/src/migrations/update-15-6-3/webpack-config-setup.d.ts

@@ -1,2 +0,0 @@
-import { Tree } from '@nx/devkit';
-export default function (tree: Tree): Promise<void>;

package/src/migrations/update-15-6-3/webpack-config-setup.js

@@ -1,103 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const devkit_1 = require("@nx/devkit");
-const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
-const path_1 = require("path");
-async function default_1(tree) {
-    // Since projects can have multiple configurations, we need to know if the default options
-    // need to be migrated or not. If so then the subsequent configurations with `webpackConfig` also need to be.
-    const defaultOptionsUpdated = new Set();
-    (0, executor_options_utils_1.forEachExecutorOptions)(tree, '@nrwl/webpack:webpack', (options, projectName, targetName, configurationName) => {
-        const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, projectName);
-        const defaultOptions = projectConfiguration.targets[targetName].options;
-        const defaultWasUpdated = defaultOptionsUpdated.has(projectName);
-        // If default was not updated (for different configurations), we don't do anything
-        // If isolatedConfig is set, we don't need to do anything
-        // If it is NOT React, we don't need to do anything
-        if (!defaultWasUpdated &&
-            (defaultOptions?.['isolatedConfig'] ||
-                !(defaultOptions?.['main']?.match(/main\.(t|j)sx$/) ||
-                    defaultOptions?.['webpackConfig'] === '@nrwl/react/plugins/webpack'))) {
-            return;
-        }
-        defaultOptionsUpdated.add(projectName);
-        // If this is not the default options (e.g. for development, production, or something custom),
-        // then skip it unless it specifically configures a webpackConfig file
-        if (configurationName && !options?.webpackConfig) {
-            return;
-        }
-        // If webpackConfig is set, update it with the new options
-        // If webpackConfig is not set, we need to create a new
-        // webpack.config.js file and set the path to it in the
-        // executor options
-        if (options?.['webpackConfig'] &&
-            options['webpackConfig'] !== '@nrwl/react/plugins/webpack') {
-            let oldName = options['webpackConfig'];
-            if (options['webpackConfig'].endsWith('.js')) {
-                oldName = options['webpackConfig'].replace('.js', '.old.js');
-            }
-            if (options['webpackConfig'].endsWith('.ts')) {
-                oldName = options['webpackConfig'].replace('.ts', '.old.ts');
-            }
-            renameFile(tree, options['webpackConfig'], oldName);
-            const justTheFileName = (0, path_1.basename)(oldName);
-            tree.write(options['webpackConfig'], `
-            const { composePlugins, withNx } = require('@nrwl/webpack');
-            const { withReact } = require('@nrwl/react');
-
-            // Nx plugins for webpack.
-            module.exports = composePlugins(withNx(), withReact(), (config, { options, context }) => {
-              // Note: This was added by an Nx migration.
-              // You should consider inlining the logic into this file.
-              // For more information on webpack config and Nx see:
-              // https://nx.dev/recipes/webpack/webpack-config-setup
-              return require('./${justTheFileName}')(config, context);
-            });
-            `);
-            options['isolatedConfig'] = true;
-            projectConfiguration.targets[targetName][configurationName ?? 'options'] = options;
-            (0, devkit_1.updateProjectConfiguration)(tree, projectName, projectConfiguration);
-            devkit_1.logger.info(`
-          ${options['webpackConfig']} has been renamed to ${oldName} and a new ${options['webpackConfig']} 
-          has been created for your project ${projectName}. 
-          You should consider inlining the logic from ${oldName} into ${options['webpackConfig']}.
-          You can read our guide on how to do this here: 
-          
-          https://nx.dev/recipes/webpack/webpack-config-setup
-          `);
-        }
-        else {
-            const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, projectName);
-            if (!options) {
-                options = {};
-            }
-            options['webpackConfig'] = `${projectConfiguration.root}/webpack.config.js`;
-            options['isolatedConfig'] = true;
-            tree.write(options['webpackConfig'], `
-          const { composePlugins, withNx } = require('@nrwl/webpack');
-          const { withReact } = require('@nrwl/react');
-          
-          // Nx plugins for webpack.
-          module.exports = composePlugins(withNx(), withReact(), (config, { options, context }) => {
-            // Update the webpack config as needed here.
-            // e.g. config.plugins.push(new MyPlugin())
-            // For more information on webpack config and Nx see:
-            // https://nx.dev/recipes/webpack/webpack-config-setup
-            return config;
-          });
-        `);
-            projectConfiguration.targets[targetName].options = options;
-            (0, devkit_1.updateProjectConfiguration)(tree, projectName, projectConfiguration);
-        }
-    });
-    await (0, devkit_1.formatFiles)(tree);
-}
-exports.default = default_1;
-function renameFile(tree, from, to) {
-    const buffer = tree.read(from);
-    if (!buffer) {
-        return;
-    }
-    tree.write(to, buffer);
-    tree.delete(from);
-}