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

package/src/migrations/update-15-2-0/remove-browserlist-config.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_BROWSERS = void 0;
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
 const validBrowserslistConfigFilenames = new Set([
@@ -16,46 +15,44 @@ exports.DEFAULT_BROWSERS = [
     'last 2 iOS major versions',
     'Firefox ESR',
 ];
-function removeBrowserlistConfig(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        let browserslist;
-        try {
-            browserslist = yield Promise.resolve().then(() => require('browserslist'));
+async function removeBrowserlistConfig(tree) {
+    let browserslist;
+    try {
+        browserslist = await Promise.resolve().then(() => require('browserslist'));
+    }
+    catch {
+        devkit_1.logger.warn('Skipping migration because the "browserslist" package could not be loaded.');
+        return;
+    }
+    // Set the defaults to match the defaults in build-angular.
+    browserslist.defaults = exports.DEFAULT_BROWSERS;
+    const defaultSupportedBrowsers = new Set(browserslist(exports.DEFAULT_BROWSERS));
+    const es5Browsers = new Set(browserslist(['supports es6-module']));
+    (0, devkit_1.visitNotIgnoredFiles)(tree, '/', (path) => {
+        const fileName = (0, path_1.basename)(path);
+        if (!validBrowserslistConfigFilenames.has(fileName) ||
+            path.startsWith('node_modules')) {
+            return;
         }
-        catch (_a) {
-            devkit_1.logger.warn('Skipping migration because the "browserslist" package could not be loaded.');
+        const { defaults: browsersListConfig, ...otherConfigs } = browserslist.parseConfig(tree.read(path, 'utf-8'));
+        if (Object.keys(otherConfigs).length) {
+            // The config contains additional sections.
             return;
         }
-        // Set the defaults to match the defaults in build-angular.
-        browserslist.defaults = exports.DEFAULT_BROWSERS;
-        const defaultSupportedBrowsers = new Set(browserslist(exports.DEFAULT_BROWSERS));
-        const es5Browsers = new Set(browserslist(['supports es6-module']));
-        (0, devkit_1.visitNotIgnoredFiles)(tree, '/', (path) => {
-            const fileName = (0, path_1.basename)(path);
-            if (!validBrowserslistConfigFilenames.has(fileName) ||
-                path.startsWith('node_modules')) {
-                return;
-            }
-            const _a = browserslist.parseConfig(tree.read(path, 'utf-8')), { defaults: browsersListConfig } = _a, otherConfigs = tslib_1.__rest(_a, ["defaults"]);
-            if (Object.keys(otherConfigs).length) {
-                // The config contains additional sections.
-                return;
-            }
-            const browserslistInProject = browserslist(
-            // Exclude from the list ES5 browsers which are not supported.
-            browsersListConfig.map((s) => `${s} and supports es6-module`), {
-                ignoreUnknownVersions: true,
-            });
-            if (defaultSupportedBrowsers.size !== browserslistInProject.length) {
-                return;
-            }
-            const shouldDelete = browserslistInProject.every((browser) => defaultSupportedBrowsers.has(browser));
-            if (shouldDelete) {
-                // All browsers are the same as the default config.
-                // Delete file as it's redundant.
-                tree.delete(path);
-            }
+        const browserslistInProject = browserslist(
+        // Exclude from the list ES5 browsers which are not supported.
+        browsersListConfig.map((s) => `${s} and supports es6-module`), {
+            ignoreUnknownVersions: true,
         });
+        if (defaultSupportedBrowsers.size !== browserslistInProject.length) {
+            return;
+        }
+        const shouldDelete = browserslistInProject.every((browser) => defaultSupportedBrowsers.has(browser));
+        if (shouldDelete) {
+            // All browsers are the same as the default config.
+            // Delete file as it's redundant.
+            tree.delete(path);
+        }
     });
 }
 exports.default = removeBrowserlistConfig;

package/src/migrations/update-15-2-0/remove-platform-server-exports.js

@@ -1,64 +1,61 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const ts = require("typescript");
 const file_change_recorder_1 = require("../../utils/file-change-recorder");
-function default_1(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        (0, devkit_1.visitNotIgnoredFiles)(tree, '/', (path) => {
-            if (path.endsWith('.ts') && !path.endsWith('.d.ts')) {
-                const content = tree.read(path, 'utf8');
-                if (content.includes('@angular/platform-server') &&
-                    content.includes('renderModule')) {
-                    const source = ts.createSourceFile(path, content.toString().replace(/^\uFEFF/, ''), ts.ScriptTarget.Latest, true);
-                    let recorder;
-                    let printer;
-                    ts.forEachChild(source, function analyze(node) {
-                        if (!(ts.isExportDeclaration(node) &&
-                            node.moduleSpecifier &&
-                            ts.isStringLiteral(node.moduleSpecifier) &&
-                            node.moduleSpecifier.text === '@angular/platform-server' &&
-                            node.exportClause &&
-                            ts.isNamedExports(node.exportClause))) {
-                            // Not a @angular/platform-server named export.
-                            return;
-                        }
-                        const exportClause = node.exportClause;
-                        const newElements = [];
-                        for (const element of exportClause.elements) {
-                            if (element.name.text !== 'renderModule') {
-                                newElements.push(element);
-                            }
-                        }
-                        if (newElements.length === exportClause.elements.length) {
-                            // No changes
-                            return;
-                        }
-                        recorder !== null && recorder !== void 0 ? recorder : (recorder = new file_change_recorder_1.FileChangeRecorder(tree, path));
-                        if (newElements.length) {
-                            // Update named exports as there are leftovers.
-                            const newExportClause = ts.factory.updateNamedExports(exportClause, newElements);
-                            printer !== null && printer !== void 0 ? printer : (printer = ts.createPrinter());
-                            const fix = printer.printNode(ts.EmitHint.Unspecified, newExportClause, source);
-                            const index = exportClause.getStart();
-                            const length = exportClause.getWidth();
-                            recorder.remove(index, index + length);
-                            recorder.insertLeft(index, fix);
-                        }
-                        else {
-                            // Delete export as no exports remain.
-                            recorder.remove(node.getStart(), node.getStart() + node.getWidth());
+async function default_1(tree) {
+    (0, devkit_1.visitNotIgnoredFiles)(tree, '/', (path) => {
+        if (path.endsWith('.ts') && !path.endsWith('.d.ts')) {
+            const content = tree.read(path, 'utf8');
+            if (content.includes('@angular/platform-server') &&
+                content.includes('renderModule')) {
+                const source = ts.createSourceFile(path, content.toString().replace(/^\uFEFF/, ''), ts.ScriptTarget.Latest, true);
+                let recorder;
+                let printer;
+                ts.forEachChild(source, function analyze(node) {
+                    if (!(ts.isExportDeclaration(node) &&
+                        node.moduleSpecifier &&
+                        ts.isStringLiteral(node.moduleSpecifier) &&
+                        node.moduleSpecifier.text === '@angular/platform-server' &&
+                        node.exportClause &&
+                        ts.isNamedExports(node.exportClause))) {
+                        // Not a @angular/platform-server named export.
+                        return;
+                    }
+                    const exportClause = node.exportClause;
+                    const newElements = [];
+                    for (const element of exportClause.elements) {
+                        if (element.name.text !== 'renderModule') {
+                            newElements.push(element);
                         }
-                        ts.forEachChild(node, analyze);
-                    });
-                    if (recorder) {
-                        recorder.applyChanges();
                     }
+                    if (newElements.length === exportClause.elements.length) {
+                        // No changes
+                        return;
+                    }
+                    recorder ??= new file_change_recorder_1.FileChangeRecorder(tree, path);
+                    if (newElements.length) {
+                        // Update named exports as there are leftovers.
+                        const newExportClause = ts.factory.updateNamedExports(exportClause, newElements);
+                        printer ??= ts.createPrinter();
+                        const fix = printer.printNode(ts.EmitHint.Unspecified, newExportClause, source);
+                        const index = exportClause.getStart();
+                        const length = exportClause.getWidth();
+                        recorder.remove(index, index + length);
+                        recorder.insertLeft(index, fix);
+                    }
+                    else {
+                        // Delete export as no exports remain.
+                        recorder.remove(node.getStart(), node.getStart() + node.getWidth());
+                    }
+                    ts.forEachChild(node, analyze);
+                });
+                if (recorder) {
+                    recorder.applyChanges();
                 }
             }
-        });
-        yield (0, devkit_1.formatFiles)(tree);
+        }
     });
+    await (0, devkit_1.formatFiles)(tree);
 }
 exports.default = default_1;

package/src/migrations/update-15-2-0/update-angular-cli.js

@@ -1,26 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const angularCliVersion = '~15.0.0';
-function default_1(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        let shouldFormat = false;
-        (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
-            var _a, _b;
-            if ((_a = json.devDependencies) === null || _a === void 0 ? void 0 : _a['@angular/cli']) {
-                json.devDependencies['@angular/cli'] = angularCliVersion;
-                shouldFormat = true;
-            }
-            else if ((_b = json.dependencies) === null || _b === void 0 ? void 0 : _b['@angular/cli']) {
-                json.dependencies['@angular/cli'] = angularCliVersion;
-                shouldFormat = true;
-            }
-            return json;
-        });
-        if (shouldFormat) {
-            yield (0, devkit_1.formatFiles)(tree);
+async function default_1(tree) {
+    let shouldFormat = false;
+    (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
+        if (json.devDependencies?.['@angular/cli']) {
+            json.devDependencies['@angular/cli'] = angularCliVersion;
+            shouldFormat = true;
         }
+        else if (json.dependencies?.['@angular/cli']) {
+            json.dependencies['@angular/cli'] = angularCliVersion;
+            shouldFormat = true;
+        }
+        return json;
     });
+    if (shouldFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
 }
 exports.default = default_1;

package/src/migrations/update-15-2-0/update-karma-main-file.js

@@ -1,18 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const ts = require("typescript");
 const workspace_models_1 = require("@schematics/angular/utility/workspace-models");
 const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
 const file_change_recorder_1 = require("../../utils/file-change-recorder");
-function default_1(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        for (const file of findTestMainFiles(tree)) {
-            updateTestFile(tree, file);
-        }
-        yield (0, devkit_1.formatFiles)(tree);
-    });
+async function default_1(tree) {
+    for (const file of findTestMainFiles(tree)) {
+        updateTestFile(tree, file);
+    }
+    await (0, devkit_1.formatFiles)(tree);
 }
 exports.default = default_1;
 function findTestMainFiles(tree) {
@@ -34,11 +31,11 @@ function updateTestFile(tree, file) {
     const usedVariableNames = new Set();
     const recorder = new file_change_recorder_1.FileChangeRecorder(tree, sourceFile.fileName);
     ts.forEachChild(sourceFile, (node) => {
-        var _a, _b;
         if (ts.isVariableStatement(node)) {
             const variableDeclaration = node.declarationList.declarations[0];
-            if ((_a = ts
-                .getModifiers(node)) === null || _a === void 0 ? void 0 : _a.some((m) => m.kind === ts.SyntaxKind.DeclareKeyword)) {
+            if (ts
+                .getModifiers(node)
+                ?.some((m) => m.kind === ts.SyntaxKind.DeclareKeyword)) {
                 // `declare const require`
                 if (variableDeclaration.name.getText() !== 'require') {
                     return;
@@ -46,7 +43,9 @@ function updateTestFile(tree, file) {
             }
             else {
                 // `const context = require.context('./', true, /\.spec\.ts$/);`
-                if (!((_b = variableDeclaration.initializer) === null || _b === void 0 ? void 0 : _b.getText().startsWith('require.context'))) {
+                if (!variableDeclaration.initializer
+                    ?.getText()
+                    .startsWith('require.context')) {
                     return;
                 }
                 // add variable name as used.

package/src/migrations/update-15-2-0/update-typescript-target.js

@@ -1,51 +1,52 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const workspace_models_1 = require("@schematics/angular/utility/workspace-models");
 function updateTarget(tree, tsconfigPath) {
-    (0, devkit_1.updateJson)(tree, tsconfigPath, (json) => {
-        var _a;
-        return (Object.assign(Object.assign({}, json), { compilerOptions: Object.assign(Object.assign({}, ((_a = json.compilerOptions) !== null && _a !== void 0 ? _a : {})), { target: 'ES2022', useDefineForClassFields: false }) }));
-    });
+    (0, devkit_1.updateJson)(tree, tsconfigPath, (json) => ({
+        ...json,
+        compilerOptions: {
+            ...(json.compilerOptions ?? {}),
+            target: 'ES2022',
+            useDefineForClassFields: false,
+        },
+    }));
 }
-function updateTypescriptTarget(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const projects = (0, devkit_1.getProjects)(tree);
-        for (const [, project] of projects) {
-            if (!project.targets)
+async function updateTypescriptTarget(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [, project] of projects) {
+        if (!project.targets)
+            continue;
+        for (const [, target] of Object.entries(project.targets)) {
+            // Update all other known CLI builders that use a tsconfig
+            const tsConfigs = [
+                target.options || {},
+                ...Object.values(target.configurations || {}),
+            ]
+                .filter((opt) => typeof opt?.tsConfig === 'string')
+                .map((opt) => opt.tsConfig);
+            const uniqueTsConfigs = [...new Set(tsConfigs)];
+            if (uniqueTsConfigs.length < 1) {
                 continue;
-            for (const [, target] of Object.entries(project.targets)) {
-                // Update all other known CLI builders that use a tsconfig
-                const tsConfigs = [
-                    target.options || {},
-                    ...Object.values(target.configurations || {}),
-                ]
-                    .filter((opt) => typeof (opt === null || opt === void 0 ? void 0 : opt.tsConfig) === 'string')
-                    .map((opt) => opt.tsConfig);
-                const uniqueTsConfigs = [...new Set(tsConfigs)];
-                if (uniqueTsConfigs.length < 1) {
-                    continue;
-                }
-                const supportedExecutors = new Set([
-                    workspace_models_1.Builders.Server,
-                    workspace_models_1.Builders.Karma,
-                    workspace_models_1.Builders.Browser,
-                    workspace_models_1.Builders.NgPackagr,
-                    '@nrwl/angular:webpack-browser',
-                    '@nrwl/angular:ng-packagr-lite',
-                    '@nrwl/angular:package',
-                    '@nrwl/angular:delegate-build',
-                    '@nrwl/jest:jest',
-                ]);
-                if (supportedExecutors.has(target.executor)) {
-                    for (const tsConfig of uniqueTsConfigs) {
-                        updateTarget(tree, tsConfig);
-                    }
+            }
+            const supportedExecutors = new Set([
+                workspace_models_1.Builders.Server,
+                workspace_models_1.Builders.Karma,
+                workspace_models_1.Builders.Browser,
+                workspace_models_1.Builders.NgPackagr,
+                '@nrwl/angular:webpack-browser',
+                '@nrwl/angular:ng-packagr-lite',
+                '@nrwl/angular:package',
+                '@nrwl/angular:delegate-build',
+                '@nrwl/jest:jest',
+            ]);
+            if (supportedExecutors.has(target.executor)) {
+                for (const tsConfig of uniqueTsConfigs) {
+                    updateTarget(tree, tsConfig);
                 }
             }
         }
-        yield (0, devkit_1.formatFiles)(tree);
-    });
+    }
+    await (0, devkit_1.formatFiles)(tree);
 }
 exports.default = updateTypescriptTarget;

package/src/migrations/update-15-2-0/update-workspace-config.js

@@ -1,27 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const workspace_models_1 = require("@schematics/angular/utility/workspace-models");
-function updateWorkspaceConfigurations(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const projects = (0, devkit_1.getProjects)(tree);
-        const supportedExecutors = new Set([workspace_models_1.Builders.Server]);
-        for (const [name, project] of projects) {
-            for (const [targetName, target] of Object.entries(project.targets || {})) {
-                if (!supportedExecutors.has(target.executor)) {
-                    continue;
-                }
-                target.options.bundleDependencies = undefined;
-                for (const [configurationName, configuration] of Object.entries(target.configurations || {})) {
-                    configuration.bundleDependencies = undefined;
-                    target[configurationName] = configuration;
-                }
-                project.targets[targetName] = target;
-                (0, devkit_1.updateProjectConfiguration)(tree, name, project);
+async function updateWorkspaceConfigurations(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    const supportedExecutors = new Set([workspace_models_1.Builders.Server]);
+    for (const [name, project] of projects) {
+        for (const [targetName, target] of Object.entries(project.targets || {})) {
+            if (!supportedExecutors.has(target.executor)) {
+                continue;
             }
+            target.options.bundleDependencies = undefined;
+            for (const [configurationName, configuration] of Object.entries(target.configurations || {})) {
+                configuration.bundleDependencies = undefined;
+                target[configurationName] = configuration;
+            }
+            project.targets[targetName] = target;
+            (0, devkit_1.updateProjectConfiguration)(tree, name, project);
         }
-        yield (0, devkit_1.formatFiles)(tree);
-    });
+    }
+    await (0, devkit_1.formatFiles)(tree);
 }
 exports.default = updateWorkspaceConfigurations;

package/src/migrations/update-15-5-0/update-angular-cli.js

@@ -1,26 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const angularCliVersion = '~15.1.0';
-function default_1(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        let shouldFormat = false;
-        (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
-            var _a, _b;
-            if ((_a = json.devDependencies) === null || _a === void 0 ? void 0 : _a['@angular/cli']) {
-                json.devDependencies['@angular/cli'] = angularCliVersion;
-                shouldFormat = true;
-            }
-            else if ((_b = json.dependencies) === null || _b === void 0 ? void 0 : _b['@angular/cli']) {
-                json.dependencies['@angular/cli'] = angularCliVersion;
-                shouldFormat = true;
-            }
-            return json;
-        });
-        if (shouldFormat) {
-            yield (0, devkit_1.formatFiles)(tree);
+async function default_1(tree) {
+    let shouldFormat = false;
+    (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
+        if (json.devDependencies?.['@angular/cli']) {
+            json.devDependencies['@angular/cli'] = angularCliVersion;
+            shouldFormat = true;
         }
+        else if (json.dependencies?.['@angular/cli']) {
+            json.dependencies['@angular/cli'] = angularCliVersion;
+            shouldFormat = true;
+        }
+        return json;
     });
+    if (shouldFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
 }
 exports.default = default_1;

package/src/migrations/update-15-7-0/install-required-packages.js

@@ -1,38 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const child_process_1 = require("child_process");
 const path_1 = require("path");
 const version_utils_1 = require("../../generators/utils/version-utils");
 const version_utils_2 = require("../../utils/version-utils");
-function default_1(tree) {
-    var _a, _b, _c, _d, _e;
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const packagesToInstall = [
-            '@angular-devkit/core',
-            '@angular-devkit/schematics',
-            '@schematics/angular',
-        ];
-        const pkgJson = (0, devkit_1.readJson)(tree, 'package.json');
-        const angularMajorVersion = (0, version_utils_1.getInstalledAngularMajorVersion)(tree);
-        const angularDevkitVersion = (0, version_utils_2.getPkgVersionForAngularMajorVersion)('angularDevkitVersion', angularMajorVersion);
-        const angularCliVersion = (_d = (_b = (_a = pkgJson.devDependencies) === null || _a === void 0 ? void 0 : _a['@angular-devkit/build-angular']) !== null && _b !== void 0 ? _b : (_c = pkgJson.dependencies) === null || _c === void 0 ? void 0 : _c['@angular-devkit/build-angular']) !== null && _d !== void 0 ? _d : angularDevkitVersion;
-        const filteredPackages = packagesToInstall
-            .filter((pkg) => { var _a, _b; return !((_a = pkgJson.devDependencies) === null || _a === void 0 ? void 0 : _a[pkg]) && !((_b = pkgJson.dependencies) === null || _b === void 0 ? void 0 : _b[pkg]); })
-            .reduce((allPkgs, pkg) => (Object.assign(Object.assign({}, allPkgs), { [pkg]: angularCliVersion })), {});
-        // even though we are going to install the packages directly, we still want
-        // to add them to the tree so the migrate command knows changes were made
-        (0, devkit_1.addDependenciesToPackageJson)(tree, {}, Object.assign({}, filteredPackages));
-        // we need to install them immediately so the packages are available for
-        // other migrations that might be using them
-        (_e = pkgJson.devDependencies) !== null && _e !== void 0 ? _e : (pkgJson.devDependencies = {});
-        Object.entries(filteredPackages).forEach(([pkg, version]) => {
-            pkgJson.devDependencies[pkg] = version;
-        });
-        (0, devkit_1.writeJsonFile)((0, path_1.join)(tree.root, 'package.json'), pkgJson);
-        const pmc = (0, devkit_1.getPackageManagerCommand)();
-        (0, child_process_1.execSync)(pmc.install, { stdio: [0, 1, 2] });
+async function default_1(tree) {
+    const packagesToInstall = [
+        '@angular-devkit/core',
+        '@angular-devkit/schematics',
+        '@schematics/angular',
+    ];
+    const pkgJson = (0, devkit_1.readJson)(tree, 'package.json');
+    const angularMajorVersion = (0, version_utils_1.getInstalledAngularMajorVersion)(tree);
+    const angularDevkitVersion = (0, version_utils_2.getPkgVersionForAngularMajorVersion)('angularDevkitVersion', angularMajorVersion);
+    const angularCliVersion = pkgJson.devDependencies?.['@angular-devkit/build-angular'] ??
+        pkgJson.dependencies?.['@angular-devkit/build-angular'] ??
+        angularDevkitVersion;
+    const filteredPackages = packagesToInstall
+        .filter((pkg) => !pkgJson.devDependencies?.[pkg] && !pkgJson.dependencies?.[pkg])
+        .reduce((allPkgs, pkg) => ({ ...allPkgs, [pkg]: angularCliVersion }), {});
+    // even though we are going to install the packages directly, we still want
+    // to add them to the tree so the migrate command knows changes were made
+    (0, devkit_1.addDependenciesToPackageJson)(tree, {}, { ...filteredPackages });
+    // we need to install them immediately so the packages are available for
+    // other migrations that might be using them
+    pkgJson.devDependencies ??= {};
+    Object.entries(filteredPackages).forEach(([pkg, version]) => {
+        pkgJson.devDependencies[pkg] = version;
     });
+    (0, devkit_1.writeJsonFile)((0, path_1.join)(tree.root, 'package.json'), pkgJson);
+    const pmc = (0, devkit_1.getPackageManagerCommand)();
+    (0, child_process_1.execSync)(pmc.install, { stdio: [0, 1, 2] });
 }
 exports.default = default_1;

package/src/migrations/update-15-8-0/update-angular-cli.js

@@ -1,26 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const angularCliVersion = '~15.2.0';
-function default_1(tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        let shouldFormat = false;
-        (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
-            var _a, _b;
-            if ((_a = json.devDependencies) === null || _a === void 0 ? void 0 : _a['@angular/cli']) {
-                json.devDependencies['@angular/cli'] = angularCliVersion;
-                shouldFormat = true;
-            }
-            else if ((_b = json.dependencies) === null || _b === void 0 ? void 0 : _b['@angular/cli']) {
-                json.dependencies['@angular/cli'] = angularCliVersion;
-                shouldFormat = true;
-            }
-            return json;
-        });
-        if (shouldFormat) {
-            yield (0, devkit_1.formatFiles)(tree);
+async function default_1(tree) {
+    let shouldFormat = false;
+    (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
+        if (json.devDependencies?.['@angular/cli']) {
+            json.devDependencies['@angular/cli'] = angularCliVersion;
+            shouldFormat = true;
         }
+        else if (json.dependencies?.['@angular/cli']) {
+            json.dependencies['@angular/cli'] = angularCliVersion;
+            shouldFormat = true;
+        }
+        return json;
     });
+    if (shouldFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
 }
 exports.default = default_1;