@stream-io/video-client 1.35.1 → 1.36.1

package/src/coordinator/connection/client.ts

@@ -11,7 +11,6 @@ import {
   addConnectionEventListeners,
   generateUUIDv4,
   isErrorResponse,
-  isFunction,
   KnownCodes,
   removeConnectionEventListeners,
   retryInterval,
@@ -24,7 +23,6 @@ import {
   ClientEventListener,
   ConnectAPIResponse,
   ErrorFromResponse,
-  Logger,
   StreamClientOptions,
   StreamVideoEvent,
   TokenOrProvider,
@@ -38,7 +36,7 @@ import {
   CreateGuestResponse,
 } from '../../gen/coordinator';
 import { makeSafePromise, type SafePromise } from '../../helpers/promise';
-import { getLogLevel } from '../../logger';
+import { ScopedLogger, videoLoggerSystem } from '../../logger';
 
 export class StreamClient {
   _user?: UserWithId;
@@ -52,7 +50,7 @@ export class StreamClient {
   listeners: Partial<
     Record<AllClientEventTypes, ClientEventListener<any>[] | undefined>
   > = {};
-  logger: Logger;
+  logger: ScopedLogger;
 
   private locationHint: Promise<string> | undefined;
 
@@ -150,9 +148,7 @@ export class StreamClient {
 
     this.defaultWSTimeout = this.options.defaultWsTimeout ?? 15000;
 
-    this.logger = isFunction(inputOptions.logger)
-      ? inputOptions.logger
-      : () => null;
+    this.logger = videoLoggerSystem.getLogger('coordinator');
   }
 
   getAuthType = () => {
@@ -206,8 +202,7 @@ export class StreamClient {
      * If the user id remains the same we don't throw error
      */
     if (this.userID === user.id && this.connectUserTask) {
-      this.logger(
-        'warn',
+      this.logger.warn(
         'Consecutive calls to connectUser is detected, ideally you should only call this function once in your app.',
       );
       return this.connectUserTask;
@@ -220,8 +215,7 @@ export class StreamClient {
     }
 
     if ((this.secret || this.node) && !this.options.allowServerSideConnect) {
-      this.logger(
-        'warn',
+      this.logger.warn(
         'Please do not use connectUser server side. Use our @stream-io/node-sdk instead: https://getstream.io/video/docs/api/',
       );
     }
@@ -288,16 +282,14 @@ export class StreamClient {
 
     const wsPromise = this.wsPromiseSafe?.();
     if (this.wsConnection?.isConnecting && wsPromise) {
-      this.logger(
-        'info',
+      this.logger.info(
         'client:openConnection() - connection already in progress',
       );
       return await wsPromise;
     }
 
     if (this.wsConnection?.isHealthy && this._hasConnectionID()) {
-      this.logger(
-        'info',
+      this.logger.info(
         'client:openConnection() - openConnection called twice, healthy connection already exists',
       );
 
@@ -319,7 +311,7 @@ export class StreamClient {
    *                https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent
    */
   disconnectUser = async (timeout?: number) => {
-    this.logger('info', 'client:disconnect() - Disconnecting the client');
+    this.logger.info('client:disconnect() - Disconnecting the client');
 
     // remove the user specific fields
     delete this.user;
@@ -390,7 +382,7 @@ export class StreamClient {
       this.listeners[eventName] = [];
     }
 
-    this.logger('debug', `Adding listener for ${eventName} event`);
+    this.logger.debug(`Adding listener for ${eventName} event`);
     this.listeners[eventName]?.push(callback as ClientEventListener<any>);
     return () => {
       this.off(eventName, callback);
@@ -408,7 +400,7 @@ export class StreamClient {
       this.listeners[eventName] = [];
     }
 
-    this.logger('debug', `Removing listener for ${eventName} event`);
+    this.logger.debug(`Removing listener for ${eventName} event`);
     this.listeners[eventName] = this.listeners[eventName]?.filter(
       (value) => value !== callback,
     );
@@ -447,8 +439,8 @@ export class StreamClient {
       config?: AxiosRequestConfig & { maxBodyLength?: number };
     },
   ) => {
-    if (getLogLevel() !== 'trace') return;
-    this.logger('trace', `client: ${type} - Request - ${url}`, {
+    if (this.logger.getLogLevel() !== 'trace') return;
+    this.logger.trace(`client: ${type} - Request - ${url}`, {
       payload: data,
       config,
     });
@@ -459,9 +451,8 @@ export class StreamClient {
     url: string,
     response: AxiosResponse<T>,
   ) => {
-    if (getLogLevel() !== 'trace') return;
-    this.logger(
-      'trace',
+    if (this.logger.getLogLevel() !== 'trace') return;
+    this.logger.trace(
       `client:${type} - Response - url: ${url} > status ${response.status}`,
       {
         response,
@@ -529,14 +520,14 @@ export class StreamClient {
       this.consecutiveFailures += 1;
       const { response } = e;
       if (!response || !isErrorResponse(response)) {
-        this.logger('error', `client:${type} url: ${url}`, e);
+        this.logger.error(`client:${type} url: ${url}`, e);
         throw e as AxiosError<APIErrorResponse>;
       }
 
       const { data: responseData, status } = response;
       const isTokenExpired = responseData.code === KnownCodes.TOKEN_EXPIRED;
       if (isTokenExpired && !this.tokenManager.isStatic()) {
-        this.logger('warn', `client:${type}: url: ${url}`, response);
+        this.logger.warn(`client:${type}: url: ${url}`, response);
         if (this.consecutiveFailures > 1) {
           await sleep(retryInterval(this.consecutiveFailures));
         }
@@ -544,7 +535,7 @@ export class StreamClient {
         await this.tokenManager.loadToken();
         return await this.doAxiosRequest<T, D>(type, url, data, options);
       } else {
-        this.logger('error', `client:${type} url: ${url}`, response);
+        this.logger.error(`client:${type} url: ${url}`, response);
         throw new ErrorFromResponse<APIErrorResponse>({
           message: `Stream error code ${responseData.code}: ${responseData.message}`,
           code: responseData.code ?? null,
@@ -593,7 +584,7 @@ export class StreamClient {
   };
 
   dispatchEvent = (event: StreamVideoEvent) => {
-    this.logger('debug', `Dispatching event: ${event.type}`, event);
+    this.logger.debug(`Dispatching event: ${event.type}`, event);
     if (!this.listeners) return;
 
     // call generic listeners
@@ -622,7 +613,7 @@ export class StreamClient {
     // The StableWSConnection handles all the reconnection logic.
     this.wsConnection = new StableWSConnection(this);
 
-    this.logger('info', 'StreamClient.connect: this.wsConnection.connect()');
+    this.logger.info('StreamClient.connect: this.wsConnection.connect()');
     return await this.wsConnection.connect(this.defaultWSTimeout);
   };
 
@@ -704,10 +695,10 @@ export class StreamClient {
     event: { type: 'online' | 'offline' } | Event,
   ) => {
     if (event.type === 'offline') {
-      this.logger('debug', 'device went offline');
+      this.logger.debug('device went offline');
       this.dispatchEvent({ type: 'network.changed', online: false });
     } else if (event.type === 'online') {
-      this.logger('debug', 'device went online');
+      this.logger.debug('device went online');
       this.dispatchEvent({ type: 'network.changed', online: true });
     }
   };

package/src/coordinator/connection/connection.ts

@@ -7,7 +7,8 @@ import {
   retryInterval,
   sleep,
 } from './utils';
-import type { LogLevel, StreamVideoEvent, UR } from './types';
+import type { StreamVideoEvent, UR } from './types';
+import type { LogLevel } from '@stream-io/logger';
 import type {
   ConnectedEvent,
   ConnectionErrorEvent,
@@ -88,7 +89,7 @@ export class StableWSConnection {
   }
 
   _log = (msg: string, extra: UR = {}, level: LogLevel = 'info') => {
-    this.client.logger(level, `connection:${msg}`, extra);
+    this.client.logger[level](`connection:${msg}`, extra);
   };
 
   setClient = (client: StreamClient) => {
@@ -442,13 +443,13 @@ export class StableWSConnection {
 
     const user = this.client.user;
     if (!user) {
-      this.client.logger('error', `User not set, can't connect to WS`);
+      this.client.logger.error(`User not set, can't connect to WS`);
       return;
     }
 
     const token = this.client._getToken();
     if (!token) {
-      this.client.logger('error', `Token not set, can't connect authenticate`);
+      this.client.logger.error(`Token not set, can't connect authenticate`);
       return;
     }
 

package/src/coordinator/connection/location.ts

@@ -1,11 +1,11 @@
-import { getLogger } from '../../logger';
+import { videoLoggerSystem } from '../../logger';
 
 export const getLocationHint = async (
   hintUrl = `https://hint.stream-io-video.com/`,
   timeout = 2000,
   maxAttempts = 3,
 ): Promise<string> => {
-  const logger = getLogger(['location-hint']);
+  const logger = videoLoggerSystem.getLogger('location-hint');
 
   let attempt = 0;
   let locationHint = 'ERR';
@@ -18,10 +18,10 @@ export const getLocationHint = async (
         signal: abortController.signal,
       });
       const awsPop = response.headers.get('x-amz-cf-pop') || 'ERR';
-      logger('debug', `Location header: ${awsPop}`);
+      logger.debug(`Location header: ${awsPop}`);
       locationHint = awsPop.substring(0, 3); // AMS1-P2 -> AMS
     } catch (e) {
-      logger('warn', `Failed to get location hint from ${hintUrl}`, e);
+      logger.warn(`Failed to get location hint from ${hintUrl}`, e);
       locationHint = 'ERR';
     } finally {
       clearTimeout(timeoutId);

package/src/coordinator/connection/types.ts

@@ -1,6 +1,7 @@
 import { AxiosRequestConfig, AxiosResponse } from 'axios';
 import { ConnectedEvent, UserRequest, VideoEvent } from '../../gen/coordinator';
 import { AllSfuEvents } from '../../rtc';
+import type { ConfigureLoggersOptions, LogLevel } from '@stream-io/logger';
 
 export type UR = Record<string, unknown>;
 
@@ -24,8 +25,6 @@ export type { OwnUserResponse } from '../../gen/coordinator';
 
 export type ConnectAPIResponse = Promise<void | ConnectedEvent>;
 
-export type LogLevel = 'trace' | 'debug' | 'info' | 'warn' | 'error';
-
 type ErrorResponseDetails = {
   code: number;
   messages: string[];
@@ -156,8 +155,28 @@ export type StreamClientOptions = Partial<AxiosRequestConfig> & {
    */
   baseURL?: string;
   browser?: boolean;
+
+  /**
+   *  @deprecated Use `logOptions` instead.
+   *  Custom logger instance used to handle log messages.
+   *  Will be removed in a future release.
+   */
   logger?: Logger;
+
+  /**
+   *  @deprecated Use `logOptions` instead.
+   *  Sets the minimum log level for all logs.
+   *  Will be removed in a future release.
+   */
   logLevel?: LogLevel;
+
+  /**
+   * Configuration options where keys are logger scopes.
+   * The `default` scope is reserved is used to set defaults for all loggers.
+   *
+   */
+  logOptions?: ConfigureLoggersOptions;
+
   /**
    * The URL to use for the location hint.
    */

package/src/devices/BrowserPermission.ts

@@ -1,8 +1,8 @@
 import { fromEventPattern, map } from 'rxjs';
 import { isReactNative } from '../helpers/platforms';
-import { getLogger } from '../logger';
 import { disposeOfMediaStream } from './utils';
 import { withoutConcurrency } from '../helpers/concurrency';
+import { videoLoggerSystem } from '../logger';
 
 interface BrowserPermissionConfig {
   constraints: DisplayMediaStreamOptions;
@@ -17,7 +17,7 @@ export class BrowserPermission {
   private state: BrowserPermissionState | undefined;
   private wasPrompted: boolean = false;
   private listeners = new Set<(state: BrowserPermissionState) => void>();
-  private logger = getLogger(['permissions']);
+  private logger = videoLoggerSystem.getLogger('permissions');
 
   constructor(private readonly permission: BrowserPermissionConfig) {
     const signal = this.disposeController.signal;
@@ -47,7 +47,7 @@ export class BrowserPermission {
           });
         }
       } catch (err) {
-        this.logger('debug', 'Failed to query permission status', err);
+        this.logger.debug('Failed to query permission status', err);
         assumeGranted();
       }
     })();
@@ -104,7 +104,7 @@ export class BrowserPermission {
             'name' in e &&
             (e.name === 'NotAllowedError' || e.name === 'SecurityError')
           ) {
-            this.logger('info', 'Browser permission was not granted', {
+            this.logger.info('Browser permission was not granted', {
               permission: this.permission,
             });
             this.setState('denied');
@@ -116,7 +116,7 @@ export class BrowserPermission {
             return false;
           }
 
-          this.logger('error', `Failed to getUserMedia`, {
+          this.logger.error(`Failed to getUserMedia`, {
             error: e,
             permission: this.permission,
           });

package/src/devices/CameraManager.ts

@@ -34,7 +34,7 @@ export class CameraManager extends DeviceManager<CameraManagerState> {
    */
   async selectDirection(direction: Exclude<CameraDirection, undefined>) {
     if (!this.isDirectionSupportedByDevice()) {
-      this.logger('warn', 'Setting direction is not supported on this device');
+      this.logger.warn('Setting direction is not supported on this device');
       return;
     }
 
@@ -86,7 +86,7 @@ export class CameraManager extends DeviceManager<CameraManagerState> {
         await this.statusChangeSettled();
       } catch (error) {
         // couldn't enable device, target resolution will be applied the next time user attempts to start the device
-        this.logger('warn', 'could not apply target resolution', error);
+        this.logger.warn('could not apply target resolution', error);
       }
     }
     if (this.enabled && this.state.mediaStream) {
@@ -98,8 +98,7 @@ export class CameraManager extends DeviceManager<CameraManagerState> {
         height !== this.targetResolution.height
       ) {
         await this.applySettingsToStream();
-        this.logger(
-          'debug',
+        this.logger.debug(
           `${width}x${height} target resolution applied to media stream`,
         );
       }

package/src/devices/DeviceManager.ts

@@ -6,8 +6,7 @@ import { createSubscription } from '../store/rxUtils';
 import { DeviceManagerState } from './DeviceManagerState';
 import { isMobile } from '../helpers/compatibility';
 import { isReactNative } from '../helpers/platforms';
-import { Logger } from '../coordinator/connection/types';
-import { getLogger } from '../logger';
+import { ScopedLogger, videoLoggerSystem } from '../logger';
 import { TrackType } from '../gen/video/sfu/models/models';
 import { deviceIds$ } from './devices';
 import {
@@ -29,7 +28,7 @@ export abstract class DeviceManager<
    * if true, stops the media stream when call is left
    */
   stopOnLeave = true;
-  logger: Logger;
+  logger: ScopedLogger;
 
   state: S;
 
@@ -48,7 +47,9 @@ export abstract class DeviceManager<
     this.call = call;
     this.state = state;
     this.trackType = trackType;
-    this.logger = getLogger([`${TrackType[trackType].toLowerCase()} manager`]);
+    this.logger = videoLoggerSystem.getLogger(
+      `${TrackType[trackType].toLowerCase()} manager`,
+    );
     this.setup();
   }
 
@@ -257,6 +258,7 @@ export abstract class DeviceManager<
   };
 
   protected async applySettingsToStream() {
+    console.log('applySettingsToStream ');
     await withCancellation(this.statusChangeConcurrencyTag, async (signal) => {
       if (this.enabled) {
         try {
@@ -300,7 +302,7 @@ export abstract class DeviceManager<
   protected async muteStream(stopTracks: boolean = true) {
     const mediaStream = this.state.mediaStream;
     if (!mediaStream) return;
-    this.logger('debug', `${stopTracks ? 'Stopping' : 'Disabling'} stream`);
+    this.logger.debug(`${stopTracks ? 'Stopping' : 'Disabling'} stream`);
     if (this.call.state.callingState === CallingState.JOINED) {
       await this.stopPublishStream();
     }
@@ -347,7 +349,7 @@ export abstract class DeviceManager<
   }
 
   protected async unmuteStream() {
-    this.logger('debug', 'Starting stream');
+    this.logger.debug('Starting stream');
     let stream: MediaStream;
     let rootStream: Promise<MediaStream> | undefined;
     if (
@@ -435,8 +437,7 @@ export abstract class DeviceManager<
               return output;
             })
             .then(chainWith(parent), (error) => {
-              this.logger(
-                'warn',
+              this.logger.warn(
                 'Filter failed to start and will be ignored',
                 error,
               );
@@ -463,7 +464,7 @@ export abstract class DeviceManager<
       const createTrackMuteHandler = (muted: boolean) => () => {
         if (!isMobile() || this.trackType !== TrackType.VIDEO) return;
         this.call.notifyTrackMuteState(muted, this.trackType).catch((err) => {
-          this.logger('warn', 'Error while notifying track mute state', err);
+          this.logger.warn('Error while notifying track mute state', err);
         });
       };
       stream.getTracks().forEach((track) => {
@@ -534,8 +535,7 @@ export abstract class DeviceManager<
               }
             }
           } catch (err) {
-            this.logger(
-              'warn',
+            this.logger.warn(
               'Unexpected error while handling disconnected or replaced device',
               err,
             );

package/src/devices/MicrophoneManager.ts

@@ -66,7 +66,7 @@ export class MicrophoneManager extends AudioDeviceManager<MicrophoneManagerState
               await this.stopSpeakingWhileMutedDetection();
             }
           } catch (err) {
-            this.logger('warn', 'Could not enable speaking while muted', err);
+            this.logger.warn('Could not enable speaking while muted', err);
           }
         },
       ),
@@ -96,14 +96,14 @@ export class MicrophoneManager extends AudioDeviceManager<MicrophoneManagerState
               }
             })
             .catch((err) => {
-              this.logger('warn', `Failed to enable noise cancellation`, err);
+              this.logger.warn(`Failed to enable noise cancellation`, err);
               return this.call.notifyNoiseCancellationStopped();
             });
         } else if (callingState === CallingState.LEFT) {
           this.noiseCancellationRegistration
             .then(() => this.noiseCancellation?.disable())
             .catch((err) => {
-              this.logger('warn', `Failed to disable noise cancellation`, err);
+              this.logger.warn(`Failed to disable noise cancellation`, err);
             });
         }
       }),
@@ -141,11 +141,11 @@ export class MicrophoneManager extends AudioDeviceManager<MicrophoneManagerState
           this.call.tracer.trace('noiseCancellation.enabled', enabled);
           if (enabled) {
             this.call.notifyNoiseCancellationStarting().catch((err) => {
-              this.logger('warn', `notifyNoiseCancellationStart failed`, err);
+              this.logger.warn(`notifyNoiseCancellationStart failed`, err);
             });
           } else {
             this.call.notifyNoiseCancellationStopped().catch((err) => {
-              this.logger('warn', `notifyNoiseCancellationStop failed`, err);
+              this.logger.warn(`notifyNoiseCancellationStop failed`, err);
             });
           }
         },
@@ -179,9 +179,9 @@ export class MicrophoneManager extends AudioDeviceManager<MicrophoneManagerState
         }
       }
     } catch (e) {
-      this.logger('warn', 'Failed to enable noise cancellation', e);
+      this.logger.warn('Failed to enable noise cancellation', e);
       await this.disableNoiseCancellation().catch((err) => {
-        this.logger('warn', 'Failed to disable noise cancellation', err);
+        this.logger.warn('Failed to disable noise cancellation', err);
       });
       throw e;
     }
@@ -195,7 +195,7 @@ export class MicrophoneManager extends AudioDeviceManager<MicrophoneManagerState
       .then(() => this.noiseCancellation?.disable())
       .then(() => this.noiseCancellationChangeUnsubscribe?.())
       .catch((err) => {
-        this.logger('warn', 'Failed to unregister noise cancellation', err);
+        this.logger.warn('Failed to unregister noise cancellation', err);
       });
 
     this.call.tracer.trace('noiseCancellation.disabled', true);

package/src/devices/devices.ts

@@ -9,12 +9,12 @@ import {
   startWith,
   tap,
 } from 'rxjs';
-import { getLogger } from '../logger';
 import { BrowserPermission } from './BrowserPermission';
 import { lazy } from '../helpers/lazy';
 import { isFirefox } from '../helpers/browsers';
 import { dumpStream, Tracer } from '../stats';
 import { getCurrentValue } from '../store/rxUtils';
+import { videoLoggerSystem } from '../logger';
 
 /**
  * Returns an Observable that emits the list of available devices
@@ -266,15 +266,16 @@ export const getAudioStream = async (
     if (isNotFoundOrOverconstrainedError(error) && trackConstraints?.deviceId) {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const { deviceId, ...relaxedConstraints } = trackConstraints;
-      getLogger(['devices'])(
-        'warn',
-        'Failed to get audio stream, will try again with relaxed constraints',
-        { error, constraints, relaxedConstraints },
-      );
+      videoLoggerSystem
+        .getLogger('devices')
+        .warn(
+          'Failed to get audio stream, will try again with relaxed constraints',
+          { error, constraints, relaxedConstraints },
+        );
       return getAudioStream(relaxedConstraints);
     }
 
-    getLogger(['devices'])('error', 'Failed to get audio stream', {
+    videoLoggerSystem.getLogger('devices').error('Failed to get audio stream', {
       error,
       constraints,
     });
@@ -310,15 +311,16 @@ export const getVideoStream = async (
     if (isNotFoundOrOverconstrainedError(error) && trackConstraints?.deviceId) {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const { deviceId, ...relaxedConstraints } = trackConstraints;
-      getLogger(['devices'])(
-        'warn',
-        'Failed to get video stream, will try again with relaxed constraints',
-        { error, constraints, relaxedConstraints },
-      );
+      videoLoggerSystem
+        .getLogger('devices')
+        .warn(
+          'Failed to get video stream, will try again with relaxed constraints',
+          { error, constraints, relaxedConstraints },
+        );
       return getVideoStream(relaxedConstraints);
     }
 
-    getLogger(['devices'])('error', 'Failed to get video stream', {
+    videoLoggerSystem.getLogger('devices').error('Failed to get video stream', {
       error,
       constraints,
     });
@@ -373,7 +375,9 @@ export const getScreenShareStream = async (
     return stream;
   } catch (e) {
     tracer?.trace(`${tag}OnFailure`, (e as Error).name);
-    getLogger(['devices'])('error', 'Failed to get screen share stream', e);
+    videoLoggerSystem
+      .getLogger('devices')
+      .error('Failed to get screen share stream', e);
     throw e;
   }
 };

package/src/events/call.ts

@@ -38,8 +38,7 @@ export const watchCallRejected = (call: Call) => {
     const { session: callSession } = eventCall;
 
     if (!callSession) {
-      call.logger(
-        'warn',
+      call.logger.warn(
         'No call session provided. Ignoring call.rejected event.',
         event,
       );
@@ -49,8 +48,7 @@ export const watchCallRejected = (call: Call) => {
     const rejectedBy = callSession.rejected_by;
     const { members, callingState } = call.state;
     if (callingState !== CallingState.RINGING) {
-      call.logger(
-        'info',
+      call.logger.info(
         'Call is not in ringing mode (it is either accepted or rejected already). Ignoring call.rejected event.',
         event,
       );
@@ -61,7 +59,7 @@ export const watchCallRejected = (call: Call) => {
         .filter((m) => m.user_id !== call.currentUserId)
         .every((m) => rejectedBy[m.user_id]);
       if (everyoneElseRejected) {
-        call.logger('info', 'everyone rejected, leaving the call');
+        call.logger.info('everyone rejected, leaving the call');
         await call.leave({
           reject: true,
           reason: 'cancel',
@@ -70,7 +68,7 @@ export const watchCallRejected = (call: Call) => {
       }
     } else {
       if (rejectedBy[eventCall.created_by.id]) {
-        call.logger('info', 'call creator rejected, leaving call');
+        call.logger.info('call creator rejected, leaving call');
         await call.leave({ message: 'ring: creator rejected' });
       }
     }
@@ -90,7 +88,7 @@ export const watchCallEnded = (call: Call) => {
       call
         .leave({ message: 'call.ended event received', reject: false })
         .catch((err) => {
-          call.logger('error', 'Failed to leave call after call.ended ', err);
+          call.logger.error('Failed to leave call after call.ended ', err);
         });
     }
   };
@@ -117,8 +115,7 @@ export const watchSfuCallEnded = (call: Call) => {
       const reason = CallEndedReason[e.reason];
       await call.leave({ message: `callEnded received: ${reason}` });
     } catch (err) {
-      call.logger(
-        'error',
+      call.logger.error(
         'Failed to leave call after being ended by the SFU',
         err,
       );

package/src/events/internal.ts

@@ -2,7 +2,6 @@ import { Dispatcher } from '../rtc';
 import { Call } from '../Call';
 import { CallState } from '../store';
 import { StreamVideoParticipantPatches } from '../types';
-import { getLogger } from '../logger';
 import { pushToIfMissing, removeFromIfPresent } from '../helpers/array';
 import type {
   InboundStateNotification,
@@ -13,6 +12,7 @@ import {
   WebsocketReconnectStrategy,
 } from '../gen/video/sfu/models/models';
 import { OwnCapability } from '../gen/coordinator';
+import { videoLoggerSystem } from '../logger';
 
 export const watchConnectionQualityChanged = (
   dispatcher: Dispatcher,
@@ -60,7 +60,7 @@ export const watchLiveEnded = (dispatcher: Dispatcher, call: Call) => {
     call.state.setBackstage(true);
     if (!call.permissionsContext.hasPermission(OwnCapability.JOIN_BACKSTAGE)) {
       call.leave({ message: 'live ended' }).catch((err) => {
-        call.logger('error', 'Failed to leave call after live ended', err);
+        call.logger.error('Failed to leave call after live ended', err);
       });
     }
   });
@@ -72,9 +72,9 @@ export const watchLiveEnded = (dispatcher: Dispatcher, call: Call) => {
 export const watchSfuErrorReports = (dispatcher: Dispatcher) => {
   return dispatcher.on('error', (e) => {
     if (!e.error) return;
-    const logger = getLogger(['SfuClient']);
+    const logger = videoLoggerSystem.getLogger('SfuClient');
     const { error, reconnectStrategy } = e;
-    logger('error', 'SFU reported error', {
+    logger.error('SFU reported error', {
       code: ErrorCode[error.code],
       reconnectStrategy: WebsocketReconnectStrategy[reconnectStrategy],
       message: error.message,