feat: Migrate logger to js-toolkit logger implementation

Author: jdimovska

packages/client/src/coordinator/connection/connection.ts

@@ -8,7 +8,7 @@ import {
   sleep,
 } from './utils';
 import type { StreamVideoEvent, UR } from './types';
-import type { ScopedLogLevel } from '../../logger';
+import type { LogLevel } from '@stream-io/logger';
 import type {
   ConnectedEvent,
   ConnectionErrorEvent,
@@ -88,7 +88,7 @@ export class StableWSConnection {
     addConnectionEventListeners(this.onlineStatusChanged);
   }
 
-  _log = (msg: string, extra: UR = {}, level: ScopedLogLevel = 'info') => {
+  _log = (msg: string, extra: UR = {}, level: LogLevel = 'info') => {
     this.client.logger[level](`connection:${msg}`, extra);
   };
 

packages/client/src/coordinator/connection/types.ts

@@ -1,7 +1,7 @@
 import { AxiosRequestConfig, AxiosResponse } from 'axios';
 import { ConnectedEvent, UserRequest, VideoEvent } from '../../gen/coordinator';
 import { AllSfuEvents } from '../../rtc';
-import { ConfigureLoggersOptions } from '@stream-io/logger';
+import type { ConfigureLoggersOptions, LogLevel } from '@stream-io/logger';
 
 export type UR = Record<string, unknown>;
 
@@ -25,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[];

packages/client/src/logger.ts

@@ -1,7 +1,7 @@
 import * as scopedLogger from '@stream-io/logger';
-import { Logger, LogLevel } from './coordinator/connection/types';
+import { Logger } from './coordinator/connection/types';
 import { isReactNative } from './helpers/platforms';
-import { ConfigureLoggersOptions } from '@stream-io/logger';
+import type { ConfigureLoggersOptions, LogLevel } from '@stream-io/logger';
 
 export const logToConsole: Logger = (logLevel, message, ...args) => {
   let logMethod;
@@ -52,9 +52,12 @@ export const setLogger = (
  */
 export const getLogger = scopedLogger.getLogger<string>;
 
+/**
+ * @internal
+ */
 export type ScopedLogger = scopedLogger.Logger<string>;
 
 export const configureLoggers = scopedLogger.configureLoggers<string>;
 
-export type { LogLevel as ScopedLogLevel, Sink } from '@stream-io/logger';
+export type { LogLevel, Sink } from '@stream-io/logger';
 export { LogLevelEnum, restoreDefaults } from '@stream-io/logger';

packages/client/src/rpc/createClient.ts

@@ -12,7 +12,8 @@ import {
 import { SignalServerClient } from '../gen/video/sfu/signal_rpc/signal.client';
 import type { Trace } from '../stats';
 import type { SfuResponseWithError } from './retryable';
-import type { ScopedLogger, ScopedLogLevel } from '../logger';
+import type { ScopedLogger } from '../logger';
+import type { LogLevel } from '@stream-io/logger';
 
 const defaultOptions: TwirpOptions = {
   baseUrl: '',
@@ -41,7 +42,7 @@ export const withHeaders = (
 
 export const withRequestLogger = (
   logger: ScopedLogger,
-  level: ScopedLogLevel,
+  level: LogLevel,
 ): RpcInterceptor => {
   return {
     interceptUnary: (