Skip to content

Commit d11f1fc

Browse files
committed
Update openvidu-testapp dependencies
1 parent 260fd12 commit d11f1fc

29 files changed

Lines changed: 6804 additions & 12667 deletions

openvidu-components-angular/package-lock.json

Lines changed: 54 additions & 50 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

openvidu-testapp/angular.json

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,12 @@
1111
"prefix": "app",
1212
"architect": {
1313
"build": {
14-
"builder": "@angular-builders/custom-webpack:browser",
14+
"builder": "@angular/build:application",
1515
"options": {
16-
"customWebpackConfig": {
17-
"path": "./custom-webpack.config.js",
18-
"replaceDuplicatePlugins": true
19-
},
16+
"externalDependencies": ["node:crypto"],
2017
"outputPath": "dist/openvidu-testapp-livekit",
2118
"index": "src/index.html",
22-
"main": "src/main.ts",
19+
"browser": "src/main.ts",
2320
"polyfills": [
2421
"zone.js",
2522
"src/polyfills.ts"
@@ -61,7 +58,10 @@
6158
"defaultConfiguration": "production"
6259
},
6360
"serve": {
64-
"builder": "@angular-builders/custom-webpack:dev-server",
61+
"builder": "@angular/build:dev-server",
62+
"options": {
63+
"allowedHosts": ["all"]
64+
},
6565
"configurations": {
6666
"production": {
6767
"buildTarget": "openvidu-testapp-livekit:build:production"

openvidu-testapp/custom-webpack.config.js

Lines changed: 0 additions & 9 deletions
This file was deleted.

openvidu-testapp/package-lock.json

Lines changed: 6516 additions & 12301 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

openvidu-testapp/package.json

Lines changed: 29 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,58 @@
11
{
22
"name": "openvidu-testapp-livekit",
33
"version": "0.0.0",
4+
"overrides": {
5+
"livekit-client": {
6+
"@livekit/protocol": "$@livekit/protocol"
7+
}
8+
},
49
"scripts": {
510
"ng": "ng",
6-
"start": "ng serve --ssl --host 0.0.0.0 --disable-host-check",
7-
"start-insecure": "ng serve --host 0.0.0.0 --disable-host-check",
11+
"start": "ng serve --ssl --host 0.0.0.0",
12+
"start-insecure": "ng serve --host 0.0.0.0",
813
"build": "ng build",
914
"watch": "ng build --watch --configuration development",
1015
"test": "ng test"
1116
},
1217
"private": true,
1318
"dependencies": {
14-
"@angular/animations": "^20.3.3",
15-
"@angular/cdk": "^20.2.7",
16-
"@angular/common": "^20.3.3",
17-
"@angular/compiler": "^20.3.3",
18-
"@angular/core": "^20.3.3",
19-
"@angular/forms": "^20.3.3",
20-
"@angular/material": "^20.2.7",
21-
"@angular/platform-browser": "^20.3.3",
22-
"@angular/platform-browser-dynamic": "^20.3.3",
23-
"@angular/router": "^20.3.3",
24-
"@livekit/protocol": "^1.38.0",
25-
"@livekit/track-processors": "0.7.0",
19+
"@angular/animations": "^21.2.6",
20+
"@angular/cdk": "^21.2.4",
21+
"@angular/common": "^21.2.6",
22+
"@angular/compiler": "^21.2.6",
23+
"@angular/core": "^21.2.6",
24+
"@angular/forms": "^21.2.6",
25+
"@angular/material": "^21.2.4",
26+
"@angular/platform-browser": "^21.2.6",
27+
"@angular/router": "^21.2.6",
28+
"@livekit/protocol": "^1.45.1",
29+
"@livekit/track-processors": "^0.7.2",
2630
"buffer": "^6.0.3",
2731
"crypto-browserify": "^3.12.1",
2832
"json-stringify-safe": "5.0.1",
29-
"livekit-client": "^2.15.8",
30-
"livekit-server-sdk": "^2.14.0",
31-
"lodash": "^4.17.21",
33+
"livekit-client": "^2.18.0",
34+
"livekit-server-sdk": "^2.15.0",
3235
"rxjs": "~7.8.2",
3336
"stream-browserify": "^3.0.0",
3437
"tslib": "^2.8.1",
3538
"util": "^0.12.5",
36-
"zone.js": "~0.15.1"
39+
"zone.js": "~0.16.1"
3740
},
3841
"devDependencies": {
39-
"@angular-builders/custom-webpack": "^20.0.0",
40-
"@angular/build": "^20.3.4",
41-
"@angular/cli": "~20.3.4",
42-
"@angular/compiler-cli": "^20.3.3",
42+
"@angular/build": "^21.2.4",
43+
"@angular/cli": "~21.2.4",
44+
"@angular/compiler-cli": "^21.2.6",
4345
"@types/dom-mediacapture-transform": "^0.1.11",
4446
"@types/events": "^3.0.3",
45-
"@types/jasmine": "~5.1.8",
47+
"@types/jasmine": "~6.0.0",
4648
"@types/json-stringify-safe": "^5.0.3",
47-
"@types/lodash": "^4.17.18",
48-
"@types/node": "^24.7.0",
49-
"jasmine-core": "~5.12.0",
49+
"@types/node": "^25.5.0",
50+
"jasmine-core": "~6.1.0",
5051
"karma": "~6.4.4",
5152
"karma-chrome-launcher": "~3.2.0",
5253
"karma-coverage": "~2.2.1",
5354
"karma-jasmine": "~5.1.0",
54-
"karma-jasmine-html-reporter": "~2.1.0",
55-
"typescript": "5.9.3"
55+
"karma-jasmine-html-reporter": "~2.2.0",
56+
"typescript": "~5.9.3"
5657
}
5758
}

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

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,19 @@
11
import { Component } from '@angular/core';
2-
import { Router } from '@angular/router';
2+
import { FormsModule } from '@angular/forms';
3+
import { Router, RouterOutlet, RouterLink } from '@angular/router';
34
import { LogLevel, setLogLevel } from 'livekit-client';
45
import { LivekitParamsService } from './services/livekit-params.service';
6+
import { MatSidenavModule } from '@angular/material/sidenav';
7+
import { MatToolbarModule } from '@angular/material/toolbar';
8+
import { MatFormFieldModule } from '@angular/material/form-field';
9+
import { MatInputModule } from '@angular/material/input';
10+
import { MatButtonModule } from '@angular/material/button';
511

612
@Component({
713
selector: 'app-root',
814
templateUrl: './app.component.html',
9-
styleUrls: ['./app.component.css'],
10-
standalone: false
15+
styleUrl: './app.component.css',
16+
imports: [FormsModule, RouterOutlet, RouterLink, MatSidenavModule, MatToolbarModule, MatFormFieldModule, MatInputModule, MatButtonModule],
1117
})
1218
export class AppComponent {
1319
livekitUrl = 'ws://localhost:7880/'; // `${window.location.protocol === 'https:' ? 'wss' : 'ws'}://localhost:1880/`;

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

Lines changed: 0 additions & 101 deletions
This file was deleted.
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
1-
import { NgModule } from '@angular/core';
2-
import { RouterModule, Routes } from '@angular/router';
1+
import { Routes } from '@angular/router';
32

43
import { TestScenariosComponent } from './components/test-scenarios/test-scenarios.component';
54
import { TestSessionsComponent } from './components/test-sessions/test-sessions.component';
65

7-
const appRoutes: Routes = [
6+
export const routes: Routes = [
87
{
98
path: '',
109
redirectTo: '/test-sessions',
@@ -19,9 +18,3 @@ const appRoutes: Routes = [
1918
component: TestScenariosComponent,
2019
},
2120
];
22-
23-
@NgModule({
24-
imports: [RouterModule.forRoot(appRoutes, { useHash: true })],
25-
exports: [RouterModule],
26-
})
27-
export class AppRoutingModule {}

openvidu-testapp/src/app/components/audio-track/audio-track.component.ts

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,15 @@
11
import { Component } from '@angular/core';
2+
import { NgClass } from '@angular/common';
23
import { LocalTrack } from 'livekit-client';
4+
import { MatIconModule } from '@angular/material/icon';
5+
import { MatTooltipModule } from '@angular/material/tooltip';
36
import { TrackComponent } from '../track/track.component';
47

58
@Component({
69
selector: 'app-audio-track',
710
templateUrl: './audio-track.component.html',
8-
styleUrls: ['./audio-track.component.css'],
9-
standalone: false
11+
styleUrl: './audio-track.component.css',
12+
imports: [NgClass, MatIconModule, MatTooltipModule],
1013
})
1114
export class AudioTrackComponent extends TrackComponent {
1215
muteAudioIcon: string = 'mic';

openvidu-testapp/src/app/components/dialogs/events-dialog/events-dialog.component.ts

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
1-
import { Component, Inject } from '@angular/core';
2-
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
1+
import { Component, inject } from '@angular/core';
2+
import { SlicePipe } from '@angular/common';
3+
import { FormsModule } from '@angular/forms';
4+
import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
5+
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
6+
import { MatDividerModule } from '@angular/material/divider';
7+
import { MatButtonModule } from '@angular/material/button';
38

49

510
@Component({
@@ -46,7 +51,7 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
4651
'.col-50 {flex-basis: 50%; box-sizing: border-box; padding-left: 20px; }',
4752
'.toggle { }'
4853
],
49-
standalone: false
54+
imports: [SlicePipe, FormsModule, MatDialogModule, MatSlideToggleModule, MatDividerModule, MatButtonModule],
5055
})
5156
export class EventsDialogComponent {
5257

@@ -55,8 +60,10 @@ export class EventsDialogComponent {
5560
eventCollection: Map<string, boolean>;
5661
eventArray: string[];
5762

58-
constructor(public dialogRef: MatDialogRef<EventsDialogComponent>,
59-
@Inject(MAT_DIALOG_DATA) public data: any) {
63+
private dialogData = inject(MAT_DIALOG_DATA);
64+
65+
constructor(public dialogRef: MatDialogRef<EventsDialogComponent>) {
66+
const data = this.dialogData;
6067
this.target = data.target;
6168
this.eventCollection = data.eventCollection;
6269
this.eventArray = Array.from(this.eventCollection.keys());

0 commit comments

Comments
 (0)