ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

openvidu-components: Updated to Angular 14

pull/758/head
Carlos Santos 2022-11-02 16:03:07 +01:00
parent 5f73380afa
commit ec7e915ee1
8 changed files with 28862 additions and 31517 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
openvidu-components-angular/angular.json
View File

@ -102,11 +102,7 @@
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"tsconfig.app.json",
"tsconfig.spec.json",
"e2e/tsconfig.json"
],
"tsConfig": ["tsconfig.app.json", "tsconfig.spec.json", "e2e/tsconfig.json"],
"exclude": ["**/node_modules/**"]
}
},
@ -170,9 +166,7 @@
"tsConfig": "src/app/openvidu-webcomponent/tsconfig.openvidu-webcomponent.json",
"aot": true,
"assets": ["src/favicon.ico"],
"styles": [
"src/app/openvidu-webcomponent/openvidu-webcomponent.component.scss"
],
"styles": ["src/app/openvidu-webcomponent/openvidu-webcomponent.component.scss"],
"scripts": []
},
"configurations": {
@ -207,6 +201,5 @@
}
}
}
},
"defaultProject": "openvidu-components-testapp"
}
}

60088
openvidu-components-angular/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

155
openvidu-components-angular/package.json
View File

@ -1,80 +1,79 @@
{
"dependencies": {
"@angular/animations": "13.3.9",
"@angular/cdk": "13.3.9",
"@angular/common": "13.3.9",
"@angular/core": "13.3.9",
"@angular/flex-layout": "13.0.0-beta.38",
"@angular/forms": "13.3.9",
"@angular/material": "13.3.9",
"@angular/platform-browser": "13.3.9",
"@angular/platform-browser-dynamic": "13.3.9",
"@angular/router": "13.3.9",
"autolinker": "3.14.3",
"openvidu-browser": "file:openvidu-browser-2.23.0.tgz",
"openvidu-browser": "2.23.0",
"rxjs": "7.5.6",
"tslib": "2.3.1",
"zone.js": "0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "13.3.9",
"@angular/cli": "13.3.9",
"@angular/compiler": "13.3.9",
"@angular/compiler-cli": "13.3.9",
"@angular/elements": "13.3.9",
"@compodoc/compodoc": "^1.1.19",
"@types/chai": "4.3.0",
"@types/mocha": "9.1.0",
"@types/node": "16.11.6",
"@types/selenium-webdriver": "4.1.5",
"chai": "4.3.6",
"chromedriver": "106.0.1",
"codelyzer": "6.0.2",
"concat": "^1.0.3",
"cross-env": "^7.0.3",
"http-server": "14.1.1",
"jasmine-core": "3.10.1",
"jasmine-spec-reporter": "7.0.0",
"karma": "^6.3.9",
"karma-chrome-launcher": "3.1.1",
"karma-coverage": "^2.0.3",
"karma-coverage-istanbul-reporter": "3.0.3",
"karma-jasmine": "4.0.1",
"karma-jasmine-html-reporter": "1.7.0",
"karma-junit-reporter": "2.0.1",
"karma-mocha-reporter": "2.2.5",
"karma-notify-reporter": "1.3.0",
"mocha": "9.2.2",
"ng-packagr": "13.0.3",
"selenium-webdriver": "4.5.0",
"ts-node": "10.4.0",
"tslint": "6.1.3",
"typescript": "4.4.4",
"webpack-bundle-analyzer": "^4.5.0"
},
"name": "openvidu-components-testapp",
"private": true,
"scripts": {
"build": "ng build openvidu-components-testapp --configuration production",
"bundle-report": "ng build openvidu-webcomponent --stats-json --configuration production && webpack-bundle-analyzer dist/openvidu-webcomponent/stats.json",
"doc:build": "cd projects/openvidu-angular && npx compodoc -p ./doc/tsconfig.doc.json -c ./doc/.compodocrc.json",
"doc:clean-copy": "rm -rf ../../openvidu.io-docs/docs/api/openvidu-angular && cp -r ./docs/openvidu-angular/ ../../openvidu.io-docs/docs/api/openvidu-angular",
"doc:serve": "cd projects/openvidu-angular && npx compodoc -p ./doc/tsconfig.doc.json --watch --serve -c ./doc/.compodocrc.json",
"lib:build": "ng build openvidu-angular --configuration production && cd ./dist/openvidu-angular && npm pack",
"lib:copy": "cp dist/openvidu-angular/openvidu-angular-*.tgz ../../openvidu-tutorials/openvidu-call/openvidu-call-front",
"lib:e2e": "tsc --project ./e2e && npx mocha --recursive --timeout 30000 ./e2e/dist/angular.test.js",
"lib:e2e-ci": "cross-env LAUNCH_MODE=CI npm run lib:e2e",
"lib:serve": "ng build openvidu-angular --watch",
"lib:test": "ng test openvidu-angular --no-watch --code-coverage",
"lint": "ng lint",
"ng": "ng",
"start": "ng serve --ssl --configuration development",
"start-prod": "npx http-server ./dist/openvidu-components-testapp/ --port 4200",
"webcomponent:build": "./node_modules/@angular/cli/bin/ng.js build openvidu-webcomponent --configuration production && node ./openvidu-webcomponent-build.js",
"webcomponent:e2e": "tsc --project ./e2e && npx mocha --recursive --timeout 30000 ./e2e/dist/webcomponent.test.js",
"webcomponent:e2e-ci": "cross-env LAUNCH_MODE=CI npm run webcomponent:e2e",
"webcomponent:serve-testapp": "npx http-server ./e2e/webcomponent-app/"
},
"version": "2.23.1"
"dependencies": {
"@angular/animations": "14.2.8",
"@angular/cdk": "14.2.6",
"@angular/common": "14.2.8",
"@angular/core": "14.2.8",
"@angular/flex-layout": "14.0.0-beta.41",
"@angular/forms": "14.2.8",
"@angular/material": "14.2.6",
"@angular/platform-browser": "14.2.8",
"@angular/platform-browser-dynamic": "14.2.8",
"@angular/router": "14.2.8",
"autolinker": "4.0.0",
"openvidu-browser": "file:openvidu-browser-2.23.0.tgz",
"rxjs": "7.5.7",
"tslib": "2.3.1",
"zone.js": "0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "14.2.7",
"@angular/cli": "14.2.7",
"@angular/compiler": "14.2.8",
"@angular/compiler-cli": "14.2.8",
"@angular/elements": "14.2.8",
"@compodoc/compodoc": "^1.1.19",
"@types/chai": "4.3.0",
"@types/mocha": "9.1.0",
"@types/node": "16.11.6",
"@types/selenium-webdriver": "4.1.5",
"chai": "4.3.6",
"chromedriver": "106.0.1",
"codelyzer": "6.0.2",
"concat": "^1.0.3",
"cross-env": "^7.0.3",
"http-server": "14.1.1",
"jasmine-core": "3.10.1",
"jasmine-spec-reporter": "7.0.0",
"karma": "^6.3.9",
"karma-chrome-launcher": "3.1.1",
"karma-coverage": "^2.0.3",
"karma-coverage-istanbul-reporter": "3.0.3",
"karma-jasmine": "4.0.1",
"karma-jasmine-html-reporter": "1.7.0",
"karma-junit-reporter": "2.0.1",
"karma-mocha-reporter": "2.2.5",
"karma-notify-reporter": "1.3.0",
"mocha": "9.2.2",
"ng-packagr": "14.2.2",
"selenium-webdriver": "4.5.0",
"ts-node": "10.4.0",
"tslint": "6.1.3",
"typescript": "4.8.4",
"webpack-bundle-analyzer": "^4.5.0"
},
"name": "openvidu-components-testapp",
"private": true,
"scripts": {
"build": "ng build openvidu-components-testapp --configuration production",
"bundle-report": "ng build openvidu-webcomponent --stats-json --configuration production && webpack-bundle-analyzer dist/openvidu-webcomponent/stats.json",
"doc:build": "cd projects/openvidu-angular && npx compodoc -p ./doc/tsconfig.doc.json -c ./doc/.compodocrc.json",
"doc:clean-copy": "rm -rf ../../openvidu.io-docs/docs/api/openvidu-angular && cp -r ./docs/openvidu-angular/ ../../openvidu.io-docs/docs/api/openvidu-angular",
"doc:serve": "cd projects/openvidu-angular && npx compodoc -p ./doc/tsconfig.doc.json --watch --serve -c ./doc/.compodocrc.json",
"lib:build": "ng build openvidu-angular --configuration production && cd ./dist/openvidu-angular && npm pack",
"lib:copy": "cp dist/openvidu-angular/openvidu-angular-*.tgz ../../openvidu-tutorials/openvidu-call/openvidu-call-front",
"lib:e2e": "tsc --project ./e2e && npx mocha --recursive --timeout 30000 ./e2e/dist/angular.test.js",
"lib:e2e-ci": "cross-env LAUNCH_MODE=CI npm run lib:e2e",
"lib:serve": "ng build openvidu-angular --watch",
"lib:test": "ng test openvidu-angular --no-watch --code-coverage",
"lint": "ng lint",
"ng": "ng",
"start": "ng serve --ssl --configuration development",
"start-prod": "npx http-server ./dist/openvidu-components-testapp/ --port 4200",
"webcomponent:build": "./node_modules/@angular/cli/bin/ng.js build openvidu-webcomponent --configuration production && node ./openvidu-webcomponent-build.js",
"webcomponent:e2e": "tsc --project ./e2e && npx mocha --recursive --timeout 30000 ./e2e/dist/webcomponent.test.js",
"webcomponent:e2e-ci": "cross-env LAUNCH_MODE=CI npm run webcomponent:e2e",
"webcomponent:serve-testapp": "npx http-server ./e2e/webcomponent-app/"
},
"version": "2.23.1"
}

