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

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

@@ -1,59 +1,52 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.storybookConfigurationSchematic = exports.storybookConfigurationGenerator = void 0;
-const tslib_1 = require("tslib");
 const stories_1 = require("../stories/stories");
 const devkit_1 = require("@nx/devkit");
 const versions_1 = require("../../utils/versions");
-function generateStories(host, schema) {
-    var _a;
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        // TODO(v18): remove Cypress
-        (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
-        const { getE2eProjectName } = yield Promise.resolve().then(() => require('@nx/cypress/src/utils/project-name'));
-        const projectConfig = (0, devkit_1.readProjectConfiguration)(host, schema.name);
-        const cypressProject = getE2eProjectName(schema.name, projectConfig.root, schema.cypressDirectory);
-        yield (0, stories_1.default)(host, {
-            project: schema.name,
-            generateCypressSpecs: schema.configureCypress && schema.generateCypressSpecs,
-            js: schema.js,
-            cypressProject,
-            ignorePaths: schema.ignorePaths,
-            skipFormat: true,
-            interactionTests: (_a = schema.interactionTests) !== null && _a !== void 0 ? _a : true,
-        });
+async function generateStories(host, schema) {
+    // TODO(v18): remove Cypress
+    (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
+    const { getE2eProjectName } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/project-name'));
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, schema.name);
+    const cypressProject = getE2eProjectName(schema.name, projectConfig.root, schema.cypressDirectory);
+    await (0, stories_1.default)(host, {
+        project: schema.name,
+        generateCypressSpecs: schema.configureCypress && schema.generateCypressSpecs,
+        js: schema.js,
+        cypressProject,
+        ignorePaths: schema.ignorePaths,
+        skipFormat: true,
+        interactionTests: schema.interactionTests ?? true,
     });
 }
-function storybookConfigurationGenerator(host, schema) {
-    var _a, _b, _c, _d, _e, _f;
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/storybook', versions_1.nxVersion);
-        let uiFramework = '@storybook/react-vite';
-        const projectConfig = (0, devkit_1.readProjectConfiguration)(host, schema.name);
-        if (((_a = projectConfig.targets['build']) === null || _a === void 0 ? void 0 : _a.executor) === '@nx/webpack:webpack' ||
-            ((_b = projectConfig.targets['build']) === null || _b === void 0 ? void 0 : _b.executor) === '@nrwl/webpack:webpack' ||
-            ((_c = projectConfig.targets['build']) === null || _c === void 0 ? void 0 : _c.executor) === '@nx/rollup:rollup' ||
-            ((_d = projectConfig.targets['build']) === null || _d === void 0 ? void 0 : _d.executor) === '@nrwl/rollup:rollup') {
-            uiFramework = '@storybook/react-webpack5';
-        }
-        const installTask = yield configurationGenerator(host, {
-            name: schema.name,
-            configureCypress: schema.configureCypress,
-            js: schema.js,
-            linter: schema.linter,
-            cypressDirectory: schema.cypressDirectory,
-            tsConfiguration: (_e = schema.tsConfiguration) !== null && _e !== void 0 ? _e : true,
-            interactionTests: (_f = schema.interactionTests) !== null && _f !== void 0 ? _f : true,
-            configureStaticServe: schema.configureStaticServe,
-            uiFramework: uiFramework,
-            skipFormat: true,
-        });
-        if (schema.generateStories) {
-            yield generateStories(host, schema);
-        }
-        yield (0, devkit_1.formatFiles)(host);
-        return installTask;
+async function storybookConfigurationGenerator(host, schema) {
+    const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/storybook', versions_1.nxVersion);
+    let uiFramework = '@storybook/react-vite';
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, schema.name);
+    if (projectConfig.targets['build']?.executor === '@nx/webpack:webpack' ||
+        projectConfig.targets['build']?.executor === '@nrwl/webpack:webpack' ||
+        projectConfig.targets['build']?.executor === '@nx/rollup:rollup' ||
+        projectConfig.targets['build']?.executor === '@nrwl/rollup:rollup') {
+        uiFramework = '@storybook/react-webpack5';
+    }
+    const installTask = await configurationGenerator(host, {
+        name: schema.name,
+        configureCypress: schema.configureCypress,
+        js: schema.js,
+        linter: schema.linter,
+        cypressDirectory: schema.cypressDirectory,
+        tsConfiguration: schema.tsConfiguration ?? true,
+        interactionTests: schema.interactionTests ?? true,
+        configureStaticServe: schema.configureStaticServe,
+        uiFramework: uiFramework,
+        skipFormat: true,
     });
+    if (schema.generateStories) {
+        await generateStories(host, schema);
+    }
+    await (0, devkit_1.formatFiles)(host);
+    return installTask;
 }
 exports.storybookConfigurationGenerator = storybookConfigurationGenerator;
 exports.default = storybookConfigurationGenerator;

package/src/migrations/update-12-0-0/remove-react-redux-types-package.js

@@ -1,12 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeReactReduxTypesFromPackageJson = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-function removeReactReduxTypesFromPackageJson(host) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return (0, devkit_1.removeDependenciesFromPackageJson)(host, ['@types/react-redux'], ['@types/react-redux']);
-    });
+async function removeReactReduxTypesFromPackageJson(host) {
+    return (0, devkit_1.removeDependenciesFromPackageJson)(host, ['@types/react-redux'], ['@types/react-redux']);
 }
 exports.removeReactReduxTypesFromPackageJson = removeReactReduxTypesFromPackageJson;
 exports.default = removeReactReduxTypesFromPackageJson;

