@nx/react 19.0.0-beta.0 → 19.0.0-beta.10

package/index.d.ts

@@ -1,3 +1,6 @@
+import { NxReactWebpackPlugin as _NxReactWebpackPlugin } from './plugins/nx-react-webpack-plugin/nx-react-webpack-plugin';
+/** @deprecated Use '@nx/react/webpack-plugin' instead. */
+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';
@@ -19,4 +22,3 @@ export { componentTestGenerator } from './src/generators/component-test/componen
 export { setupTailwindGenerator } from './src/generators/setup-tailwind/setup-tailwind';
 export type { SupportedStyles } from './typings/style';
 export * from './plugins/with-react';
-export { NxReactWebpackPlugin } from './plugins/nx-react-webpack-plugin/nx-react-webpack-plugin';

package/index.js

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NxReactWebpackPlugin = exports.setupTailwindGenerator = exports.componentTestGenerator = exports.cypressComponentConfigGenerator = exports.remoteGenerator = exports.hostGenerator = exports.storybookConfigurationGenerator = exports.storiesGenerator = exports.reduxGenerator = exports.reactInitGenerator = exports.libraryGenerator = exports.componentStoryGenerator = exports.componentCypressGenerator = exports.hookGenerator = exports.componentGenerator = exports.applicationGenerator = exports.reactVersion = exports.reactDomVersion = exports.assertValidStyle = exports.cssInJsDependenciesBabel = exports.extendReactEslintJson = exports.extraEslintDependencies = void 0;
+exports.setupTailwindGenerator = exports.componentTestGenerator = exports.cypressComponentConfigGenerator = exports.remoteGenerator = exports.hostGenerator = exports.storybookConfigurationGenerator = exports.storiesGenerator = exports.reduxGenerator = exports.reactInitGenerator = exports.libraryGenerator = exports.componentStoryGenerator = exports.componentCypressGenerator = exports.hookGenerator = exports.componentGenerator = exports.applicationGenerator = exports.reactVersion = exports.reactDomVersion = exports.assertValidStyle = exports.cssInJsDependenciesBabel = 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");
+// TODO(v20): Remove this in favor of deep imports in order to load configs faster (150-200ms faster).
+/** @deprecated Use '@nx/react/webpack-plugin' instead. */
+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; } });
@@ -43,5 +47,3 @@ Object.defineProperty(exports, "componentTestGenerator", { enumerable: true, get
 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);
-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/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,8 +1,8 @@
 {
   "name": "@nx/react",
-  "version": "19.0.0-beta.0",
+  "version": "19.0.0-beta.10",
   "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, 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.",
+  "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": {
     "type": "git",
     "url": "https://github.com/nrwl/nx.git",
@@ -37,11 +37,11 @@
     "file-loader": "^6.2.0",
     "minimatch": "9.0.3",
     "tslib": "^2.3.0",
-    "@nx/devkit": "19.0.0-beta.0",
-    "@nx/js": "19.0.0-beta.0",
-    "@nx/eslint": "19.0.0-beta.0",
-    "@nx/web": "19.0.0-beta.0",
-    "@nrwl/react": "19.0.0-beta.0"
+    "@nx/devkit": "19.0.0-beta.10",
+    "@nx/js": "19.0.0-beta.10",
+    "@nx/eslint": "19.0.0-beta.10",
+    "@nx/web": "19.0.0-beta.10",
+    "@nrwl/react": "19.0.0-beta.10"
   },
   "publishConfig": {
     "access": "public"

package/plugins/bundle-rollup.js

@@ -36,7 +36,7 @@ function getRollupOptions(options) {
             url({
                 limit: 10000, // 10kB
             }),
-            ...options.plugins,
+            ...(Array.isArray(options.plugins) ? options.plugins : []),
         ];
     }
     catch {

package/plugins/component-testing/index.js

@@ -168,7 +168,10 @@ function buildTargetWebpack(ctx, buildTarget, componentTestingProjectName) {
     }
     return async () => {
         customWebpack = await customWebpack;
-        // TODO(v19): Once webpackConfig is always set in @nx/webpack:webpack and isolatedConfig is removed, we no longer need this default.
+        // TODO(v20): Component testing need to be agnostic of the underlying executor. With Crystal, we're not using `@nx/webpack:webpack` by default.
+        // We need to decouple CT from the build target of the app, we just care about bundler config (e.g. webpack.config.js).
+        // The generated setup should support both Webpack and Vite as documented here: https://docs.cypress.io/guides/component-testing/react/overview
+        // Related issue: https://github.com/nrwl/nx/issues/21546
         const configure = composePluginsSync(withNx(), withWeb());
         const defaultWebpack = configure({}, {
             options: {

package/plugins/storybook/index.js

@@ -8,19 +8,15 @@ const webpack_1 = require("webpack");
 const merge_plugins_1 = require("./merge-plugins");
 const with_react_1 = require("../with-react");
 const fs_1 = require("fs");
-// Prevent sensitive keys from being bundled when source code uses entire `process.env` object rather than individual keys (e.g. `process.env.NX_FOO`).
-// TODO(v19): BREAKING: Only env vars prefixed with NX_PUBLIC should be bundled. This is a breaking change so we won't do it in v18.
-const excludedKeys = ['NX_CLOUD_ACCESS_TOKEN', 'NX_CLOUD_ENCRYPTION_KEY'];
 // This is shamelessly taken from CRA and modified for NX use
 // https://github.com/facebook/create-react-app/blob/4784997f0682e75eb32a897b4ffe34d735912e6c/packages/react-scripts/config/env.js#L71
 function getClientEnvironment(mode) {
     // Grab NODE_ENV and NX_* and STORYBOOK_* environment variables and prepare them to be
     // injected into the application via DefinePlugin in webpack configuration.
-    const NX_PREFIX = /^NX_/i;
+    const NX_PREFIX = /^NX_PUBLIC_/i;
     const STORYBOOK_PREFIX = /^STORYBOOK_/i;
     const raw = Object.keys(process.env)
-        .filter((key) => !excludedKeys.includes(key) &&
-        (NX_PREFIX.test(key) || STORYBOOK_PREFIX.test(key)))
+        .filter((key) => NX_PREFIX.test(key) || STORYBOOK_PREFIX.test(key))
         .reduce((env, key) => {
         env[key] = process.env[key];
         return env;

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

@@ -1,6 +1,6 @@
 <% if (webpackPluginOptions) { %>
-const { NxWebpackPlugin } = require('@nx/webpack');
-const { NxReactWebpackPlugin } = require('@nx/react');
+const { NxAppWebpackPlugin } = require('@nx/webpack/app-plugin');
+const { NxReactWebpackPlugin } = require('@nx/react/webpack-plugin');
 const { join } = require('path');
 
 module.exports = {
@@ -11,7 +11,7 @@ module.exports = {
     port: 4200
   },
   plugins: [
-    new NxWebpackPlugin({
+    new NxAppWebpackPlugin({
       tsConfig: '<%= webpackPluginOptions.tsConfig %>',
       compiler: '<%= webpackPluginOptions.compiler %>',
       main: '<%= webpackPluginOptions.main %>',

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

@@ -93,7 +93,7 @@ async function normalizeOptions(host, options, callingGenerator = '@nx/react:app
     normalized.compiler = normalized.compiler ?? 'babel';
     normalized.bundler = normalized.bundler ?? 'webpack';
     normalized.unitTestRunner = normalized.unitTestRunner ?? 'jest';
-    normalized.e2eTestRunner = normalized.e2eTestRunner ?? 'cypress';
+    normalized.e2eTestRunner = normalized.e2eTestRunner ?? 'playwright';
     normalized.inSourceTests = normalized.minimal || normalized.inSourceTests;
     normalized.devServerPort ??= (0, find_free_port_1.findFreePort)(host);
     normalized.minimal = normalized.minimal ?? false;

package/src/generators/application/schema.json

@@ -122,10 +122,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/host/schema.json

@@ -103,10 +103,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/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/utils/versions.d.ts

@@ -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

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