build: update ts_library to produce ES2022 (angular#49332)

alan-agius4 · atscott · commit 262c989c81a4 · 2023-03-22T14:00:20.000-07:00
This commit patches `ts_library` to be able to produce `ES2022`. Also, updates the build tsconfig and sets `useDefineForClassFields` to `false` to keep the same behaviour of `ng_module`. PR Close angular#49332
diff --git a/packages/tsconfig-build.json b/packages/tsconfig-build.json
@@ -16,7 +16,9 @@
     "noFallthroughCasesInSwitch": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es2020",
+    "target": "es2022",
+    // Keep the below in sync with ng_module.bzl
+    "useDefineForClassFields": false,
     "lib": ["es2020", "dom"],
     "skipLibCheck": true,
     // don't auto-discover @types/node, it results in a ///<reference in the .d.ts output
diff --git a/tools/defaults.bzl b/tools/defaults.bzl
@@ -122,7 +122,7 @@ def ts_library(
     if not package_name:
         package_name = _default_module_name(testonly)
 
-    default_target = "es2020"
+    default_target = "es2022"
     default_module = "esnext"
 
     _ts_library(
@@ -132,7 +132,7 @@ def ts_library(
         deps = deps,
         devmode_target = default_target,
         devmode_module = default_module,
-        # For prodmode, the target is set to `ES2020`. `@bazel/typecript` sets `ES2015` by
+        # For prodmode, the target is set to `ES2022`. `@bazel/typecript` sets `ES2015` by
         # default. Note that this should be in sync with the `ng_module` tsconfig generation.
         # https://github.com/bazelbuild/rules_nodejs/blob/901df3868e3ceda177d3ed181205e8456a5592ea/third_party/github.com/bazelbuild/rules_typescript/internal/common/tsconfig.bzl#L195
         # https://github.com/bazelbuild/rules_nodejs/blob/9b36274dba34204625579463e3da054a9f42cb47/packages/typescript/internal/build_defs.bzl#L85.
diff --git a/tools/postinstall-patches.js b/tools/postinstall-patches.js
@@ -65,6 +65,10 @@ ls('node_modules/@types').filter(f => f.startsWith('babel__')).forEach(pkg => {
 sed('-i', 'private rootDirsRelative;', 'rootDirsRelative(fileName: string): string;',
     'node_modules/@bazel/concatjs/internal/tsc_wrapped/compiler_host.d.ts');
 
+// Add support for ES2022 in ts_library
+sed('-i', '"es2020", "esnext"', '"es2020", "es2022", "esnext"',
+    'node_modules/@bazel/concatjs/internal/build_defs.bzl');
+
 log('\n# patch: delete d.ts files referring to rxjs-compat');
 // more info in https://github.com/angular/angular/pull/33786
 rm('-rf', [
