openvidu-server dashboard: update dependencies

openvidu-server/src/dashboard/angular.json

@@ -15,7 +15,7 @@
             "index": "src/index.html",
             "main": "src/main.ts",
             "tsConfig": "src/tsconfig.app.json",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": ["src/polyfills.ts"],
             "assets": [
               "src/assets",
               "src/favicon.ico"
@@ -23,20 +23,20 @@
             "styles": [
               "src/styles.css"
             ],
-            "scripts": [],
+            "scripts": []
-            "vendorChunk": true,
-            "extractLicenses": false,
-            "buildOptimizer": false,
-            "sourceMap": true,
-            "optimization": false,
-            "namedChunks": true
           },
           "configurations": {
             "production": {
               "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "1.5MB",
+                  "maximumError": "2MB"
+                },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "6kb"
+                  "maximumWarning": "35kB",
+                  "maximumError": "50kB"
                 }
               ],
               "optimization": true,
@@ -44,17 +44,20 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
                   "with": "src/environments/environment.prod.ts"
                 }
               ]
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
             }
           },
-          "defaultConfiguration": ""
+          "defaultConfiguration": "development"
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
@@ -91,20 +94,6 @@
           }
         }
       }
-    },
-    "openvidu-server-frontend-e2e": {
-      "root": "",
-      "sourceRoot": "",
-      "projectType": "application",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "./protractor.conf.js",
-            "devServerTarget": "openvidu-server-frontend:serve"
-          }
-        }
-      }
     }
   },
   "schematics": {

openvidu-server/src/dashboard/karma.conf.js

@@ -9,36 +9,31 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
+      require('karma-coverage'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
-    files: [
+    jasmineHtmlReporter: {
-      
+      suppressAll: true // removes the duplicated traces
-    ],
-    preprocessors: {
-      
     },
-    mime: {
+    coverageReporter: {
-      'text/x-typescript': ['ts','tsx']
+      dir: require('path').join(__dirname, './coverage'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
     },
-    coverageIstanbulReporter: {
+    reporters: ['progress', 'kjhtml'],
-      dir: require('path').join(__dirname, 'coverage'), reports: [ 'html', 'lcovonly' ],
-      fixWebpackSourcePaths: true
-    },
-    angularCli: {
-      environment: 'dev'
-    },
-    reporters: config.angularCli && config.angularCli.codeCoverage
-              ? ['progress', 'coverage-istanbul']
-              : ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
     browsers: ['Chrome'],
-    singleRun: false
+    restartOnFileChange: true
   });
 };

openvidu-server/src/dashboard/package.json

@@ -1,41 +1,37 @@
 {
   "dependencies": {
-    "@angular/animations": "15.0.2",
+    "@angular/animations": "^19.0.0",
-    "@angular/cdk": "15.0.1",
+    "@angular/cdk": "^19.0.0",
-    "@angular/common": "15.0.2",
+    "@angular/common": "^19.0.0",
-    "@angular/compiler": "15.0.2",
+    "@angular/compiler": "^19.0.0",
-    "@angular/core": "15.0.2",
+    "@angular/core": "^19.0.0",
-    "@angular/forms": "15.0.2",
+    "@angular/forms": "^19.0.0",
-    "@angular/material": "15.0.1",
+    "@angular/material": "^19.0.0",
-    "@angular/platform-browser": "15.0.2",
+    "@angular/platform-browser": "^19.0.0",
-    "@angular/platform-browser-dynamic": "15.0.2",
+    "@angular/platform-browser-dynamic": "^19.0.0",
-    "@angular/router": "15.0.2",
+    "@angular/router": "^19.0.0",
-    "core-js": "3.26.1",
+    "core-js": "^3.39.0",
-    "jquery": "3.6.1",
+    "jquery": "^3.7.1",
-    "openvidu-browser": "2.31.0",
+    "openvidu-browser": "^2.31.0",
-    "rxjs": "7.5.7",
+    "rxjs": "^7.8.1",
-    "tslib": "2.4.1",
+    "tslib": "^2.8.1",
-    "zone.js": "0.12.0"
+    "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "15.0.2",
+    "@angular-devkit/build-angular": "^19.0.0",
-    "@angular/cli": "15.0.2",
+    "@angular/cli": "^19.0.0",
-    "@angular/compiler-cli": "15.0.2",
+    "@angular/compiler-cli": "^19.0.0",
-    "@angular/language-service": "15.0.2",
+    "@angular/language-service": "^19.0.0",
-    "@types/jasmine": "4.3.0",
+    "@types/jasmine": "~5.1.0",
-    "@types/node": "18.11.10",
+    "@types/node": "^22.9.3",
-    "codelyzer": "6.0.2",
+    "jasmine-core": "~5.4.0",
-    "jasmine-core": "4.5.0",
+    "karma": "~6.4.0",
-    "jasmine-spec-reporter": "7.0.0",
+    "karma-chrome-launcher": "~3.2.0",
-    "karma": "6.4.1",
+    "karma-coverage": "~2.2.0",
-    "karma-chrome-launcher": "3.1.1",
+    "karma-jasmine": "~5.1.0",
-    "karma-coverage-istanbul-reporter": "3.0.3",
+    "karma-jasmine-html-reporter": "~2.1.0",
-    "karma-jasmine": "5.1.0",
+    "ts-node": "^10.9.2",
-    "karma-jasmine-html-reporter": "2.0.0",
+    "typescript": "~5.6.3"
-    "protractor": "7.0.0",
-    "ts-node": "10.9.1",
-    "tslint": "6.1.3",
-    "typescript": "4.8.4"
   },
   "license": "Apache-2.0",
   "name": "frontend",
@@ -43,10 +39,8 @@
   "scripts": {
     "build": "./node_modules/.bin/ng build --base-href /dashboard/ --output-path ../main/resources/static/dashboard",
     "build-prod": "./node_modules/.bin/ng build --configuration production --base-href /dashboard/ --output-path ../main/resources/static/dashboard",
-    "e2e": "ng e2e",
     "lint": "ng lint",
     "ng": "ng",
-    "postinstall": "ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points",
     "start": "ng serve --host 0.0.0.0 --ssl",
     "test": "ng test"
   },

openvidu-server/src/dashboard/src/app/app.component.ts

@@ -3,7 +3,8 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.css'],
+  standalone: false
 })
 export class AppComponent {
 

openvidu-server/src/dashboard/src/app/components/dashboard/credentials-dialog.component.ts

@@ -46,6 +46,7 @@ import { MatDialogRef } from '@angular/material/dialog';
             float: right;
         }
     `],
+    standalone: false
 })
 export class CredentialsDialogComponent {
 

openvidu-server/src/dashboard/src/app/components/dashboard/dashboard.component.ts

@@ -12,6 +12,7 @@ import { CredentialsDialogComponent } from './credentials-dialog.component';
   selector: 'app-dashboard',
   templateUrl: './dashboard.component.html',
   styleUrls: ['./dashboard.component.css'],
+  standalone: false
 })
 export class DashboardComponent implements OnInit, OnDestroy {
 

openvidu-server/src/dashboard/src/app/components/layouts/layout-base/layout-base.component.ts

@@ -21,7 +21,8 @@ import { OpenViduLayout, OpenViduLayoutOptions } from '../openvidu-layout';
   selector: 'app-layout-base',
   templateUrl: './layout-base.component.html',
   styleUrls: ['./layout-base.component.css'],
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  standalone: false
 })
 export class LayoutBaseComponent implements OnInit, OnDestroy {
 

openvidu-server/src/dashboard/src/app/components/layouts/layout-best-fit/layout-best-fit.component.ts

@@ -5,7 +5,8 @@ import { LayoutBaseComponent } from '../layout-base/layout-base.component';
   selector: 'app-layout-best-fit',
   templateUrl: '../layout-base/layout-base.component.html',
   styleUrls: ['../layout-base/layout-base.component.css'],
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  standalone: false
 })
 export class LayoutBestFitComponent extends LayoutBaseComponent {
 

openvidu-server/src/dashboard/src/app/components/layouts/layout-horizontal-presentation/layout-horizontal-presentation.component.ts

@@ -5,7 +5,8 @@ import { LayoutBaseComponent } from '../layout-base/layout-base.component';
   selector: 'app-layout-horizontal-presentation',
   templateUrl: '../layout-base/layout-base.component.html',
   styleUrls: ['../layout-base/layout-base.component.css'],
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  standalone: false
 })
 export class LayoutHorizontalPresentationComponent extends LayoutBaseComponent implements OnInit {
 

openvidu-server/src/dashboard/src/app/components/layouts/layout-vertical-presentation/layout-vertical-presentation.component.ts

@@ -5,7 +5,8 @@ import { LayoutBaseComponent } from '../layout-base/layout-base.component';
   selector: 'app-layout-vertical-presentation',
   templateUrl: '../layout-base/layout-base.component.html',
   styleUrls: ['../layout-base/layout-base.component.css'],
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  standalone: false
 })
 export class LayoutVerticalPresentationComponent extends LayoutBaseComponent implements OnInit {
 

openvidu-server/src/dashboard/src/app/components/layouts/openvidu-layout.ts

@@ -1,4 +1,4 @@
-import * as $ from 'jquery';
+import $ from 'jquery';
 
 export interface OpenViduLayoutOptions {
     maxRatio: number;

openvidu-server/src/dashboard/src/app/components/layouts/ov-video.component.ts

@@ -3,7 +3,8 @@ import { Subscriber } from 'openvidu-browser';
 
 @Component({
     selector: 'app-ov-video',
-    template: '<video #videoElement></video>'
+    template: '<video #videoElement></video>',
+    standalone: false
 })
 export class OpenViduVideoComponent implements AfterViewInit {
 

openvidu-server/src/dashboard/src/app/components/session-details/session-details.component.ts

@@ -3,7 +3,8 @@ import { Component, OnInit } from '@angular/core';
 @Component({
   selector: 'app-session-details',
   templateUrl: './session-details.component.html',
-  styleUrls: ['./session-details.component.css']
+  styleUrls: ['./session-details.component.css'],
+  standalone: false
 })
 export class SessionDetailsComponent implements OnInit {
 

openvidu-server/src/dashboard/src/test.ts

@@ -1,11 +1,7 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/dist/long-stack-trace-zone';
+import 'zone.js';
-import 'zone.js/dist/proxy.js';
+import 'zone.js/testing';
-import 'zone.js/dist/sync-test';
-import 'zone.js/dist/jasmine-patch';
-import 'zone.js/dist/async-test';
-import 'zone.js/dist/fake-async-test';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,
@@ -21,9 +17,7 @@ __karma__.loaded = function () {};
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(), {
+  platformBrowserDynamicTesting()
-    teardown: { destroyAfterEach: false }
-}
 );
 // Finally, start Karma to run the tests.
 __karma__.start();

openvidu-server/src/dashboard/tsconfig.json

@@ -1,21 +1,31 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
-    "module": "es2020",
+    "module": "ES2022",
     "outDir": "./dist/out-tsc",
     "baseUrl": "src",
     "sourceMap": true,
     "declaration": false,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "experimentalDecorators": true,
     "target": "ES2022",
     "typeRoots": [
       "node_modules/@types"
     ],
     "lib": [
-      "es2016",
+      "ES2022",
       "dom"
     ],
-    "useDefineForClassFields": false
+    "useDefineForClassFields": false,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "strict": false
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": false,
+    "allowJs": false
   }
 }