@nx/angular 17.0.2 → 17.0.4

package/src/generators/utils/testing.js

@@ -51,13 +51,16 @@ async function createStorybookTestWorkspaceForLib(libName) {
         linter: eslint_1.Linter.EsLint,
         publishable: false,
         simpleName: false,
-        skipFormat: false,
+        skipFormat: true,
         unitTestRunner: test_runners_1.UnitTestRunner.Jest,
         projectNameAndRootFormat: 'as-provided',
+        standalone: false,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'test-button',
         project: libName,
+        standalone: false,
+        skipFormat: true,
     });
     tree.write(`${libName}/src/lib/test-button/test-button.component.ts`, `import { Component, Input } from '@angular/core';
 
@@ -88,6 +91,8 @@ export class TestButtonComponent {
         project: libName,
         path: `${libName}/src/lib/barrel`,
         module: 'barrel',
+        standalone: false,
+        skipFormat: true,
     });
     tree.write(`${libName}/src/lib/barrel/barrel-button/index.ts`, `export * from './barrel-button.component';`);
     tree.write(`${libName}/src/lib/barrel/barrel.module.ts`, `import { NgModule } from '@angular/core';
@@ -109,12 +114,16 @@ export class BarrelModule {}`);
         project: libName,
         path: `${libName}/src/lib/variable-declare`,
         module: 'variable-declare',
+        standalone: false,
+        skipFormat: true,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'variable-declare-view',
         project: libName,
         path: `${libName}/src/lib/variable-declare`,
         module: 'variable-declare',
+        standalone: false,
+        skipFormat: true,
     });
     tree.write(`${libName}/src/lib/variable-declare/variable-declare.module.ts`, `import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -142,18 +151,24 @@ export class VariableDeclareModule {}`);
         project: libName,
         path: `${libName}/src/lib/variable-spread-declare`,
         module: 'variable-spread-declare',
+        standalone: false,
+        skipFormat: true,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'variable-spread-declare-view',
         project: libName,
         path: `${libName}/src/lib/variable-spread-declare`,
         module: 'variable-spread-declare',
+        standalone: false,
+        skipFormat: true,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'variable-spread-declare-anotherview',
         project: libName,
         path: `${libName}/src/lib/variable-spread-declare`,
         module: 'variable-spread-declare',
+        standalone: false,
+        skipFormat: true,
     });
     tree.write(`${libName}/src/lib/variable-spread-declare/variable-spread-declare.module.ts`, `import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -181,12 +196,16 @@ export class VariableSpreadDeclareModule {}`);
         project: libName,
         path: `${libName}/src/lib/static-member-declarations`,
         module: 'static-member-declarations',
+        standalone: false,
+        skipFormat: true,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'cmp2',
         project: libName,
         path: `${libName}/src/lib/static-member-declarations`,
         module: 'static-member-declarations',
+        standalone: false,
+        skipFormat: true,
     });
     tree.write(`${libName}/src/lib/static-member-declarations/static-member-declarations.module.ts`, `import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -212,10 +231,14 @@ export class StaticMemberDeclarationsModule {
         project: libName,
         module: 'nested',
         path: `${libName}/src/lib/nested`,
+        standalone: false,
+        skipFormat: true,
     });
     await (0, component_1.componentGenerator)(tree, {
         name: 'test-other',
         project: libName,
+        standalone: false,
+        skipFormat: true,
     });
     return tree;
 }

package/src/generators/utils/update-app-editor-tsconfig-excluded-files.d.ts

@@ -0,0 +1,2 @@
+import { type ProjectConfiguration, type Tree } from '@nx/devkit';
+export declare function updateAppEditorTsConfigExcludedFiles(tree: Tree, projectConfig: ProjectConfiguration): void;