14
openvidu-components-angular/projects/openvidu-angular/package.json
View File

@ -2,13 +2,13 @@
"name": "openvidu-angular",
"version": "2.23.1",
"peerDependencies": {
"@angular/animations": "^13.0.0",
"@angular/common": "^13.0.0",
"@angular/core": "^13.0.0",
"@angular/material": "^13.0.0",
"@angular/forms": "^13.0.0",
"@angular/flex-layout": "^13.0.0-beta.36",
"autolinker": "^3.14.3",
"@angular/animations": "^14.0.0",
"@angular/common": "^14.0.0",
"@angular/core": "^14.0.0",
"@angular/material": "^14.0.0",
"@angular/forms": "^14.0.0",
"@angular/flex-layout": "^14.0.0-beta.40",
"autolinker": "^4.0.0",
"buffer": "^6.0.3",
"openvidu-browser": "2.23.0"
},

6
openvidu-components-angular/projects/openvidu-angular/src/lib/admin/login/login.component.ts
View File

@ -1,5 +1,5 @@
import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core';
import { FormControl, Validators, FormGroupDirective, NgForm } from '@angular/forms';
import { UntypedFormControl, Validators, FormGroupDirective, NgForm } from '@angular/forms';
import { ErrorStateMatcher } from '@angular/material/core';
import { Subscription } from 'rxjs';
import { ActionService } from '../../services/action/action.service';
@ -33,7 +33,7 @@ export class AdminLoginComponent implements OnInit {
/**
* @internal
*/
loginFormControl = new FormControl('', [Validators.required]);
loginFormControl = new UntypedFormControl('', [Validators.required]);
/**
* @internal
*/
@ -103,7 +103,7 @@ export class AdminLoginComponent implements OnInit {
* @internal
*/
export class FormErrorStateMatcher implements ErrorStateMatcher {
isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
isErrorState(control: UntypedFormControl | null, form: FormGroupDirective | NgForm | null): boolean {
const isSubmitted = form && form.submitted;
return !!(control && control.invalid && (control.dirty || control.touched || isSubmitted));
}

3
openvidu-components-angular/projects/openvidu-angular/src/lib/models/linkifier.model.ts
View File

@ -1,4 +1,4 @@
import { Autolinker, AutolinkerConfig, HashtagMatch } from 'autolinker';
import { Autolinker, AutolinkerConfig } from 'autolinker';
/**
* @internal
@ -6,7 +6,6 @@ import { Autolinker, AutolinkerConfig, HashtagMatch } from 'autolinker';
const AUTOLINKER_CFGS: AutolinkerConfig = {
urls: {
schemeMatches: true,
wwwMatches: true,
tldMatches: true
},
email: true,

99
openvidu-components-angular/projects/openvidu-angular/src/lib/openvidu-angular.module.ts
View File

@ -96,56 +96,55 @@ const privateComponents = [
];
@NgModule({
declarations: [
publicComponents,
privateComponents,
LinkifyPipe,
ParticipantStreamsPipe,
DurationFromSecondsPipe,
SearchByStringPropertyPipe,
ThumbnailFromUrlPipe,
StreamTypesEnabledPipe,
TranslatePipe,
CustomLayoutExtensionDirective,
],
imports: [
CommonModule,
HttpClientModule,
FormsModule,
ReactiveFormsModule,
RouterModule.forRoot([]),
AppMaterialModule,
OpenViduAngularDirectiveModule,
ApiDirectiveModule
],
providers: [
ActionService,
CdkOverlayContainer,
{ provide: OverlayContainer, useClass: CdkOverlayContainer },
CustomBreakPointsProvider,
ChatService,
PanelService,
DeviceService,
DocumentService,
LayoutService,
LoggerService,
PlatformService,
ParticipantService,
StorageService,
TokenService,
OpenViduService,
RecordingService
],
exports: [
publicComponents,
ParticipantStreamsPipe,
DurationFromSecondsPipe,
StreamTypesEnabledPipe,
CommonModule,
OpenViduAngularDirectiveModule,
ApiDirectiveModule
],
entryComponents: [DialogTemplateComponent, RecordingDialogComponent, DeleteDialogComponent]
declarations: [
publicComponents,
privateComponents,
LinkifyPipe,
ParticipantStreamsPipe,
DurationFromSecondsPipe,
SearchByStringPropertyPipe,
ThumbnailFromUrlPipe,
StreamTypesEnabledPipe,
TranslatePipe,
CustomLayoutExtensionDirective,
],
imports: [
CommonModule,
HttpClientModule,
FormsModule,
ReactiveFormsModule,
RouterModule.forRoot([]),
AppMaterialModule,
OpenViduAngularDirectiveModule,
ApiDirectiveModule
],
providers: [
ActionService,
CdkOverlayContainer,
{ provide: OverlayContainer, useClass: CdkOverlayContainer },
CustomBreakPointsProvider,
ChatService,
PanelService,
DeviceService,
DocumentService,
LayoutService,
LoggerService,
PlatformService,
ParticipantService,
StorageService,
TokenService,
OpenViduService,
RecordingService
],
exports: [
publicComponents,
ParticipantStreamsPipe,
DurationFromSecondsPipe,
StreamTypesEnabledPipe,
CommonModule,
OpenViduAngularDirectiveModule,
ApiDirectiveModule
]
})
export class OpenViduAngularModule {
static forRoot(config): ModuleWithProviders<OpenViduAngularModule> {

1
openvidu-components-angular/projects/openvidu-angular/tsconfig.lib.json
View File

@ -7,6 +7,7 @@
"declarationMap": true,
"inlineSources": true,
"resolveJsonModule": true,
"moduleResolution": "node",
"types": []
},
"exclude": [