@rejourneyco/react-native 1.0.1 → 1.0.3

package/lib/commonjs/sdk/utils.js

@@ -243,7 +243,6 @@ let LogLevel = exports.LogLevel = /*#__PURE__*/function (LogLevel) {
  */
 class Logger {
   prefix = '[Rejourney]';
-  debugMode = false;
 
   /**
    * Minimum log level to display.
@@ -264,7 +263,6 @@ class Logger {
     this.minimumLogLevel = level;
   }
   setDebugMode(enabled) {
-    this.debugMode = enabled;
     this.minimumLogLevel = enabled ? LogLevel.DEBUG : typeof __DEV__ !== 'undefined' && __DEV__ ? LogLevel.ERROR : LogLevel.SILENT;
   }
 
@@ -285,14 +283,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) {
@@ -301,19 +311,12 @@ class Logger {
     }
   }
 
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-  // Lifecycle Logs - Industry standard minimal logging
-  // These are the only logs integrators will see in debug builds
-  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
   /**
    * Log SDK initialization success.
    * 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})`);
   }
 
   /**
@@ -329,9 +332,7 @@ class Logger {
    * Only shown in development builds.
    */
   logSessionStart(sessionId) {
-    if (this.debugMode) {
-      this.info(`Session started: ${sessionId}`);
-    }
+    this.notice(`Session started: ${sessionId}`);
   }
 
   /**
@@ -339,12 +340,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');
@@ -358,6 +357,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)`);
+  }
 }
 const logger = exports.logger = new Logger();
 //# sourceMappingURL=utils.js.map

package/lib/module/components/Mask.js

@@ -24,7 +24,6 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
  * ```
  */
 import React from 'react';
-// Lazy-loaded React Native modules
 let _RN = null;
 function getRN() {
   if (_RN) return _RN;
@@ -48,8 +47,6 @@ export const Mask = ({
   ...props
 }) => {
   const RN = getRN();
-
-  // If RN isn't loaded yet (shouldn't happen in practice), render children directly
   if (!RN) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
@@ -58,9 +55,7 @@ export const Mask = ({
     StyleSheet
   } = RN;
   const styles = StyleSheet.create({
-    container: {
-      // Minimal container style - doesn't affect layout
-    }
+    container: {}
   });
   return /*#__PURE__*/React.createElement(View, _extends({}, props, {
     style: [styles.container, style],

package/lib/module/index.js

@@ -67,13 +67,10 @@ function getReactNative() {
     return null;
   }
 }
-
-// Lazy-loaded logger
 let _logger = null;
 function getLogger() {
   if (_logger) return _logger;
   if (_sdkDisabled) {
-    // Return a no-op logger if SDK is disabled
     return {
       debug: () => {},
       info: console.log.bind(console, '[Rejourney]'),
@@ -89,7 +86,12 @@ function getLogger() {
       logRecordingStart: () => {},
       logRecordingRemoteDisabled: () => {},
       logInvalidProjectKey: () => {},
-      logPackageMismatch: () => {}
+      logPackageMismatch: () => {},
+      logNetworkRequest: () => {},
+      logFrustration: () => {},
+      logError: () => {},
+      logUploadStats: () => {},
+      logLifecycleEvent: () => {}
     };
   }
   try {
@@ -114,7 +116,12 @@ function getLogger() {
       logRecordingStart: () => {},
       logRecordingRemoteDisabled: () => {},
       logInvalidProjectKey: () => {},
-      logPackageMismatch: () => {}
+      logPackageMismatch: () => {},
+      logNetworkRequest: () => {},
+      logFrustration: () => {},
+      logError: () => {},
+      logUploadStats: () => {},
+      logLifecycleEvent: () => {}
     };
   }
 }
@@ -152,7 +159,7 @@ const noopAutoTracking = {
   notifyStateChange: () => {},
   getSessionMetrics: () => ({}),
   resetMetrics: () => {},
-  collectDeviceInfo: () => ({}),
+  collectDeviceInfo: async () => ({}),
   ensurePersistentAnonymousId: async () => 'anonymous'
 };
 function getAutoTracking() {
@@ -171,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
@@ -193,7 +201,7 @@ async function loadPersistedUserIdentity() {
 
     // NATIVE STORAGE: Read directly from SharedPreferences/NSUserDefaults
     return await nativeModule.getUserIdentity();
-  } catch (e) {
+  } catch {
     return null;
   }
 }
@@ -213,9 +221,7 @@ let _runtimeReady = false;
 function isRuntimeReady() {
   if (_runtimeReady) return true;
   try {
-    // Try to access a core module to verify runtime is ready
     const RN = require('react-native');
-    // If we can access NativeModules without error, runtime is ready
     if (RN.NativeModules) {
       _runtimeReady = true;
       return true;
@@ -298,12 +304,9 @@ function getRejourneyNative() {
       }
     }
   } catch (error) {
-    // If any access fails, log and return null
     getLogger().warn('Rejourney: Failed to access native modules:', error);
     _rejourneyNative = null;
   }
-
-  // Ensure we never return undefined - convert to null
   if (_rejourneyNative === undefined) {
     _rejourneyNative = null;
   }
@@ -378,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) {
@@ -402,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,
@@ -423,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 => {
@@ -432,46 +446,31 @@ 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 = getAutoTracking().collectDeviceInfo();
+          const deviceInfo = await getAutoTracking().collectDeviceInfo();
           this.logEvent('device_info', deviceInfo);
         } catch (deviceError) {
           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,
             captureSizes: _storedConfig?.networkCaptureSizes !== false
           });
-
-          // logger.debug('Network interception enabled');
         } catch (networkError) {
           getLogger().warn('Failed to setup network interception:', networkError);
         }
       }
-
-      // logger.debug('Auto tracking enabled');
-
       return true;
     } catch (error) {
       getLogger().error('Failed to start recording:', error);
@@ -488,17 +487,17 @@ const Rejourney = {
       return;
     }
     try {
-      // Get session metrics before stopping
       const metrics = getAutoTracking().getSessionMetrics();
       this.logEvent('session_metrics', metrics);
-
-      // Cleanup
       getNetworkInterceptor().disableNetworkInterceptor();
       getAutoTracking().cleanupAutoTracking();
       getAutoTracking().resetMetrics();
       await safeNativeCall('stopSession', () => getRejourneyNative().stopSession(), undefined);
+      if (_metricsInterval) {
+        clearInterval(_metricsInterval);
+        _metricsInterval = null;
+      }
       _isRecording = false;
-      // Use lifecycle log for session end - only shown in dev builds
       getLogger().logSessionEnd('current');
     } catch (error) {
       getLogger().error('Failed to stop recording:', error);
@@ -514,7 +513,6 @@ const Rejourney = {
    */
   logEvent(name, properties) {
     safeNativeCallSync('logEvent', () => {
-      // Fire and forget - don't await
       getRejourneyNative().logEvent(name, properties || {}).catch(() => {});
     }, undefined);
   },
@@ -530,9 +528,6 @@ const Rejourney = {
   setUserIdentity(userId) {
     _userIdentity = userId;
     persistUserIdentity(userId).catch(() => {});
-    // logger.debug(`User identity set: ${userId}`);
-
-    // If recording is active, update the native module immediately
     if (_isRecording && getRejourneyNative()) {
       safeNativeCallSync('setUserIdentity', () => {
         getRejourneyNative().setUserIdentity(userId).catch(() => {});
@@ -546,9 +541,6 @@ const Rejourney = {
   clearUserIdentity() {
     _userIdentity = null;
     persistUserIdentity(null).catch(() => {});
-    // logger.debug('User identity cleared');
-
-    // If recording is active, update the native module immediately  
     if (_isRecording && getRejourneyNative()) {
       safeNativeCallSync('setUserIdentity', () => {
         getRejourneyNative().setUserIdentity('anonymous').catch(() => {});
@@ -562,10 +554,7 @@ const Rejourney = {
    * @param params - Optional screen parameters
    */
   tagScreen(screenName, _params) {
-    // Track screen for metrics and funnel tracking
     getAutoTracking().trackScreen(screenName);
-
-    // Notify state change (kept for API compatibility)
     getAutoTracking().notifyStateChange();
     safeNativeCallSync('tagScreen', () => {
       getRejourneyNative().screenChanged(screenName).catch(() => {});
@@ -651,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 '';
   },
@@ -743,10 +731,6 @@ const Rejourney = {
     getAutoTracking().trackScroll();
     await safeNativeCall('onScroll', () => getRejourneyNative().onScroll(scrollOffset), undefined);
   },
-  // ========================================================================
-  // OAuth / External URL Tracking
-  // ========================================================================
-
   /**
    * Notify the SDK that an OAuth flow is starting
    * 
@@ -877,15 +861,9 @@ 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);
   },
-  // ========================================================================
-  // SDK Telemetry / Observability
-  // ========================================================================
-
   /**
    * Get SDK telemetry metrics for observability
    * 
@@ -933,10 +911,6 @@ const Rejourney = {
       getLogger().warn('debugTriggerANR is only available in development mode');
     }
   },
-  // ========================================================================
-  // Privacy / View Masking
-  // ========================================================================
-
   /**
    * Mask a view by its nativeID prop (will be occluded in recordings)
    * 
@@ -972,10 +946,6 @@ const Rejourney = {
   }
 };
 
-// =============================================================================
-// Automatic Lifecycle Management
-// =============================================================================
-
 /**
  * Handle app state changes for automatic session management
  * - Pauses recording when app goes to background
@@ -987,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) {
@@ -1006,20 +976,13 @@ function setupLifecycleManagement() {
   if (_sdkDisabled) return;
   const RN = getReactNative();
   if (!RN) return;
-
-  // Remove any existing subscription
   if (_appStateSubscription) {
     _appStateSubscription.remove();
     _appStateSubscription = null;
   }
   try {
-    // Get current app state
     _currentAppState = RN.AppState.currentState || 'active';
-
-    // Subscribe to app state changes
     _appStateSubscription = RN.AppState.addEventListener('change', handleAppStateChange);
-
-    // Setup auth error listener from native module
     setupAuthErrorListener();
     getLogger().debug('Lifecycle management enabled');
   } catch (error) {
@@ -1042,9 +1005,6 @@ function setupAuthErrorListener() {
   try {
     const nativeModule = getRejourneyNative();
     if (nativeModule) {
-      // RN warns if a non-null module is passed without addListener/removeListeners.
-      // Our native module may not implement these no-op methods yet, so only pass
-      // the module when those hooks exist; otherwise use the global emitter.
       const maybeAny = nativeModule;
       const hasEventEmitterHooks = typeof maybeAny?.addListener === 'function' && typeof maybeAny?.removeListeners === 'function';
       const eventEmitter = hasEventEmitterHooks ? new RN.NativeEventEmitter(maybeAny) : new RN.NativeEventEmitter();
@@ -1055,11 +1015,7 @@ function setupAuthErrorListener() {
         } else if (error?.code === 404) {
           getLogger().logInvalidProjectKey();
         }
-
-        // Update SDK state - recording has been stopped by native
         _isRecording = false;
-
-        // Call user's error handler if provided
         if (_storedConfig?.onAuthError) {
           try {
             _storedConfig.onAuthError(error);
@@ -1070,7 +1026,6 @@ function setupAuthErrorListener() {
       });
     }
   } catch (error) {
-    // Event emitter not available on this platform - that's OK
     getLogger().debug('Auth error listener not available:', error);
   }
 }
@@ -1089,10 +1044,6 @@ function cleanupLifecycleManagement() {
   }
 }
 
-// =============================================================================
-// Simple Initialization API
-// =============================================================================
-
 /**
  * Initialize Rejourney SDK - STEP 1 of 3
  * 
@@ -1122,14 +1073,11 @@ function cleanupLifecycleManagement() {
  * ```
  */
 export function initRejourney(publicRouteKey, options) {
-  // Validate public route key
   if (!publicRouteKey || typeof publicRouteKey !== 'string') {
     getLogger().warn('Rejourney: Invalid public route key provided. SDK will be disabled.');
     _initializationFailed = true;
     return;
   }
-
-  // Store config for later use
   _storedConfig = {
     ...options,
     publicRouteKey
@@ -1183,8 +1131,6 @@ export function startRejourney() {
   }
   getLogger().logRecordingStart();
   getLogger().debug('Starting session...');
-
-  // Fire and forget - don't block the caller
   (async () => {
     try {
       const started = await Rejourney._startSession();
@@ -1216,19 +1162,9 @@ export function stopRejourney() {
   }
 }
 export default Rejourney;
-
-// Export types
 export * from './types';
-
-// Export auto tracking utilities for advanced usage
-// These are used internally but can be called manually if needed
 export { trackTap, trackScroll, trackGesture, trackInput, trackScreen, captureError, getSessionMetrics } from './sdk/autoTracking';
-
-// Navigation
 export { trackNavigationState, useNavigationTracking } from './sdk/autoTracking';
-
-// Re-export LogLevel enum from utils
-// Note: This is safe because the enum itself doesn't trigger react-native imports
 export { LogLevel } from './sdk/utils';
 
 /**
@@ -1262,17 +1198,5 @@ export { LogLevel } from './sdk/utils';
 export function setLogLevel(level) {
   getLogger().setLogLevel(level);
 }
-
-// Note: Components and hooks removed in new engine
-// Session replay now handled by dashboard web UI
-// export { RejourneyReplay } from './components/replay/RejourneyReplay';
-// export { GestureTracker } from './components/GestureTracker';
-// export { SessionList } from './components/SessionList';
-// export { useRejourney } from './hooks/useRejourney';
-// export { useReplay } from './hooks/useReplay';
-
-// Note: SDK managers removed in new engine - all functionality handled by native module
-
-// Export Mask component
 export { Mask } from './components/Mask';
 //# sourceMappingURL=index.js.map