build: update to Angular v20 (#2172)

Updates the repo to Angular v20 and Node 22.

Author: crisbeto

.aspect/rules/external_repository_action_cache/npm_translate_lock_LTE4Nzc1MDcwNjU=

@@ -2,7 +2,7 @@
 # Input hashes for repository rule npm_translate_lock(name = "npm", pnpm_lock = "//:pnpm-lock.yaml").
 # This file should be checked into version control along with the pnpm-lock.yaml file.
 .npmrc=974837034
-pnpm-lock.yaml=820490778
-yarn.lock=117553296
-package.json=-1545135950
+pnpm-lock.yaml=-1331107132
+yarn.lock=-1794001287
+package.json=-951386062
 pnpm-workspace.yaml=1711114604

.circleci/config.yml

@@ -9,7 +9,7 @@ jobs:
         type: enum
         enum: ['package.json', 'builds-repo']
     docker:
-      - image: cimg/node:18.19.1
+      - image: cimg/node:22.15.0
     environment:
       # TODO: Remove when pnpm is exclusively used.
       ASPECT_RULES_JS_FROZEN_PNPM_LOCK: '1'

WORKSPACE

@@ -68,7 +68,16 @@ load("@rules_nodejs//nodejs:repositories.bzl", "nodejs_register_toolchains")
 
 nodejs_register_toolchains(
     name = "nodejs",
-    node_version = "18.13.0",
+    node_repositories = {
+        "22.11.0-darwin_arm64": ("node-v22.11.0-darwin-arm64.tar.gz", "node-v22.11.0-darwin-arm64", "2e89afe6f4e3aa6c7e21c560d8a0453d84807e97850bbb819b998531a22bdfde"),
+        "22.11.0-darwin_amd64": ("node-v22.11.0-darwin-x64.tar.gz", "node-v22.11.0-darwin-x64", "668d30b9512137b5f5baeef6c1bb4c46efff9a761ba990a034fb6b28b9da2465"),
+        "22.11.0-linux_arm64": ("node-v22.11.0-linux-arm64.tar.xz", "node-v22.11.0-linux-arm64", "6031d04b98f59ff0f7cb98566f65b115ecd893d3b7870821171708cdbaf7ae6e"),
+        "22.11.0-linux_ppc64le": ("node-v22.11.0-linux-ppc64le.tar.xz", "node-v22.11.0-linux-ppc64le", "d1d49d7d611b104b6d616e18ac439479d8296aa20e3741432de0e85f4735a81e"),
+        "22.11.0-linux_s390x": ("node-v22.11.0-linux-s390x.tar.xz", "node-v22.11.0-linux-s390x", "f474ed77d6b13d66d07589aee1c2b9175be4c1b165483e608ac1674643064a99"),
+        "22.11.0-linux_amd64": ("node-v22.11.0-linux-x64.tar.xz", "node-v22.11.0-linux-x64", "83bf07dd343002a26211cf1fcd46a9d9534219aad42ee02847816940bf610a72"),
+        "22.11.0-windows_amd64": ("node-v22.11.0-win-x64.zip", "node-v22.11.0-win-x64", "905373a059aecaf7f48c1ce10ffbd5334457ca00f678747f19db5ea7d256c236"),
+    },
+    node_version = "22.11.0",
 )
 
 load("@aspect_rules_js//npm:npm_import.bzl", "npm_translate_lock")

client/src/tests/embedded_support_spec.ts

@@ -24,8 +24,7 @@ describe('embedded language support', () => {
 
     it('inside template', () => {
       test(
-          `const foo = {template: '<div>¦</div>'}`, isNotTypescriptOrSupportedDecoratorField,
-          true);
+          `const foo = {template: '<div>¦</div>'}`, isNotTypescriptOrSupportedDecoratorField, true);
     });
 
     it('just after templateUrl', () => {

package.json

@@ -2,7 +2,7 @@
   "name": "ng-template",
   "displayName": "Angular Language Service",
   "description": "Editor services for Angular templates",
-  "version": "19.2.4",
+  "version": "20.0.0",
   "publisher": "Angular",
   "icon": "angular.png",
   "license": "MIT",
@@ -269,8 +269,8 @@
     "test:legacy-syntaxes": "yarn compile:syntaxes-test && yarn build:syntaxes && jasmine dist/syntaxes/test/driver.js"
   },
   "dependencies": {
-    "@angular/language-service": "19.2.7",
-    "typescript": "5.8.1-rc",
+    "@angular/language-service": "^20.0.0-rc.0",
+    "typescript": "^5.8.1",
     "vscode-html-languageservice": "^4.2.5",
     "vscode-jsonrpc": "6.0.0",
     "vscode-languageclient": "7.0.0",
@@ -280,7 +280,7 @@
   },
   "devDependencies": {
     "@angular/dev-infra-private": "https://github.com/angular/dev-infra-private-builds.git#262cb3bb487e8dddb3c404f4f2c8b34a9a1f14c2",
-    "@angular/core": "^19.0.1",
+    "@angular/core": "^20.0.0-rc.0",
     "@bazel/bazelisk": "1.18.0",
     "@bazel/ibazel": "0.16.2",
     "@types/jasmine": "3.10.7",

pnpm-lock.yaml

@@ -822,10 +822,11 @@ export class Session {
       // buffer in the user's editor which has not been saved to disk.
       // See https://github.com/angular/vscode-ng-language-service/issues/632
       let result = this.projectService.openClientFile(filePath, text, scriptKind);
-      // If the first opened file is an HTML file and the project is a composite/solution-style project with references,
-      // TypeScript will _not_ open a project unless the file is explicitly included in the files/includes list.
-      // This is quite unlikely to be the case for HTML files. As a best-effort to fix this, we attempt to open
-      // a TS file with the same name. Most of the time, this is going to be the component file for the external template.
+      // If the first opened file is an HTML file and the project is a composite/solution-style
+      // project with references, TypeScript will _not_ open a project unless the file is explicitly
+      // included in the files/includes list. This is quite unlikely to be the case for HTML files.
+      // As a best-effort to fix this, we attempt to open a TS file with the same name. Most of the
+      // time, this is going to be the component file for the external template.
       // https://github.com/angular/vscode-ng-language-service/issues/2149
       if (result.configFileName === undefined && languageId === LanguageId.HTML) {
         const maybeComponentTsPath = filePath.replace(/\.html$/, '.ts');
@@ -1379,9 +1380,9 @@ function isExternalAngularCore(path: string): boolean {
 
 function isInternalAngularCore(path: string): boolean {
   // path in g3
-  return path.endsWith('angular2/rc/packages/core/index.d.ts') || 
-  // angular/angular repository direct sources
-  path.indexOf('angular/packages/core/src') !== -1;
+  return path.endsWith('angular2/rc/packages/core/index.d.ts') ||
+      // angular/angular repository direct sources
+      path.indexOf('angular/packages/core/src') !== -1;
 }
 
 function isTypeScriptFile(path: string): boolean {