build: update to TypeScript 6

Updates the repo to the TypeScript 6 beta in order to catch any breakages ahead of the final release.

Author: crisbeto

MODULE.bazel

@@ -49,9 +49,9 @@ use_repo(yq, "yq_toolchains")
 rules_ts_ext = use_extension("@aspect_rules_ts//ts:extensions.bzl", "ext")
 rules_ts_ext.deps(
     name = "components_npm_typescript",
-    # Obtained by: curl --silent https://registry.npmjs.org/typescript/5.9.2 | jq -r '.dist.integrity'
-    ts_integrity = "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==",
-    ts_version = "5.9.2",
+    # Obtained by: curl --silent https://registry.npmjs.org/typescript/6.0.0-beta | jq -r '.dist.integrity'
+    ts_integrity = "sha512-CldZdztDpQRLM1HC6WDQjQkQN5Ub5zRau737a1diGh3lPmb9oRsaWHk1y5iqK0o7+1bNJ0oXfEGRkAogFZBL+Q==",
+    ts_version = "6.0.0-beta",
 )
 use_repo(rules_ts_ext, **{"npm_typescript": "components_npm_typescript"})
 

MODULE.bazel.lock

@@ -78,6 +78,6 @@
     "sass": "1.97.3",
     "shelljs": "^0.10.0",
     "ts-node": "10.9.2",
-    "typescript": "~5.9.2"
+    "typescript": "6.0.0-beta"
   }
 }

docs/package.json

@@ -145,15 +145,15 @@
     "tsickle": "0.46.3",
     "tslint": "^6.1.3",
     "tsutils": "^3.21.0",
-    "typescript": "5.9.2",
+    "typescript": "6.0.0-beta",
     "vrsource-tslint-rules": "6.0.0",
     "yaml": "^2.8.1",
     "yargs": "^18.0.0",
     "zx": "^8.0.0"
   },
   "pnpm": {
     "overrides": {
-      "typescript": "5.9.2"
+      "typescript": "6.0.0-beta"
     },
     "onlyBuiltDependencies": [],
     "packageExtensions": {

package.json

@@ -18,23 +18,23 @@ packages:
   - src/youtube-player
 
 catalog:
-  '@angular-devkit/build-angular': 21.2.0
-  '@angular-devkit/core': 21.2.0
-  '@angular-devkit/schematics': 21.2.0
-  '@angular/build': 21.2.0
-  '@angular/cli': 21.2.0
-  '@angular/common': 21.2.0
-  '@angular/compiler-cli': 21.2.0
-  '@angular/compiler': 21.2.0
-  '@angular/core': 21.2.0
-  '@angular/ssr': 21.2.0
-  '@angular/forms': 21.2.0
-  '@angular/localize': 21.2.0
-  '@angular/platform-browser': 21.2.0
-  '@angular/platform-browser-dynamic': 21.2.0
-  '@angular/platform-server': 21.2.0
-  '@angular/router': 21.2.0
-  '@schematics/angular': 21.2.0
+  '@angular-devkit/build-angular': 22.0.0-next.0
+  '@angular-devkit/core': 22.0.0-next.0
+  '@angular-devkit/schematics': 22.0.0-next.0
+  '@angular/build': 22.0.0-next.0
+  '@angular/cli': 22.0.0-next.0
+  '@angular/common': 22.0.0-next.0
+  '@angular/compiler-cli': 22.0.0-next.0
+  '@angular/compiler': 22.0.0-next.0
+  '@angular/core': 22.0.0-next.0
+  '@angular/ssr': 22.0.0-next.0
+  '@angular/forms': 22.0.0-next.0
+  '@angular/localize': 22.0.0-next.0
+  '@angular/platform-browser': 22.0.0-next.0
+  '@angular/platform-browser-dynamic': 22.0.0-next.0
+  '@angular/platform-server': 22.0.0-next.0
+  '@angular/router': 22.0.0-next.0
+  '@schematics/angular': 22.0.0-next.0
   'rxjs': ^6.6.7
 
 # The minimum age of a release to be considered for dependency installation.

pnpm-lock.yaml

@@ -16,6 +16,13 @@ import {getAppModulePath} from '@schematics/angular/utility/ng-ast-utils';
 import * as ts from 'typescript';
 import {getProjectMainFile} from './project-main-file';
 
+/**
+ * Temporary type until the CLI starts bundling TS6.
+ *
+ * TODO(crisbeto): clean this up eventually.
+ */
+export type AnyDuringTs6Migration = any;
+
 /** Reads file given path and returns TypeScript source file. */
 export function parseSourceFile(host: Tree, path: string): ts.SourceFile {
   const buffer = host.read(path);
@@ -55,7 +62,12 @@ export function addModuleImportToModule(
     throw new SchematicsException(`Module not found: ${modulePath}`);
   }
 
-  const changes = addImportToModule(moduleSource, modulePath, moduleName, src);
+  const changes = addImportToModule(
+    moduleSource as AnyDuringTs6Migration,
+    modulePath,
+    moduleName,
+    src,
+  );
   const recorder = host.beginUpdate(modulePath);
 
   changes.forEach(change => {

pnpm-workspace.yaml

@@ -36,6 +36,7 @@ import {dirname, join, resolve} from 'path';
 import * as ts from 'typescript';
 import {getProjectFromWorkspace} from './get-project';
 import {getDefaultComponentOptions, isStandaloneSchematic} from './schematic-options';
+import {AnyDuringTs6Migration} from './ast';
 
 /**
  * Build a default project path for generating.
@@ -83,7 +84,7 @@ function addDeclarationToNgModule(options: ComponentOptions): Rule {
     const classifiedName = strings.classify(`${options.name}Component`);
 
     const declarationChanges = addDeclarationToModule(
-      source,
+      source as AnyDuringTs6Migration,
       modulePath,
       classifiedName,
       relativePath,
@@ -103,7 +104,7 @@ function addDeclarationToNgModule(options: ComponentOptions): Rule {
 
       const exportRecorder = host.beginUpdate(modulePath);
       const exportChanges = addExportToModule(
-        source,
+        source as AnyDuringTs6Migration,
         modulePath,
         strings.classify(`${options.name}Component`),
         relativePath,

src/cdk/schematics/utils/ast.ts

@@ -3,6 +3,7 @@
 {
   "compilerOptions": {
     "outDir": "./dist/packages/all",
+    "rootDir": "./",
     "experimentalDecorators": true,
     "module": "esnext",
     "moduleResolution": "bundler",