package/src/migrations/update-12-0-0/update-emotion-setup.js

@@ -1,66 +1,61 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateEmotionSetup = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-function updateEmotionSetup(host) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const projects = (0, devkit_1.getProjects)(host);
-        projects.forEach((p) => {
-            const babelrcPath = `${p.root}/.babelrc`;
-            const oldPreset = '@emotion/babel-preset-css-prop';
-            const newPlugin = '@emotion/babel-plugin';
-            if (host.exists(babelrcPath)) {
-                (0, devkit_1.updateJson)(host, babelrcPath, (json) => {
-                    var _a;
-                    if (!json.presets)
-                        return json;
-                    let emotionPresetIdx = -1;
-                    let emotionOptions = null;
-                    for (const [idx, preset] of json.presets.entries()) {
-                        if (Array.isArray(preset)) {
-                            if (!preset[0].includes(oldPreset))
-                                continue;
-                            emotionOptions = preset[1];
-                            emotionPresetIdx = idx;
-                            break;
-                        }
-                        else {
-                            if (!preset.includes(oldPreset))
-                                continue;
-                            emotionPresetIdx = idx;
-                            break;
-                        }
-                    }
-                    if (emotionPresetIdx !== -1) {
-                        // Remove preset
-                        json.presets.splice(emotionPresetIdx, 1);
-                        // Add new plugin
-                        (_a = json.plugins) !== null && _a !== void 0 ? _a : (json.plugins = []);
-                        json.plugins.push(emotionOptions ? [newPlugin, emotionOptions] : newPlugin);
-                        return json;
+async function updateEmotionSetup(host) {
+    const projects = (0, devkit_1.getProjects)(host);
+    projects.forEach((p) => {
+        const babelrcPath = `${p.root}/.babelrc`;
+        const oldPreset = '@emotion/babel-preset-css-prop';
+        const newPlugin = '@emotion/babel-plugin';
+        if (host.exists(babelrcPath)) {
+            (0, devkit_1.updateJson)(host, babelrcPath, (json) => {
+                if (!json.presets)
+                    return json;
+                let emotionPresetIdx = -1;
+                let emotionOptions = null;
+                for (const [idx, preset] of json.presets.entries()) {
+                    if (Array.isArray(preset)) {
+                        if (!preset[0].includes(oldPreset))
+                            continue;
+                        emotionOptions = preset[1];
+                        emotionPresetIdx = idx;
+                        break;
                     }
                     else {
-                        return json;
+                        if (!preset.includes(oldPreset))
+                            continue;
+                        emotionPresetIdx = idx;
+                        break;
                     }
-                });
-            }
-        });
-        (0, devkit_1.updateJson)(host, 'package.json', (json) => {
-            var _a, _b;
-            if ((_a = json.devDependencies) === null || _a === void 0 ? void 0 : _a['@emotion/babel-preset-css-prop']) {
-                delete json.devDependencies['@emotion/babel-preset-css-prop'];
-                json.devDependencies['@emotion/babel-plugin'] = '11.2.0';
-            }
-            // Just in case someone moved it to `dependencies`
-            else if ((_b = json.dependencies) === null || _b === void 0 ? void 0 : _b['@emotion/babel-preset-css-prop']) {
-                delete json.dependencies['@emotion/babel-preset-css-prop'];
-                json.dependencies['@emotion/babel-plugin'] = '11.2.0';
-            }
-            return json;
-        });
-        yield (0, devkit_1.formatFiles)(host);
+                }
+                if (emotionPresetIdx !== -1) {
+                    // Remove preset
+                    json.presets.splice(emotionPresetIdx, 1);
+                    // Add new plugin
+                    json.plugins ??= [];
+                    json.plugins.push(emotionOptions ? [newPlugin, emotionOptions] : newPlugin);
+                    return json;
+                }
+                else {
+                    return json;
+                }
+            });
+        }
+    });
+    (0, devkit_1.updateJson)(host, 'package.json', (json) => {
+        if (json.devDependencies?.['@emotion/babel-preset-css-prop']) {
+            delete json.devDependencies['@emotion/babel-preset-css-prop'];
+            json.devDependencies['@emotion/babel-plugin'] = '11.2.0';
+        }
+        // Just in case someone moved it to `dependencies`
+        else if (json.dependencies?.['@emotion/babel-preset-css-prop']) {
+            delete json.dependencies['@emotion/babel-preset-css-prop'];
+            json.dependencies['@emotion/babel-plugin'] = '11.2.0';
+        }
+        return json;
     });
+    await (0, devkit_1.formatFiles)(host);
 }
 exports.updateEmotionSetup = updateEmotionSetup;
 exports.default = updateEmotionSetup;

package/src/migrations/update-12-0-0/use-react-jsx-in-tsconfig.js

@@ -1,26 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useReactJsxInTsconfig = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-function useReactJsxInTsconfig(host) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const projects = (0, devkit_1.getProjects)(host);
-        projects.forEach((p) => {
-            const tsConfigPath = `${p.root}/tsconfig.json`;
-            if (host.exists(tsConfigPath)) {
-                (0, devkit_1.updateJson)(host, tsConfigPath, (json) => {
-                    var _a;
-                    if (((_a = json.compilerOptions) === null || _a === void 0 ? void 0 : _a.jsx) === 'react') {
-                        // JSX is handled by babel
-                        json.compilerOptions.jsx = 'react-jsx';
-                    }
-                    return json;
-                });
-            }
-        });
-        yield (0, devkit_1.formatFiles)(host);
+async function useReactJsxInTsconfig(host) {
+    const projects = (0, devkit_1.getProjects)(host);
+    projects.forEach((p) => {
+        const tsConfigPath = `${p.root}/tsconfig.json`;
+        if (host.exists(tsConfigPath)) {
+            (0, devkit_1.updateJson)(host, tsConfigPath, (json) => {
+                if (json.compilerOptions?.jsx === 'react') {
+                    // JSX is handled by babel
+                    json.compilerOptions.jsx = 'react-jsx';
+                }
+                return json;
+            });
+        }
     });
+    await (0, devkit_1.formatFiles)(host);
 }
 exports.useReactJsxInTsconfig = useReactJsxInTsconfig;
 exports.default = useReactJsxInTsconfig;

package/src/migrations/update-12-8-0/update-12-8-0.js

@@ -1,13 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeReactReduxTypesFromPackageJson = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-function removeReactReduxTypesFromPackageJson(host) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return (0, devkit_1.addDependenciesToPackageJson)(host, {}, {
-            '@testing-library/react-hooks': '^7.0.1',
-        });
+async function removeReactReduxTypesFromPackageJson(host) {
+    return (0, devkit_1.addDependenciesToPackageJson)(host, {}, {
+        '@testing-library/react-hooks': '^7.0.1',
     });
 }
 exports.removeReactReduxTypesFromPackageJson = removeReactReduxTypesFromPackageJson;

package/src/migrations/update-13-0-0/migrate-storybook-to-webpack-5.js

@@ -1,37 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.migrateStorybookToWebPack5 = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const webpack5_changes_utils_1 = require("./webpack5-changes-utils");
 let needsInstall = false;
-function migrateStorybookToWebPack5(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
-        if ((0, webpack5_changes_utils_1.workspaceHasStorybookForReact)(packageJson)) {
-            (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
-                json.dependencies = json.dependencies || {};
-                json.devDependencies = json.devDependencies || {};
-                if (!json.dependencies['@storybook/builder-webpack5'] &&
-                    !json.devDependencies['@storybook/builder-webpack5']) {
-                    needsInstall = true;
-                    json.devDependencies['@storybook/builder-webpack5'] =
-                        (0, webpack5_changes_utils_1.workspaceHasStorybookForReact)(packageJson);
-                }
-                if (!json.dependencies['@storybook/manager-webpack5'] &&
-                    !json.devDependencies['@storybook/manager-webpack5']) {
-                    needsInstall = true;
-                    json.devDependencies['@storybook/manager-webpack5'] =
-                        (0, webpack5_changes_utils_1.workspaceHasStorybookForReact)(packageJson);
-                }
-                return json;
-            });
-            yield (0, webpack5_changes_utils_1.migrateToWebPack5)(tree);
-            if (needsInstall) {
-                devkit_1.logger.info('Please make sure to run npm install or yarn install to get the latest packages added by this migration');
+async function migrateStorybookToWebPack5(tree) {
+    const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
+    if ((0, webpack5_changes_utils_1.workspaceHasStorybookForReact)(packageJson)) {
+        (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
+            json.dependencies = json.dependencies || {};
+            json.devDependencies = json.devDependencies || {};
+            if (!json.dependencies['@storybook/builder-webpack5'] &&
+                !json.devDependencies['@storybook/builder-webpack5']) {
+                needsInstall = true;
+                json.devDependencies['@storybook/builder-webpack5'] =
+                    (0, webpack5_changes_utils_1.workspaceHasStorybookForReact)(packageJson);
             }
+            if (!json.dependencies['@storybook/manager-webpack5'] &&
+                !json.devDependencies['@storybook/manager-webpack5']) {
+                needsInstall = true;
+                json.devDependencies['@storybook/manager-webpack5'] =
+                    (0, webpack5_changes_utils_1.workspaceHasStorybookForReact)(packageJson);
+            }
+            return json;
+        });
+        await (0, webpack5_changes_utils_1.migrateToWebPack5)(tree);
+        if (needsInstall) {
+            devkit_1.logger.info('Please make sure to run npm install or yarn install to get the latest packages added by this migration');
         }
-    });
+    }
 }
 exports.migrateStorybookToWebPack5 = migrateStorybookToWebPack5;
 exports.default = migrateStorybookToWebPack5;

