Update openvidu-angular to Angular 15

openvidu-angular/.gitignore

@@ -32,6 +32,7 @@ speed-measure-plugin*.json
 .history/*
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage

openvidu-angular/angular.json

@@ -39,7 +39,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,
@@ -93,19 +92,6 @@
             "scripts": []
           }
         },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "tsconfig.app.json",
-              "tsconfig.spec.json",
-              "e2e/tsconfig.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
-        },
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
@@ -119,6 +105,6 @@
           }
         }
       }
-    }},
+    }
-  "defaultProject": "openvidu-angular"
+  }
 }

openvidu-angular/package.json

@@ -6,38 +6,38 @@
     "start": "ng serve"
   },
   "dependencies": {
-    "@angular/animations": "11.2.4",
+    "@angular/animations": "15.0.4",
-    "@angular/common": "11.2.4",
+    "@angular/common": "15.0.4",
-    "@angular/compiler": "11.2.4",
+    "@angular/compiler": "15.0.4",
-    "@angular/core": "11.2.4",
+    "@angular/core": "15.0.4",
-    "@angular/forms": "11.2.4",
+    "@angular/forms": "15.0.4",
-    "@angular/platform-browser": "11.2.4",
+    "@angular/platform-browser": "15.0.4",
-    "@angular/platform-browser-dynamic": "11.2.4",
+    "@angular/platform-browser-dynamic": "15.0.4",
-    "@angular/router": "11.2.4",
+    "@angular/router": "15.0.4",
     "openvidu-browser": "2.25.0",
-    "rxjs": "6.6.6",
+    "rxjs": "7.8.0",
-    "tslib": "2.1.0",
+    "tslib": "2.4.1",
-    "zone.js": "0.11.4"
+    "zone.js": "0.12.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.1102.3",
+    "@angular-devkit/build-angular": "15.0.4",
-    "@angular/cli": "11.2.3",
+    "@angular/cli": "15.0.4",
-    "@angular/compiler-cli": "11.2.4",
+    "@angular/compiler-cli": "15.0.4",
-    "@angular/language-service": "11.2.4",
+    "@angular/language-service": "15.0.4",
-    "@types/jasmine": "3.6.6",
+    "@types/jasmine": "4.3.1",
-    "@types/jasminewd2": "2.0.8",
+    "@types/jasminewd2": "2.0.10",
-    "@types/node": "14.14.32",
+    "@types/node": "18.11.18",
-    "codelyzer": "6.0.1",
+    "codelyzer": "^0.0.28",
-    "jasmine-core": "3.6.0",
+    "jasmine-core": "4.5.0",
-    "jasmine-spec-reporter": "6.0.0",
+    "jasmine-spec-reporter": "7.0.0",
-    "karma": "6.1.2",
+    "karma": "6.4.1",
-    "karma-chrome-launcher": "3.1.0",
+    "karma-chrome-launcher": "3.1.1",
     "karma-coverage-istanbul-reporter": "3.0.3",
-    "karma-jasmine": "4.0.1",
+    "karma-jasmine": "5.1.0",
-    "karma-jasmine-html-reporter": "1.5.4",
+    "karma-jasmine-html-reporter": "2.0.0",
     "protractor": "7.0.0",
-    "ts-node": "9.1.1",
+    "ts-node": "10.9.1",
-    "tslint": "6.1.0",
+    "tslint": "6.1.3",
-    "typescript": "4.1.5"
+    "typescript": "4.8.4"
   }
 }

openvidu-angular/src/polyfills.ts

@@ -18,16 +18,6 @@
  * BROWSER POLYFILLS
  */
 
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
 /**
  * By default, zone.js will patch all possible macroTask and DomEvents
  * user can disable parts of macroTask/DomEvents patch by setting following flags

openvidu-angular/src/test.ts

@@ -7,19 +7,10 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
-    keys(): string[];
-    <T>(id: string): T;
-  };
-};
-
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
+  platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+}
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

openvidu-angular/tsconfig.json

@@ -10,11 +10,12 @@
     "module": "es2020",
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2015",
+    "target": "ES2022",
     "lib": [
       "es2018",
       "dom"
-    ]
+    ],
+    "useDefineForClassFields": false
   },
   "angularCompilerOptions": {
     "fullTemplateTypeCheck": true,