build!: require Angular 22 and compile with TypeScript 6 (#3801)

Angular 22 removed ComponentFactoryResolver, which screen tracking used to read
a routed component's selector. reflectComponentType(component)?.selector
replaces it in both screen-tracking services, and ɵscreenViewEvent loses its
resolver parameter. That replacement and the new screen-tracking spec come
from #3741.

Angular 22 requires TypeScript 6, which defaults strict on, drops
downlevelIteration, deprecates baseUrl and moduleResolution node, and reports
unresolvable side-effect imports. The build script now compiles under strict.
The library keeps strict off for a separate migration. baseUrl goes, with
tsconfig-paths 4 resolving the path mappings for the node specs. src/test.ts
goes too: the Karma builder injects its own entry file and never ran it.

It also carries the two prefer-optional-chain rewrites from #3797, which
@typescript-eslint 8.71 requires. Both keep behavior.

BREAKING CHANGE: @angular/fire 22 requires Angular 22, TypeScript 6.0 and
Node 22.22.3, 24.15.0 or 26. Angular 21 applications stay on @angular/fire 21.

Fixes #3696
Refs #3737
Co-authored-by: Ethan Sarif-Kattan <ethaneus99@gmail.com>

Author: armando-navarro

.github/workflows/test.yml

@@ -30,7 +30,7 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
         with:
-          node-version: '20'
+          node-version: '>=22.22.3 <23'
           check-latest: false
       - name: Install deps
         run: npm ci
@@ -49,7 +49,7 @@ jobs:
     strategy:
       matrix:
         os: [ ubuntu-latest, macos-latest, windows-latest ]
-        node: ["20", "22", "24"]
+        node: [">=22.22.3 <23", ">=24.15.0 <25", "26"]
       fail-fast: false
     name: Test Node ${{ matrix.node }} (${{ matrix.os }})
     steps:
@@ -95,7 +95,7 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
         with:
-          node-version: 20
+          node-version: '>=22.22.3 <23'
           check-latest: false
       - name: Setup java
         uses: actions/setup-java@1bcf9fb12cf4aa7d266a90ae39939e61372fe520 # v5.4.0
@@ -118,7 +118,7 @@ jobs:
     strategy:
       matrix:
         os: [ ubuntu-latest, macos-latest, windows-latest ]
-        node: ["20"]
+        node: [">=22.22.3 <23"]
       fail-fast: false
     steps:
       - name: Checkout
@@ -182,7 +182,7 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
         with:
-          node-version: '20'
+          node-version: '>=22.22.3 <23'
           registry-url: 'https://wombat-dressing-room.appspot.com/'
           check-latest: false
       - name: 'Download Artifacts'

eslint.config.js

@@ -2,15 +2,15 @@ const tsParser = require('@typescript-eslint/parser');
 const js = require('@eslint/js');
 const globals = require('globals');
 const ts = require('@typescript-eslint/eslint-plugin');
-const ng = require('@angular-eslint/eslint-plugin');
+const angular = require('angular-eslint');
 const esImport = require('eslint-plugin-import');
 
 module.exports = [
   {
     files: ['**/*.ts'],
     plugins: {
       '@typescript-eslint': ts,
-      '@angular-eslint': ng,
+      '@angular-eslint': angular.tsPlugin,
       import: esImport,
     },
     languageOptions: {
@@ -26,7 +26,8 @@ module.exports = [
       ...js.configs.recommended.rules,
       ...ts.configs['recommended-requiring-type-checking'].rules,
       ...ts.configs['stylistic-type-checked'].rules,
-      ...ng.configs.recommended.rules,
+      // Merged across every tsRecommended entry, so an upstream split or reorder drops no rule.
+      ...Object.assign({}, ...angular.configs.tsRecommended.map(config => config.rules)),
       ...esImport.configs.errors.rules,
       // eslint/js rules
       'no-undef': 'off',