package/src/migrations/update-13-0-0/update-emotion-setup.js

@@ -1,38 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateEmotionSetup = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-function updateEmotionSetup(host) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const projects = (0, devkit_1.getProjects)(host);
-        projects.forEach((p) => {
-            let hasEmotion = false;
-            const babelrcPath = `${p.root}/.babelrc`;
-            const tsConfigPath = `${p.root}/tsconfig.json`;
-            if (host.exists(babelrcPath)) {
-                const babelrc = (0, devkit_1.readJson)(host, babelrcPath);
-                if (babelrc.presets) {
-                    for (const [idx, preset] of babelrc.presets.entries()) {
-                        if (Array.isArray(preset)) {
-                            if (!preset[0].includes('@nrwl/react/babel'))
-                                continue;
-                            const emotionOptions = preset[1];
-                            hasEmotion = emotionOptions.importSource === '@emotion/react';
-                            break;
-                        }
+async function updateEmotionSetup(host) {
+    const projects = (0, devkit_1.getProjects)(host);
+    projects.forEach((p) => {
+        let hasEmotion = false;
+        const babelrcPath = `${p.root}/.babelrc`;
+        const tsConfigPath = `${p.root}/tsconfig.json`;
+        if (host.exists(babelrcPath)) {
+            const babelrc = (0, devkit_1.readJson)(host, babelrcPath);
+            if (babelrc.presets) {
+                for (const [idx, preset] of babelrc.presets.entries()) {
+                    if (Array.isArray(preset)) {
+                        if (!preset[0].includes('@nrwl/react/babel'))
+                            continue;
+                        const emotionOptions = preset[1];
+                        hasEmotion = emotionOptions.importSource === '@emotion/react';
+                        break;
                     }
                 }
             }
-            if (hasEmotion && host.exists(tsConfigPath)) {
-                (0, devkit_1.updateJson)(host, tsConfigPath, (json) => {
-                    json.compilerOptions.jsxImportSource = '@emotion/react';
-                    return json;
-                });
-            }
-        });
-        yield (0, devkit_1.formatFiles)(host);
+        }
+        if (hasEmotion && host.exists(tsConfigPath)) {
+            (0, devkit_1.updateJson)(host, tsConfigPath, (json) => {
+                json.compilerOptions.jsxImportSource = '@emotion/react';
+                return json;
+            });
+        }
     });
+    await (0, devkit_1.formatFiles)(host);
 }
 exports.updateEmotionSetup = updateEmotionSetup;
 exports.default = updateEmotionSetup;

package/src/migrations/update-13-0-0/webpack5-changes-utils.js

@@ -1,27 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTsSourceFile = exports.checkMainJsForOldSyntax = exports.editProjectMainJs = exports.allReactProjectsWithStorybookConfiguration = exports.workspaceHasStorybookForReact = exports.migrateToWebPack5 = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const devkit_2 = require("@nx/devkit");
 const ts = require("typescript");
 const js_1 = require("@nx/js");
-function migrateToWebPack5(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        allReactProjectsWithStorybookConfiguration(tree).forEach((project) => {
-            let storybookConfigFile = `${project.storybookConfigPath}/main.js`;
-            if (!tree.exists(storybookConfigFile)) {
-                // try to see whether there's a main.ts file
-                storybookConfigFile = `${project.storybookConfigPath}/main.ts`;
-            }
-            if (!tree.exists(storybookConfigFile)) {
-                // ok...give up
-                return;
-            }
-            editProjectMainJs(tree, storybookConfigFile, project.projectName);
-        });
-        yield (0, devkit_2.formatFiles)(tree);
+async function migrateToWebPack5(tree) {
+    allReactProjectsWithStorybookConfiguration(tree).forEach((project) => {
+        let storybookConfigFile = `${project.storybookConfigPath}/main.js`;
+        if (!tree.exists(storybookConfigFile)) {
+            // try to see whether there's a main.ts file
+            storybookConfigFile = `${project.storybookConfigPath}/main.ts`;
+        }
+        if (!tree.exists(storybookConfigFile)) {
+            // ok...give up
+            return;
+        }
+        editProjectMainJs(tree, storybookConfigFile, project.projectName);
     });
+    await (0, devkit_2.formatFiles)(tree);
 }
 exports.migrateToWebPack5 = migrateToWebPack5;
 function workspaceHasStorybookForReact(packageJson) {
@@ -30,28 +27,28 @@ function workspaceHasStorybookForReact(packageJson) {
 }
 exports.workspaceHasStorybookForReact = workspaceHasStorybookForReact;
 function allReactProjectsWithStorybookConfiguration(tree) {
-    var _a, _b, _c;
     const projects = (0, devkit_1.getProjects)(tree);
-    const reactProjectsThatHaveStorybookConfiguration = (_c = (_b = (_a = [...projects.entries()]) === null || _a === void 0 ? void 0 : _a.filter(([_, projectConfig]) => projectConfig.targets &&
+    const reactProjectsThatHaveStorybookConfiguration = [...projects.entries()]
+        ?.filter(([_, projectConfig]) => projectConfig.targets &&
         projectConfig.targets.storybook &&
-        projectConfig.targets.storybook.options)) === null || _b === void 0 ? void 0 : _b.map(([projectName, projectConfig]) => {
-        var _a, _b, _c;
+        projectConfig.targets.storybook.options)
+        ?.map(([projectName, projectConfig]) => {
         if (projectConfig.targets &&
             projectConfig.targets.storybook &&
-            ((_b = (_a = projectConfig.targets.storybook.options) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.configFolder) &&
-            ((_c = projectConfig.targets.storybook.options) === null || _c === void 0 ? void 0 : _c.uiFramework) ===
+            projectConfig.targets.storybook.options?.config?.configFolder &&
+            projectConfig.targets.storybook.options?.uiFramework ===
                 '@storybook/react') {
             return {
                 projectName,
                 storybookConfigPath: projectConfig.targets.storybook.options.config.configFolder,
             };
         }
-    })) === null || _c === void 0 ? void 0 : _c.filter((entry) => !!entry);
+    })
+        ?.filter((entry) => !!entry);
     return reactProjectsThatHaveStorybookConfiguration;
 }
 exports.allReactProjectsWithStorybookConfiguration = allReactProjectsWithStorybookConfiguration;
 function editProjectMainJs(tree, projectMainJsFile, projectName) {
-    var _a, _b;
     let newContents;
     let moduleExportsIsEmptyOrNonExistentOrInvalid = false;
     let alreadyHasBuilder;
@@ -73,15 +70,15 @@ function editProjectMainJs(tree, projectMainJsFile, projectName) {
              * if it does not exist already
              */
             let indexOfStoriesNode = -1;
-            const hasCoreObject = (_b = (_a = listOfStatements[0]) === null || _a === void 0 ? void 0 : _a.getChildren()) === null || _b === void 0 ? void 0 : _b.find((node) => {
+            const hasCoreObject = listOfStatements[0]?.getChildren()?.find((node) => {
                 if (node &&
                     node.getText().length > 0 &&
                     indexOfStoriesNode < 0 &&
-                    (node === null || node === void 0 ? void 0 : node.getText().startsWith('stories'))) {
+                    node?.getText().startsWith('stories')) {
                     indexOfStoriesNode = node.getStart();
                 }
-                return ((node === null || node === void 0 ? void 0 : node.kind) === ts.SyntaxKind.PropertyAssignment &&
-                    (node === null || node === void 0 ? void 0 : node.getText().startsWith('core')));
+                return (node?.kind === ts.SyntaxKind.PropertyAssignment &&
+                    node?.getText().startsWith('core'));
             });
             if (hasCoreObject) {
                 const contentsOfCoreNode = hasCoreObject.getChildren().find((node) => {
@@ -152,7 +149,6 @@ function editProjectMainJs(tree, projectMainJsFile, projectName) {
 }
 exports.editProjectMainJs = editProjectMainJs;
 function checkMainJsForOldSyntax(nodeList, fileContent) {
-    var _a, _b, _c, _d, _e;
     let alreadyContainsBuilder = false;
     let coreNode;
     let hasCoreNode = false;
@@ -165,13 +161,13 @@ function checkMainJsForOldSyntax(nodeList, fileContent) {
     // If it does not, then we need to add it
     for (let topNode of nodeList) {
         if (topNode.kind === ts.SyntaxKind.ExpressionStatement &&
-            ((_a = topNode.getChildren()) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            topNode.getChildren()?.length > 0) {
             for (let node of topNode.getChildren()) {
                 if (node.kind === ts.SyntaxKind.BinaryExpression &&
-                    ((_b = node.getChildren()) === null || _b === void 0 ? void 0 : _b.length)) {
+                    node.getChildren()?.length) {
                     for (let childNode of node.getChildren()) {
                         if (childNode.kind === ts.SyntaxKind.PropertyAccessExpression &&
-                            ((_c = childNode.getChildren()) === null || _c === void 0 ? void 0 : _c.length)) {
+                            childNode.getChildren()?.length) {
                             for (let grandChildNode of childNode.getChildren()) {
                                 if (grandChildNode.kind === ts.SyntaxKind.Identifier &&
                                     grandChildNode.getText() === 'core') {
@@ -187,10 +183,10 @@ function checkMainJsForOldSyntax(nodeList, fileContent) {
                     }
                 }
                 if (hasCoreNode) {
-                    if ((_d = coreNode.getChildren()) === null || _d === void 0 ? void 0 : _d.length) {
+                    if (coreNode.getChildren()?.length) {
                         for (let coreChildNode of coreNode.getChildren()) {
                             if (coreChildNode.kind === ts.SyntaxKind.ObjectLiteralExpression &&
-                                ((_e = coreChildNode.getChildren()) === null || _e === void 0 ? void 0 : _e.length)) {
+                                coreChildNode.getChildren()?.length) {
                                 for (let coreChildNodeChild of coreChildNode.getChildren()) {
                                     if (coreChildNodeChild.kind === ts.SyntaxKind.SyntaxList) {
                                         for (let coreChildNodeGrandChild of coreChildNodeChild.getChildren()) {

package/src/migrations/update-13-10-0/update-13-10-0.js

@@ -1,28 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateToReact18 = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 // Putting this here because React Native 0.67 is incompatible with React 18.
 // Waiting for 0.68 to come out with support for React 18.
 // TODO(jack): For Nx 14 let's add another migration for React 18 in migrations.json because by then React Native 0.68.0 should be released.
-function updateToReact18(host) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const { dependencies } = (0, devkit_1.readJson)(host, 'package.json');
-        if (dependencies['react-native'] &&
-            !dependencies['react-native'].match(/[\^~]?0.68/)) {
-            devkit_1.logger.info(`React Native ${dependencies['react-native']} is incompatible with React 18. Skipping update until React Native 0.68.0 is released.`);
-        }
-        else {
-            return (0, devkit_1.addDependenciesToPackageJson)(host, {
-                react: '18.0.0',
-                'react-dom': '18.0.0',
-                'react-is': '18.0.0',
-            }, {
-                'react-test-renderer': '18.0.0',
-            });
-        }
-    });
+async function updateToReact18(host) {
+    const { dependencies } = (0, devkit_1.readJson)(host, 'package.json');
+    if (dependencies['react-native'] &&
+        !dependencies['react-native'].match(/[\^~]?0.68/)) {
+        devkit_1.logger.info(`React Native ${dependencies['react-native']} is incompatible with React 18. Skipping update until React Native 0.68.0 is released.`);
+    }
+    else {
+        return (0, devkit_1.addDependenciesToPackageJson)(host, {
+            react: '18.0.0',
+            'react-dom': '18.0.0',
+            'react-is': '18.0.0',
+        }, {
+            'react-test-renderer': '18.0.0',
+        });
+    }
 }
 exports.updateToReact18 = updateToReact18;
 exports.default = updateToReact18;