@multiplayer-app/session-recorder-react-native 1.0.1-beta.4 → 1.0.1-beta.5

package/src/types/session.ts

@@ -1,61 +1,61 @@
-import { SessionType } from '@multiplayer-app/session-recorder-common'
+import { SessionType } from '@multiplayer-app/session-recorder-common';
 
 export interface IResourceAttributes {
-  browserInfo?: string,
-  cookiesEnabled?: string,
-  deviceInfo?: string,
-  hardwareConcurrency?: number,
-  osInfo?: string,
-  pixelRatio?: number,
-  screenSize?: string,
-  packageVersion?: string,
-  [key: string]: any
+  browserInfo?: string;
+  cookiesEnabled?: string;
+  deviceInfo?: string;
+  hardwareConcurrency?: number;
+  osInfo?: string;
+  pixelRatio?: number;
+  screenSize?: string;
+  packageVersion?: string;
+  [key: string]: any;
 }
 
 export interface ISessionAttributes {
-  userEmail?: string
-  userId?: string,
-  userName?: string,
-  accountId?: string,
-  accountName?: string,
-  [key: string]: any
+  userEmail?: string;
+  userId?: string;
+  userName?: string;
+  accountId?: string;
+  accountName?: string;
+  [key: string]: any;
 }
 
 export interface ISessionView {
-  _id: string
-  name: string
-  components?: string[]
+  _id: string;
+  name: string;
+  components?: string[];
 }
 
 export interface ISession {
-  _id: string
-  shortId: string
-  workspace: string
-  project: string
-  continuousDebugSession?: string
-  creationType: SessionType
-  name: string
-  startedAt: string | Date
-  stoppedAt: string | Date
-  durationInSeconds?: number
-  createdAt: string | Date
-  updatedAt: string | Date
-  tags: any[]
+  _id: string;
+  shortId: string;
+  workspace: string;
+  project: string;
+  continuousDebugSession?: string;
+  creationType: SessionType;
+  name: string;
+  startedAt: string | Date;
+  stoppedAt: string | Date;
+  durationInSeconds?: number;
+  createdAt: string | Date;
+  updatedAt: string | Date;
+  tags: any[];
 
-  resourceAttributes?: IResourceAttributes
-  sessionAttributes?: ISessionAttributes
-  views: ISessionView[]
-  starred: boolean
-  starredItems: string[]
+  resourceAttributes?: IResourceAttributes;
+  sessionAttributes?: ISessionAttributes;
+  views: ISessionView[];
+  starred: boolean;
+  starredItems: string[];
   s3Files: {
-    _id?: string
-    bucket: string
-    key: string
-    dataType: DebugSessionDataType
-    url?: string
-  }[]
-  finishedS3Transfer?: boolean
-  tempApiKey?: string
+    _id?: string;
+    bucket: string;
+    key: string;
+    dataType: DebugSessionDataType;
+    url?: string;
+  }[];
+  finishedS3Transfer?: boolean;
+  tempApiKey?: string;
 }
 
 export enum DebugSessionDataType {

package/src/utils/app-metadata.ts

@@ -7,25 +7,25 @@
 // It extracts metadata from app.json, app.config.js, or package.json
 
 export interface AppMetadata {
-  name?: string
-  version?: string
-  bundleId?: string
-  buildNumber?: string
-  displayName?: string
+  name?: string;
+  version?: string;
+  bundleId?: string;
+  buildNumber?: string;
+  displayName?: string;
 }
 
 // Auto-detected values from project configuration files
 export const APP_METADATA: AppMetadata = {
-  name: "@multiplayer-app/session-recorder-react-native",
-  version: "0.0.1",
+  name: '@multiplayer-app/session-recorder-react-native',
+  version: '0.0.1',
   bundleId: undefined,
   buildNumber: undefined,
   displayName: undefined,
-}
+};
 
 /**
  * Get auto-detected app metadata
  */
 export function getAutoDetectedAppMetadata(): AppMetadata {
-  return { ...APP_METADATA }
+  return { ...APP_METADATA };
 }

package/src/utils/constants.optional.expo.ts

@@ -1,5 +1,5 @@
 // Expo variant: re-export expo-constants default to be consumed via the optional shim path
-import Constants from 'expo-constants'
-import type { OptionalExpoConstants } from './constants.optional'
+import Constants from 'expo-constants';
+import type { OptionalExpoConstants } from './constants.optional';
 
