fix(mobile): integrate NewRelic monitoring with comprehensive logging

- Fix NewRelic initialization by accessing default export from module
- Add NewRelic React Native Agent plugin to Expo config
- Configure NewRelic Android Gradle plugin (v7.6.1) for native integration
- Implement centralized logger with automatic user context tracking
- Automatically includes context in all logs and events
- Integrates with authentication flow for session management

- Custom events for key user actions:
- sign_in_success, sign_up_verification_sent, sign_up_complete
- master_password_setup, master_password_unlocked
- note_created, note_updated (with metadata)

Author: batalabs

apps/mobile/v1/app.json

@@ -2,7 +2,7 @@
   "expo": {
     "name": "Typelets",
     "slug": "typelets",
-    "version": "1.22.5",
+    "version": "1.22.6",
     "orientation": "default",
     "icon": "./assets/images/icon.png",
     "scheme": "typelets",
@@ -58,6 +58,7 @@
     },
     "plugins": [
       "expo-router",
+      "newrelic-react-native-agent",
       [
         "expo-splash-screen",
         {

apps/mobile/v1/index.js

@@ -3,7 +3,8 @@ import { APP_VERSION } from './src/constants/version';
 
 // Initialize New Relic with error handling
 try {
-  const NewRelic = require('newrelic-react-native-agent');
+  const NewRelicModule = require('newrelic-react-native-agent');
+  const NewRelic = NewRelicModule.default || NewRelicModule;
 
   if (NewRelic && NewRelic.startAgent) {
     let appToken;
@@ -56,10 +57,21 @@ try {
     NewRelic.startAgent(appToken, agentConfiguration);
     NewRelic.setJSAppVersion(APP_VERSION);
 
-    console.log('[New Relic] Agent started successfully with version:', APP_VERSION);
-    console.log('[New Relic] Platform:', Platform.OS);
+    if (__DEV__) {
+      console.log('[New Relic] Agent started successfully with version:', APP_VERSION);
+      console.log('[New Relic] Platform:', Platform.OS);
+    }
+
+    // Send initialization log to NewRelic
+    if (NewRelic.logInfo) {
+      NewRelic.logInfo('NewRelic agent initialized', {
+        platform: Platform.OS,
+        version: APP_VERSION,
+        timestamp: new Date().toISOString(),
+      });
+    }
   } else {
-    console.warn('[New Relic] Agent module not available');
+    console.warn('[New Relic] Agent module loaded but startAgent not available');
   }
 } catch (error) {
   console.warn('[New Relic] Failed to initialize:', error.message);

apps/mobile/v1/package.json

@@ -1,7 +1,7 @@
 {
   "name": "v1",
   "main": "index.js",
-  "version": "1.22.5",
+  "version": "1.22.6",
   "scripts": {
     "start": "expo start",
     "reset-project": "node ./scripts/reset-project.js",

apps/mobile/v1/src/components/AppWrapper.tsx

@@ -5,6 +5,7 @@ import { useTheme } from '../theme';
 import AuthScreen from '../screens/AuthScreen';
 import { MasterPasswordScreen } from './MasterPasswordDialog';
 import { useMasterPassword } from '../hooks/useMasterPassword';
+import { logger } from '../lib/logger';
 
 interface AppWrapperProps {
   children: React.ReactNode;
@@ -37,6 +38,30 @@ export const AppWrapper: React.FC<AppWrapperProps> = ({ children }) => {
     return () => clearTimeout(timer);
   }, [isLoading]);
 
+  // Track user authentication state in logger and New Relic
+  useEffect(() => {
+    if (isSignedIn && user?.id) {
+      // User is signed in - set user ID and session attributes
+      logger.setUserId(user.id);
+      logger.setSessionAttributes({
+        email: user.primaryEmailAddress?.emailAddress,
+        username: user.username,
+        isSignedIn: true,
+      });
+
+      logger.info('User signed in', {
+        attributes: {
+          userId: user.id,
+          email: user.primaryEmailAddress?.emailAddress,
+        },
+      });
+    } else if (!isSignedIn) {
+      // User signed out - clear session
+      logger.info('User signed out');
+      logger.clearSessionAttributes();
+    }
+  }, [isSignedIn, user?.id, user?.primaryEmailAddress?.emailAddress, user?.username]);
+
   if (__DEV__) {
     console.log('AppWrapper Auth status:', {
       isSignedIn,

apps/mobile/v1/src/components/ErrorBoundary.tsx

@@ -1,6 +1,7 @@
 import React, { Component, ErrorInfo, ReactNode } from 'react';
 import { View, Text, StyleSheet, TouchableOpacity, ScrollView } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
+import { logger } from '../lib/logger';
 
 interface Props {
   children: ReactNode;
@@ -32,19 +33,24 @@ class ErrorBoundary extends Component<Props, State> {
   }
 
   componentDidCatch(error: Error, errorInfo: ErrorInfo) {
-    // Log error details in development
-    if (__DEV__) {
-      console.error('ErrorBoundary caught an error:', error, errorInfo);
-    }
-
     // Update state with error details
     this.setState({
       error,
       errorInfo,
     });
 
-    // Here you could also log to an error reporting service like Sentry
-    // Example: Sentry.captureException(error, { contexts: { react: { componentStack: errorInfo.componentStack } } });
+    // Log React error to NewRelic with component stack
+    logger.error('React component error', error, {
+      attributes: {
+        componentStack: errorInfo.componentStack,
+        errorBoundary: true,
+      },
+    });
+
+    // Log to console in development
+    if (__DEV__) {
+      console.error('ErrorBoundary caught an error:', error, errorInfo);
+    }
   }
 
   handleReset = () => {

apps/mobile/v1/src/hooks/useMasterPassword.ts

@@ -8,6 +8,7 @@ import {
   unlockWithMasterPassword,
   clearUserEncryptionData,
 } from '../lib/encryption';
+import { logger } from '../lib/logger';
 
 // Global function to force all hook instances to refresh
 export function forceGlobalMasterPasswordRefresh() {
@@ -60,7 +61,11 @@ export function useMasterPassword() {
 
       setLastCheckTime(Date.now());
     } catch (error) {
-      if (__DEV__) console.error('Error checking master password status:', error);
+      logger.error('Error checking master password status', error as Error, {
+        attributes: {
+          userId,
+        },
+      });
       // On error, assume needs setup
       setIsNewSetup(true);
       setNeedsUnlock(true);
@@ -99,12 +104,23 @@ export function useMasterPassword() {
       if (isNewSetup) {
         // Setting up new master password
         await setupMasterPassword(password, userId);
+        logger.recordEvent('master_password_setup', {
+          userId,
+        });
       } else {
         // Unlocking with existing password
         const success = await unlockWithMasterPassword(password, userId);
         if (!success) {
+          logger.warn('Invalid master password attempt', {
+            attributes: {
+              userId,
+            },
+          });
           throw new Error('Invalid password');
         }
+        logger.recordEvent('master_password_unlocked', {
+          userId,
+        });
       }
 
       // Successfully authenticated - update state
@@ -122,7 +138,11 @@ export function useMasterPassword() {
       try {
         await clearUserEncryptionData(userId);
       } catch (error) {
-        if (__DEV__) console.error('Error clearing encryption data:', error);
+        logger.error('Error clearing encryption data on sign out', error as Error, {
+          attributes: {
+            userId,
+          },
+        });
       }
     }
   };

apps/mobile/v1/src/lib/encryption/EncryptionService.ts

@@ -11,6 +11,7 @@ import { encryptWithAESGCM, decryptWithAESGCM } from './core/aes';
 import { deriveEncryptionKey } from './core/keyDerivation';
 import { getUserSecret, getMasterKey, clearUserStorageData } from './storage/secureStorage';
 import { DecryptionCache } from './storage/cache';
+import { logger } from '../logger';
 
 export class MobileEncryptionService {
   private cache: DecryptionCache;
@@ -161,9 +162,11 @@ export class MobileEncryptionService {
    * Clear all data for a user
    */
   async clearUserData(userId: string): Promise<void> {
-    if (__DEV__) {
-      console.log('🗑️ Starting clearUserData for user:', userId);
-    }
+    logger.info('Clearing user encryption data', {
+      attributes: {
+        userId,
+      },
+    });
 
     // Clear storage
     await clearUserStorageData(userId);
@@ -174,9 +177,11 @@ export class MobileEncryptionService {
     // Reset master password mode
     this.masterPasswordMode = false;
 
-    if (__DEV__) {
-      console.log('✅ clearUserData completed');
-    }
+    logger.info('User encryption data cleared successfully', {
+      attributes: {
+        userId,
+      },
+    });
   }
 
   /**