openvidu-testapp: update to Angular 18

openvidu-testapp/angular.json

@@ -11,11 +11,12 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/openvidu-testapp-livekit",
+            "outputPath": {
+              "base": "dist/openvidu-testapp-livekit"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
             "polyfills": [
               "zone.js",
               "src/polyfills.ts"
@@ -29,7 +30,8 @@
               "src/openvidu-theme.scss",
               "src/styles.css"
             ],
-            "scripts": []
+            "scripts": [],
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -48,9 +50,7 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true

openvidu-testapp/package.json

@@ -11,16 +11,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^17.3.12",
+    "@angular/animations": "^18.2.13",
     "@angular/cdk": "^17.3.10",
-    "@angular/common": "^17.3.12",
+    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^17.3.12",
+    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^17.3.12",
+    "@angular/core": "^18.2.13",
-    "@angular/forms": "^17.3.12",
+    "@angular/forms": "^18.2.13",
     "@angular/material": "^17.3.10",
-    "@angular/platform-browser": "^17.3.12",
+    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^17.3.12",
+    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^17.3.12",
+    "@angular/router": "^18.2.13",
     "@livekit/protocol": "1.29.2",
     "buffer": "^6.0.3",
     "crypto-browserify": "^3.12.0",
@@ -35,9 +35,9 @@
     "zone.js": "~0.14.10"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.3.12",
+    "@angular-devkit/build-angular": "^18.2.14",
-    "@angular/cli": "~17.3.12",
+    "@angular/cli": "~18.2.14",
-    "@angular/compiler-cli": "^17.3.12",
+    "@angular/compiler-cli": "^18.2.13",
     "@types/events": "^3.0.2",
     "@types/jasmine": "~5.1.1",
     "@types/json-stringify-safe": "^5.0.2",

openvidu-testapp/src/app/app.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { HttpClientModule } from '@angular/common/http';
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { FormsModule } from '@angular/forms';
 
 import { AppComponent } from './app.component';
@@ -47,8 +47,7 @@ import { AppRoutingModule } from './app.routing';
 import { VideoResolutionComponent } from './components/dialogs/options-dialog/video-resolution/video-resolution.component';
 import { InfoDialogComponent } from './components/dialogs/info-dialog/info-dialog.component';
 
-@NgModule({
+@NgModule({ declarations: [
-  declarations: [
         AppComponent,
         TestScenariosComponent,
         TestSessionsComponent,
@@ -66,10 +65,8 @@ import { InfoDialogComponent } from './components/dialogs/info-dialog/info-dialo
         VideoResolutionComponent,
         InfoDialogComponent,
     ],
-  imports: [
+    bootstrap: [AppComponent], imports: [FormsModule,
-    FormsModule,
         BrowserModule,
-    HttpClientModule,
         AppRoutingModule,
         BrowserAnimationsModule,
         MatExpansionModule,
@@ -89,15 +86,12 @@ import { InfoDialogComponent } from './components/dialogs/info-dialog/info-dialo
         MatChipsModule,
         MatSlideToggleModule,
         MatBadgeModule,
-    MatProgressSpinnerModule,
+        MatProgressSpinnerModule], providers: [
-  ],
-  providers: [
         TestFeedService,
         {
             provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
             useValue: { appearance: 'outline', subscriptSizing: 'dynamic' },
         },
-  ],
+        provideHttpClient(withInterceptorsFromDi()),
-  bootstrap: [AppComponent],
+    ] })
-})
 export class AppModule {}

openvidu-testapp/tsconfig.json

@@ -2,10 +2,10 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
-    "allowSyntheticDefaultImports": true, // TODO: fix for https://github.com/livekit/client-sdk-js/issues/893
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
     "strict": true,
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
@@ -13,7 +13,6 @@
     "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,