-export default Constants as OptionalExpoConstants
+export default Constants as OptionalExpoConstants;

package/src/utils/constants.optional.ts

@@ -1,16 +1,18 @@
 // Non-Expo fallback: export undefined to avoid bundling expo-constants in non-Expo apps
 // Define a lightweight type that includes only the members we read.
-export type OptionalExpoConstants = {
-  expoVersion?: string
-  platform?: { ios?: unknown; android?: unknown }
-  expoConfig?: {
-    name?: string
-    version?: string
-    ios?: { buildNumber?: string | number; bundleIdentifier?: string }
-    android?: { versionCode?: string | number; package?: string }
-  }
-} | undefined
+export type OptionalExpoConstants =
+  | {
+      expoVersion?: string;
+      platform?: { ios?: unknown; android?: unknown };
+      expoConfig?: {
+        name?: string;
+        version?: string;
+        ios?: { buildNumber?: string | number; bundleIdentifier?: string };
+        android?: { versionCode?: string | number; package?: string };
+      };
+    }
+  | undefined;
 
-const OptionalConstants: OptionalExpoConstants = undefined
+const OptionalConstants: OptionalExpoConstants = undefined;
 
-export default OptionalConstants
+export default OptionalConstants;

package/src/utils/createStore.ts

@@ -1,29 +1,32 @@
-type Listener<T> = (state: T, prevState: T) => void
+type Listener<T> = (state: T, prevState: T) => void;
 
 export type Store<T> = {
-  getState: () => T
-  setState: (partial: Partial<T> | ((prev: T) => T), action?: string) => void
-  subscribe: (listener: Listener<T>) => () => void
-}
+  getState: () => T;
+  setState: (partial: Partial<T> | ((prev: T) => T), action?: string) => void;
+  subscribe: (listener: Listener<T>) => () => void;
+};
 
 export function createStore<T extends object>(initialState: T): Store<T> {
-  let state: T = initialState
-  const listeners = new Set<Listener<T>>()
+  let state: T = initialState;
+  const listeners = new Set<Listener<T>>();
 
-  const getState = () => state
+  const getState = () => state;
 
-  const setState: Store<T>["setState"] = (partial) => {
-    const prevState = state
-    const nextState = typeof partial === 'function' ? (partial as (prev: T) => T)(prevState) : { ...prevState, ...partial } as T
-    if (Object.is(nextState, prevState)) return
-    state = nextState
-    listeners.forEach((l) => l(state, prevState))
-  }
+  const setState: Store<T>['setState'] = (partial) => {
+    const prevState = state;
+    const nextState =
+      typeof partial === 'function'
+        ? (partial as (prev: T) => T)(prevState)
+        : ({ ...prevState, ...partial } as T);
+    if (Object.is(nextState, prevState)) return;
+    state = nextState;
+    listeners.forEach((l) => l(state, prevState));
+  };
 
-  const subscribe: Store<T>["subscribe"] = (listener) => {
-    listeners.add(listener)
-    return () => listeners.delete(listener)
-  }
+  const subscribe: Store<T>['subscribe'] = (listener) => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
 
-  return { getState, setState, subscribe }
+  return { getState, setState, subscribe };
 }

package/src/utils/index.ts

@@ -1,8 +1,8 @@
 // Export all utility functions
-export * from './platform'
-export * from './session'
-export * from './time'
-export * from './type-utils'
-export * from './request-utils'
-export * from './rrweb-events'
-export * from './logger'
+export * from './platform';
+export * from './session';
+export * from './time';
+export * from './type-utils';
+export * from './request-utils';
+export * from './rrweb-events';
+export * from './logger';

package/src/utils/logger.ts

@@ -3,13 +3,13 @@
  * Provides consistent logging across all components
  */
 
