@multiplayer-app/session-recorder-react-native 1.0.1-beta.9 → 1.2.9

package/src/native/SessionRecorderNative.ts

@@ -1,5 +1,5 @@
 import { Platform, NativeEventEmitter } from 'react-native';
-import SessionRecorderNative, { type MaskingOptions, type Spec } from '../SessionRecorderNativeSpec';
+import SessionRecorderNative, { type MaskingOptions, type Spec } from '../NativeSessionRecorderModule';
 
 
 // Check if we're on web platform
@@ -57,18 +57,6 @@ const SafeSessionRecorderNative: Spec = {
     return SessionRecorderNative.isGestureRecordingActive();
   },
 
-  setGestureCallback(callback: (event: any) => void): void {
-    if (isWeb || !SessionRecorderNative) {
-      throw new Error('SessionRecorderNative is not available on web platform');
-    }
-    // Native side will also invoke callback if provided; also subscribe to events here
-    try {
-      SessionRecorderNative.setGestureCallback(callback as any);
-    } catch { }
-    eventEmitter?.removeAllListeners('onGestureDetected');
-    eventEmitter?.addListener('onGestureDetected', callback);
-  },
-
   recordGesture(gestureType: string, x: number, y: number, target?: string, metadata?: any): void {
     if (isWeb || !SessionRecorderNative) {
       throw new Error('SessionRecorderNative is not available on web platform');
@@ -114,7 +102,17 @@ export interface NativeGestureEvent {
   };
 }
 
+// Helper function to set gesture callback using event emitter pattern
+export function setGestureCallback(callback: (event: NativeGestureEvent) => void): void {
+  if (isWeb || !SessionRecorderNative) {
+    throw new Error('SessionRecorderNative is not available on web platform');
+  }
+  eventEmitter?.removeAllListeners('onGestureDetected');
+  eventEmitter?.addListener('onGestureDetected', callback as any);
+}
+
 export default SafeSessionRecorderNative;
 
 // Export event emitter for gesture events to maintain previous API
 export const gestureEventEmitter = eventEmitter;
+export type { MaskingOptions };

package/src/otel/index.ts

@@ -25,11 +25,11 @@ export class TracerReactNativeSDK {
   private idGenerator?: SessionRecorderIdGenerator;
   private exporter?: any;
 
-  constructor() {}
+  constructor() { }
 
   private _setSessionId(
     sessionId: string,
-    sessionType: SessionType = SessionType.PLAIN
+    sessionType: SessionType = SessionType.MANUAL
   ) {
     this.sessionId = sessionId;
     this.idGenerator?.setSessionId(sessionId, sessionType);
@@ -85,7 +85,7 @@ export class TracerReactNativeSDK {
         span.setAttribute('platform', 'react-native');
         span.setAttribute('timestamp', Date.now());
       },
-      onEnd: () => {},
+      onEnd: () => { },
       shutdown: () => Promise.resolve(),
       forceFlush: () => Promise.resolve(),
     };

package/src/recorder/index.ts

@@ -16,7 +16,7 @@ export class RecorderReactNativeSDK implements EventRecorder {
   private recordedEvents: eventWithTime[] = [];
   private exporter: EventExporter;
   private sessionId: string | null = null;
-  private sessionType: SessionType = SessionType.PLAIN;
+  private sessionType: SessionType = SessionType.MANUAL;
 
   constructor() {
     this.screenRecorder = new ScreenRecorder();

package/src/services/screenMaskingService.ts

@@ -1,6 +1,4 @@
-import SessionRecorderNative, {
-  type MaskingOptions,
-} from '../SessionRecorderNativeSpec';
+import SessionRecorderNative, { type MaskingOptions } from '../native/SessionRecorderNative';
 import { logger } from '../utils';
 
 export interface ScreenMaskingConfig {

package/src/session-recorder.ts

@@ -29,12 +29,11 @@ import {
   type StopSessionRequest,
 } from './services/api.service';
 
-type SessionRecorderEvents = 'state-change';
+type SessionRecorderEvents = 'state-change' | 'init';
 
 class SessionRecorder
   extends Observable<SessionRecorderEvents>
-  implements ISessionRecorder, EventRecorder
-{
+  implements ISessionRecorder, EventRecorder {
   private _configs: SessionRecorderConfigs;
   private _apiService = new ApiService();
   private _tracer = new TracerReactNativeSDK();
@@ -64,7 +63,7 @@ class SessionRecorder
     }
   }
 
-  private _sessionType: SessionType = SessionType.PLAIN;
+  private _sessionType: SessionType = SessionType.MANUAL;
   get sessionType(): SessionType {
     return this._sessionType;
   }
@@ -150,13 +149,13 @@ class SessionRecorder
       if (isSessionActive(storedData.sessionObject, storedData.sessionType)) {
         this.session = storedData.sessionObject;
         this.sessionId = storedData.sessionId;
-        this.sessionType = storedData.sessionType || SessionType.PLAIN;
+        this.sessionType = storedData.sessionType || SessionType.MANUAL;
         this.sessionState = storedData.sessionState;
       } else {
         this.session = null;
         this.sessionId = null;
         this.sessionState = null;
-        this.sessionType = SessionType.PLAIN;
+        this.sessionType = SessionType.MANUAL;
       }
     } catch (error) {
       logger.error(
@@ -167,7 +166,7 @@ class SessionRecorder
       this.session = null;
       this.sessionId = null;
       this.sessionState = null;
-      this.sessionType = SessionType.PLAIN;
+      this.sessionType = SessionType.MANUAL;
     }
   }
 
@@ -200,6 +199,7 @@ class SessionRecorder
     ) {
       this._start();
     }
+    this.emit('init', []);
   }
 
   /**
@@ -232,7 +232,7 @@ class SessionRecorder
    * @param session - the session to start
    */
   public async start(
-    type: SessionType = SessionType.PLAIN,
+    type: SessionType = SessionType.MANUAL,
     session?: ISession
   ): Promise<void> {
     this._checkOperation('start');
@@ -251,7 +251,7 @@ class SessionRecorder
       type === SessionType.CONTINUOUS &&
       !this._configs?.showContinuousRecording
     ) {
-      type = SessionType.PLAIN;
+      type = SessionType.MANUAL;
     }
     logger.info('SessionRecorder', 'Starting session with type:', type);
     this.sessionType = type;
@@ -273,7 +273,7 @@ class SessionRecorder
       this._stop();
       if (this.continuousRecording) {
         await this._apiService.stopContinuousDebugSession(this.sessionId!);
-        this.sessionType = SessionType.PLAIN;
+        this.sessionType = SessionType.MANUAL;
       } else {
         const request: StopSessionRequest = {
           sessionAttributes: { comment },
@@ -320,7 +320,7 @@ class SessionRecorder
       this._stop();
       if (this.continuousRecording) {
         await this._apiService.stopContinuousDebugSession(this.sessionId!);
-        this.sessionType = SessionType.PLAIN;
+        this.sessionType = SessionType.MANUAL;
       } else {
         await this._apiService.cancelSession(this.sessionId!);
       }
@@ -351,9 +351,9 @@ class SessionRecorder
           stoppedAt: Date.now(),
           name: this.sessionAttributes.userName
             ? `${this.sessionAttributes.userName}'s session on ${getFormattedDate(
-                Date.now(),
-                { month: 'short', day: 'numeric' }
-              )}`
+              Date.now(),
+              { month: 'short', day: 'numeric' }
+            )}`
             : `Session on ${getFormattedDate(Date.now())}`,
         }
       );
@@ -432,14 +432,14 @@ class SessionRecorder
       if (session) {
         session.sessionType = this.continuousRecording
           ? SessionType.CONTINUOUS
-          : SessionType.PLAIN;
+          : SessionType.MANUAL;
         this._setupSessionAndStart(session, false);
       }
     } catch (error: any) {
       this.error = error.message;
       logger.error('SessionRecorder', 'Error creating session:', error.message);
       if (this.continuousRecording) {
-        this.sessionType = SessionType.PLAIN;
+        this.sessionType = SessionType.MANUAL;
       }
     }
   }

package/android/src/main/java/com/sessionrecordernative/SessionRecorderNativeSpec.kt

@@ -1,79 +0,0 @@
-package com.multiplayer.sessionrecordernative
-
-import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.bridge.ReactContextBaseJavaModule
-import com.facebook.react.bridge.ReactMethod
-import com.facebook.react.bridge.Promise
-import com.facebook.react.bridge.Callback
-import com.facebook.react.bridge.ReadableMap
-import com.facebook.react.bridge.Arguments
-import com.facebook.react.bridge.WritableMap
-
-/**
- * Spec class for SessionRecorderNative TurboModule
- * This class defines the interface that React Native expects for TurboModules
- */
-class SessionRecorderNativeSpec(reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
-
-    override fun getName(): String {
-        return NAME
-    }
-
-    companion object {
-        const val NAME = "SessionRecorderNative"
-    }
-
-    // Delegate to the actual implementation
-    private val implementation = SessionRecorderNativeModule(reactContext)
-
-    @ReactMethod
-    fun captureAndMask(promise: Promise) {
-        implementation.captureAndMask(promise)
-    }
-
-    @ReactMethod
-    fun captureAndMaskWithOptions(options: ReadableMap, promise: Promise) {
-        implementation.captureAndMaskWithOptions(options, promise)
-    }
-
-    @ReactMethod
-    fun startGestureRecording(promise: Promise) {
-        implementation.startGestureRecording(promise)
-    }
-
-    @ReactMethod
-    fun stopGestureRecording(promise: Promise) {
-        implementation.stopGestureRecording(promise)
-    }
-
-    @ReactMethod
-    fun isGestureRecordingActive(promise: Promise) {
-        implementation.isGestureRecordingActive(promise)
-    }
-
-    @ReactMethod
-    fun setGestureCallback(callback: Callback) {
-        implementation.setGestureCallback(callback)
-    }
-
-    @ReactMethod
-    fun recordGesture(
-        gestureType: String,
-        x: Double,
-        y: Double,
-        target: String?,
-        metadata: ReadableMap?
-    ) {
-        implementation.recordGesture(gestureType, x, y, target, metadata)
-    }
-
-    @ReactMethod
-    fun addListener(eventName: String) {
-        implementation.addListener(eventName)
-    }
-
-    @ReactMethod
-    fun removeListeners(count: Int) {
-        implementation.removeListeners(count)
-    }
-}

package/ios/SessionRecorderNative.podspec

@@ -1,22 +0,0 @@
-require "json"
-
-package = JSON.parse(File.read(File.join(__dir__, "..", "package.json")))
-
-Pod::Spec.new do |s|
-  s.name         = "SessionRecorderNative"
-  s.version      = package["version"]
-  s.summary      = "Native session recorder module for React Native"
-  s.description  = "A native module that provides session recording with automatic masking of sensitive UI elements"
-  s.homepage     = "https://github.com/multiplayer-app/multiplayer-session-recorder-javascript"
-  s.license      = "MIT"
-  s.authors      = { "Multiplayer Software, Inc." => "https://www.multiplayer.app" }
-  s.platforms    = { :ios => "12.0" }
-  s.source       = { :git => "https://github.com/multiplayer-app/multiplayer-session-recorder-javascript.git", :tag => "#{s.version}" }
-
-  s.source_files = "ios/**/*.{h,m,mm,swift}"
-  s.swift_version = "5.0"
-  s.requires_arc = true
-
-  s.dependency "React-Core"
-  s.dependency "React"
-end

package/lib/module/SessionRecorderNativeSpec.js

@@ -1,5 +0,0 @@
-"use strict";
-
-import { NativeModules } from 'react-native';
-export default NativeModules.SessionRecorderNative;
-//# sourceMappingURL=SessionRecorderNativeSpec.js.map

package/lib/module/SessionRecorderNativeSpec.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["NativeModules","SessionRecorderNative"],"sourceRoot":"../../src","sources":["SessionRecorderNativeSpec.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,cAAc;AAmD5C,eAAeA,aAAa,CAACC,qBAAqB","ignoreList":[]}

package/lib/typescript/src/SessionRecorderNativeSpec.d.ts

@@ -1,41 +0,0 @@
-export interface Spec {
-    /**
-     * Capture the current screen and apply masking to sensitive elements
-     * @returns Promise that resolves to base64 encoded image
-     */
-    captureAndMask(): Promise<string>;
-    /**
-     * Capture the current screen and apply masking with custom options
-     * @param options Custom masking options
-     * @returns Promise that resolves to base64 encoded image
-     */
-    captureAndMaskWithOptions(options: MaskingOptions): Promise<string>;
-    startGestureRecording(): Promise<void>;
-    stopGestureRecording(): Promise<void>;
-    isGestureRecordingActive(): Promise<boolean>;
-    setGestureCallback(callback: (event: any) => void): void;
-    recordGesture(gestureType: string, x: number, y: number, target?: string, metadata?: any): void;
-    addListener(eventName: string): void;
-    removeListeners(count: number): void;
-}
-export interface MaskingOptions {
-    /** Quality of the captured image (0.1 to 1.0, default: 0.3 for smaller file size) */
-    quality?: number;
-    /** Scale of the captured image (0.1 to 1.0, default: 1.0) */
-    scale?: number;
-    /** Whether to mask text inputs (UITextField, UITextView, React Native text components) */
-    maskTextInputs?: boolean;
-    /** Whether to mask images (UIImageView, React Native Image components) */
-    maskImages?: boolean;
-    /** Whether to mask buttons (UIButton) */
-    maskButtons?: boolean;
-    /** Whether to mask labels (UILabel) */
-    maskLabels?: boolean;
-    /** Whether to mask web views (WKWebView) */
-    maskWebViews?: boolean;
-    /** Whether to mask sandboxed views (system views that don't belong to current process) */
-    maskSandboxedViews?: boolean;
-}
-declare const _default: Spec;
-export default _default;
-//# sourceMappingURL=SessionRecorderNativeSpec.d.ts.map

package/lib/typescript/src/SessionRecorderNativeSpec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SessionRecorderNativeSpec.d.ts","sourceRoot":"","sources":["../../../src/SessionRecorderNativeSpec.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,IAAI;IACnB;;;OAGG;IACH,cAAc,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;IAElC;;;;OAIG;IACH,yBAAyB,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAGpE,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,wBAAwB,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7C,kBAAkB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;IACzD,aAAa,CACX,WAAW,EAAE,MAAM,EACnB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,MAAM,CAAC,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,GAAG,GACb,IAAI,CAAC;IACR,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,cAAc;IAC7B,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0FAA0F;IAC1F,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;wBAEqD,IAAI;AAA1D,wBAA2D"}

package/src/SessionRecorderNativeSpec.ts

@@ -1,52 +0,0 @@
-import { NativeModules } from 'react-native';
-
-export interface Spec {
-  /**
-   * Capture the current screen and apply masking to sensitive elements
-   * @returns Promise that resolves to base64 encoded image
-   */
-  captureAndMask(): Promise<string>;
-
-  /**
-   * Capture the current screen and apply masking with custom options
-   * @param options Custom masking options
-   * @returns Promise that resolves to base64 encoded image
-   */
-  captureAndMaskWithOptions(options: MaskingOptions): Promise<string>;
-
-  // Gesture recording APIs
-  startGestureRecording(): Promise<void>;
-  stopGestureRecording(): Promise<void>;
-  isGestureRecordingActive(): Promise<boolean>;
-  setGestureCallback(callback: (event: any) => void): void;
-  recordGesture(
-    gestureType: string,
-    x: number,
-    y: number,
-    target?: string,
-    metadata?: any
-  ): void;
-  addListener(eventName: string): void;
-  removeListeners(count: number): void;
-}
-
-export interface MaskingOptions {
-  /** Quality of the captured image (0.1 to 1.0, default: 0.3 for smaller file size) */
-  quality?: number;
-  /** Scale of the captured image (0.1 to 1.0, default: 1.0) */
-  scale?: number;
-  /** Whether to mask text inputs (UITextField, UITextView, React Native text components) */
-  maskTextInputs?: boolean;
-  /** Whether to mask images (UIImageView, React Native Image components) */
-  maskImages?: boolean;
-  /** Whether to mask buttons (UIButton) */
-  maskButtons?: boolean;
-  /** Whether to mask labels (UILabel) */
-  maskLabels?: boolean;
-  /** Whether to mask web views (WKWebView) */
-  maskWebViews?: boolean;
-  /** Whether to mask sandboxed views (system views that don't belong to current process) */
-  maskSandboxedViews?: boolean;
-}
-
-export default NativeModules.SessionRecorderNative as Spec;