ov-components: Refactored config service

openvidu-components-angular/projects/openvidu-components-angular/src/lib/admin/admin-dashboard/admin-dashboard.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, Output, EventEmitter, OnDestroy } from '@angular/cor
 import { Subscription } from 'rxjs';
 import { RecordingDeleteRequestedEvent, RecordingInfo, RecordingStatus } from '../../models/recording.model';
 import { ActionService } from '../../services/action/action.service';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 import { RecordingService } from '../../services/recording/recording.service';
 
 @Component({

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

@@ -2,7 +2,7 @@ import { Component, EventEmitter, OnInit, Output } from '@angular/core';
 import { Validators, FormGroup, FormBuilder } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { ActionService } from '../../services/action/action.service';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 
 @Component({
 	selector: 'ov-admin-login',

openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/layout/layout.component.ts

@@ -18,7 +18,7 @@ import { LayoutService } from '../../services/layout/layout.service';
 import { ParticipantService } from '../../services/participant/participant.service';
 import { CdkDrag } from '@angular/cdk/drag-drop';
 import { PanelService } from '../../services/panel/panel.service';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { GlobalConfigService } from '../../services/config/global-config.service';
 
 /**
  *
@@ -86,7 +86,7 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 		private layoutService: LayoutService,
 		private panelService: PanelService,
 		private participantService: ParticipantService,
-		private libService: OpenViduComponentsConfigService,
+		private globalService: GlobalConfigService,
 		private cd: ChangeDetectorRef
 	) {}
 
@@ -207,7 +207,7 @@ export class LayoutComponent implements OnInit, OnDestroy, AfterViewInit {
 		};
 		this.cdkSubscription = this.cdkDrag.released.subscribe(handler);
 
-		if (this.libService.getConfig().production) return;
+		if (this.globalService.isProduction()) return;
 		// Just for allow E2E testing with drag and drop
 		document.addEventListener('webcomponentTestingEndedDragAndDropEvent', handler);
 		document.addEventListener('webcomponentTestingEndedDragAndDropRightEvent', (event: any) => {

openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/activities-panel.component.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, OnInit, Output } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { PanelStatusInfo, PanelType } from '../../../models/panel.model';
-import { OpenViduComponentsConfigService } from '../../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../../services/config/directive-config.service';
 import { PanelService } from '../../../services/panel/panel.service';
 import {
 	RecordingDeleteRequestedEvent,

openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts

@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, In
 import { Subscription } from 'rxjs';
 import { ParticipantPanelItemElementsDirective } from '../../../../directives/template/openvidu-components-angular.directive';
 import { ParticipantModel } from '../../../../models/participant.model';
-import { OpenViduComponentsConfigService } from '../../../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../../../services/config/directive-config.service';
 import { ParticipantService } from '../../../../services/participant/participant.service';
 
 /**

openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/settings-panel/settings-panel.component.ts

@@ -1,7 +1,7 @@
 import { Component, EventEmitter, OnInit, Output } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { PanelStatusInfo, PanelSettingsOptions, PanelType } from '../../../models/panel.model';
-import { OpenViduComponentsConfigService } from '../../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../../services/config/directive-config.service';
 import { PanelService } from '../../../services/panel/panel.service';
 import { PlatformService } from '../../../services/platform/platform.service';
 import { CustomDevice } from '../../../models/device.model';

openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/pre-join/pre-join.component.ts

@@ -2,7 +2,7 @@ import { ChangeDetectorRef, Component, EventEmitter, HostListener, Input, OnDest
 import { Subscription } from 'rxjs';
 import { ILogger } from '../../models/logger.model';
 import { CdkOverlayService } from '../../services/cdk-overlay/cdk-overlay.service';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 import { LayoutService } from '../../services/layout/layout.service';
 import { LoggerService } from '../../services/logger/logger.service';
 import { OpenViduService } from '../../services/openvidu/openvidu.service';

openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/session/session.component.ts

@@ -25,7 +25,7 @@ import { ActionService } from '../../services/action/action.service';
 import { BroadcastingService } from '../../services/broadcasting/broadcasting.service';
 // import { CaptionService } from '../../services/caption/caption.service';
 import { ChatService } from '../../services/chat/chat.service';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 import { LayoutService } from '../../services/layout/layout.service';
 import { LoggerService } from '../../services/logger/logger.service';
 import { OpenViduService } from '../../services/openvidu/openvidu.service';

openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.ts

@@ -2,7 +2,7 @@ import { Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from '@ang
 import { MatMenuPanel, MatMenuTrigger } from '@angular/material/menu';
 import { Subscription } from 'rxjs';
 import { CdkOverlayService } from '../../services/cdk-overlay/cdk-overlay.service';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 import { LayoutService } from '../../services/layout/layout.service';
 import { OpenViduService } from '../../services/openvidu/openvidu.service';
 import { ParticipantService } from '../../services/participant/participant.service';

openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar.component.ts

@@ -35,7 +35,7 @@ import {
 } from '../../models/recording.model';
 import { ActionService } from '../../services/action/action.service';
 import { BroadcastingService } from '../../services/broadcasting/broadcasting.service';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 import { DeviceService } from '../../services/device/device.service';
 import { LayoutService } from '../../services/layout/layout.service';
 import { LoggerService } from '../../services/logger/logger.service';

openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/videoconference/videoconference.component.ts

@@ -28,7 +28,7 @@ import {
 } from '../../directives/template/openvidu-components-angular.directive';
 import { ILogger } from '../../models/logger.model';
 import { ActionService } from '../../services/action/action.service';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 import { DeviceService } from '../../services/device/device.service';
 import { LoggerService } from '../../services/logger/logger.service';
 import { OpenViduService } from '../../services/openvidu/openvidu.service';

openvidu-components-angular/projects/openvidu-components-angular/src/lib/directives/api/activities-panel.directive.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, Directive, ElementRef, Input, OnDestroy } from '@angular/core';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 
 /**
  * The **recordingActivity** directive allows show/hide the recording activity in {@link ActivitiesPanelComponent}.

openvidu-components-angular/projects/openvidu-components-angular/src/lib/directives/api/admin.directive.ts

@@ -1,6 +1,6 @@
 import { Directive, AfterViewInit, OnDestroy, Input, ElementRef } from '@angular/core';
 import { RecordingInfo } from '../../models/recording.model';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 
 /**
  * The **recordingsList** directive allows show all recordings saved in your OpenVidu deployment in {@link AdminDashboardComponent}.

openvidu-components-angular/projects/openvidu-components-angular/src/lib/directives/api/participant-panel-item.directive.ts

@@ -1,5 +1,5 @@
 import { Directive, AfterViewInit, OnDestroy, Input, ElementRef } from '@angular/core';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 
 /**
  * The **muteButton** directive allows show/hide the muted button in participant panel item component.

openvidu-components-angular/projects/openvidu-components-angular/src/lib/directives/api/stream.directive.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, Directive, ElementRef, Input, OnDestroy } from '@angular/core';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 
 /**
  * The **displayParticipantName** directive allows show/hide the participants name in stream component.

openvidu-components-angular/projects/openvidu-components-angular/src/lib/directives/api/toolbar.directive.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, Directive, ElementRef, Input, OnDestroy } from '@angular/core';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 import { ToolbarAdditionalButtonsPosition } from '../../models/toolbar.model';
 
 /**

openvidu-components-angular/projects/openvidu-components-angular/src/lib/directives/api/videoconference.directive.ts

@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';
 import { CaptionsLangOption } from '../../models/caption.model';
 // import { CaptionService } from '../../services/caption/caption.service';
-import { OpenViduComponentsConfigService } from '../../services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from '../../services/config/directive-config.service';
 import { TranslateService } from '../../services/translate/translate.service';
 import { LangOption } from '../../models/lang.model';
 import { StorageService } from '../../services/storage/storage.service';

openvidu-components-angular/projects/openvidu-components-angular/src/lib/openvidu-components-angular.module.ts

@@ -25,7 +25,7 @@ import { CdkOverlayContainer } from './config/custom-cdk-overlay';
 import { OpenViduComponentsConfig } from './config/openvidu-components-angular.config';
 import { ActionService } from './services/action/action.service';
 import { ChatService } from './services/chat/chat.service';
-import { OpenViduComponentsConfigService } from './services/config/openvidu-components-angular.config.service';
+import { OpenViduComponentsConfigService } from './services/config/directive-config.service';
 import { DeviceService } from './services/device/device.service';
 import { DocumentService } from './services/document/document.service';
 import { LayoutService } from './services/layout/layout.service';
@@ -97,7 +97,7 @@ const privateComponents = [
 	VideoDevicesComponent,
 	AudioDevicesComponent,
 	ParticipantNameInputComponent,
-	LangSelectorComponent,
+	LangSelectorComponent
 	// CaptionsSettingComponent
 ];
 

openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/config/openvidu-components-angular.config.service.ts → openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/config/directive-config.service.ts

@@ -1,18 +1,13 @@
-import { Inject, Injectable } from '@angular/core';
+import { Injectable } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
-import { OpenViduComponentsConfig, ParticipantFactoryFunction } from '../../config/openvidu-components-angular.config';
 import { RecordingInfo } from '../../models/recording.model';
-import { DOCUMENT } from '@angular/common';
 import { ToolbarAdditionalButtonsPosition } from '../../models/toolbar.model';
 
-// import { version } from '../../../../package.json';
-
 /**
  * @internal
  */
 @Injectable()
 export class OpenViduComponentsConfigService {
-	private configuration: OpenViduComponentsConfig;
 	private token = <BehaviorSubject<string>>new BehaviorSubject('');
 	token$: Observable<string>;
 
@@ -92,13 +87,7 @@ export class OpenViduComponentsConfigService {
 	private adminLoginError = <BehaviorSubject<any>>new BehaviorSubject(null);
 	adminLoginError$: Observable<any>;
 
-	constructor(
-		@Inject('OPENVIDU_COMPONENTS_CONFIG') config: OpenViduComponentsConfig,
-		@Inject(DOCUMENT) private document: Document
-	) {
-		this.configuration = config;
-		console.log(this.configuration);
-		if (this.isProduction()) console.log('OpenVidu Angular Production Mode');
+	constructor() {
 		this.token$ = this.token.asObservable();
 		this.livekitUrl$ = this.livekitUrl.asObservable();
 		this.tokenError$ = this.tokenError.asObservable();
@@ -368,39 +357,6 @@ export class OpenViduComponentsConfigService {
 		return this.adminLoginError.getValue();
 	}
 
-	getConfig(): OpenViduComponentsConfig {
-		return this.configuration;
-	}
-	isProduction(): boolean {
-		return this.configuration?.production || false;
-	}
-
-	/**
-	 * Retrieves the base href of the application.
-	 *
-	 * @returns The base href of the application as a string.
-	 */
-	getBaseHref(): string {
-		const base = this.document.getElementsByTagName('base');
-		if (!base || base.length === 0) {
-			return '/';
-		}
-
-		const baseHref = base[0].href;
-		if (baseHref) {
-			return baseHref;
-		}
-		return '/';
-	}
-
-	hasParticipantFactory(): boolean {
-		return typeof this.getConfig().participantFactory === 'function';
-	}
-
-	getParticipantFactory(): ParticipantFactoryFunction {
-		return this.getConfig().participantFactory;
-	}
-
 	isRecordingEnabled(): boolean {
 		return this.recordingButton.getValue() && this.recordingActivity.getValue();
 	}

openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/config/global-config.service.ts

@@ -0,0 +1,52 @@
+import { DOCUMENT } from '@angular/common';
+import { Inject, Injectable} from '@angular/core';
+import { ParticipantFactoryFunction, OpenViduComponentsConfig } from '../../config/openvidu-components-angular.config';
+
+@Injectable({
+	providedIn: 'root'
+})
+export class GlobalConfigService {
+	private configuration: OpenViduComponentsConfig;
+
+	constructor(
+		@Inject('OPENVIDU_COMPONENTS_CONFIG') config: OpenViduComponentsConfig,
+		@Inject(DOCUMENT) private document: Document
+	) {
+		this.configuration = config;
+		console.log(this.configuration);
+		if (this.isProduction()) console.log('OpenVidu Angular Production Mode');
+	}
+
+	/**
+	 * Retrieves the base href of the application.
+	 *
+	 * @returns The base href of the application as a string.
+	 */
+	getBaseHref(): string {
+		const base = this.document.getElementsByTagName('base');
+		if (!base || base.length === 0) {
+			return '/';
+		}
+
+		const baseHref = base[0].href;
+		if (baseHref) {
+			return baseHref;
+		}
+		return '/';
+	}
+
+	hasParticipantFactory(): boolean {
+		return typeof this.getConfig().participantFactory === 'function';
+	}
+
+	getParticipantFactory(): ParticipantFactoryFunction {
+		return this.getConfig().participantFactory;
+	}
+
+	getConfig(): OpenViduComponentsConfig {
+		return this.configuration;
+	}
+	isProduction(): boolean {
+		return this.configuration?.production || false;
+	}
+}

openvidu-components-angular/projects/openvidu-components-angular/src/lib/services/logger/logger.service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { ILogService } from '../../models/logger.model';
 
-import { OpenViduComponentsConfigService } from '../config/openvidu-components-angular.config.service';
+import { GlobalConfigService } from '../config/global-config.service';
 
 /**
  * @internal
@@ -18,7 +18,7 @@ export class LoggerService implements ILogService {
 		['[', '] ERROR: ']
 	];
 
-	constructor(private openviduAngularConfigSrv: OpenViduComponentsConfigService) {
+	constructor(private globalService: GlobalConfigService) {
 	}
 
 	private getLoggerFns(prefix: string) {
@@ -31,7 +31,7 @@ export class LoggerService implements ILogService {
 	}
 
 	public get(prefix: string) {
-		const prodMode = this.openviduAngularConfigSrv.isProduction();
+		const prodMode = this.globalService.isProduction();
 		const loggerService = this;
 		return {
 			d: function(...args: any[]) {