neoris/openvidu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: Updated to Angular 19

Browse Source
This commit is contained in:
Carlos Santos 2025-10-03 13:41:46 +02:00
parent 893952c6c4
commit 4bd66fc53a
39 changed files with 21441 additions and 18715 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7022
frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

32
frontend/package.json
View File

@ -23,34 +23,34 @@
"format:code": "prettier --ignore-path ../gitignore . --write"
},
"dependencies": {
"@angular/animations": "18.2.5",
"@angular/cdk": "18.2.5",
"@angular/common": "18.2.5",
"@angular/compiler": "18.2.5",
"@angular/core": "18.2.5",
"@angular/forms": "18.2.5",
"@angular/material": "18.2.5",
"@angular/platform-browser": "18.2.5",
"@angular/platform-browser-dynamic": "18.2.5",
"@angular/router": "18.2.5",
"@angular/animations": "19.2.15",
"@angular/cdk": "19.2.19",
"@angular/common": "19.2.15",
"@angular/compiler": "19.2.15",
"@angular/core": "19.2.15",
"@angular/forms": "19.2.15",
"@angular/material": "19.2.19",
"@angular/platform-browser": "19.2.15",
"@angular/platform-browser-dynamic": "19.2.15",
"@angular/router": "19.2.15",
"core-js": "3.38.1",
"jwt-decode": "4.0.0",
"openvidu-components-angular": "3.4.0",
"rxjs": "7.8.1",
"tslib": "2.3.0",
"unique-names-generator": "4.7.1",
"zone.js": "0.14.10"
"zone.js": "0.15.1"
},
"devDependencies": {
"@angular-builders/custom-webpack": "18.0.0",
"@angular-devkit/build-angular": "18.2.6",
"@angular-devkit/build-angular": "19.2.17",
"@angular-eslint/builder": "18.3.1",
"@angular-eslint/eslint-plugin": "18.3.1",
"@angular-eslint/eslint-plugin-template": "18.3.1",
"@angular-eslint/schematics": "18.3.1",
"@angular-eslint/template-parser": "18.3.1",
"@angular/cli": "18.2.5",
"@angular/compiler-cli": "18.2.5",
"@angular/cli": "19.2.17",
"@angular/compiler-cli": "19.2.15",
"@types/chai": "4.3.19",
"@types/fluent-ffmpeg": "2.1.27",
"@types/jasmine": "5.1.7",
@ -75,11 +75,11 @@
"karma-jasmine": "5.1.0",
"karma-jasmine-html-reporter": "2.1.0",
"mocha": "10.7.3",
"ng-packagr": "18.2.1",
"ng-packagr": "19.2.2",
"prettier": "3.3.3",
"selenium-webdriver": "4.25.0",
"ts-node": "10.9.2",
"tslib": "2.6.3",
"typescript": "5.4.5"
"typescript": "5.8.3"
}
}

1
frontend/projects/shared-meet-components/src/lib/components/console-nav/console-nav.component.ts
View File