package/src/generators/utils/update-app-editor-tsconfig-excluded-files.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateAppEditorTsConfigExcludedFiles = void 0;
+const devkit_1 = require("@nx/devkit");
+function updateAppEditorTsConfigExcludedFiles(tree, projectConfig) {
+    if (projectConfig.projectType !== 'application') {
+        return;
+    }
+    const editorTsConfigPath = (0, devkit_1.joinPathFragments)(projectConfig.root, 'tsconfig.editor.json');
+    const appTsConfigPath = (0, devkit_1.joinPathFragments)(projectConfig.root, 'tsconfig.app.json');
+    if (!tree.exists(editorTsConfigPath) || !tree.exists(appTsConfigPath)) {
+        return;
+    }
+    const appTsConfig = (0, devkit_1.readJson)(tree, appTsConfigPath);
+    (0, devkit_1.updateJson)(tree, editorTsConfigPath, (json) => {
+        const exclude = [...(json.exclude ?? []), ...(appTsConfig.exclude ?? [])];
+        if (exclude.length) {
+            json.exclude = Array.from(new Set(exclude));
+        }
+        return json;
+    });
+}
+exports.updateAppEditorTsConfigExcludedFiles = updateAppEditorTsConfigExcludedFiles;

package/src/generators/utils/update-project-root-tsconfig.d.ts

@@ -0,0 +1,3 @@
+import { type Tree } from '@nx/devkit';
+export { extractTsConfigBase } from '@nx/js';
+export declare function updateProjectRootTsConfig(host: Tree, projectRoot: string, relativePathToRootTsConfig: string, isRootProject?: boolean): void;

package/src/generators/utils/update-project-root-tsconfig.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateProjectRootTsConfig = exports.extractTsConfigBase = void 0;
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+var js_2 = require("@nx/js");
+Object.defineProperty(exports, "extractTsConfigBase", { enumerable: true, get: function () { return js_2.extractTsConfigBase; } });
+function updateProjectRootTsConfig(host, projectRoot, relativePathToRootTsConfig, isRootProject) {
+    (0, devkit_1.updateJson)(host, `${projectRoot}/tsconfig.json`, (json) => {
+        if (isRootProject) {
+            // inline tsconfig.base.json into the project
+            json.compileOnSave = false;
+            json.compilerOptions = {
+                ...js_1.tsConfigBaseOptions,
+                ...json.compilerOptions,
+            };
+            json.exclude = ['node_modules', 'tmp'];
+            delete json.extends;
+        }
+        else {
+            json.extends = relativePathToRootTsConfig;
+        }
+        return json;
+    });
+}
+exports.updateProjectRootTsConfig = updateProjectRootTsConfig;

package/src/generators/utils/validations.d.ts

@@ -1,3 +1,2 @@
 import type { Tree } from '@nx/devkit';
 export declare function validateProject(tree: Tree, projectName: string): void;
-export declare function validateStandaloneOption(tree: Tree, standalone: boolean | undefined, angularVersion?: string): void;

package/src/generators/utils/validations.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateStandaloneOption = exports.validateProject = void 0;
+exports.validateProject = void 0;
 const devkit_1 = require("@nx/devkit");
