@nx/react 20.0.0-beta.4 → 20.0.0-beta.6

package/src/generators/host/schema.json

@@ -6,28 +6,22 @@
   "description": "Create Module Federation configuration files for given React Host Application.",
   "type": "object",
   "properties": {
-    "name": {
+    "directory": {
+      "description": "The directory of the new application.",
       "type": "string",
-      "description": "The name of the host application to generate the Module Federation configuration",
+      "alias": "dir",
       "$default": {
         "$source": "argv",
         "index": 0
       },
-      "x-prompt": "What name would you like to use as the host application?",
-      "pattern": "^[a-zA-Z][^:]*$",
-      "x-priority": "important"
+      "x-prompt": "Which directory do you want to create the application in?"
     },
-    "directory": {
-      "description": "The directory of the new application.",
+    "name": {
       "type": "string",
-      "alias": "dir",
+      "description": "The name of the host application to generate the Module Federation configuration",
+      "pattern": "^[a-zA-Z][^:]*$",
       "x-priority": "important"
     },
-    "projectNameAndRootFormat": {
-      "description": "Whether to generate the project name and root directory as provided (`as-provided`) or generate them composing their values and taking the configured layout into account (`derived`).",
-      "type": "string",
-      "enum": ["as-provided", "derived"]
-    },
     "style": {
       "description": "The file extension to be used for style files.",
       "type": "string",
@@ -187,6 +181,6 @@
       "x-priority": "important"
     }
   },
-  "required": ["name"],
+  "required": ["directory"],
   "additionalProperties": false
 }

package/src/generators/init/init.js

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactInitGenerator = reactInitGenerator;
 const devkit_1 = require("@nx/devkit");
+const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
 const versions_1 = require("../../utils/versions");
 async function reactInitGenerator(host, schema) {
+    (0, ts_solution_setup_1.assertNotUsingTsSolutionSetup)(host, 'react', 'init');
     const tasks = [];
     if (!schema.skipPackageJson) {
         tasks.push((0, devkit_1.removeDependenciesFromPackageJson)(host, ['@nx/react'], []));

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

@@ -5,12 +5,12 @@ const devkit_1 = require("@nx/devkit");
 const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
 const assertion_1 = require("../../../utils/assertion");
 async function normalizeOptions(host, options) {
+    await (0, project_name_and_root_utils_1.ensureProjectName)(host, options, 'library');
     const { projectName, names: projectNames, projectRoot, importPath, } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(host, {
         name: options.name,
         projectType: 'library',
         directory: options.directory,
         importPath: options.importPath,
-        projectNameAndRootFormat: options.projectNameAndRootFormat,
     });
     const nxJson = (0, devkit_1.readNxJson)(host);
     const addPlugin = process.env.NX_ADD_PLUGINS !== 'false' &&

package/src/generators/library/library.js

@@ -7,6 +7,7 @@ const devkit_1 = require("@nx/devkit");
 const artifact_name_and_directory_utils_1 = require("@nx/devkit/src/generators/artifact-name-and-directory-utils");
 const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
 const js_1 = require("@nx/js");
+const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
 const versions_1 = require("../../utils/versions");
 const maybe_js_1 = require("../../utils/maybe-js");
 const component_1 = require("../component/component");
@@ -27,6 +28,7 @@ async function libraryGenerator(host, schema) {
     });
 }
 async function libraryGeneratorInternal(host, schema) {
+    (0, ts_solution_setup_1.assertNotUsingTsSolutionSetup)(host, 'react', 'library');
     const tasks = [];
     const options = await (0, normalize_options_1.normalizeOptions)(host, schema);
     if (options.publishable === true && !schema.importPath) {
@@ -124,6 +126,7 @@ async function libraryGeneratorInternal(host, schema) {
             skipFormat: true,
             testEnvironment: 'jsdom',
             addPlugin: options.addPlugin,
+            compiler: options.compiler,
         });
         tasks.push(vitestTask);
         createOrEditViteConfig(host, {
@@ -146,10 +149,9 @@ async function libraryGeneratorInternal(host, schema) {
     }
     if (options.component) {
         const relativeCwd = (0, artifact_name_and_directory_utils_1.getRelativeCwd)();
-        const name = (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/lib', options.fileName);
+        const path = (0, devkit_1.joinPathFragments)(options.projectRoot, 'src/lib', options.fileName);
         const componentTask = await (0, component_1.default)(host, {
-            nameAndDirectoryFormat: 'as-provided',
-            name: relativeCwd ? (0, path_1.relative)(relativeCwd, name) : name,
+            path: relativeCwd ? (0, path_1.relative)(relativeCwd, path) : path,
             style: options.style,
             skipTests: options.unitTestRunner === 'none' ||
                 (options.unitTestRunner === 'vitest' && options.inSourceTests == true),

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

@@ -1,4 +1,3 @@
-import type { ProjectNameAndRootFormat } from '@nx/devkit/src/generators/project-name-and-root-utils';
 import type { Linter, LinterType } from '@nx/eslint';
 import type { SupportedStyles } from '../../../typings/style';
 
@@ -8,14 +7,13 @@ export interface Schema {
   bundler?: 'none' | 'rollup' | 'vite';
   compiler?: 'babel' | 'swc';
   component?: boolean;
-  directory?: string;
-  projectNameAndRootFormat?: ProjectNameAndRootFormat;
+  directory: string;
   globalCss?: boolean;
   importPath?: string;
   inSourceTests?: boolean;
   js?: boolean;
   linter: Linter | LinterType;
-  name: string;
+  name?: string;
   publishable?: boolean;
   routing?: boolean;
   setParserOptionsProject?: boolean;

package/src/generators/library/schema.json

@@ -16,28 +16,21 @@
     }
   ],
   "properties": {
-    "name": {
+    "directory": {
       "type": "string",
-      "description": "Library name",
+      "description": "A directory where the lib is placed.",
+      "alias": "dir",
       "$default": {
         "$source": "argv",
         "index": 0
       },
-      "x-prompt": "What name would you like to use for the library?",
-      "pattern": "(?:^@[a-zA-Z0-9-*~][a-zA-Z0-9-*._~]*\\/[a-zA-Z0-9-~][a-zA-Z0-9-._~]*|^[a-zA-Z][^:]*)$",
-      "x-priority": "important"
+      "x-prompt": "Which directory do you want to create the library in?"
     },
-    "directory": {
+    "name": {
       "type": "string",
-      "description": "A directory where the lib is placed.",
-      "alias": "dir",
+      "description": "Library name",
       "x-priority": "important"
     },
-    "projectNameAndRootFormat": {
-      "description": "Whether to generate the project name and root directory as provided (`as-provided`) or generate them composing their values and taking the configured layout into account (`derived`).",
-      "type": "string",
-      "enum": ["as-provided", "derived"]
-    },
     "style": {
       "description": "The file extension to be used for style files.",
       "type": "string",
@@ -47,7 +40,10 @@
         "message": "Which stylesheet format would you like to use?",
         "type": "list",
         "items": [
-          { "value": "css", "label": "CSS" },
+          {
+            "value": "css",
+            "label": "CSS"
+          },
           {
             "value": "scss",
             "label": "SASS(.scss)       [ https://sass-lang.com          ]"
@@ -83,7 +79,8 @@
     },
     "unitTestRunner": {
       "type": "string",
-      "enum": ["jest", "vitest", "none"],
+      "enum": ["vitest", "jest", "none"],
+      "default": "vitest",
       "description": "Test runner to use for unit tests.",
       "x-prompt": "What unit test runner should be used?"
     },
@@ -188,5 +185,5 @@
       "default": false
     }
   },
-  "required": ["name"]
+  "required": ["directory"]
 }

package/src/generators/redux/redux.js

@@ -20,7 +20,7 @@ async function reduxGenerator(host, schema) {
     return installTask;
 }
 function generateReduxFiles(host, options) {
-    (0, devkit_1.generateFiles)(host, (0, devkit_1.joinPathFragments)(__dirname, './files'), options.directory, {
+    (0, devkit_1.generateFiles)(host, (0, devkit_1.joinPathFragments)(__dirname, './files'), options.projectDirectory, {
         ...options,
         tmpl: '',
     });
@@ -42,8 +42,8 @@ function addExportsToBarrel(host, options) {
     const indexSource = host.read(indexFilePath, 'utf-8');
     if (indexSource !== null) {
         const indexSourceFile = tsModule.createSourceFile(indexFilePath, indexSource, tsModule.ScriptTarget.Latest, true);
-        const statePath = options.directory
-            ? `./lib/${options.directory}/${options.fileName}`
+        const statePath = options.path
+            ? `./lib/${options.path}/${options.fileName}`
             : `./lib/${options.fileName}`;
         const changes = (0, devkit_1.applyChangesToString)(indexSource, (0, ast_utils_1.addImport)(indexSourceFile, `export * from '${statePath}.slice';`));
         host.write(indexFilePath, changes);
@@ -78,9 +78,8 @@ function updateReducerConfiguration(host, options) {
 }
 async function normalizeOptions(host, options) {
     const { artifactName: name, directory, fileName, project: projectName, } = await (0, artifact_name_and_directory_utils_1.determineArtifactNameAndDirectoryOptions)(host, {
+        path: options.path,
         name: options.name,
-        directory: options.directory,
-        nameAndDirectoryFormat: options.nameAndDirectoryFormat,
         fileExtension: 'tsx',
     });
     let appProjectSourcePath;
@@ -94,8 +93,8 @@ async function normalizeOptions(host, options) {
         ? tsConfigJson.compilerOptions.paths || {}
         : {};
     const modulePath = projectType === 'application'
-        ? options.directory
-            ? `./app/${options.directory}/${extraNames.fileName}.slice`
+        ? options.path
+            ? `./app/${options.path}/${extraNames.fileName}.slice`
             : `./app/${extraNames.fileName}.slice`
         : Object.keys(tsPaths).find((k) => tsPaths[k].some((s) => s.includes(sourceRoot)));
     // If --project is set to an app, automatically configure store
@@ -118,8 +117,8 @@ async function normalizeOptions(host, options) {
         ...options,
         ...extraNames,
         fileName,
-        constantName: (0, devkit_1.names)(options.name).constantName.toUpperCase(),
-        directory,
+        constantName: (0, devkit_1.names)(name).constantName.toUpperCase(),
+        projectDirectory: directory,
         projectType,
         projectSourcePath: sourceRoot,
         projectModulePath: modulePath,

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

@@ -1,15 +1,13 @@
-import type { NameAndDirectoryFormat } from '@nx/devkit/src/generators/artifact-name-and-directory-utils';
-
 export interface Schema {
-  name: string;
-  directory?: string;
+  path: string;
+  name?: string;
   appProject?: string;
   js?: string;
-  nameAndDirectoryFormat?: NameAndDirectoryFormat;
 }
 
 interface NormalizedSchema extends Schema {
   projectType: string;
+  projectDirectory: string;
   projectSourcePath: string;
   projectModulePath: string;
   appProjectSourcePath: string;

package/src/generators/redux/schema.json

@@ -6,27 +6,21 @@
   "description": "Create a Redux state slice for a React project.",
   "type": "object",
   "properties": {
-    "name": {
+    "path": {
       "type": "string",
-      "description": "Redux slice name.",
+      "description": "Path where the Redux slice will be generated.",
       "$default": {
         "$source": "argv",
         "index": 0
       },
+      "x-prompt": "Where should the Redux slice be generated?",
       "x-priority": "important"
     },
-    "directory": {
+    "name": {
       "type": "string",
-      "alias": "dir",
-      "default": "",
-      "description": "The directory at which to create the Redux files. When `--nameAndDirectoryFormat=as-provided`, it will be relative to the current working directory. Otherwise, it will be relative to the project root.",
+      "description": "Redux slice name.",
       "x-priority": "important"
     },
-    "nameAndDirectoryFormat": {
-      "description": "Whether to generate the component in the directory as provided, relative to the current working directory and ignoring the project (`as-provided`) or generate it using the project and directory relative to the workspace root (`derived`).",
-      "type": "string",
-      "enum": ["as-provided", "derived"]
-    },
     "appProject": {
       "type": "string",
       "description": "The application project to add the slice to.",
@@ -38,5 +32,5 @@
       "default": false
     }
   },
-  "required": ["name"]
+  "required": ["path"]
 }

package/src/generators/remote/remote.js

@@ -16,6 +16,8 @@ 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");
 const versions_1 = require("../../utils/versions");
+const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
+const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
 function addModuleFederationFiles(host, options) {
     const templateVariables = {
         ...(0, devkit_1.names)(options.projectName),
@@ -45,6 +47,7 @@ function addModuleFederationFiles(host, options) {
     }
 }
 async function remoteGenerator(host, schema) {
+    (0, ts_solution_setup_1.assertNotUsingTsSolutionSetup)(host, 'react', 'remote');
     const tasks = [];
     const options = {
         ...(await (0, normalize_options_1.normalizeOptions)(host, schema)),
@@ -66,6 +69,7 @@ async function remoteGenerator(host, schema) {
             throw new Error(`Invalid remote name provided: ${options.projectName}. ${isValidRemote.message}`);
         }
     }
+    await (0, project_name_and_root_utils_1.ensureProjectName)(host, options, 'application');
     const initAppTask = await (0, application_1.default)(host, {
         ...options,
         name: options.projectName,

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

@@ -1,4 +1,3 @@
-import type { ProjectNameAndRootFormat } from '@nx/devkit/src/generators/project-name-and-root-utils';
 import type { Linter, LinterType } from '@nx/eslint';
 import type { SupportedStyles } from '../../../typings/style';
 import type { NormalizedSchema as ApplicationNormalizedSchema } from '../application/schema';
@@ -7,14 +6,13 @@ export interface Schema {
   classComponent?: boolean;
   compiler?: 'babel' | 'swc';
   devServerPort?: number;
-  directory?: string;
-  projectNameAndRootFormat?: ProjectNameAndRootFormat;
+  directory: string;
   e2eTestRunner: 'cypress' | 'playwright' | 'none';
   globalCss?: boolean;
   host?: string;
   js?: boolean;
   linter: Linter | LinterType;
-  name: string;
+  name?: string;
   routing?: boolean;
   setParserOptionsProject?: boolean;
   skipFormat: boolean;

package/src/generators/remote/schema.json

@@ -6,28 +6,22 @@
   "description": "Create Module Federation configuration files for given React Remote Application.",
   "type": "object",
   "properties": {
-    "name": {
+    "directory": {
+      "description": "The directory of the new application.",
       "type": "string",
-      "description": "The name of the remote application to generate the Module Federation configuration",
+      "alias": "dir",
       "$default": {
         "$source": "argv",
         "index": 0
       },
-      "x-prompt": "What name would you like to use as the remote application?",
-      "pattern": "^[a-zA-Z][^:]*$",
-      "x-priority": "important"
+      "x-prompt": "Which directory do you want to create the application in?"
     },
-    "directory": {
-      "description": "The directory of the new application.",
+    "name": {
       "type": "string",
-      "alias": "dir",
+      "description": "The name of the remote application to generate the Module Federation configuration",
+      "pattern": "^[a-zA-Z][^:]*$",
       "x-priority": "important"
     },
-    "projectNameAndRootFormat": {
-      "description": "Whether to generate the project name and root directory as provided (`as-provided`) or generate them composing their values and taking the configured layout into account (`derived`).",
-      "type": "string",
-      "enum": ["as-provided", "derived"]
-    },
     "dynamic": {
       "type": "boolean",
       "description": "Should the host application use dynamic federation?",
@@ -186,6 +180,6 @@
       "x-priority": "important"
     }
   },
-  "required": ["name"],
+  "required": ["directory"],
   "additionalProperties": false
 }

package/src/generators/setup-ssr/setup-ssr.js

@@ -65,6 +65,12 @@ async function setupSsrGenerator(tree, options) {
     if (projectConfig.targets.build.options?.outputPath) {
         projectConfig.targets.build.options.outputPath = (0, devkit_1.joinPathFragments)(originalOutputPath, 'browser');
     }
+    if (projectConfig.targets.build.executor === '@nx/rspack:rspack') {
+        options.bundler = 'rspack';
+    }
+    else if (projectConfig.targets.build.executor === '@nx/webpack:webpack') {
+        options.bundler = 'webpack';
+    }
     projectConfig.targets = {
         ...projectConfig.targets,
         server: {

package/src/generators/setup-tailwind/lib/update-project.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateProject = updateProject;
 const devkit_1 = require("@nx/devkit");
 function updateProject(tree, config, options) {
-    if (config?.targets?.build?.executor === '@nx/webpack:webpack' ||
-        config?.targets?.build?.executor === '@nrwl/webpack:webpack') {
+    if (config?.targets?.build?.executor === '@nx/webpack:webpack') {
         config.targets.build.options ??= {};
         config.targets.build.options.postcssConfig = (0, devkit_1.joinPathFragments)(config.root, 'postcss.config.js');
         (0, devkit_1.updateProjectConfiguration)(tree, options.project, config);

package/src/generators/storybook-configuration/configuration.js

@@ -33,7 +33,6 @@ async function storybookConfigurationGeneratorInternal(host, schema) {
     const projectConfig = (0, devkit_1.readProjectConfiguration)(host, schema.project);
     if (findWebpackConfig(host, projectConfig.root) ||
         projectConfig.targets['build']?.executor === '@nx/rollup:rollup' ||
-        projectConfig.targets['build']?.executor === '@nrwl/rollup:rollup' ||
         projectConfig.targets['build']?.executor === '@nx/expo:build') {
         uiFramework = '@storybook/react-webpack5';
     }

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

@@ -17,7 +17,7 @@ async function withModuleFederationForSSR(options, configOverride) {
             runtimeChunk: false,
         };
         config.plugins.push(new (require('@module-federation/enhanced').ModuleFederationPlugin)({
-            name: options.name,
+            name: options.name.replace(/-/g, '_'),
             filename: 'remoteEntry.js',
             exposes: options.exposes,
             remotes: mappedRemotes,

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

@@ -26,7 +26,7 @@ async function withModuleFederation(options, configOverride) {
             config.optimization.runtimeChunk = 'single';
         }
         config.plugins.push(new webpack_1.ModuleFederationPlugin({
-            name: options.name,
+            name: options.name.replace(/-/g, '_'),
             filename: 'remoteEntry.js',
             exposes: options.exposes,
             remotes: mappedRemotes,

package/src/utils/ct-utils.js

@@ -60,17 +60,12 @@ function assertValidConfig(config) {
 }
 async function getBundlerFromTarget(found, tree) {
     if (found.target && found.config?.executor) {
-        return found.config.executor === '@nrwl/vite:build' ||
-            found.config.executor === '@nx/vite:build'
-            ? 'vite'
-            : 'webpack';
+        return found.config.executor === '@nx/vite:build' ? 'vite' : 'webpack';
     }
     const { target, project } = (0, devkit_1.parseTargetString)(found.target, await (0, devkit_1.createProjectGraphAsync)());
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, project);
     const executor = projectConfig?.targets?.[target]?.executor;
-    return executor === '@nrwl/vite:build' || executor === '@nx/vite:build'
-        ? 'vite'
-        : 'webpack';
+    return executor === '@nx/vite:build' ? 'vite' : 'webpack';
 }
 async function getActualBundler(tree, options, found) {
     // Specifically undefined to allow Remix workaround of passing an empty string

package/src/utils/testing-generators.js

@@ -12,8 +12,7 @@ async function createApp(tree, appName) {
         skipFormat: true,
         style: 'css',
         unitTestRunner: 'none',
-        name: appName,
-        projectNameAndRootFormat: 'as-provided',
+        directory: appName,
     });
 }
 async function createLib(tree, libName) {

package/src/utils/versions.d.ts

@@ -37,7 +37,7 @@ export declare const isbotVersion = "^3.6.5";
 export declare const corsVersion = "~2.8.5";
 export declare const typesCorsVersion = "~2.8.12";
 export declare const moduleFederationNodeVersion = "~2.5.0";
-export declare const moduleFederationEnhancedVersion = "~0.6.0";
+export declare const moduleFederationEnhancedVersion = "0.6.6";
 export declare const lessVersion = "3.12.2";
 export declare const sassVersion = "^1.55.0";
 export declare const rollupPluginUrlVersion = "^8.0.2";

package/src/utils/versions.js

@@ -43,7 +43,7 @@ exports.isbotVersion = '^3.6.5';
 exports.corsVersion = '~2.8.5';
 exports.typesCorsVersion = '~2.8.12';
 exports.moduleFederationNodeVersion = '~2.5.0';
-exports.moduleFederationEnhancedVersion = '~0.6.0';
+exports.moduleFederationEnhancedVersion = '0.6.6';
 // style preprocessors
 exports.lessVersion = '3.12.2';
 exports.sassVersion = '^1.55.0';

package/src/migrations/update-16-0-0-add-nx-packages/update-16-0-0-add-nx-packages.d.ts

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

package/src/migrations/update-16-0-0-add-nx-packages/update-16-0-0-add-nx-packages.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = replacePackage;
-const devkit_1 = require("@nx/devkit");
-const replace_package_1 = require("@nx/devkit/src/utils/replace-package");
-async function replacePackage(tree) {
-    await (0, replace_package_1.replaceNrwlPackageWithNxPackage)(tree, '@nrwl/react', '@nx/react');
-    await (0, devkit_1.formatFiles)(tree);
-}

package/src/migrations/update-16-2-0-remove-package/update-16-2-0-remove-package.d.ts

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

package/src/migrations/update-16-2-0-remove-package/update-16-2-0-remove-package.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = removePackage;
-const devkit_1 = require("@nx/devkit");
-async function removePackage(tree) {
-    (0, devkit_1.removeDependenciesFromPackageJson)(tree, [], ['react-test-renderer']);
-    await (0, devkit_1.formatFiles)(tree);
-}

package/src/migrations/update-16-3-0/remove-types-react-router-dom-package.d.ts

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

package/src/migrations/update-16-3-0/remove-types-react-router-dom-package.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = removePackage;
-const devkit_1 = require("@nx/devkit");
-async function removePackage(tree) {
-    (0, devkit_1.removeDependenciesFromPackageJson)(tree, [], ['react-test-renderer']);
-    await (0, devkit_1.formatFiles)(tree);
-}

package/src/migrations/update-16-7-0/add-babel-core.d.ts

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

package/src/migrations/update-16-7-0/add-babel-core.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = addBabelCore;
-const devkit_1 = require("@nx/devkit");
-const versions_1 = require("../../utils/versions");
-async function addBabelCore(tree) {
-    const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
-    if (packageJson?.devDependencies['@babel/preset-react']) {
-        (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
-            '@babel/core': versions_1.babelCoreVersion,
-        });
-        await (0, devkit_1.formatFiles)(tree);
-    }
-}

package/src/migrations/update-16-7-0-add-typings/update-16-7-0-add-typings.d.ts

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

package/src/migrations/update-16-7-0-add-typings/update-16-7-0-add-typings.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = addTypings;
-const devkit_1 = require("@nx/devkit");
-async function addTypings(tree) {
-    const projects = (0, devkit_1.getProjects)(tree);
-    const buildExecutors = [
-        '@nx/webpack:webpack',
-        '@nx/vite:build',
-        '@nx/rspack:rspack',
-    ];
-    const serveExecutors = [
-        '@nx/webpack:dev-server',
-        '@nx/vite:dev-server',
-        '@nx/rspack:dev-server',
-    ];
-    const relatedTsConfigs = [
-        'tsconfig.app.json',
-        'tsconfig.lib.json',
-        'tsconfig.spec.json',
-    ];
-    const typesToAdd = [
-        '@nx/react/typings/cssmodule.d.ts',
-        '@nx/react/typings/image.d.ts',
-    ];
-    for (const [, config] of projects) {
-        if (!buildExecutors.includes(config?.targets?.build?.executor)) {
-            continue;
-        }
-        if (config?.targets?.serve?.executor &&
-            !serveExecutors.includes(config?.targets?.serve?.executor)) {
-            continue;
-        }
-        const rootPath = config.root;
-        const projectTsConfigPath = (0, devkit_1.joinPathFragments)(rootPath, 'tsconfig.json');
-        const projectTsConfig = (0, devkit_1.readJson)(tree, projectTsConfigPath);
-        if (projectTsConfig.compilerOptions?.jsx !== 'react-jsx') {
-            continue;
-        }
-        relatedTsConfigs.forEach((tsConfig) => {
-            const tsConfigPath = (0, devkit_1.joinPathFragments)(rootPath, tsConfig);
-            if (tree.exists(tsConfigPath)) {
-                (0, devkit_1.updateJson)(tree, tsConfigPath, (json) => {
-                    const compilerOptions = json.compilerOptions || {};
-                    compilerOptions.types = [
-                        ...new Set([...(compilerOptions.types || []), ...typesToAdd]),
-                    ];
-                    if (json.files?.length > 0) {
-                        json.files = json.files.filter((file) => !['cssmodule.d.ts', 'image.d.ts'].includes(file));
-                    }
-                    return { ...json, compilerOptions };
-                });
-            }
-        });
-    }
-    await (0, devkit_1.formatFiles)(tree);
-}