@multiplayer-app/session-recorder-react-native 0.0.1-alpha.3 → 0.0.1-alpha.5

package/src/otel/instrumentations/reactNativeInstrumentation.ts

@@ -1,5 +1,6 @@
 import { InstrumentationBase } from '@opentelemetry/instrumentation'
 import { trace, SpanStatusCode } from '@opentelemetry/api'
+import AsyncStorage from '@react-native-async-storage/async-storage'
 
 export class ReactNativeInstrumentation extends InstrumentationBase {
   constructor() {
@@ -13,9 +14,8 @@ export class ReactNativeInstrumentation extends InstrumentationBase {
   enable(): void {
     // Try to wrap AsyncStorage if it's available
     try {
-      const asyncStorage = require('@react-native-async-storage/async-storage')
-      if (asyncStorage) {
-        this._wrap(asyncStorage, 'AsyncStorage', this._wrapAsyncStorage)
+      if (AsyncStorage) {
+        this._wrap(AsyncStorage, 'setItem', this._wrapAsyncStorage)
       }
     } catch (error) {
       console.warn('@react-native-async-storage/async-storage is not available. AsyncStorage instrumentation will be disabled.')
@@ -25,24 +25,19 @@ export class ReactNativeInstrumentation extends InstrumentationBase {
   disable(): void {
     // Try to unwrap AsyncStorage if it was wrapped
     try {
-      const asyncStorage = require('@react-native-async-storage/async-storage')
-      if (asyncStorage) {
-        this._unwrap(asyncStorage, 'AsyncStorage')
+      if (AsyncStorage) {
+        this._unwrap(AsyncStorage, 'setItem')
       }
     } catch (error) {
       // AsyncStorage was not available, nothing to unwrap
     }
   }
 
-  private _wrapAsyncStorage(originalModule: any) {
-    const self = this
-
-    // Wrap setItem
-    const originalSetItem = originalModule.setItem
-    originalModule.setItem = async function (key: string, value: string) {
+  private _wrapAsyncStorage(originalMethod: any) {
+    return async function (this: any, key: string, value: string) {
       const startTime = Date.now()
       try {
-        const result = await originalSetItem.call(this, key, value)
+        const result = await originalMethod.call(this, key, value)
 
         const span = trace.getTracer('react-native').startSpan('AsyncStorage.setItem', {
           attributes: {
@@ -77,88 +72,5 @@ export class ReactNativeInstrumentation extends InstrumentationBase {
         throw error
       }
     }
-
-    // Wrap getItem
-    const originalGetItem = originalModule.getItem
-    originalModule.getItem = async function (key: string) {
-      const startTime = Date.now()
-      try {
-        const result = await originalGetItem.call(this, key)
-
-        const span = trace.getTracer('react-native').startSpan('AsyncStorage.getItem', {
-          attributes: {
-            'storage.operation': 'getItem',
-            'storage.key': key,
-            'storage.value_length': result ? result.length : 0,
-            'storage.duration': Date.now() - startTime,
-          },
-        })
-
-        span.setStatus({ code: SpanStatusCode.OK })
-        span.end()
-
-        return result
-      } catch (error) {
-        const span = trace.getTracer('react-native').startSpan('AsyncStorage.getItem', {
-          attributes: {
-            'storage.operation': 'getItem',
-            'storage.key': key,
-            'storage.error': true,
-            'storage.duration': Date.now() - startTime,
-          },
-        })
-
-        const errorMessage = error instanceof Error ? error.message : String(error)
-        span.setStatus({ code: SpanStatusCode.ERROR, message: errorMessage })
-        if (error instanceof Error) {
-          span.recordException(error)
-        }
-        span.end()
-
-        throw error
-      }
-    }
-
-    // Wrap removeItem
-    const originalRemoveItem = originalModule.removeItem
-    originalModule.removeItem = async function (key: string) {
-      const startTime = Date.now()
-      try {
-        const result = await originalRemoveItem.call(this, key)
-
-        const span = trace.getTracer('react-native').startSpan('AsyncStorage.removeItem', {
-          attributes: {
-            'storage.operation': 'removeItem',
-            'storage.key': key,
-            'storage.duration': Date.now() - startTime,
-          },
-        })
-
-        span.setStatus({ code: SpanStatusCode.OK })
-        span.end()
-
-        return result
-      } catch (error) {
-        const span = trace.getTracer('react-native').startSpan('AsyncStorage.removeItem', {
-          attributes: {
-            'storage.operation': 'removeItem',
-            'storage.key': key,
-            'storage.error': true,
-            'storage.duration': Date.now() - startTime,
-          },
-        })
-
-        const errorMessage = error instanceof Error ? error.message : String(error)
-        span.setStatus({ code: SpanStatusCode.ERROR, message: errorMessage })
-        if (error instanceof Error) {
-          span.recordException(error)
-        }
-        span.end()
-
-        throw error
-      }
-    }
-
-    return originalModule
   }
 }

package/src/recorder/gestureRecorder.ts

@@ -1,5 +1,6 @@
 import { GestureEvent, RecorderConfig } from '../types'
 import { trace, SpanStatusCode } from '@opentelemetry/api'
+import { Dimensions } from 'react-native'
 
 export class GestureRecorder {
   private config?: RecorderConfig
@@ -39,7 +40,6 @@ export class GestureRecorder {
 
   private _getScreenDimensions(): void {
     try {
-      const { Dimensions } = require('react-native')
       this.screenDimensions = Dimensions.get('window')
     } catch (error) {
       // Failed to get screen dimensions - silently continue
@@ -70,8 +70,6 @@ export class GestureRecorder {
   private _setupGlobalGestureListener(): void {
     try {
       // Listen for touch events at the app level
-      const { TouchableWithoutFeedback } = require('react-native')
-
       // This is a simplified implementation - in production you'd use react-native-gesture-handler
       // Global gesture listener setup complete
     } catch (error) {

package/src/recorder/screenRecorder.ts

@@ -1,5 +1,7 @@
 import { ScreenEvent, RecorderConfig } from '../types'
 import { trace, SpanStatusCode } from '@opentelemetry/api'
+import { Dimensions, AppRegistry } from 'react-native'
+import { captureRef, captureScreen } from 'react-native-view-shot'
 
 export class ScreenRecorder {
   private config?: RecorderConfig
@@ -44,7 +46,6 @@ export class ScreenRecorder {
 
   private _getScreenDimensions(): void {
     try {
-      const { Dimensions } = require('react-native')
       this.screenDimensions = Dimensions.get('window')
     } catch (error) {
       // Failed to get screen dimensions - silently continue
@@ -109,11 +110,8 @@ export class ScreenRecorder {
 
   private async _performScreenCapture(): Promise<string | null> {
     try {
-      // Try react-native-view-shot first
-      const ViewShot = require('react-native-view-shot')
-      if (ViewShot && ViewShot.captureRef) {
-        return await this._captureWithViewShot()
-      }
+      // Try react-native-view-shot screen capture first
+      return await this._captureWithViewShot()
     } catch (error) {
       // react-native-view-shot not available - silently continue
     }
@@ -134,21 +132,9 @@ export class ScreenRecorder {
 
   private async _captureWithViewShot(): Promise<string | null> {
     try {
-      const ViewShot = require('react-native-view-shot')
-
-      // Get the root view reference
-      const { findNodeHandle } = require('react-native')
-      const rootViewRef = this._getRootViewRef()
-
-      if (rootViewRef) {
-        const options = {
-          format: this.captureFormat,
-          quality: this.captureQuality,
-          result: 'data-uri',
-        }
+      // Use captureScreen for full screen capture
 
-        return await ViewShot.captureRef(rootViewRef, options)
-      }
+      return await captureScreen()
     } catch (error) {
       // Failed to capture with ViewShot - silently continue
     }
@@ -158,7 +144,6 @@ export class ScreenRecorder {
   private async _captureWithScreenshot(): Promise<string | null> {
     try {
       const Screenshot = require('react-native-screenshot')
-
       const options = {
         format: this.captureFormat,
         quality: this.captureQuality,
@@ -174,7 +159,6 @@ export class ScreenRecorder {
   private _getRootViewRef(): any {
     try {
       // Try to get the root view reference
-      const { AppRegistry } = require('react-native')
       const appName = AppRegistry.getAppKeys()[0]
       return appName ? { current: null } : null
     } catch (error) {
@@ -269,15 +253,9 @@ export class ScreenRecorder {
     quality?: number
   }): Promise<string | null> {
     try {
-      const ViewShot = require('react-native-view-shot')
 
-      const captureOptions = {
-        format: options?.format || this.captureFormat,
-        quality: options?.quality || this.captureQuality,
-        result: 'data-uri',
-      }
 
-      return await ViewShot.captureRef(elementRef, captureOptions)
+      return await captureRef(elementRef)
     } catch (error) {
       // Failed to capture specific element - silently continue
       return null

package/src/session-recorder.ts

@@ -21,7 +21,7 @@ import { ApiService, StartSessionRequest, StopSessionRequest } from './services/
 // Utility functions for React Native
 
 
-export class SessionRecorder implements ISessionRecorder {
+class SessionRecorder implements ISessionRecorder {
   private _isInitialized = false
   private _configs: SessionRecorderConfigs | null = null
   private _apiService = new ApiService()
@@ -500,53 +500,6 @@ export class SessionRecorder implements ISessionRecorder {
         break
     }
   }
-
-  // Navigation methods
-  setNavigationRef(ref: any): void {
-    if (this._isInitialized) {
-      this._tracer.setNavigationRef(ref)
-      this._recorder.setNavigationRef(ref)
-    }
-  }
-
-  // Gesture methods
-  enableGestureTracking(): void {
-    if (this._isInitialized) {
-      this._tracer.enableGestureTracking()
-    }
-  }
-
-  disableGestureTracking(): void {
-    if (this._isInitialized) {
-      this._tracer.disableGestureTracking()
-    }
-  }
-
-  // Manual recording methods
-  recordTap(x: number, y: number, target?: string): void {
-    if (this._isInitialized) {
-      this._tracer.recordTap(x, y, target)
-    }
-  }
-
-  recordSwipe(direction: string, target?: string): void {
-    if (this._isInitialized) {
-      this._tracer.recordSwipe(direction, target)
-    }
-  }
-
-  recordNavigate(routeName: string, params?: Record<string, any>): void {
-    if (this._isInitialized) {
-      this._tracer.recordNavigate(routeName, params)
-    }
-  }
-
-  recordGoBack(): void {
-    if (this._isInitialized) {
-      this._tracer.recordGoBack()
-    }
-  }
-
   // Session attributes
   setSessionAttribute(key: string, value: any): void {
     if (this._session) {
@@ -557,14 +510,6 @@ export class SessionRecorder implements ISessionRecorder {
       this._session.updatedAt = new Date().toISOString()
     }
   }
-
-
-
-
-  captureException(error: Error, context?: Record<string, any>): void {
-    if (this._isInitialized) {
-      this._tracer.captureException(error, context)
-    }
-  }
-
 }
+
+export default new SessionRecorder()

package/src/utils/platform.ts

@@ -1,4 +1,6 @@
 import { IResourceAttributes } from '../types'
+import Constants from 'expo-constants'
+import { Platform } from 'react-native'
 
 export interface PlatformInfo {
   isExpo: boolean
@@ -12,12 +14,11 @@ export interface PlatformInfo {
 export function detectPlatform(): PlatformInfo {
   try {
     // Check if we're in an Expo environment
-    const expoConstants = require('expo-constants')
-    const isExpo = !!expoConstants.default?.expoVersion || !!expoConstants.expoVersion
+    const isExpo = !!Constants.default?.expoVersion || !!Constants.expoVersion
 
     if (isExpo) {
-      const expoVersion = expoConstants.default?.expoVersion || expoConstants.expoVersion
-      const platform = expoConstants.default?.platform || expoConstants.platform
+      const expoVersion = Constants.default?.expoVersion || Constants.expoVersion
+      const platform = Constants.default?.platform || Constants.platform
 
       return {
         isExpo: true,
@@ -29,8 +30,6 @@ export function detectPlatform(): PlatformInfo {
     }
 
     // Fallback to React Native detection
-    const { Platform } = require('react-native')
-
     return {
       isExpo: false,
       isReactNative: true,

package/src/version.ts

@@ -1 +1 @@
-export const version = "0.0.1-alpha.3"
+export const version = "0.0.1-alpha.5"