-const semver_1 = require("semver");
-const version_utils_1 = require("./version-utils");
 function validateProject(tree, projectName) {
     const projects = (0, devkit_1.getProjects)(tree);
     if (!projects.has(projectName)) {
@@ -11,14 +9,3 @@ function validateProject(tree, projectName) {
     }
 }
 exports.validateProject = validateProject;
-function validateStandaloneOption(tree, standalone, angularVersion) {
-    if (!standalone) {
-        return;
-    }
-    const installedAngularVersion = angularVersion ?? (0, version_utils_1.getInstalledAngularVersionInfo)(tree).version;
-    if ((0, semver_1.lt)(installedAngularVersion, '14.1.0')) {
-        throw new Error((0, devkit_1.stripIndents) `The "standalone" option is only supported in Angular >= 14.1.0. You are currently using "${installedAngularVersion}".
-    You can resolve this error by removing the "standalone" option or by migrating to Angular 14.1.0.`);
-    }
-}
-exports.validateStandaloneOption = validateStandaloneOption;

package/src/generators/utils/version-utils.d.ts

@@ -1,5 +1,5 @@
 import type { GeneratorCallback, Tree } from '@nx/devkit';
-import * as latestVersions from '../../utils/versions';
+import { type PackageCompatVersions, type PackageLatestVersions } from '../../utils/backward-compatible-versions';
 export declare function getInstalledAngularVersion(tree: Tree): string;
 export declare function getInstalledAngularMajorVersion(tree: Tree): number;
 export declare function getInstalledAngularVersionInfo(tree: Tree): {
@@ -12,4 +12,4 @@ export declare function getInstalledPackageVersionInfo(tree: Tree, pkgName: stri
     version: string;
 };
 export declare function addDependenciesToPackageJsonIfDontExist(tree: Tree, dependencies: Record<string, string>, devDependencies: Record<string, string>, packageJsonPath?: string): GeneratorCallback;
-export declare function versions(tree: Tree): typeof latestVersions | import("../../utils/backward-compatible-versions").PackageVersions;
+export declare function versions(tree: Tree): PackageLatestVersions | PackageCompatVersions;

package/src/generators/utils/version-utils.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.versions = exports.addDependenciesToPackageJsonIfDontExist = exports.getInstalledPackageVersionInfo = exports.getInstalledPackageVersion = exports.getInstalledAngularVersionInfo = exports.getInstalledAngularMajorVersion = exports.getInstalledAngularVersion = void 0;
 const devkit_1 = require("@nx/devkit");
 const semver_1 = require("semver");
+const backward_compatible_versions_1 = require("../../utils/backward-compatible-versions");
 const latestVersions = require("../../utils/versions");
 const versions_1 = require("../../utils/versions");
-const backward_compatible_versions_1 = require("../../utils/backward-compatible-versions");
 function getInstalledAngularVersion(tree) {
     const pkgJson = (0, devkit_1.readJson)(tree, 'package.json');
     const installedAngularVersion = pkgJson.dependencies && pkgJson.dependencies['@angular/core'];
@@ -55,10 +55,10 @@ exports.addDependenciesToPackageJsonIfDontExist = addDependenciesToPackageJsonIf
 function versions(tree) {
     const majorAngularVersion = getInstalledAngularMajorVersion(tree);
     switch (majorAngularVersion) {
-        case 14:
-            return backward_compatible_versions_1.backwardCompatibleVersions.angularV14;
         case 15:
             return backward_compatible_versions_1.backwardCompatibleVersions.angularV15;
+        case 16:
+            return backward_compatible_versions_1.backwardCompatibleVersions.angularV16;
         default:
             return latestVersions;
     }

package/src/migrations/update-17-1-0/browser-target-to-build-target.d.ts

@@ -0,0 +1,3 @@
+import { type Tree } from '@nx/devkit';
+export declare const executors: string[];
+export default function (tree: Tree): Promise<void>;

package/src/migrations/update-17-1-0/browser-target-to-build-target.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.executors = void 0;
+const devkit_1 = require("@nx/devkit");
+const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
+exports.executors = [
+    '@angular-devkit/build-angular:dev-server',
+    '@angular-devkit/build-angular:extract-i18n',
+    '@nx/angular:module-federation-dev-server',
+    '@nx/angular:webpack-dev-server',
+];
+async function default_1(tree) {
+    // update options from project configs
+    exports.executors.forEach((executor) => {
+        (0, executor_options_utils_1.forEachExecutorOptions)(tree, executor, (_, project, target, configuration) => {
+            const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, project);
+            const config = configuration
+                ? projectConfiguration.targets[target].configurations[configuration]
+                : projectConfiguration.targets[target].options;
+            updateConfig(config);
+            (0, devkit_1.updateProjectConfiguration)(tree, project, projectConfiguration);
+        });
+    });
+    // update options from nx.json target defaults
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    if (!nxJson.targetDefaults) {
+        return;
+    }
+    for (const [targetOrExecutor, targetConfig] of Object.entries(nxJson.targetDefaults)) {
+        if (!exports.executors.includes(targetOrExecutor) &&
+            !exports.executors.includes(targetConfig.executor)) {
+            continue;
+        }
+        if (targetConfig.options) {
+            updateConfig(targetConfig.options);
+        }
+        Object.values(targetConfig.configurations ?? {}).forEach((config) => {
+            updateConfig(config);
+        });
+    }
+    (0, devkit_1.updateNxJson)(tree, nxJson);
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = default_1;
+function updateConfig(config) {
+    if (config.browserTarget) {
+        config.buildTarget ??= config.browserTarget;
+        delete config.browserTarget;
+    }
+}

package/src/migrations/update-17-1-0/replace-nguniversal-builders.d.ts

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

package/src/migrations/update-17-1-0/replace-nguniversal-builders.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+async function default_1(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [, project] of projects) {
+        if (project.projectType !== 'application') {
+            continue;
+        }
+        for (const target of Object.values(project.targets ?? {})) {
+            if (target.executor === '@nguniversal/builders:ssr-dev-server') {
+                target.executor = '@angular-devkit/build-angular:ssr-dev-server';
+            }
+            else if (target.executor === '@nguniversal/builders:prerender') {
+                target.executor = '@angular-devkit/build-angular:prerender';
+                updatePrerenderOptions(target);
+            }
+        }
+        (0, devkit_1.updateProjectConfiguration)(tree, project.name, project);
+    }
+    // update options from nx.json target defaults
+    const nxJson = (0, devkit_1.readNxJson)(tree);
+    if (!nxJson.targetDefaults) {
+        return;
+    }
+    for (const [targetOrExecutor, targetConfig] of Object.entries(nxJson.targetDefaults)) {
+        if (targetOrExecutor === '@nguniversal/builders:ssr-dev-server') {
+            nxJson.targetDefaults['@angular-devkit/build-angular:ssr-dev-server'] =
+                targetConfig;
+            delete nxJson.targetDefaults['@nguniversal/builders:ssr-dev-server'];
+        }
+        else if (targetOrExecutor === '@nguniversal/builders:prerender') {
+            nxJson.targetDefaults['@angular-devkit/build-angular:prerender'] =
+                targetConfig;
+            delete nxJson.targetDefaults['@nguniversal/builders:prerender'];
+            updatePrerenderOptions(targetConfig);
+        }
+        else if (targetConfig.executor === '@nguniversal/builders:ssr-dev-server') {
+            targetConfig.executor = '@angular-devkit/build-angular:ssr-dev-server';
+        }
+        else if (targetConfig.executor === '@nguniversal/builders:prerender') {
+            targetConfig.executor = '@angular-devkit/build-angular:prerender';
+            updatePrerenderOptions(targetConfig);
+        }
+    }
+    (0, devkit_1.updateNxJson)(tree, nxJson);
+    // remove @nguniversal/builders from package.json
+    (0, devkit_1.removeDependenciesFromPackageJson)(tree, ['@nguniversal/builders'], ['@nguniversal/builders']);
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = default_1;
+function* allTargetOptions(target) {
+    if (target.options) {
+        yield [undefined, target.options];
+    }
+    if (!target.configurations) {
+        return;
+    }
+    for (const [name, options] of Object.entries(target.configurations)) {
+        if (options !== undefined) {
+            yield [name, options];
+        }
+    }
+}
+function updatePrerenderOptions(config) {
+    for (const [, options] of allTargetOptions(config)) {
+        if (options.guessRoutes !== undefined) {
+            options.discoverRoutes = options.guessRoutes;
+            delete options.guessRoutes;
+        }
+        if (options.numProcesses !== undefined) {
+            delete options.numProcesses;
+        }
+    }
+}

package/src/migrations/update-17-1-0/replace-nguniversal-engines.d.ts

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

package/src/migrations/update-17-1-0/replace-nguniversal-engines.js

@@ -0,0 +1,183 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+const version_utils_1 = require("../../generators/utils/version-utils");
+const targets_1 = require("../../utils/targets");
+const projects_1 = require("../utils/projects");
+const UNIVERSAL_PACKAGES = [
+    '@nguniversal/common',
+    '@nguniversal/express-engine',
+];
+/**
+ * Regexp to match Universal packages.
+ * @nguniversal/common/engine
+ * @nguniversal/common
+ * @nguniversal/express-engine
+ **/
+const NGUNIVERSAL_PACKAGE_REGEXP = /@nguniversal\/(common(\/engine)?|express-engine)/g;
+const serverExecutors = [
+    '@angular-devkit/build-angular:server',
+    '@nx/angular:webpack-server',
+];
+async function default_1(tree) {
+    const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
+    if (!UNIVERSAL_PACKAGES.some((pkg) => packageJson.dependencies?.[pkg] || packageJson.devDependencies?.[pkg])) {
+        return;
+    }
+    const projects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+        'npm:@nguniversal/common',
+        'npm:@nguniversal/express-engine',
+    ]);
+    for (const { project } of projects) {
+        if (project.projectType !== 'application') {
+            continue;
+        }
+        const serverMainFiles = new Map();
+        for (const target of Object.values(project.targets ?? {})) {
+            if (!serverExecutors.includes(target.executor)) {
+                continue;
+            }
+            const outputPath = project.targets.build?.options?.outputPath;
+            for (const [, { main }] of (0, targets_1.allTargetOptions)(target)) {
+                if (typeof main === 'string' &&
+                    typeof outputPath === 'string' &&
+                    tree.read(main, 'utf-8').includes('ngExpressEngine')) {
+                    serverMainFiles.set(main, outputPath);
+                }
+            }
+        }
+        // Replace all import specifiers in all files.
+        let hasExpressTokens = false;
+        const root = project.sourceRoot ?? `${project.root}/src`;
+        const tokensFilePath = `${root}/express.tokens.ts`;
+        (0, devkit_1.visitNotIgnoredFiles)(tree, root, (path) => {
+            if (!path.endsWith('.ts') || path.endsWith('.d.ts')) {
+                return;
+            }
+            let content = tree.read(path, 'utf8');
+            if (!content.includes('@nguniversal/')) {
+                return;
+            }
+            // Check if file is importing tokens
+            if (content.includes('@nguniversal/express-engine/tokens')) {
+                hasExpressTokens ||= true;
+                let tokensFileRelativePath = (0, devkit_1.normalizePath)((0, path_1.relative)((0, path_1.dirname)(path), tokensFilePath));
+                if (tokensFileRelativePath.charAt(0) !== '.') {
+                    tokensFileRelativePath = './' + tokensFileRelativePath;
+                }
+                content = content.replaceAll('@nguniversal/express-engine/tokens', tokensFileRelativePath.slice(0, -3));
+            }
+            content = content.replaceAll(NGUNIVERSAL_PACKAGE_REGEXP, '@angular/ssr');
+            tree.write(path, content);
+        });
+        // Replace server file and add tokens file if needed
+        for (const [path, outputPath] of serverMainFiles.entries()) {
+            tree.rename(path, path + '.bak');
+            tree.write(path, getServerFileContents(outputPath, hasExpressTokens));
+            if (hasExpressTokens) {
+                tree.write(tokensFilePath, TOKENS_FILE_CONTENT);
+            }
+        }
+    }
+    // Remove universal packages from deps
+    for (const name of UNIVERSAL_PACKAGES) {
+        (0, devkit_1.removeDependenciesFromPackageJson)(tree, [name], [name]);
+    }
+    const pkgVersions = (0, version_utils_1.versions)(tree);
+    (0, devkit_1.addDependenciesToPackageJson)(tree, {
+        '@angular/ssr': (0, version_utils_1.getInstalledPackageVersionInfo)(tree, '@angular-devkit/build-angular')
+            ?.version ?? pkgVersions.angularDevkitVersion,
+    }, {});
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = default_1;
+const TOKENS_FILE_CONTENT = `
+import { InjectionToken } from '@angular/core';
+import { Request, Response } from 'express';
+
+export const REQUEST = new InjectionToken<Request>('REQUEST');
+export const RESPONSE = new InjectionToken<Response>('RESPONSE');
+`;
+function getServerFileContents(outputPath, hasExpressTokens) {
+    return (`
+import 'zone.js/node';
+
+import { APP_BASE_HREF } from '@angular/common';
+import { CommonEngine } from '@angular/ssr';
+import * as express from 'express';
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
+import bootstrap from './src/main.server';` +
+        (hasExpressTokens
+            ? `\nimport { REQUEST, RESPONSE } from './src/express.tokens';`
+            : '') +
+        `
+
+// The Express app is exported so that it can be used by serverless Functions.
+export function app(): express.Express {
+  const server = express();
+  const distFolder = join(process.cwd(), '${outputPath}');
+  const indexHtml = existsSync(join(distFolder, 'index.original.html'))
+    ? join(distFolder, 'index.original.html')
+    : join(distFolder, 'index.html');
+
+  const commonEngine = new CommonEngine();
+
+  server.set('view engine', 'html');
+  server.set('views', distFolder);
+
+  // Example Express Rest API endpoints
+  // server.get('/api/**', (req, res) => { });
+  // Serve static files from /browser
+  server.get('*.*', express.static(distFolder, {
+    maxAge: '1y'
+  }));
+
+  // All regular routes use the Angular engine
+  server.get('*', (req, res, next) => {
+    const { protocol, originalUrl, baseUrl, headers } = req;
+
+    commonEngine
+      .render({
+        bootstrap,
+        documentFilePath: indexHtml,
+        url: \`\${protocol}://\${headers.host}\${originalUrl}\`,
+        publicPath: distFolder,
+        providers: [
+          { provide: APP_BASE_HREF, useValue: baseUrl },` +
+        (hasExpressTokens
+            ? '\n          { provide: RESPONSE, useValue: res },\n          { provide: REQUEST, useValue: req }\n'
+            : '') +
+        `],
+      })
+      .then((html) => res.send(html))
+      .catch((err) => next(err));
+  });
+
+  return server;
+}
+
+function run(): void {
+  const port = process.env['PORT'] || 4000;
+
+  // Start up the Node server
+  const server = app();
+  server.listen(port, () => {
+    console.log(\`Node Express server listening on http://localhost:\${port}\`);
+  });
+}
+
+// Webpack will replace 'require' with '__webpack_require__'
+// '__non_webpack_require__' is a proxy to Node 'require'
+// The below code is to ensure that the server is run only when not requiring the bundle.
+declare const __non_webpack_require__: NodeRequire;
+const mainModule = __non_webpack_require__.main;
+const moduleFilename = mainModule && mainModule.filename || '';
+if (moduleFilename === __filename || moduleFilename.includes('iisnode')) {
+  run();
+}
+
+export default bootstrap;
+`);
+}

package/src/migrations/update-17-1-0/update-angular-cli.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+export declare const angularCliVersion = "~17.0.0";
+export default function (tree: Tree): Promise<void>;

package/src/migrations/update-17-1-0/update-angular-cli.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.angularCliVersion = void 0;
+const devkit_1 = require("@nx/devkit");
+exports.angularCliVersion = '~17.0.0';
+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'] = exports.angularCliVersion;
+            shouldFormat = true;
+        }
+        else if (json.dependencies?.['@angular/cli']) {
+            json.dependencies['@angular/cli'] = exports.angularCliVersion;
+            shouldFormat = true;
+        }
+        return json;
+    });
+    if (shouldFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+}
+exports.default = default_1;

