@nx/react 16.8.0-beta.3 → 16.8.0-beta.5

package/src/migrations/update-14-0-0/add-default-development-configurations.js

@@ -1,39 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.update = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-function update(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const projects = (0, devkit_1.getProjects)(tree);
-        projects.forEach((config, name) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-            var _l, _m, _o, _p, _q, _r;
-            let shouldUpdate = false;
-            if (((_b = (_a = config.targets) === null || _a === void 0 ? void 0 : _a.build) === null || _b === void 0 ? void 0 : _b.executor) === '@nrwl/web:webpack') {
-                shouldUpdate = true;
-                (_c = (_l = config.targets.build).defaultConfiguration) !== null && _c !== void 0 ? _c : (_l.defaultConfiguration = 'production');
-                (_d = (_m = config.targets.build).configurations) !== null && _d !== void 0 ? _d : (_m.configurations = {});
-                (_e = (_o = config.targets.build.configurations).development) !== null && _e !== void 0 ? _e : (_o.development = {
-                    extractLicenses: false,
-                    optimization: false,
-                    sourceMap: true,
-                    vendorChunk: true,
-                });
-            }
-            if (((_g = (_f = config.targets) === null || _f === void 0 ? void 0 : _f.serve) === null || _g === void 0 ? void 0 : _g.executor) === '@nrwl/web:dev-server') {
-                shouldUpdate = true;
-                (_h = (_p = config.targets.serve).defaultConfiguration) !== null && _h !== void 0 ? _h : (_p.defaultConfiguration = 'development');
-                (_j = (_q = config.targets.serve).configurations) !== null && _j !== void 0 ? _j : (_q.configurations = {});
-                (_k = (_r = config.targets.serve.configurations).development) !== null && _k !== void 0 ? _k : (_r.development = {
-                    buildTarget: `${name}:build:development`,
-                });
-            }
-            if (shouldUpdate)
-                (0, devkit_1.updateProjectConfiguration)(tree, name, config);
-        });
-        yield (0, devkit_1.formatFiles)(tree);
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    projects.forEach((config, name) => {
+        let shouldUpdate = false;
+        if (config.targets?.build?.executor === '@nrwl/web:webpack') {
+            shouldUpdate = true;
+            config.targets.build.defaultConfiguration ??= 'production';
+            config.targets.build.configurations ??= {};
+            config.targets.build.configurations.development ??= {
+                extractLicenses: false,
+                optimization: false,
+                sourceMap: true,
+                vendorChunk: true,
+            };
+        }
+        if (config.targets?.serve?.executor === '@nrwl/web:dev-server') {
+            shouldUpdate = true;
+            config.targets.serve.defaultConfiguration ??= 'development';
+            config.targets.serve.configurations ??= {};
+            config.targets.serve.configurations.development ??= {
+                buildTarget: `${name}:build:development`,
+            };
+        }
+        if (shouldUpdate)
+            (0, devkit_1.updateProjectConfiguration)(tree, name, config);
     });
+    await (0, devkit_1.formatFiles)(tree);
 }
 exports.update = update;
 exports.default = update;

package/src/migrations/update-14-0-0/replace-testing-library-react-hook.js

