@rejourneyco/react-native 1.0.2 → 1.0.3

package/lib/module/index.js

@@ -86,7 +86,12 @@ function getLogger() {
       logRecordingStart: () => {},
       logRecordingRemoteDisabled: () => {},
       logInvalidProjectKey: () => {},
-      logPackageMismatch: () => {}
+      logPackageMismatch: () => {},
+      logNetworkRequest: () => {},
+      logFrustration: () => {},
+      logError: () => {},
+      logUploadStats: () => {},
+      logLifecycleEvent: () => {}
     };
   }
   try {
@@ -111,7 +116,12 @@ function getLogger() {
       logRecordingStart: () => {},
       logRecordingRemoteDisabled: () => {},
       logInvalidProjectKey: () => {},
-      logPackageMismatch: () => {}
+      logPackageMismatch: () => {},
+      logNetworkRequest: () => {},
+      logFrustration: () => {},
+      logError: () => {},
+      logUploadStats: () => {},
+      logLifecycleEvent: () => {}
     };
   }
 }
@@ -168,6 +178,7 @@ function getAutoTracking() {
 let _isInitialized = false;
 let _isRecording = false;
 let _initializationFailed = false;
+let _metricsInterval = null;
 let _appStateSubscription = null;
 let _authErrorSubscription = null;
 let _currentAppState = 'active'; // Default to active, will be updated on init
@@ -370,18 +381,12 @@ const Rejourney = {
       const apiUrl = _storedConfig.apiUrl || 'https://api.rejourney.co';
       const publicKey = _storedConfig.publicRouteKey || '';
       getLogger().debug(`Calling native startSession (apiUrl=${apiUrl})`);
-
-      // Use user identity if set, otherwise use anonymous device ID
       const deviceId = await getAutoTracking().ensurePersistentAnonymousId();
-
-      // Try to load persisted user identity if not already set in memory
       if (!_userIdentity) {
         _userIdentity = await loadPersistedUserIdentity();
       }
       const userId = _userIdentity || deviceId;
       getLogger().debug(`userId=${userId.substring(0, 8)}...`);
-
-      // Start native session
       const result = await nativeModule.startSession(userId, apiUrl, publicKey);
       getLogger().debug('Native startSession returned:', JSON.stringify(result));
       if (!result?.success) {
@@ -394,10 +399,27 @@ const Rejourney = {
       }
       _isRecording = true;
       getLogger().debug(`✅ Session started: ${result.sessionId}`);
-      // Use lifecycle log for session start - only shown in dev builds
       getLogger().logSessionStart(result.sessionId);
-
-      // Initialize auto tracking features
+      // Start polling for upload stats in dev mode
+      if (__DEV__) {
+        _metricsInterval = setInterval(async () => {
+          if (!_isRecording) {
+            if (_metricsInterval) clearInterval(_metricsInterval);
+            return;
+          }
+          try {
+            const native = getRejourneyNative();
+            if (native) {
+              const metrics = await native.getSDKMetrics();
+              if (metrics) {
+                getLogger().logUploadStats(metrics);
+              }
+            }
+          } catch (e) {
+            getLogger().debug('Failed to fetch metrics:', e);
+          }
+        }, 10000); // Poll more frequently in dev (10s) for better feedback
+      }
       getAutoTracking().initAutoTracking({
         rageTapThreshold: _storedConfig?.rageTapThreshold ?? 3,
         rageTapTimeWindow: _storedConfig?.rageTapTimeWindow ?? 500,
@@ -415,7 +437,7 @@ const Rejourney = {
             x,
             y
           });
-          // logger.debug(`Rage tap detected: ${count} taps at (${x}, ${y})`);
+          getLogger().logFrustration(`Rage tap (${count} taps)`);
         },
         // Error callback - log as error event
         onError: error => {
@@ -424,17 +446,10 @@ const Rejourney = {
             stack: error.stack,
             name: error.name
           });
-          // logger.debug(`Error captured: ${error.message}`);
+          getLogger().logError(error.message);
         },
-        // Screen change callback - log screen change
-        onScreen: (_screenName, _previousScreen) => {
-          // Native module already handles screen changes
-          // This is just for metrics tracking
-          // logger.debug(`Screen changed: ${previousScreen} -> ${screenName}`);
-        }
+        onScreen: (_screenName, _previousScreen) => {}
       });