package/src/migrations/update-17-1-0/update-zone-js-deep-import.d.ts

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

package/src/migrations/update-17-1-0/update-zone-js-deep-import.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const projects_1 = require("../utils/projects");
+async function default_1(tree) {
+    const angularProjects = await (0, projects_1.getProjectsFilteredByDependencies)(tree, [
+        'npm:@angular/core',
+    ]);
+    if (!angularProjects.length) {
+        return;
+    }
+    const zoneJsImportRegex = /(['"`])zone\.js\/dist\/zone(['"`])/g;
+    const zoneJsTestingImportRegex = /(['"`])zone\.js\/dist\/zone-testing(['"`])/g;
+    for (const { project } of angularProjects) {
+        (0, devkit_1.visitNotIgnoredFiles)(tree, project.root, (file) => {
+            // we are only interested in .ts files
+            if (!file.endsWith('.ts')) {
+                return;
+            }
+            let content = tree.read(file, 'utf-8');
+            let wasUpdated = false;
+            if (zoneJsImportRegex.test(content)) {
+                content = content.replace(zoneJsImportRegex, '$1zone.js$2');
+                wasUpdated = true;
+            }
+            if (zoneJsTestingImportRegex.test(content)) {
+                content = content.replace(zoneJsTestingImportRegex, '$1zone.js/testing$2');
+                wasUpdated = true;
+            }
+            if (wasUpdated) {
+                tree.write(file, content);
+            }
+        });
+    }
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.default = default_1;

package/src/migrations/update-17-2-0/rename-webpack-dev-server.d.ts

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