@@ -1,26 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.update = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-function update(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const projects = (0, devkit_1.getProjects)(tree);
-        projects.forEach((config) => {
-            var _a, _b;
-            if (((_b = (_a = config.targets) === null || _a === void 0 ? void 0 : _a.test) === null || _b === void 0 ? void 0 : _b.executor) !== '@nrwl/jest:jest')
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    projects.forEach((config) => {
+        if (config.targets?.test?.executor !== '@nrwl/jest:jest')
+            return;
+        (0, devkit_1.visitNotIgnoredFiles)(tree, config.sourceRoot, (file) => {
+            if (!file.endsWith('.spec.ts'))
                 return;
-            (0, devkit_1.visitNotIgnoredFiles)(tree, config.sourceRoot, (file) => {
-                if (!file.endsWith('.spec.ts'))
-                    return;
-                const content = tree.read(file).toString();
-                if (content.includes('@testing-library/react-hooks')) {
-                    tree.write(file, content.replace(/@testing-library\/react-hooks/g, '@testing-library/react'));
-                }
-            });
+            const content = tree.read(file).toString();
+            if (content.includes('@testing-library/react-hooks')) {
+                tree.write(file, content.replace(/@testing-library\/react-hooks/g, '@testing-library/react'));
+            }
         });
-        (0, devkit_1.removeDependenciesFromPackageJson)(tree, ['@testing-library/react-hooks'], ['@testing-library/react-hooks']);
     });
+    (0, devkit_1.removeDependenciesFromPackageJson)(tree, ['@testing-library/react-hooks'], ['@testing-library/react-hooks']);
 }
 exports.update = update;
 exports.default = update;

package/src/migrations/update-14-0-0/update-react-dom-render-for-v18.js

@@ -1,27 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateReactDomRender = exports.update = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
 const ts = require("typescript");
-function update(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const projects = (0, devkit_1.getProjects)(tree);
-        projects.forEach((config, name) => {
-            var _a, _b;
-            const isReactProject = ((_b = (_a = config.targets) === null || _a === void 0 ? void 0 : _a.build) === null || _b === void 0 ? void 0 : _b.executor) === '@nrwl/web:webpack' &&
-                /main\.(t|j)sx?$/.test(config.targets.build.options.main);
-            if (isReactProject) {
-                const sourcePath = config.targets.build.options.main;
-                const sourceCode = tree.read(sourcePath).toString();
-                const source = ts.createSourceFile(sourcePath, sourceCode, ts.ScriptTarget.Latest, true);
-                const result = (0, devkit_1.applyChangesToString)(sourceCode, migrateReactDomRender(sourcePath, source));
-                tree.write(sourcePath, result);
-            }
-        });
-        yield (0, devkit_1.formatFiles)(tree);
+async function update(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    projects.forEach((config, name) => {
+        const isReactProject = config.targets?.build?.executor === '@nrwl/web:webpack' &&
+            /main\.(t|j)sx?$/.test(config.targets.build.options.main);
+        if (isReactProject) {
+            const sourcePath = config.targets.build.options.main;
+            const sourceCode = tree.read(sourcePath).toString();
+            const source = ts.createSourceFile(sourcePath, sourceCode, ts.ScriptTarget.Latest, true);
+            const result = (0, devkit_1.applyChangesToString)(sourceCode, migrateReactDomRender(sourcePath, source));
+            tree.write(sourcePath, result);
+        }
     });
+    await (0, devkit_1.formatFiles)(tree);
 }
 exports.update = update;
 function migrateReactDomRender(sourcePath, source) {

package/src/migrations/update-14-1-0/update-external-emotion-jsx-runtime.js

@@ -1,36 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateExternalEmotionJsxRuntime = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
-function updateExternalEmotionJsxRuntime(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        (0, executor_options_utils_1.forEachExecutorOptions)(tree, '@nrwl/web:rollup', (options, projectName, targetName, configurationName) => {
-            const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, projectName);
-            const config = configurationName
-                ? projectConfiguration.targets[targetName].configurations[configurationName]
-                : projectConfiguration.targets[targetName].options;
-            if (config.external && config.external.length > 0) {
-                const hasEmotionStyledBase = config.external.includes('@emotion/styled/base');
-                const hasReactJsxRuntime = config.external.includes('react/jsx-runtime');
-                if (hasEmotionStyledBase && hasReactJsxRuntime) {
-                    // Replace 'react/jsx-runtime' with '@emotion/react/jsx-runtime'
-                    config.external.forEach((value, index) => {
-                        if (value === 'react/jsx-runtime') {
-                            config.external.splice(index, 1, '@emotion/react/jsx-runtime');
-                        }
-                    });
-                    // Remove '@emotion/styled/base'
-                    config.external.forEach((value, index) => {
-                        if (value === '@emotion/styled/base') {
-                            config.external.splice(index, 1);
-                        }
-                    });
-                }
-                (0, devkit_1.updateProjectConfiguration)(tree, projectName, projectConfiguration);
+async function updateExternalEmotionJsxRuntime(tree) {
+    (0, executor_options_utils_1.forEachExecutorOptions)(tree, '@nrwl/web:rollup', (options, projectName, targetName, configurationName) => {
+        const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+        const config = configurationName
+            ? projectConfiguration.targets[targetName].configurations[configurationName]
+            : projectConfiguration.targets[targetName].options;
+        if (config.external && config.external.length > 0) {
+            const hasEmotionStyledBase = config.external.includes('@emotion/styled/base');
+            const hasReactJsxRuntime = config.external.includes('react/jsx-runtime');
+            if (hasEmotionStyledBase && hasReactJsxRuntime) {
+                // Replace 'react/jsx-runtime' with '@emotion/react/jsx-runtime'
+                config.external.forEach((value, index) => {
+                    if (value === 'react/jsx-runtime') {
+                        config.external.splice(index, 1, '@emotion/react/jsx-runtime');
+                    }
+                });
+                // Remove '@emotion/styled/base'
+                config.external.forEach((value, index) => {
+                    if (value === '@emotion/styled/base') {
+                        config.external.splice(index, 1);
+                    }
+                });
             }
-        });
+            (0, devkit_1.updateProjectConfiguration)(tree, projectName, projectConfiguration);
+        }
     });
 }
 exports.updateExternalEmotionJsxRuntime = updateExternalEmotionJsxRuntime;

package/src/migrations/update-14-6-0/add-preset-jest-config.js

@@ -19,7 +19,6 @@ function addBabelJestPresetTransformerOption(tree) {
 }
 exports.addBabelJestPresetTransformerOption = addBabelJestPresetTransformerOption;
 function isReactProject(tree, projectConfig) {
-    var _a, _b;
     const knownInvalidExecutors = [
         '@nrwl/next:build',
         '@nrwl/angular',
@@ -30,7 +29,7 @@ function isReactProject(tree, projectConfig) {
         'nx:run-commands',
         '@nrwl/node:webpack',
     ];
-    if (knownInvalidExecutors.includes((_b = (_a = projectConfig === null || projectConfig === void 0 ? void 0 : projectConfig.targets) === null || _a === void 0 ? void 0 : _a.build) === null || _b === void 0 ? void 0 : _b.executor) ||
+    if (knownInvalidExecutors.includes(projectConfig?.targets?.build?.executor) ||
         tree.exists((0, devkit_1.joinPathFragments)(projectConfig.root, 'next.config.js'))) {
         return false;
     }

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

@@ -4,13 +4,12 @@ exports.installWebpackRollupDependencies = void 0;
 const devkit_1 = require("@nx/devkit");
 const versions_1 = require("../../utils/versions");
 function installWebpackRollupDependencies(tree) {
-    var _a, _b, _c, _d, _e, _f;
     const projects = (0, devkit_1.getProjects)(tree);
     let shouldInstall = false;
     for (const [, project] of projects) {
-        if (((_b = (_a = project.targets) === null || _a === void 0 ? void 0 : _a.build) === null || _b === void 0 ? void 0 : _b.executor) === '@nrwl/webpack:webpack' ||
-            ((_d = (_c = project.targets) === null || _c === void 0 ? void 0 : _c.build) === null || _d === void 0 ? void 0 : _d.executor) === '@nrwl/rollup:rollup' ||
-            ((_f = (_e = project.targets) === null || _e === void 0 ? void 0 : _e.build) === null || _f === void 0 ? void 0 : _f.executor) === '@nrwl/web:rollup') {
+        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;
         }

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

@@ -3,10 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateRollupExecutor = void 0;
 const devkit_1 = require("@nx/devkit");
 function updateRollupExecutor(tree) {
-    var _a, _b;
     const projects = (0, devkit_1.getProjects)(tree);
     for (const [name, project] of projects) {
-        if (((_b = (_a = project.targets) === null || _a === void 0 ? void 0 : _a.build) === null || _b === void 0 ? void 0 : _b.executor) === '@nrwl/web:rollup') {
+        if (project.targets?.build?.executor === '@nrwl/web:rollup') {
             project.targets.build.executor = '@nrwl/rollup:rollup';
             (0, devkit_1.updateProjectConfiguration)(tree, name, project);
         }

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

@@ -1,50 +1,47 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
 const path_1 = require("path");
-function default_1(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        // 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) => {
-            var _a;
-            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 === null || defaultOptions === void 0 ? void 0 : defaultOptions['isolatedConfig']) ||
-                    !(((_a = defaultOptions === null || defaultOptions === void 0 ? void 0 : defaultOptions['main']) === null || _a === void 0 ? void 0 : _a.match(/main\.(t|j)sx$/)) ||
-                        (defaultOptions === null || defaultOptions === void 0 ? void 0 : defaultOptions['webpackConfig']) === '@nrwl/react/plugins/webpack'))) {
-                return;
+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');
             }
-            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 === null || options === void 0 ? void 0 : options.webpackConfig)) {
-                return;
+            if (options['webpackConfig'].endsWith('.ts')) {
+                oldName = options['webpackConfig'].replace('.ts', '.old.ts');
             }
-            // 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 === null || options === void 0 ? void 0 : 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'], `
+            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');
 
@@ -53,30 +50,30 @@ function default_1(tree) {
               // 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/packages/webpack/documents/webpack-config-setup
+              // https://nx.dev/recipes/webpack/webpack-config-setup
               return require('./${justTheFileName}')(config, context);
             });
             `);
-                options['isolatedConfig'] = true;
-                projectConfiguration.targets[targetName][configurationName !== null && configurationName !== void 0 ? configurationName : 'options'] = options;
-                (0, devkit_1.updateProjectConfiguration)(tree, projectName, projectConfiguration);
-                devkit_1.logger.info(`
+            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/packages/webpack/documents/webpack-config-setup
+          https://nx.dev/recipes/webpack/webpack-config-setup
           `);
+        }
+        else {
+            const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+            if (!options) {
+                options = {};
             }
-            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'], `
+            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');
           
@@ -85,16 +82,15 @@ function default_1(tree) {
             // 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/packages/webpack/documents/webpack-config-setup
+            // https://nx.dev/recipes/webpack/webpack-config-setup
             return config;
           });
         `);
-                projectConfiguration.targets[targetName].options = options;
-                (0, devkit_1.updateProjectConfiguration)(tree, projectName, projectConfiguration);
-            }
-        });
-        yield (0, devkit_1.formatFiles)(tree);
+            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) {

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

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

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

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

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

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

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

@@ -1,17 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const versions_1 = require("../../utils/versions");
-function addBabelCore(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
-        if (packageJson === null || packageJson === void 0 ? void 0 : packageJson.devDependencies['@babel/preset-react']) {
-            (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
-                '@babel/core': versions_1.babelCoreVersion,
-            });
-            yield (0, devkit_1.formatFiles)(tree);
-        }
-    });
+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);
+    }
 }
 exports.default = addBabelCore;

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

@@ -1,47 +1,42 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-function addTypings(tree) {
-    var _a, _b;
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const projects = (0, devkit_1.getProjects)(tree);
-        const buildExecutors = [
-            '@nx/webpack:webpack',
-            '@nx/vite:build',
-            '@nx/rspack:rspack',
-        ];
-        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((_b = (_a = config === null || config === void 0 ? void 0 : config.targets) === null || _a === void 0 ? void 0 : _a.build) === null || _b === void 0 ? void 0 : _b.executor)) {
-                const rootPath = config.root;
-                relatedTsConfigs.forEach((tsConfig) => {
-                    const tsConfigPath = (0, devkit_1.joinPathFragments)(rootPath, tsConfig);
-                    if (tree.exists(tsConfigPath)) {
-                        (0, devkit_1.updateJson)(tree, tsConfigPath, (json) => {
-                            var _a;
-                            const compilerOptions = json.compilerOptions || {};
-                            compilerOptions.types = [
-                                ...new Set([...(compilerOptions.types || []), ...typesToAdd]),
-                            ];
-                            if (((_a = json.files) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                                json.files = json.files.filter((file) => !['cssmodule.d.ts', 'image.d.ts'].includes(file));
-                            }
-                            return Object.assign(Object.assign({}, json), { compilerOptions });
-                        });
-                    }
-                });
-            }
+async function addTypings(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    const buildExecutors = [
+        '@nx/webpack:webpack',
+        '@nx/vite:build',
+        '@nx/rspack:rspack',
+    ];
+    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)) {
+            const rootPath = config.root;
+            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 };
+                    });
+                }
+            });
         }
-        yield (0, devkit_1.formatFiles)(tree);
-    });
+    }
+    await (0, devkit_1.formatFiles)(tree);
 }
 exports.default = addTypings;

package/src/module-federation/ast-utils.js

@@ -40,7 +40,7 @@ function addRemoteToConfig(source, app) {
                 pae.name.getText() === 'exports');
         }
     });
-    if ((exportExpression === null || exportExpression === void 0 ? void 0 : exportExpression.right.kind) === tsModule.SyntaxKind.ObjectLiteralExpression) {
+    if (exportExpression?.right.kind === tsModule.SyntaxKind.ObjectLiteralExpression) {
         const ole = exportExpression.right;
         return [
             {

package/src/module-federation/load-config.js

@@ -8,7 +8,7 @@ function loadModuleFederationConfigFromContext(context) {
     try {
         return require(moduleFederationConfigPath);
     }
-    catch (_a) {
+    catch {
         // TODO(jack): Add a link to guide
         throw new Error(`Could not load ${moduleFederationConfigPath}. Was this project generated with "@nx/react:host"?`);
     }