@rejourneyco/react-native 1.0.2 → 1.0.4

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,13 +527,13 @@ const Rejourney: RejourneyAPI = {
 
           getNetworkInterceptor().initNetworkInterceptor(
             (request: NetworkRequestParams) => {
-              this.logNetworkRequest(request);
               getAutoTracking().trackAPIRequest(
                 request.success || false,
                 request.statusCode,
                 request.duration || 0,
                 request.responseBodySize || 0
               );
+              Rejourney.logNetworkRequest(request);
             },
             {
               ignoreUrls,
@@ -554,6 +574,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 +598,6 @@ const Rejourney: RejourneyAPI = {
     safeNativeCallSync(
       'logEvent',
       () => {
-        // Fire and forget - don't await
         getRejourneyNative()!.logEvent(name, properties || {}).catch(() => { });
       },
       undefined
@@ -689,7 +713,7 @@ const Rejourney: RejourneyAPI = {
         eventCount: 0,
         videoSegmentCount: 0,
         storageSize: 0,
-        sdkVersion: '1.0.0',
+        sdkVersion: SDK_VERSION,
         isComplete: false,
       },
       events: [],
@@ -719,7 +743,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 +998,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 +1117,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

@@ -2,31 +2,31 @@
  * Rejourney SDK Constants
  */
 
-export const SDK_VERSION = '1.0.0';
+export const SDK_VERSION = '1.0.3';
 
 /** 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 */

package/src/sdk/networkInterceptor.ts

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

package/src/sdk/utils.ts

@@ -236,7 +236,7 @@ export enum LogLevel {
  */
 class Logger {
   private prefix = '[Rejourney]';
-  private debugMode = false;
+
 
   /**
    * Minimum log level to display.
@@ -260,7 +260,6 @@ class Logger {
   }
 
   setDebugMode(enabled: boolean): void {
-    this.debugMode = enabled;
     this.minimumLogLevel = enabled
       ? LogLevel.DEBUG
       : typeof __DEV__ !== 'undefined' && __DEV__
@@ -285,14 +284,26 @@ class Logger {
   /** Log a warning message */
   warn(...args: any[]): void {
     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: any[]): void {
     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);
+      }
     }
   }
 
@@ -307,9 +318,7 @@ class Logger {
    * Only shown in development builds - this is the minimal "SDK started" log.
    */
   logInitSuccess(version: string): void {
-    if (this.debugMode) {
-      this.info(`✓ SDK initialized (v${version})`);
-    }
+    this.notice(`✓ SDK initialized (v${version})`);
   }
 
   /**
@@ -325,9 +334,7 @@ class Logger {
    * Only shown in development builds.
    */
   logSessionStart(sessionId: string): void {
-    if (this.debugMode) {
-      this.info(`Session started: ${sessionId}`);
-    }
+    this.notice(`Session started: ${sessionId}`);
   }
 
   /**
@@ -335,13 +342,11 @@ class Logger {
    * Only shown in development builds.
    */
   logSessionEnd(sessionId: string): void {
-    if (this.debugMode) {
-      this.info(`Session ended: ${sessionId}`);
-    }
+    this.notice(`Session ended: ${sessionId}`);
   }
 
   logObservabilityStart(): void {
-    this.notice('Starting Rejourney observability');
+    this.notice('💧 Starting Rejourney observability');
   }
 
   logRecordingStart(): void {
@@ -359,6 +364,63 @@ class Logger {
   logPackageMismatch(): void {
     this.notice('Bundle ID / package name mismatch');
   }
+
+  /**
+   * Log network request details
+   */
+  logNetworkRequest(request: { method?: string; url?: string; statusCode?: number; duration?: number; error?: string }): void {
+    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: string): void {
+    this.notice(`🤬 Frustration detected: ${kind}`);
+  }
+
+  /**
+   * Log error captured by SDK
+   */
+  logError(message: string): void {
+    this.notice(`X Error captured: ${message}`);
+  }
+
+  /**
+   * Log lifecycle event (Background/Foreground)
+   * Visible in development builds.
+   */
+  logLifecycleEvent(event: string): void {
+    this.notice(`🔄 Lifecycle: ${event}`);
+  }
+
+  /**
+   * Log upload statistics
+   */
+  logUploadStats(metrics: { uploadSuccessCount: number; uploadFailureCount: number; totalBytesUploaded: number }): void {
+    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();