-
-      // Collect and log device info
       if (_storedConfig?.collectDeviceInfo !== false) {
         try {
           const deviceInfo = await getAutoTracking().collectDeviceInfo();
@@ -443,13 +458,10 @@ const Rejourney = {
           getLogger().warn('Failed to collect device info:', deviceError);
         }
       }
-
-      // Setup automatic network interception
       if (_storedConfig?.autoTrackNetwork !== false) {
         try {
           const ignoreUrls = [apiUrl, '/api/ingest/presign', '/api/ingest/batch/complete', '/api/ingest/session/end', ...(_storedConfig?.networkIgnoreUrls || [])];
           getNetworkInterceptor().initNetworkInterceptor(request => {
-            this.logNetworkRequest(request);
             getAutoTracking().trackAPIRequest(request.success || false, request.statusCode, request.duration || 0, request.responseBodySize || 0);
           }, {
             ignoreUrls,
@@ -481,6 +493,10 @@ const Rejourney = {
       getAutoTracking().cleanupAutoTracking();
       getAutoTracking().resetMetrics();
       await safeNativeCall('stopSession', () => getRejourneyNative().stopSession(), undefined);
+      if (_metricsInterval) {
+        clearInterval(_metricsInterval);
+        _metricsInterval = null;
+      }
       _isRecording = false;
       getLogger().logSessionEnd('current');
     } catch (error) {
@@ -497,7 +513,6 @@ const Rejourney = {
    */
   logEvent(name, properties) {
     safeNativeCallSync('logEvent', () => {
-      // Fire and forget - don't await
       getRejourneyNative().logEvent(name, properties || {}).catch(() => {});
     }, undefined);
   },
@@ -625,7 +640,6 @@ const Rejourney = {
    * @returns Path to export file (not implemented)
    */
   async exportSession(_sessionId) {
-    // Return empty string - actual export should be done from dashboard server
     getLogger().warn('exportSession not implemented - export from dashboard server');
     return '';
   },
@@ -847,8 +861,6 @@ const Rejourney = {
         errorMessage: request.errorMessage,
         cached: request.cached
       };
-
-      // Fire and forget - don't await, this is low priority
       getRejourneyNative().logEvent('network_request', networkEvent).catch(() => {});
     }, undefined);
   },
@@ -945,10 +957,10 @@ function handleAppStateChange(nextAppState) {
   try {
     if (_currentAppState.match(/active/) && nextAppState === 'background') {
       // App going to background - native module handles this automatically
-      getLogger().debug('App moving to background');
+      getLogger().logLifecycleEvent('App moving to background');
     } else if (_currentAppState.match(/inactive|background/) && nextAppState === 'active') {
       // App coming back to foreground
-      getLogger().debug('App returning to foreground');
+      getLogger().logLifecycleEvent('App returning to foreground');
     }
     _currentAppState = nextAppState;
   } catch (error) {

package/lib/module/sdk/autoTracking.js

@@ -452,9 +452,6 @@ function setupNavigationTracking() {
   if (__DEV__) {
     logger.debug('Setting up navigation tracking...');
   }
-
-  // Delay to ensure navigation is initialized - Expo Router needs more time
-  // We retry a few times with increasing delays
   let attempts = 0;
   const maxAttempts = 5;
   const trySetup = () => {

package/lib/module/sdk/networkInterceptor.js

@@ -115,8 +115,6 @@ function queueRequest(request) {
 function flushPendingRequests() {
   flushTimer = null;
   if (!logCallback || pendingCount === 0) return;
-
-  // Process all pending requests
   while (pendingCount > 0) {
     const request = pendingRequests[pendingHead];
     pendingRequests[pendingHead] = null; // Allow GC
@@ -184,14 +182,9 @@ function interceptFetch() {
     if (!shouldSampleRequest(path)) {
       return originalFetch(input, init);
     }
-
-    // Capture start time (only synchronous work)
     const startTime = Date.now();
     const method = (init?.method || 'GET').toUpperCase();
-
-    // Call original fetch
     return originalFetch(input, init).then(response => {
-      // Success - queue the log asynchronously
       queueRequest({
         requestId: `f${startTime}`,
         method,
@@ -242,8 +235,6 @@ function interceptXHR() {
     if (!config.enabled || !logCallback || !data || shouldIgnoreUrl(data.u)) {
       return originalXHRSend.call(this, body);
     }
-
-    // Check sampling
     const {
       path
     } = parseUrlFast(data.u);
@@ -292,8 +283,6 @@ export function initNetworkInterceptor(callback, options) {
  */
 export function disableNetworkInterceptor() {
   config.enabled = false;
-
-  // Flush any pending requests
   if (flushTimer) {
     clearTimeout(flushTimer);
     flushTimer = null;

package/lib/module/sdk/utils.js

@@ -222,7 +222,6 @@ export let LogLevel = /*#__PURE__*/function (LogLevel) {
  */
 class Logger {
   prefix = '[Rejourney]';
-  debugMode = false;
 
   /**
    * Minimum log level to display.
@@ -243,7 +242,6 @@ class Logger {
     this.minimumLogLevel = level;
   }
   setDebugMode(enabled) {
-    this.debugMode = enabled;
     this.minimumLogLevel = enabled ? LogLevel.DEBUG : typeof __DEV__ !== 'undefined' && __DEV__ ? LogLevel.ERROR : LogLevel.SILENT;
   }
 
@@ -264,14 +262,26 @@ class Logger {
   /** Log a warning message */
   warn(...args) {
     if (this.minimumLogLevel <= LogLevel.WARNING) {
-      console.warn(this.prefix, ...args);
+      if (this.minimumLogLevel <= LogLevel.DEBUG) {
+        // Explicit Debug Mode: Show YellowBox
+        console.warn(this.prefix, ...args);
+      } else {
+        // Default Dev Mode: Log to console only, avoid YellowBox
+        console.log(this.prefix, '[WARN]', ...args);
+      }
     }
   }
 
   /** Log an error message */
   error(...args) {
     if (this.minimumLogLevel <= LogLevel.ERROR) {
-      console.error(this.prefix, ...args);
+      if (this.minimumLogLevel <= LogLevel.DEBUG) {
+        // Explicit Debug Mode: Show RedBox
+        console.error(this.prefix, ...args);
+      } else {
+        // Default Dev Mode: Log to console only, avoid RedBox
+        console.log(this.prefix, '[ERROR]', ...args);
+      }
     }
   }
   notice(...args) {
@@ -285,9 +295,7 @@ class Logger {
    * Only shown in development builds - this is the minimal "SDK started" log.
    */
   logInitSuccess(version) {
-    if (this.debugMode) {
-      this.info(`✓ SDK initialized (v${version})`);
-    }
+    this.notice(`✓ SDK initialized (v${version})`);
   }
 
   /**
@@ -303,9 +311,7 @@ class Logger {
    * Only shown in development builds.
    */
   logSessionStart(sessionId) {
-    if (this.debugMode) {
-      this.info(`Session started: ${sessionId}`);
-    }
+    this.notice(`Session started: ${sessionId}`);
   }
 
   /**
@@ -313,12 +319,10 @@ class Logger {
    * Only shown in development builds.
    */
   logSessionEnd(sessionId) {
-    if (this.debugMode) {
-      this.info(`Session ended: ${sessionId}`);
-    }
+    this.notice(`Session ended: ${sessionId}`);
   }
   logObservabilityStart() {
-    this.notice('Starting Rejourney observability');
+    this.notice('💧 Starting Rejourney observability');
   }
   logRecordingStart() {
     this.notice('Starting recording');
@@ -332,6 +336,61 @@ class Logger {
   logPackageMismatch() {
     this.notice('Bundle ID / package name mismatch');
   }
+
+  /**
+   * Log network request details
+   */
+  logNetworkRequest(request) {
+    const statusIcon = request.error || request.statusCode && request.statusCode >= 400 ? '🔴' : '🟢';
+    const method = request.method || 'GET';
+    // Shorten URL to just path if possible
+    let url = request.url || '';
+    try {
+      if (url.startsWith('http')) {
+        const urlObj = new URL(url);
+        url = urlObj.pathname;
+      }
+    } catch {
+      // Keep full URL if parsing fails
+    }
+    const duration = request.duration ? `(${Math.round(request.duration)}ms)` : '';
+    const status = request.statusCode ? `${request.statusCode}` : 'ERR';
+    this.notice(`${statusIcon} [NET] ${status} ${method} ${url} ${duration} ${request.error ? `Error: ${request.error}` : ''}`);
+  }
+
+  /**
+   * Log frustration event (rage taps, etc)
+   */
+  logFrustration(kind) {
+    this.notice(`🤬 Frustration detected: ${kind}`);
+  }
+
+  /**
+   * Log error captured by SDK
+   */
+  logError(message) {
+    this.notice(`X Error captured: ${message}`);
+  }
+
+  /**
+   * Log lifecycle event (Background/Foreground)
+   * Visible in development builds.
+   */
+  logLifecycleEvent(event) {
+    this.notice(`🔄 Lifecycle: ${event}`);
+  }
+
+  /**
+   * Log upload statistics
+   */
+  logUploadStats(metrics) {
+    const success = metrics.uploadSuccessCount;
+    const failed = metrics.uploadFailureCount;
+    const bytes = formatBytes(metrics.totalBytesUploaded);
+
+    // Always show in dev mode for reassurance, even if 0
+    this.notice(`📡 Upload Stats: ${success} success, ${failed} failed (${bytes} uploaded)`);
+  }
 }
 export const logger = new Logger();
 //# sourceMappingURL=utils.js.map

package/lib/typescript/sdk/utils.d.ts

@@ -91,7 +91,6 @@ export declare enum LogLevel {
  */
 declare class Logger {
     private prefix;
-    private debugMode;
     /**
      * Minimum log level to display.
      *
@@ -142,6 +141,37 @@ declare class Logger {
     logRecordingRemoteDisabled(): void;
     logInvalidProjectKey(): void;
     logPackageMismatch(): void;
+    /**
+     * Log network request details
+     */
+    logNetworkRequest(request: {
+        method?: string;
+        url?: string;
+        statusCode?: number;
+        duration?: number;
+        error?: string;
+    }): void;
+    /**
+     * Log frustration event (rage taps, etc)
+     */
+    logFrustration(kind: string): void;
+    /**
+     * Log error captured by SDK
+     */
+    logError(message: string): void;
+    /**
+     * Log lifecycle event (Background/Foreground)
+     * Visible in development builds.
+     */
+    logLifecycleEvent(event: string): void;
+    /**
+     * Log upload statistics
+     */
+    logUploadStats(metrics: {
+        uploadSuccessCount: number;
+        uploadFailureCount: number;
+        totalBytesUploaded: number;
+    }): void;
 }
 export declare const logger: Logger;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rejourneyco/react-native",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "description": "Rejourney Session Recording SDK for React Native",
     "main": "lib/commonjs/index.js",
     "module": "lib/module/index.js",
@@ -47,9 +47,21 @@
     },
     "keywords": [
         "react-native",
-        "session-recording",
-        "analytics",
-        "replay"
+        "session-replay",
+        "observability",
+        "error-tracking",
+        "crash-reporting",
+        "anr-reporting",
+        "api-monitoring",
+        "alerting",
+        "mobile-analytics",
+        "mobile-observability",
+        "mobile-error-tracking",
+        "mobile-crash-reporting",
+        "mobile-anr-reporting",
+        "mobile-api-monitoring",
+        "mobile-performance-monitoring",
+        "mobile-user-behavior-analytics"
     ],
     "repository": {
         "type": "git",

package/src/index.ts

@@ -100,6 +100,11 @@ function getLogger() {
       logRecordingRemoteDisabled: () => { },
       logInvalidProjectKey: () => { },
       logPackageMismatch: () => { },
+      logNetworkRequest: () => { },
+      logFrustration: () => { },
+      logError: () => { },
+      logUploadStats: () => { },
+      logLifecycleEvent: () => { },
     };
   }
 
@@ -126,6 +131,11 @@ function getLogger() {
       logRecordingRemoteDisabled: () => { },
       logInvalidProjectKey: () => { },
       logPackageMismatch: () => { },
+      logNetworkRequest: () => { },
+      logFrustration: () => { },
+      logError: () => { },
+      logUploadStats: () => { },
+      logLifecycleEvent: () => { },
     };
   }
 }
@@ -194,6 +204,7 @@ function getAutoTracking() {
 let _isInitialized = false;
 let _isRecording = false;
 let _initializationFailed = false;
+let _metricsInterval: ReturnType<typeof setInterval> | null = null;
 let _appStateSubscription: { remove: () => void } | null = null;
 let _authErrorSubscription: { remove: () => void } | null = null;
 let _currentAppState: string = 'active'; // Default to active, will be updated on init
@@ -415,10 +426,8 @@ const Rejourney: RejourneyAPI = {
 
       getLogger().debug(`Calling native startSession (apiUrl=${apiUrl})`);
 
-      // Use user identity if set, otherwise use anonymous device ID
       const deviceId = await getAutoTracking().ensurePersistentAnonymousId();
 
-      // Try to load persisted user identity if not already set in memory
       if (!_userIdentity) {
         _userIdentity = await loadPersistedUserIdentity();
       }
@@ -426,7 +435,6 @@ const Rejourney: RejourneyAPI = {
       const userId = _userIdentity || deviceId;
       getLogger().debug(`userId=${userId.substring(0, 8)}...`);
 
-      // Start native session
       const result = await nativeModule.startSession(userId, apiUrl, publicKey);
       getLogger().debug('Native startSession returned:', JSON.stringify(result));
 
@@ -441,10 +449,28 @@ const Rejourney: RejourneyAPI = {
 
       _isRecording = true;
       getLogger().debug(`✅ Session started: ${result.sessionId}`);
-      // Use lifecycle log for session start - only shown in dev builds
       getLogger().logSessionStart(result.sessionId);
+      // Start polling for upload stats in dev mode
+      if (__DEV__) {
+        _metricsInterval = setInterval(async () => {
+          if (!_isRecording) {
+            if (_metricsInterval) clearInterval(_metricsInterval);
+            return;
+          }
+          try {
+            const native = getRejourneyNative();
+            if (native) {
+              const metrics = await native.getSDKMetrics();
+              if (metrics) {
+                getLogger().logUploadStats(metrics);
+              }
+            }
+          } catch (e) {
+            getLogger().debug('Failed to fetch metrics:', e);
+          }
+        }, 10000); // Poll more frequently in dev (10s) for better feedback
+      }
 
-      // Initialize auto tracking features
       getAutoTracking().initAutoTracking(
         {
           rageTapThreshold: _storedConfig?.rageTapThreshold ?? 3,
@@ -464,7 +490,7 @@ const Rejourney: RejourneyAPI = {
               x,
               y,
             });
-            // logger.debug(`Rage tap detected: ${count} taps at (${x}, ${y})`);
+            getLogger().logFrustration(`Rage tap (${count} taps)`);
           },
           // Error callback - log as error event
           onError: (error: { message: string; stack?: string; name?: string }) => {
@@ -473,18 +499,13 @@ const Rejourney: RejourneyAPI = {
               stack: error.stack,
               name: error.name,
             });
-            // logger.debug(`Error captured: ${error.message}`);
+            getLogger().logError(error.message);
           },
-          // Screen change callback - log screen change
           onScreen: (_screenName: string, _previousScreen?: string) => {
-            // Native module already handles screen changes
-            // This is just for metrics tracking
-            // logger.debug(`Screen changed: ${previousScreen} -> ${screenName}`);
           },
         }
       );
 
-      // Collect and log device info
       if (_storedConfig?.collectDeviceInfo !== false) {
         try {
           const deviceInfo = await getAutoTracking().collectDeviceInfo();
@@ -494,7 +515,6 @@ const Rejourney: RejourneyAPI = {
         }
       }
 
-      // Setup automatic network interception
       if (_storedConfig?.autoTrackNetwork !== false) {
         try {
           const ignoreUrls: (string | RegExp)[] = [
@@ -507,7 +527,6 @@ const Rejourney: RejourneyAPI = {
 
           getNetworkInterceptor().initNetworkInterceptor(
             (request: NetworkRequestParams) => {
-              this.logNetworkRequest(request);
               getAutoTracking().trackAPIRequest(
                 request.success || false,
                 request.statusCode,
@@ -554,6 +573,11 @@ const Rejourney: RejourneyAPI = {
 
       await safeNativeCall('stopSession', () => getRejourneyNative()!.stopSession(), undefined);
 
+      if (_metricsInterval) {
+        clearInterval(_metricsInterval);
+        _metricsInterval = null;
+      }
+
       _isRecording = false;
       getLogger().logSessionEnd('current');
     } catch (error) {
@@ -573,7 +597,6 @@ const Rejourney: RejourneyAPI = {
     safeNativeCallSync(
       'logEvent',
       () => {
-        // Fire and forget - don't await
         getRejourneyNative()!.logEvent(name, properties || {}).catch(() => { });
       },
       undefined
@@ -719,7 +742,6 @@ const Rejourney: RejourneyAPI = {
    * @returns Path to export file (not implemented)
    */
   async exportSession(_sessionId: string): Promise<string> {
-    // Return empty string - actual export should be done from dashboard server
     getLogger().warn('exportSession not implemented - export from dashboard server');
     return '';
   },
@@ -975,7 +997,6 @@ const Rejourney: RejourneyAPI = {
           cached: request.cached,
         };
 
-        // Fire and forget - don't await, this is low priority
         getRejourneyNative()!.logEvent('network_request', networkEvent).catch(() => { });
       },
       undefined
@@ -1095,10 +1116,10 @@ function handleAppStateChange(nextAppState: string): void {
   try {
     if (_currentAppState.match(/active/) && nextAppState === 'background') {
       // App going to background - native module handles this automatically
-      getLogger().debug('App moving to background');
+      getLogger().logLifecycleEvent('App moving to background');
     } else if (_currentAppState.match(/inactive|background/) && nextAppState === 'active') {
       // App coming back to foreground
-      getLogger().debug('App returning to foreground');
+      getLogger().logLifecycleEvent('App returning to foreground');
     }
     _currentAppState = nextAppState;
   } catch (error) {

package/src/sdk/autoTracking.ts

@@ -572,8 +572,6 @@ function setupNavigationTracking(): void {
     logger.debug('Setting up navigation tracking...');
   }
 
-  // Delay to ensure navigation is initialized - Expo Router needs more time
-  // We retry a few times with increasing delays
   let attempts = 0;
   const maxAttempts = 5;
 

package/src/sdk/constants.ts

@@ -7,26 +7,26 @@ export const SDK_VERSION = '1.0.0';
 /** Default configuration values */
 export const DEFAULT_CONFIG = {
   enabled: true,
-  captureFPS: 0.5, 
-  captureOnEvents: true, 
-  maxSessionDuration: 10 * 60 * 1000, 
-  maxStorageSize: 50 * 1024 * 1024, 
+  captureFPS: 0.5,
+  captureOnEvents: true,
+  maxSessionDuration: 10 * 60 * 1000,
+  maxStorageSize: 50 * 1024 * 1024,
   autoScreenTracking: true,
   autoGestureTracking: true,
   privacyOcclusion: true,
   enableCompression: true,
-  inactivityThreshold: 5000, 
+  inactivityThreshold: 5000,
   disableInDev: false,
   detectRageTaps: true,
   rageTapThreshold: 3,
-  rageTapTimeWindow: 1000, 
+  rageTapTimeWindow: 1000,
   debug: false,
   autoStartRecording: true,
-  collectDeviceInfo: true, 
-  collectGeoLocation: true, 
-  postNavigationDelay: 300, 
-  postGestureDelay: 200, 
-  postModalDelay: 400, 
+  collectDeviceInfo: true,
+  collectGeoLocation: true,
+  postNavigationDelay: 300,
+  postGestureDelay: 200,
+  postModalDelay: 400,
 } as const;
 
 /** Event type constants */
@@ -61,8 +61,8 @@ export const CAPTURE_SETTINGS = {
   DEFAULT_FPS: 0.5,
   MIN_FPS: 0.1,
   MAX_FPS: 2,
-  CAPTURE_SCALE: 0.25, 
-  MIN_CAPTURE_DELTA_TIME: 0.5, 
+  CAPTURE_SCALE: 0.25,
+  MIN_CAPTURE_DELTA_TIME: 0.5,
 } as const;
 
 /** Memory management settings */