-import { LogLevel } from "../types"
+import { LogLevel } from '../types';
 
 export interface LoggerConfig {
-  level: LogLevel
-  enabled: boolean
-  enablePrefix: boolean
-  prefix: string
+  level: LogLevel;
+  enabled: boolean;
+  enablePrefix: boolean;
+  prefix: string;
 }
 
 class Logger {
@@ -18,7 +18,7 @@ class Logger {
     enabled: true,
     enablePrefix: true,
     prefix: '[SessionRecorder]',
-  }
+  };
 
   private componentPrefixes: Map<string, string> = new Map([
     ['ScreenRecorder', '📸'],
@@ -28,14 +28,14 @@ class Logger {
     ['NavigationTracker', '📸'],
     ['RecorderReactNativeSDK', '📤'],
     ['DEBUGGER_LIB', '🔍'],
-  ])
+  ]);
 
   /**
    * Configure the logger
    * @param config - Logger configuration
    */
   configure(config: Partial<LoggerConfig>): void {
-    this.config = { ...this.config, ...config }
+    this.config = { ...this.config, ...config };
   }
 
   /**
@@ -43,7 +43,7 @@ class Logger {
    * @param level - Log level to set
    */
   setLevel(level: LogLevel): void {
-    this.config.level = level
+    this.config.level = level;
   }
 
   /**
@@ -51,7 +51,7 @@ class Logger {
    * @param enabled - Whether to enable console output
    */
   setConsoleEnabled(enabled: boolean): void {
-    this.config.enabled = enabled
+    this.config.enabled = enabled;
   }
 
   /**
@@ -60,7 +60,7 @@ class Logger {
    * @param emoji - Emoji prefix for the component
    */
   setComponentPrefix(component: string, emoji: string): void {
-    this.componentPrefixes.set(component, emoji)
+    this.componentPrefixes.set(component, emoji);
   }
 
   /**
@@ -69,10 +69,10 @@ class Logger {
    * @returns Formatted prefix string
    */
   private getPrefix(component: string): string {
-    if (!this.config.enablePrefix) return ''
+    if (!this.config.enablePrefix) return '';
 
-    const emoji = this.componentPrefixes.get(component) || '📝'
-    return `${this.config.prefix} ${emoji} [${component}]`
+    const emoji = this.componentPrefixes.get(component) || '📝';
+    return `${this.config.prefix} ${emoji} [${component}]`;
   }
 
   /**
@@ -81,7 +81,7 @@ class Logger {
    * @returns True if should output
    */
   private shouldLog(level: LogLevel): boolean {
-    return level >= this.config.level && this.config.enabled
+    return level >= this.config.level && this.config.enabled;
   }
 
   /**
@@ -92,17 +92,22 @@ class Logger {
    * @param data - Additional data to log
    * @returns Formatted log message
    */