@ -12,7 +12,6 @@ import { AppDataService, ThemeService } from '@lib/services';
@Component({
selector: 'ov-console-nav',
standalone: true,
imports: [
CommonModule,
MatToolbarModule,

1
frontend/projects/shared-meet-components/src/lib/components/dialogs/basic-dialog/dialog.component.ts
View File

@ -14,7 +14,6 @@ import type { DialogOptions } from '@lib/models';
@Component({
selector: 'ov-dialog',
standalone: true,
imports: [
FormsModule,
MatButtonModule,

1
frontend/projects/shared-meet-components/src/lib/components/dialogs/delete-room-dialog/delete-room-dialog.component.ts
View File

@ -15,7 +15,6 @@ import { MeetRoomDeletionPolicyWithMeeting, MeetRoomDeletionPolicyWithRecordings
@Component({
selector: 'ov-delete-room-dialog',
standalone: true,
imports: [
FormsModule,
MatButtonModule,

1
frontend/projects/shared-meet-components/src/lib/components/dialogs/share-recording-dialog/share-recording-dialog.component.ts
View File

@ -19,7 +19,6 @@ import { RecordingService } from '@lib/services';
@Component({
selector: 'ov-share-recording-dialog',
standalone: true,
imports: [
FormsModule,
MatRadioModule,

1
frontend/projects/shared-meet-components/src/lib/components/logo-selector/logo-selector.component.ts
View File

@ -5,7 +5,6 @@ import { ProFeatureBadgeComponent } from '@lib/components';
@Component({
selector: 'ov-logo-selector',
standalone: true,
imports: [MatButtonModule, MatIconModule, ProFeatureBadgeComponent],
templateUrl: './logo-selector.component.html',
styleUrl: './logo-selector.component.scss'

1
frontend/projects/shared-meet-components/src/lib/components/pro-feature-badge/pro-feature-badge.component.ts
View File

@ -3,7 +3,6 @@ import { MatIconModule } from '@angular/material/icon';
@Component({
selector: 'ov-pro-feature-badge',
standalone: true,
imports: [MatIconModule],
templateUrl: './pro-feature-badge.component.html',
styleUrl: './pro-feature-badge.component.scss'

1
frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.ts
View File

@ -48,7 +48,6 @@ export interface RecordingTableAction {
@Component({
selector: 'ov-recording-lists',
standalone: true,
imports: [
CommonModule,
ReactiveFormsModule,

1
frontend/projects/shared-meet-components/src/lib/components/rooms-lists/rooms-lists.component.ts
View File

@ -68,7 +68,6 @@ export interface RoomTableAction {
@Component({
selector: 'ov-rooms-lists',
standalone: true,
imports: [
CommonModule,
ReactiveFormsModule,

1
frontend/projects/shared-meet-components/src/lib/components/selectable-card/selectable-card.component.ts
View File

@ -29,7 +29,6 @@ export interface SelectionEvent {
@Component({
selector: 'ov-selectable-card',
standalone: true,
imports: [CommonModule, MatIconModule, ProFeatureBadgeComponent],
templateUrl: './selectable-card.component.html',
styleUrl: './selectable-card.component.scss'

1
frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.ts
View File

@ -4,7 +4,6 @@ import { MatIconModule } from '@angular/material/icon';
@Component({
selector: 'ov-share-meeting-link',
standalone: true,
imports: [MatButtonModule, MatIconModule],
templateUrl: './share-meeting-link.component.html',
styleUrl: './share-meeting-link.component.scss'

1
frontend/projects/shared-meet-components/src/lib/components/spinner/spinner.component.ts
View File

@ -3,7 +3,6 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@Component({
selector: 'ov-spinner',
standalone: true,
imports: [MatProgressSpinnerModule],
template: `<mat-spinner></mat-spinner>`,
styleUrl: './spinner.component.scss'

1
frontend/projects/shared-meet-components/src/lib/components/step-indicator/step-indicator.component.ts
View File

@ -10,7 +10,6 @@ import { map } from 'rxjs/operators';
@Component({
selector: 'ov-step-indicator',
standalone: true,
imports: [CommonModule, MatStepperModule, ReactiveFormsModule],
templateUrl: './step-indicator.component.html',
styleUrl: './step-indicator.component.scss'

1
frontend/projects/shared-meet-components/src/lib/components/wizard-nav/wizard-nav.component.ts
View File

@ -5,7 +5,6 @@ import type { WizardNavigationConfig, WizardNavigationEvent } from '@lib/models'
@Component({
selector: 'ov-wizard-nav',
standalone: true,
imports: [MatButton, MatIcon],
templateUrl: './wizard-nav.component.html',
styleUrl: './wizard-nav.component.scss'

1
frontend/projects/shared-meet-components/src/lib/pages/console/about/about.component.ts
View File

@ -2,7 +2,6 @@ import { Component } from '@angular/core';
@Component({
selector: 'ov-about',
standalone: true,
imports: [],
templateUrl: './about.component.html',
styleUrl: './about.component.scss'

1
frontend/projects/shared-meet-components/src/lib/pages/console/config/config.component.ts
View File

@ -26,7 +26,6 @@ interface ThemeColors {
@Component({
selector: 'ov-config',
standalone: true,
imports: [
MatCardModule,
MatButtonModule,

1
frontend/projects/shared-meet-components/src/lib/pages/console/console.component.ts
View File

@ -5,7 +5,6 @@ import { AuthService } from '@lib/services';
@Component({
selector: 'ov-console',
standalone: true,
imports: [ConsoleNavComponent],
templateUrl: './console.component.html',
styleUrl: './console.component.scss'

1
frontend/projects/shared-meet-components/src/lib/pages/console/embedded/embedded.component.ts
View File

@ -14,7 +14,6 @@ import { MeetApiKey } from '@lib/typings/ce';
@Component({
selector: 'ov-embedded',
standalone: true,
imports: [
MatCardModule,
MatButtonModule,

1
frontend/projects/shared-meet-components/src/lib/pages/console/overview/overview.component.ts
View File

@ -18,7 +18,6 @@ interface OverviewStats {
@Component({
selector: 'ov-overview',
standalone: true,
imports: [CommonModule, MatCardModule, MatButtonModule, MatIconModule, MatGridListModule],
templateUrl: './overview.component.html',
styleUrl: './overview.component.scss'

1
frontend/projects/shared-meet-components/src/lib/pages/console/recordings/recordings.component.ts
View File

@ -9,7 +9,6 @@ import { ILogger, LoggerService } from 'openvidu-components-angular';
@Component({
selector: 'ov-recordings',
standalone: true,
imports: [RecordingListsComponent, MatIconModule, MatProgressSpinnerModule],
templateUrl: './recordings.component.html',
styleUrl: './recordings.component.scss'

1
frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-basic-creation/room-basic-creation.component.ts
View File

@ -11,7 +11,6 @@ import { Subject, takeUntil } from 'rxjs';
@Component({
selector: 'ov-room-basic-creation',
standalone: true,
imports: [
ReactiveFormsModule,
MatButtonModule,

1
frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/room-wizard.component.ts
View File

@ -18,7 +18,6 @@ import { RoomWizardRoomDetailsComponent } from './steps/room-details/room-detail
@Component({
selector: 'ov-room-wizard',
standalone: true,
imports: [
CommonModule,
StepIndicatorComponent,

1
frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/recording-config/recording-config.component.ts
View File

@ -19,7 +19,6 @@ interface RecordingAccessOption {
@Component({
selector: 'ov-recording-config',
standalone: true,
imports: [
CommonModule,
ReactiveFormsModule,

1
frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/recording-layout/recording-layout.component.ts
View File

@ -11,7 +11,6 @@ import { Subject, takeUntil } from 'rxjs';
@Component({
selector: 'ov-recording-layout',
standalone: true,
imports: [
CommonModule,
ReactiveFormsModule,

1
frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/recording-trigger/recording-trigger.component.ts
View File

@ -11,7 +11,6 @@ import { Subject, takeUntil } from 'rxjs';
@Component({
selector: 'ov-recording-trigger',
standalone: true,
imports: [
CommonModule,
ReactiveFormsModule,

1
frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/room-config/room-config.component.ts
View File

@ -8,7 +8,6 @@ import { Subject, takeUntil } from 'rxjs';
@Component({
selector: 'ov-room-config',
standalone: true,
imports: [ReactiveFormsModule, MatCardModule, MatIconModule, MatSlideToggleModule],
templateUrl: './room-config.component.html',
styleUrl: './room-config.component.scss'

1
frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/steps/room-details/room-details.component.ts
View File

@ -19,7 +19,6 @@ import { Subject, takeUntil } from 'rxjs';
@Component({
selector: 'ov-room-details',
standalone: true,
imports: [
ReactiveFormsModule,
MatButtonModule,

1
frontend/projects/shared-meet-components/src/lib/pages/console/rooms/rooms.component.ts
View File

@ -32,7 +32,6 @@ import { ILogger, LoggerService } from 'openvidu-components-angular';
@Component({
selector: 'ov-rooms',
standalone: true,
imports: [
MatListModule,
MatCardModule,

1
frontend/projects/shared-meet-components/src/lib/pages/console/users-permissions/users-permissions.component.ts
View File

@ -23,7 +23,6 @@ import { AuthMode } from '@lib/typings/ce';
@Component({
selector: 'ov-users-permissions',
standalone: true,
imports: [
MatCardModule,
MatButtonModule,

1
frontend/projects/shared-meet-components/src/lib/pages/error/error.component.ts
View File

@ -8,7 +8,6 @@ import { AppDataService, AuthService, NavigationService, WebComponentManagerServ
@Component({
selector: 'ov-error',
standalone: true,
imports: [MatCardModule, MatIconModule, MatButtonModule],
templateUrl: './error.component.html',
styleUrl: './error.component.scss'

1
frontend/projects/shared-meet-components/src/lib/pages/login/login.component.ts
View File

@ -12,7 +12,6 @@ import { AuthService, NavigationService } from '@lib/services';
@Component({
selector: 'ov-login',
standalone: true,
imports: [
MatFormFieldModule,
ReactiveFormsModule,

1
frontend/projects/shared-meet-components/src/lib/pages/meeting/end-meeting/end-meeting.component.ts
View File

@ -9,7 +9,6 @@ import { LeftEventReason } from '@lib/typings/ce';
@Component({
selector: 'ov-end-meeting',
standalone: true,
imports: [CommonModule, MatCardModule, MatButtonModule, MatIconModule],
templateUrl: './end-meeting.component.html',
styleUrl: './end-meeting.component.scss'

1
frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.ts
View File

@ -67,7 +67,6 @@ import { combineLatest, Subject, takeUntil } from 'rxjs';
selector: 'ov-meeting',
templateUrl: './meeting.component.html',
styleUrls: ['./meeting.component.scss'],
standalone: true,
imports: [
OpenViduComponentsUiModule,
// ApiDirectiveModule,

1
frontend/projects/shared-meet-components/src/lib/pages/room-recordings/room-recordings.component.ts
View File

@ -13,7 +13,6 @@ import { ILogger, LoggerService } from 'openvidu-components-angular';
selector: 'ov-room-recordings',
templateUrl: './room-recordings.component.html',
styleUrls: ['./room-recordings.component.scss'],
standalone: true,
imports: [MatToolbarModule, MatButtonModule, RecordingListsComponent, MatIconModule, MatProgressSpinnerModule]
})
export class RoomRecordingsComponent implements OnInit {

1
frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.ts
View File

@ -16,7 +16,6 @@ import { ViewportService } from 'openvidu-components-angular';
selector: 'ov-view-recording',
templateUrl: './view-recording.component.html',
styleUrls: ['./view-recording.component.scss'],
standalone: true,
imports: [
MatCardModule,
MatButtonModule,

1
frontend/src/app/app.component.ts
View File

@ -7,7 +7,6 @@ import packageInfo from '../../package.json';
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
standalone: true,
imports: [RouterOutlet]
})
export class AppComponent implements OnInit {

13
frontend/src/app/app.config.ts
View File

@ -1,6 +1,6 @@
import { STEPPER_GLOBAL_OPTIONS } from '@angular/cdk/stepper';
import { provideHttpClient, withInterceptors } from '@angular/common/http';
import { APP_INITIALIZER, ApplicationConfig, importProvidersFrom, provideZoneChangeDetection } from '@angular/core';
import { ApplicationConfig, importProvidersFrom, provideZoneChangeDetection, inject, provideAppInitializer } from '@angular/core';
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
import { provideRouter } from '@angular/router';
import { routes } from '@app/app.routes';
@ -17,13 +17,10 @@ const ovComponentsconfig: OpenViduComponentsConfig = {
export const appConfig: ApplicationConfig = {
providers: [
{
provide: APP_INITIALIZER,
// Ensure the theme is initialized before the app starts
useFactory: (themeService: ThemeService) => () => themeService.initializeTheme(),
deps: [ThemeService],
multi: true
},
provideAppInitializer(() => {
const initializerFn = ((themeService: ThemeService) => () => themeService.initializeTheme())(inject(ThemeService));
return initializerFn();
}),
importProvidersFrom(OpenViduComponentsModule.forRoot(ovComponentsconfig)),
provideZoneChangeDetection({ eventCoalescing: true }),
provideRouter(routes),

6
frontend/src/styles.scss
View File

@ -2,11 +2,13 @@
@use './assets/styles/openvidu-theme.scss';
@import './assets/styles/design-tokens';
@include mat.core();
@include mat.elevation-classes();
@include mat.app-background();
// Light theme by default
html {
@include mat.core-theme(openvidu-theme.$light-theme);
@include mat.elevation-classes();
@include mat.app-background();
@include mat.all-component-bases(openvidu-theme.$light-theme);
@include mat.all-component-colors(openvidu-theme.$light-theme);
@include mat.all-component-typographies(openvidu-theme.$light-theme);