chore(deps): upgrade Angular to 22.1 and Nx to 23.2 (#1603)

* chore(deps): upgrade Angular to 22.1 and Nx to 23.2

* fix(deps): complete Angular migrations after rebasing on master

* fix(ci): use the Node pin for Windows runtime refresh

* docs(deps): synchronize the workspace-shell Node requirements

apps/remote-control-web/src/app/app.config.ts

@@ -4,7 +4,7 @@ import {
     provideBrowserGlobalErrorListeners,
     provideZoneChangeDetection,
 } from '@angular/core';
-import { provideHttpClient } from '@angular/common/http';
+import { provideHttpClient, withXhr } from '@angular/common/http';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { HttpClient } from '@angular/common/http';
@@ -17,7 +17,7 @@ export const appConfig: ApplicationConfig = {
     providers: [
         provideBrowserGlobalErrorListeners(),
         provideZoneChangeDetection({ eventCoalescing: true }),
-        provideHttpClient(),
+        provideHttpClient(withXhr()),
         importProvidersFrom(
             TranslateModule.forRoot({
                 defaultLanguage: 'en',

apps/remote-control-web/src/app/app.ts

@@ -1,4 +1,9 @@
-import { Component, OnInit, inject } from '@angular/core';
+import {
+    Component,
+    OnInit,
+    inject,
+    ChangeDetectionStrategy,
+} from '@angular/core';
 import { RemoteControlComponent } from '@iptvnator/ui/remote-control';
 import { TranslateService } from '@ngx-translate/core';
 
@@ -6,6 +11,8 @@ import { TranslateService } from '@ngx-translate/core';
     imports: [RemoteControlComponent],
     selector: 'app-root',
     templateUrl: './app.html',
+    // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection -- Preserve pre-Angular 22 eager checking during the framework upgrade.
+    changeDetection: ChangeDetectionStrategy.Eager,
     styleUrl: './app.scss',
 })
 export class App implements OnInit {

apps/remote-control-web/src/test-setup.ts

@@ -1,6 +1,9 @@
-import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+// Keep Zone's fakeAsync helpers while preserving the Angular 21 test scheduler.
+import 'zone.js';
+import 'zone.js/testing';
+import { setupZonelessTestEnv } from 'jest-preset-angular/setup-env/zoneless';
 
-setupZoneTestEnv({
+setupZonelessTestEnv({
     errorOnUnknownElements: true,
     errorOnUnknownProperties: true,
 });

apps/remote-control-web/tsconfig.app.json

@@ -10,5 +10,13 @@
         "src/test-setup.ts",
         "src/**/*.test.ts",
         "src/**/*.spec.ts"
-    ]
+    ],
+    "angularCompilerOptions": {
+        "extendedDiagnostics": {
+            "checks": {
+                "nullishCoalescingNotNullable": "suppress",
+                "optionalChainNotNullable": "suppress"
+            }
+        }
+    }
 }

apps/remote-control-web/tsconfig.json

@@ -10,7 +10,8 @@
         "moduleResolution": "bundler",
         "isolatedModules": true,
         "emitDecoratorMetadata": false,
-        "module": "preserve"
+        "module": "preserve",
+        "ignoreDeprecations": "6.0"
     },
     "angularCompilerOptions": {
         "enableI18nLegacyMessageIdFormat": false,