-  private formatMessage(component: string, level: LogLevel, message: string, data?: any): string {
-    const prefix = this.getPrefix(component)
-    const levelName = LogLevel[level]
+  private formatMessage(
+    component: string,
+    level: LogLevel,
+    message: string,
+    data?: any
+  ): string {
+    const prefix = this.getPrefix(component);
+    const levelName = LogLevel[level];
 
-    let formattedMessage = `${prefix} ${levelName} ${message}`
+    let formattedMessage = `${prefix} ${levelName} ${message}`;
 
     if (data !== undefined) {
-      formattedMessage += ` ${JSON.stringify(data)}`
+      formattedMessage += ` ${JSON.stringify(data)}`;
     }
 
-    return formattedMessage
+    return formattedMessage;
   }
 
   /**
@@ -112,11 +117,16 @@ class Logger {
    * @param data - Additional data to log
    */
   debug(component: string, message: string, data?: any): void {
-    if (!this.shouldLog(LogLevel.DEBUG)) return
+    if (!this.shouldLog(LogLevel.DEBUG)) return;
+
+    const formattedMessage = this.formatMessage(
+      component,
+      LogLevel.DEBUG,
+      message,
+      data
+    );
 
-    const formattedMessage = this.formatMessage(component, LogLevel.DEBUG, message, data)
-    // eslint-disable-next-line no-console
-    console.log(formattedMessage)
+    console.log(formattedMessage);
   }
 
   /**
@@ -126,11 +136,16 @@ class Logger {
    * @param data - Additional data to log
    */
   info(component: string, message: string, data?: any): void {
-    if (!this.shouldLog(LogLevel.INFO)) return
+    if (!this.shouldLog(LogLevel.INFO)) return;
+
+    const formattedMessage = this.formatMessage(
+      component,
+      LogLevel.INFO,
+      message,
+      data
+    );
 
-    const formattedMessage = this.formatMessage(component, LogLevel.INFO, message, data)
-    // eslint-disable-next-line no-console
-    console.log(formattedMessage)
+    console.log(formattedMessage);
   }
 
   /**
@@ -140,11 +155,16 @@ class Logger {
    * @param data - Additional data to log
    */
   warn(component: string, message: string, data?: any): void {
-    if (!this.shouldLog(LogLevel.WARN)) return
+    if (!this.shouldLog(LogLevel.WARN)) return;
 
-    const formattedMessage = this.formatMessage(component, LogLevel.WARN, message, data)
-    // eslint-disable-next-line no-console
-    console.warn(formattedMessage)
+    const formattedMessage = this.formatMessage(
+      component,
+      LogLevel.WARN,
+      message,
+      data
+    );
+
+    console.warn(formattedMessage);
   }
 
   /**
@@ -154,11 +174,16 @@ class Logger {
    * @param data - Additional data to log
    */
   error(component: string, message: string, data?: any): void {
-    if (!this.shouldLog(LogLevel.ERROR)) return
+    if (!this.shouldLog(LogLevel.ERROR)) return;
+
+    const formattedMessage = this.formatMessage(
+      component,
+      LogLevel.ERROR,
+      message,
+      data
+    );
 
-    const formattedMessage = this.formatMessage(component, LogLevel.ERROR, message, data)
-    // eslint-disable-next-line no-console
-    console.error(formattedMessage)
+    console.error(formattedMessage);
   }
 
   /**
@@ -168,18 +193,17 @@ class Logger {
    * @param data - Additional data to log
    */
   success(component: string, message: string, data?: any): void {
-    if (!this.shouldLog(LogLevel.INFO)) return
+    if (!this.shouldLog(LogLevel.INFO)) return;
 
-    const prefix = this.getPrefix(component)
-    const formattedMessage = `${prefix} ✅ ${message}`
+    const prefix = this.getPrefix(component);
+    const formattedMessage = `${prefix} ✅ ${message}`;
 
-    let fullMessage = formattedMessage
+    let fullMessage = formattedMessage;
     if (data !== undefined) {
-      fullMessage += ` ${JSON.stringify(data)}`
+      fullMessage += ` ${JSON.stringify(data)}`;
     }
 
-    // eslint-disable-next-line no-console
-    console.log(fullMessage)
+    console.log(fullMessage);
   }
 
   /**
@@ -189,28 +213,33 @@ class Logger {
    * @param data - Additional data to log
    */
   failure(component: string, message: string, data?: any): void {
-    if (!this.shouldLog(LogLevel.ERROR)) return
+    if (!this.shouldLog(LogLevel.ERROR)) return;
 
-    const prefix = this.getPrefix(component)
-    const formattedMessage = `${prefix} ❌ ${message}`
+    const prefix = this.getPrefix(component);
+    const formattedMessage = `${prefix} ❌ ${message}`;
 
-    let fullMessage = formattedMessage
+    let fullMessage = formattedMessage;
     if (data !== undefined) {
-      fullMessage += ` ${JSON.stringify(data)}`
+      fullMessage += ` ${JSON.stringify(data)}`;
     }
 
-    // eslint-disable-next-line no-console
-    console.error(fullMessage)
+    console.error(fullMessage);
   }
 }
 
 // Export a singleton instance
-export const logger = new Logger()
+export const logger = new Logger();
 
 // Export convenience functions for common use cases
-export const logDebug = (component: string, message: string, data?: any) => logger.debug(component, message, data)
-export const logInfo = (component: string, message: string, data?: any) => logger.info(component, message, data)
-export const logWarn = (component: string, message: string, data?: any) => logger.warn(component, message, data)
-export const logError = (component: string, message: string, data?: any) => logger.error(component, message, data)
-export const logSuccess = (component: string, message: string, data?: any) => logger.success(component, message, data)
-export const logFailure = (component: string, message: string, data?: any) => logger.failure(component, message, data)
+export const logDebug = (component: string, message: string, data?: any) =>
+  logger.debug(component, message, data);
+export const logInfo = (component: string, message: string, data?: any) =>
+  logger.info(component, message, data);
+export const logWarn = (component: string, message: string, data?: any) =>
+  logger.warn(component, message, data);
+export const logError = (component: string, message: string, data?: any) =>
+  logger.error(component, message, data);
+export const logSuccess = (component: string, message: string, data?: any) =>
+  logger.success(component, message, data);
+export const logFailure = (component: string, message: string, data?: any) =>
+  logger.failure(component, message, data);