@nx/react 0.0.0-pr-22179-271588f → 0.0.0-pr-26482-ebe2dba

package/src/generators/library/lib/add-rollup-build-target.js

@@ -19,7 +19,6 @@ async function addRollupBuildTarget(host, options) {
             '@svgr/rollup': versions_1.svgrRollupVersion,
         }));
     }
-    const { targets } = (0, devkit_1.readProjectConfiguration)(host, options.name);
     const external = ['react', 'react-dom'];
     if (options.style === '@emotion/styled') {
         external.push('@emotion/react/jsx-runtime');
@@ -27,33 +26,71 @@ async function addRollupBuildTarget(host, options) {
     else {
         external.push('react/jsx-runtime');
     }
-    targets.build = {
-        executor: '@nx/rollup:rollup',
-        outputs: ['{options.outputPath}'],
-        options: {
-            outputPath: (0, devkit_1.joinPathFragments)('dist', options.projectRoot),
-            tsConfig: `${options.projectRoot}/tsconfig.lib.json`,
-            project: `${options.projectRoot}/package.json`,
-            entryFile: (0, maybe_js_1.maybeJs)(options, `${options.projectRoot}/src/index.ts`),
-            external,
-            rollupConfig: `@nx/react/plugins/bundle-rollup`,
-            compiler: options.compiler ?? 'babel',
-            assets: [
-                {
-                    glob: `${options.projectRoot}/README.md`,
-                    input: '.',
-                    output: '.',
-                },
-            ],
-        },
-    };
-    (0, devkit_1.updateProjectConfiguration)(host, options.name, {
-        root: options.projectRoot,
-        sourceRoot: (0, devkit_1.joinPathFragments)(options.projectRoot, 'src'),
-        projectType: 'library',
-        tags: options.parsedTags,
-        targets,
-    });
+    const nxJson = (0, devkit_1.readNxJson)(host);
+    const hasRollupPlugin = !!nxJson.plugins?.some((p) => typeof p === 'string'
+        ? p === '@nx/rollup/plugin'
+        : p.plugin === '@nx/rollup/plugin');
+    if (hasRollupPlugin) {
+        // New behavior, using rollup config file and inferred target.
+        host.write((0, devkit_1.joinPathFragments)(options.projectRoot, 'rollup.config.js'), (0, devkit_1.stripIndents) `
+      const { withNx } = require('@nx/rollup/with-nx');
+      const url = require('@rollup/plugin-url');
+      const svg = require('@svgr/rollup');
+      
+      module.exports = withNx({
+        main: '${(0, maybe_js_1.maybeJs)(options, './src/index.ts')}',
+        outputPath: '${(0, devkit_1.joinPathFragments)((0, devkit_1.offsetFromRoot)(options.projectRoot), 'dist', options.projectRoot)}',
+        tsConfig: './tsconfig.lib.json',
+        compiler: '${options.compiler ?? 'babel'}',
+        external: ${JSON.stringify(external)},
+        format: ['esm'],
+        assets:[{ input: '.', output: '.', glob: 'README.md'}],
+      }, {
+        // Provide additional rollup configuration here. See: https://rollupjs.org/configuration-options
+        plugins: [
+          svg({
+            svgo: false,
+            titleProp: true,
+            ref: true,
+          }),
+          url({
+            limit: 10000, // 10kB
+          }),
+        ],
+      });
+    `);
+    }
+    else {
+        // Legacy behavior, there is a target in project.json using rollup executor.
+        const { targets } = (0, devkit_1.readProjectConfiguration)(host, options.name);
+        targets.build = {
+            executor: '@nx/rollup:rollup',
+            outputs: ['{options.outputPath}'],
+            options: {
+                outputPath: (0, devkit_1.joinPathFragments)('dist', options.projectRoot),
+                tsConfig: `${options.projectRoot}/tsconfig.lib.json`,
+                project: `${options.projectRoot}/package.json`,
+                entryFile: (0, maybe_js_1.maybeJs)(options, `${options.projectRoot}/src/index.ts`),
+                external,
+                rollupConfig: `@nx/react/plugins/bundle-rollup`,
+                compiler: options.compiler ?? 'babel',
+                assets: [
+                    {
+                        glob: `${options.projectRoot}/README.md`,
+                        input: '.',
+                        output: '.',
+                    },
+                ],
+            },
+        };
+        (0, devkit_1.updateProjectConfiguration)(host, options.name, {
+            root: options.projectRoot,
+            sourceRoot: (0, devkit_1.joinPathFragments)(options.projectRoot, 'src'),
+            projectType: 'library',
+            tags: options.parsedTags,
+            targets,
+        });
+    }
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
 exports.addRollupBuildTarget = addRollupBuildTarget;

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

@@ -1,7 +1,7 @@
 export interface Schema {
   name: string;
   /**
-   * @deprecated Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19.
+   * @deprecated Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v20.
    */
   project?: string;
   directory?: string;

package/src/generators/redux/schema.json

@@ -22,7 +22,7 @@
       "$default": {
         "$source": "projectName"
       },
-      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v19."
+      "x-deprecated": "Provide the `directory` option instead and use the `as-provided` format. The project will be determined from the directory provided. It will be removed in Nx v20."
     },
     "directory": {
       "type": "string",

package/src/generators/remote/lib/update-host-with-remote.js

@@ -14,7 +14,6 @@ function updateHostWithRemote(host, hostName, remoteName) {
     if (!host.exists(moduleFederationConfigPath)) {
         moduleFederationConfigPath = (0, devkit_1.joinPathFragments)(hostConfig.root, 'module-federation.config.ts');
     }
-    const remoteDefsPath = (0, devkit_1.joinPathFragments)(hostConfig.sourceRoot, 'remotes.d.ts');
     const appComponentPath = findAppComponentPath(host, hostConfig.sourceRoot);
     if (host.exists(moduleFederationConfigPath)) {
         // find the host project path
@@ -27,17 +26,9 @@ function updateHostWithRemote(host, hostName, remoteName) {
         // TODO(jack): Point to the nx.dev guide when ready.
         devkit_1.logger.warn(`Could not find configuration at ${moduleFederationConfigPath}. Did you generate this project with "@nx/react:host"?`);
     }
-    if (host.exists(remoteDefsPath)) {
-        let sourceCode = host.read(remoteDefsPath).toString();
-        const source = tsModule.createSourceFile(moduleFederationConfigPath, sourceCode, tsModule.ScriptTarget.Latest, true);
-        host.write(remoteDefsPath, (0, devkit_1.applyChangesToString)(sourceCode, (0, ast_utils_1.addRemoteDefinition)(source, remoteName)));
-    }
-    else {
-        devkit_1.logger.warn(`Could not find remote definitions at ${remoteDefsPath}. Did you generate this project with "@nx/react:host"?`);
-    }
     if (host.exists(appComponentPath)) {
         let sourceCode = host.read(appComponentPath).toString();
-        const source = tsModule.createSourceFile(moduleFederationConfigPath, sourceCode, tsModule.ScriptTarget.Latest, true);
+        const source = tsModule.createSourceFile(moduleFederationConfigPath, sourceCode, tsModule.ScriptTarget.Latest, true, tsModule.ScriptKind.TSX);
         host.write(appComponentPath, (0, devkit_1.applyChangesToString)(sourceCode, (0, ast_utils_1.addRemoteRoute)(source, (0, devkit_1.names)(remoteName))));
     }
     else {

package/src/generators/remote/remote.js

@@ -13,6 +13,7 @@ const setup_tspath_for_remote_1 = require("./lib/setup-tspath-for-remote");
 const add_remote_to_dynamic_host_1 = require("./lib/add-remote-to-dynamic-host");
 const add_mf_env_to_inputs_1 = require("../../utils/add-mf-env-to-inputs");
 const maybe_js_1 = require("../../utils/maybe-js");
+const js_1 = require("@nx/js");
 function addModuleFederationFiles(host, options) {
     const templateVariables = {
         ...(0, devkit_1.names)(options.name),
@@ -56,6 +57,14 @@ async function remoteGeneratorInternal(host, schema) {
         // TODO(colum): remove when MF works with Crystal
         addPlugin: false,
     };
+    if (options.dynamic) {
+        // Dynamic remotes generate with library { type: 'var' } by default.
+        // We need to ensure that the remote name is a valid variable name.
+        const isValidRemote = (0, js_1.isValidVariable)(options.name);
+        if (!isValidRemote.isValid) {
+            throw new Error(`Invalid remote name provided: ${options.name}. ${isValidRemote.message}`);
+        }
+    }
     const initAppTask = await (0, application_1.default)(host, {
         ...options,
         // Only webpack works with module federation for now.

package/src/generators/remote/schema.json

@@ -109,10 +109,10 @@
     },
     "e2eTestRunner": {
       "type": "string",
-      "enum": ["cypress", "playwright", "none"],
+      "enum": ["playwright", "cypress", "none"],
       "description": "Test runner to use for end to end (E2E) tests.",
       "x-prompt": "Which E2E test runner would you like to use?",
-      "default": "cypress"
+      "default": "playwright"
     },
     "tags": {
       "type": "string",

package/src/generators/setup-tailwind/lib/add-tailwind-style-imports.js

@@ -2,22 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addTailwindStyleImports = void 0;
 const devkit_1 = require("@nx/devkit");
-const knownLocations = [
-    // Plain React
-    'src/styles.css',
-    'src/styles.scss',
-    'src/styles.less',
-    // Next.js
-    'pages/styles.css',
-    'pages/styles.scss',
-    'pages/styles.less',
-    'app/global.css',
-    'app/global.scss',
-    'app/global.less',
-];
+// base directories and file types to simplify locating the stylesheet
+const baseDirs = ['src', 'pages', 'src/pages', 'src/app', 'app'];
+const fileNames = ['styles', 'global'];
+const extensions = ['.css', '.scss', '.less'];
+const knownLocations = baseDirs.flatMap((dir) => fileNames.flatMap((name) => extensions.map((ext) => `${dir}/${name}${ext}`)));
 function addTailwindStyleImports(tree, project, _options) {
-    const candidates = knownLocations.map((x) => (0, devkit_1.joinPathFragments)(project.root, x));
-    const stylesPath = candidates.find((x) => tree.exists(x));
+    const candidates = knownLocations.map((currentPath) => (0, devkit_1.joinPathFragments)(project.root, currentPath));
+    const stylesPath = candidates.find((currentStylePath) => tree.exists(currentStylePath));
     if (stylesPath) {
         const content = tree.read(stylesPath).toString();
         tree.write(stylesPath, `@tailwind base;\n@tailwind components;\n@tailwind utilities;\n${content}`);

package/src/generators/storybook-configuration/schema.json

@@ -29,7 +29,7 @@
     "configureCypress": {
       "type": "boolean",
       "description": "Run the cypress-configure generator.",
-      "x-deprecated": "Use interactionTests instead. This option will be removed in v19."
+      "x-deprecated": "Use interactionTests instead. This option will be removed in v20."
     },
     "generateStories": {
       "type": "boolean",
@@ -41,7 +41,7 @@
     "generateCypressSpecs": {
       "type": "boolean",
       "description": "Automatically generate test files in the Cypress E2E app generated by the `cypress-configure` generator.",
-      "x-deprecated": "Use interactionTests instead. This option will be removed in v19."
+      "x-deprecated": "Use interactionTests instead. This option will be removed in v20."
     },
     "configureStaticServe": {
       "type": "boolean",
@@ -53,7 +53,7 @@
     "cypressDirectory": {
       "type": "string",
       "description": "A directory where the Cypress project will be placed. Placed at the root by default.",
-      "x-deprecated": "Use interactionTests instead. This option will be removed in v19."
+      "x-deprecated": "Use interactionTests instead. This option will be removed in v20."
     },
     "js": {
       "type": "boolean",

package/src/migrations/{update-15-6-3/webpack-config-setup.d.ts → update-18-1-1/fix-target-defaults-inputs.d.ts}

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

package/src/migrations/update-18-1-1/fix-target-defaults-inputs.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+async function default_1(tree) {
+    if (!hasModuleFederationProject(tree)) {
+        return;
+    }
+    ensureTargetDefaultsContainProductionInputs(tree);
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = default_1;
+function ensureTargetDefaultsContainProductionInputs(tree) {
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    const webpackExecutor = '@nx/webpack:webpack';
+    const mfEnvVar = 'NX_MF_DEV_SERVER_STATIC_REMOTES';
+    nxJson.targetDefaults[webpackExecutor] ??= {};
+    nxJson.targetDefaults[webpackExecutor].inputs ??= [
+        'production',
+        '^production',
+        { env: mfEnvVar },
+    ];
+    if (!nxJson.targetDefaults[webpackExecutor].inputs.includes('production')) {
+        nxJson.targetDefaults[webpackExecutor].inputs.push('production');
+    }
+    if (!nxJson.targetDefaults[webpackExecutor].inputs.includes('^production')) {
+        nxJson.targetDefaults[webpackExecutor].inputs.push('^production');
+    }
+    let mfEnvVarExists = false;
+    for (const input of nxJson.targetDefaults[webpackExecutor].inputs) {
+        if (typeof input === 'object' && input['env'] === mfEnvVar) {
+            mfEnvVarExists = true;
+            break;
+        }
+    }
+    if (!mfEnvVarExists) {
+        nxJson.targetDefaults[webpackExecutor].inputs.push({ env: mfEnvVar });
+    }
+    (0, devkit_1.updateNxJson)(tree, nxJson);
+}
+function hasModuleFederationProject(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const project of projects.values()) {
+        const targets = project.targets || {};
+        for (const [_, target] of Object.entries(targets)) {
+            if (target.executor === '@nx/webpack:webpack' &&
+                (tree.exists((0, devkit_1.joinPathFragments)(project.root, 'module-federation.config.ts')) ||
+                    tree.exists((0, devkit_1.joinPathFragments)(project.root, 'module-federation.config.js')))) {
+                return true;
+            }
+        }
+    }
+    return false;
+}

package/src/module-federation/with-module-federation.js

@@ -23,6 +23,11 @@ async function withModuleFederation(options) {
         config.optimization = {
             runtimeChunk: false,
         };
+        if (config.mode === 'development' &&
+            Object.keys(mappedRemotes).length > 1 &&
+            !options.exposes) {
+            config.optimization.runtimeChunk = 'single';
+        }
         config.experiments = {
             ...config.experiments,
             outputModule: !isGlobal,

package/src/utils/add-mf-env-to-inputs.js

@@ -8,7 +8,10 @@ function addMfEnvToTargetDefaultInputs(tree) {
     const mfEnvVar = 'NX_MF_DEV_SERVER_STATIC_REMOTES';
     nxJson.targetDefaults ??= {};
     nxJson.targetDefaults[webpackExecutor] ??= {};
-    nxJson.targetDefaults[webpackExecutor].inputs ??= [];
+    nxJson.targetDefaults[webpackExecutor].inputs ??= [
+        'production',
+        '^production',
+    ];
     let mfEnvVarExists = false;
     for (const input of nxJson.targetDefaults[webpackExecutor].inputs) {
         if (typeof input === 'object' && input['env'] === mfEnvVar) {

package/src/utils/ct-utils.js

@@ -26,7 +26,7 @@ async function configureCypressCT(tree, options) {
         const buildTargetProject = (0, devkit_1.readProjectConfiguration)(tree, project);
         const executor = buildTargetProject.targets?.[target]?.executor;
         if (!executor || !options.validExecutorNames.has(executor)) {
-            throw new Error(`Cypress Component Testing is not currently supported for this project. Please check https://github.com/nrwl/nx/issues/21546 for more information.`);
+            throw new Error(`Cypress Component Testing is not currently supported for this project. Either 'executer' is not defined in '${target} target' of '${project} project.json' or executer present is not valid one. Valid ones are ${JSON.stringify([...options.validExecutorNames])}. Please check https://github.com/nrwl/nx/issues/21546 for more information.`);
         }
     }
     const { addDefaultCTConfig, getProjectCypressConfigPath } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/config'));

package/src/utils/versions.d.ts

@@ -1,13 +1,13 @@
 export declare const nxVersion: any;
 export declare const nxRspackVersion = "*";
-export declare const reactVersion = "18.2.0";
-export declare const reactDomVersion = "18.2.0";
-export declare const reactIsVersion = "18.2.0";
+export declare const reactVersion = "18.3.1";
+export declare const reactDomVersion = "18.3.1";
+export declare const reactIsVersion = "18.3.1";
 export declare const swcLoaderVersion = "0.1.15";
 export declare const babelLoaderVersion = "^9.1.2";
-export declare const typesReactVersion = "18.2.33";
-export declare const typesReactDomVersion = "18.2.14";
-export declare const typesReactIsVersion = "18.2.2";
+export declare const typesReactVersion = "18.3.1";
+export declare const typesReactDomVersion = "18.3.0";
+export declare const typesReactIsVersion = "18.3.0";
 export declare const typesNodeVersion = "18.16.9";
 export declare const babelPresetReactVersion = "^7.14.5";
 export declare const babelCoreVersion = "^7.14.5";
@@ -18,7 +18,7 @@ export declare const emotionReactVersion = "11.11.1";
 export declare const emotionBabelPlugin = "11.11.0";
 export declare const styledJsxVersion = "5.1.2";
 export declare const reactRouterDomVersion = "6.11.2";
-export declare const testingLibraryReactVersion = "14.0.0";
+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";
@@ -28,8 +28,8 @@ export declare const eslintPluginReactVersion = "7.32.2";
 export declare const eslintPluginReactHooksVersion = "4.6.0";
 export declare const babelPluginStyledComponentsVersion = "1.10.7";
 export declare const tsLibVersion = "^2.3.0";
-export declare const postcssVersion = "8.4.21";
-export declare const tailwindcssVersion = "3.2.7";
+export declare const postcssVersion = "8.4.38";
+export declare const tailwindcssVersion = "3.4.3";
 export declare const autoprefixerVersion = "10.4.13";
 export declare const expressVersion = "~4.18.2";
 export declare const typesExpressVersion = "4.17.17";
@@ -39,8 +39,8 @@ export declare const typesCorsVersion = "~2.8.12";
 export declare const moduleFederationNodeVersion = "~0.9.9";
 export declare const lessVersion = "3.12.2";
 export declare const sassVersion = "^1.55.0";
-export declare const rollupPluginUrlVersion = "^7.0.0";
-export declare const svgrRollupVersion = "^8.0.1";
+export declare const rollupPluginUrlVersion = "^8.0.2";
+export declare const svgrRollupVersion = "^8.1.0";
 export declare const swcPluginStyledJsxVersion = "^1.5.67";
 export declare const swcPluginEmotionVersion = "^2.5.67";
 export declare const swcPluginStyledComponentsVersion = "^1.5.67";

package/src/utils/versions.js

@@ -4,14 +4,14 @@ exports.swcPluginStyledComponentsVersion = exports.swcPluginEmotionVersion = exp
 exports.nxVersion = require('../../package.json').version;
 // Always pull the latest version until we merge rspack plugin into the repo.
 exports.nxRspackVersion = '*';
-exports.reactVersion = '18.2.0';
-exports.reactDomVersion = '18.2.0';
-exports.reactIsVersion = '18.2.0';
+exports.reactVersion = '18.3.1';
+exports.reactDomVersion = '18.3.1';
+exports.reactIsVersion = '18.3.1';
 exports.swcLoaderVersion = '0.1.15';
 exports.babelLoaderVersion = '^9.1.2';
-exports.typesReactVersion = '18.2.33';
-exports.typesReactDomVersion = '18.2.14';
-exports.typesReactIsVersion = '18.2.2';
+exports.typesReactVersion = '18.3.1';
+exports.typesReactDomVersion = '18.3.0';
+exports.typesReactIsVersion = '18.3.0';
 exports.typesNodeVersion = '18.16.9';
 exports.babelPresetReactVersion = '^7.14.5';
 exports.babelCoreVersion = '^7.14.5';
@@ -23,7 +23,7 @@ exports.emotionBabelPlugin = '11.11.0';
 // WARNING: This needs to be in sync with Next.js' dependency or else there might be issues.
 exports.styledJsxVersion = '5.1.2';
 exports.reactRouterDomVersion = '6.11.2';
-exports.testingLibraryReactVersion = '14.0.0';
+exports.testingLibraryReactVersion = '15.0.6';
 exports.reduxjsToolkitVersion = '1.9.3';
 exports.reactReduxVersion = '8.0.5';
 exports.reactTestRendererVersion = '18.2.0';
@@ -33,8 +33,8 @@ exports.eslintPluginReactVersion = '7.32.2';
 exports.eslintPluginReactHooksVersion = '4.6.0';
 exports.babelPluginStyledComponentsVersion = '1.10.7';
 exports.tsLibVersion = '^2.3.0';
-exports.postcssVersion = '8.4.21';
-exports.tailwindcssVersion = '3.2.7';
+exports.postcssVersion = '8.4.38';
+exports.tailwindcssVersion = '3.4.3';
 exports.autoprefixerVersion = '10.4.13';
 // SSR and Module Federation
 exports.expressVersion = '~4.18.2';
@@ -47,8 +47,8 @@ exports.moduleFederationNodeVersion = '~0.9.9';
 exports.lessVersion = '3.12.2';
 exports.sassVersion = '^1.55.0';
 // rollup plugins (if needed)
-exports.rollupPluginUrlVersion = '^7.0.0';
-exports.svgrRollupVersion = '^8.0.1';
+exports.rollupPluginUrlVersion = '^8.0.2';
+exports.svgrRollupVersion = '^8.1.0';
 exports.swcPluginStyledJsxVersion = '^1.5.67';
 exports.swcPluginEmotionVersion = '^2.5.67';
 exports.swcPluginStyledComponentsVersion = '^1.5.67';

package/webpack-plugin.d.ts

@@ -0,0 +1 @@
+export { NxReactWebpackPlugin } from './plugins/nx-react-webpack-plugin/nx-react-webpack-plugin';

package/webpack-plugin.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NxReactWebpackPlugin = void 0;
+var nx_react_webpack_plugin_1 = require("./plugins/nx-react-webpack-plugin/nx-react-webpack-plugin");
+Object.defineProperty(exports, "NxReactWebpackPlugin", { enumerable: true, get: function () { return nx_react_webpack_plugin_1.NxReactWebpackPlugin; } });

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.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);
-}