feat: integrate Sentry monitoring and improve error handling

Web App:
- Add Sentry error tracking with performance monitoring and session replay
- Configure automatic source maps upload for production builds
- Add Sentry Error Boundary for React component error handling
- Sync user context with Clerk for better error attribution
- Improve session expiration handling with retry logic and user-friendly messages
- Add iOS App Store redirect for mobile web visitors

Mobile App:
- Replace New Relic with Sentry for unified error tracking
- Configure Sentry React Native SDK with native crash reporting
- Add performance monitoring and automatic session tracking
- Update Expo config with Sentry plugin for source maps

Infrastructure:
- Add Sentry Vite plugin for release management
- Configure environment variables for Sentry auth and organization
- Enable release tracking with version information
- Add source map generation for production builds

Author: batalabs

.env.example

@@ -10,3 +10,12 @@ VITE_API_URL=http://localhost:3000/api
 
 # Optional
 VITE_APP_NAME=Typelets
+
+# Sentry Error Tracking - Get your DSN from https://sentry.io
+VITE_SENTRY_DSN=your_sentry_dsn_here
+
+# Sentry Release Configuration (for source maps upload)
+# Get auth token from https://sentry.io/settings/account/api/auth-tokens/
+SENTRY_AUTH_TOKEN=your_sentry_auth_token_here
+SENTRY_ORG=your_sentry_org
+SENTRY_PROJECT=your_sentry_project

apps/mobile/v1/app.json

@@ -8,20 +8,6 @@
     "scheme": "typelets",
     "userInterfaceStyle": "automatic",
     "description": "Secure, encrypted note-taking app with seamless sync across all your devices. Organize your thoughts with folders, encrypt sensitive content, and access your notes anywhere. Your data, your privacy.",
-    "keywords": [
-      "notes",
-      "notepad",
-      "encrypted",
-      "secure",
-      "sync",
-      "productivity",
-      "writing",
-      "journal",
-      "documents",
-      "typelets"
-    ],
-    "privacy": "public",
-    "privacyPolicyUrl": "https://app.typelets.com/privacy",
     "platforms": [
       "ios",
       "android"
@@ -48,7 +34,6 @@
         "monochromeImage": "./assets/images/android-icon-monochrome.png"
       },
       "edgeToEdgeEnabled": true,
-      "predictiveBackGestureEnabled": false,
       "permissions": [
         "INTERNET",
         "ACCESS_NETWORK_STATE"
@@ -60,7 +45,7 @@
     },
     "plugins": [
       "expo-router",
-      "newrelic-react-native-agent",
+      "@sentry/react-native/expo",
       [
         "expo-splash-screen",
         {
@@ -86,7 +71,6 @@
     "runtimeVersion": {
       "policy": "appVersion"
     },
-    "owner": "typelets",
-    "category": "productivity"
+    "owner": "typelets"
   }
 }

apps/mobile/v1/index.js

@@ -1,80 +1,40 @@
+import 'expo-router/entry';
+
 import { Platform } from 'react-native';
+import * as Sentry from '@sentry/react-native';
+import Constants from 'expo-constants';
 import { APP_VERSION } from './src/constants/version';
 
-// Initialize New Relic with error handling
-try {
-  const NewRelicModule = require('newrelic-react-native-agent');
-  const NewRelic = NewRelicModule.default || NewRelicModule;
-
-  if (NewRelic && NewRelic.startAgent) {
-    let appToken;
-
-    if (Platform.OS === 'ios') {
-      appToken = 'AAc3e01a8a8dfd3e2fef5e493052472740f6b4efab-NRMA';
-    } else {
-      appToken = 'AA29e5cbf5c69abe369e2ceed761a18688dbc00d91-NRMA';
-    }
-
-    const agentConfiguration = {
-      // Android Specific
-      // Optional: Enable or disable collection of event data.
-      analyticsEventEnabled: true,
-
-      // Optional: Enable or disable crash reporting.
-      crashReportingEnabled: true,
-
-      // Optional: Enable or disable interaction tracing. Trace instrumentation still occurs, but no traces are harvested.
-      // This will disable default and custom interactions.
-      interactionTracingEnabled: true,
-
-      // Optional: Enable or disable reporting successful HTTP requests to the MobileRequest event type.
-      networkRequestEnabled: true,
-
-      // Optional: Enable or disable reporting network and HTTP request errors to the MobileRequestError event type.
-      networkErrorRequestEnabled: true,
-
-      // Optional: Enable or disable capture of HTTP response bodies for HTTP error traces, and MobileRequestError events.
-      httpResponseBodyCaptureEnabled: true,
-
-      // Optional: Enable or disable agent logging.
-      loggingEnabled: true,
-
-      // Optional: Specifies the log level. Omit this field for the default log level.
-      // Options include: ERROR (least verbose), WARNING, INFO, VERBOSE, AUDIT (most verbose).
-      logLevel: NewRelic.LogLevel.INFO,
-
-      // iOS Specific
-      // Optional: Enable/Disable automatic instrumentation of WebViews
-      webViewInstrumentation: true,
-
-      // Optional: Set a specific collector address for sending data. Omit this field for default address.
-      // collectorAddress: "",
-
-      // Optional: Set a specific crash collector address for sending crashes. Omit this field for default address.
-      // crashCollectorAddress: ""
-    };
-
-    NewRelic.startAgent(appToken, agentConfiguration);
-    NewRelic.setJSAppVersion(APP_VERSION);
-
-    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 loaded but startAgent not available');
+// Initialize Sentry for error tracking and performance monitoring
+const SENTRY_DSN = Constants.expoConfig?.extra?.sentryDsn || process.env.EXPO_PUBLIC_SENTRY_DSN;
+
+if (SENTRY_DSN) {
+  Sentry.init({
+    dsn: SENTRY_DSN,
+    // Performance Monitoring
+    tracesSampleRate: __DEV__ ? 1.0 : 0.1, // 100% in dev, 10% in prod
+    // Environment
+    environment: __DEV__ ? 'development' : 'production',
+    // Release tracking
+    release: `typelets-mobile@${APP_VERSION}`,
+    dist: APP_VERSION,
+    // Enable native crash handling
+    enableNative: true,
+    // Enable automatic session tracking
+    enableAutoSessionTracking: true,
+    // Session timeout (30 minutes = 1,800,000ms)
+    sessionTrackingIntervalMillis: 1800000,
+    // Enable native profiling (iOS)
+    enableNativeProfiling: Platform.OS === 'ios',
+    // Enable automatic performance tracing
+    enableAutoPerformanceTracing: true,
+  });
+
+  if (__DEV__) {
+    console.log('[Sentry] Agent started successfully');
+    console.log('[Sentry] Platform:', Platform.OS);
+    console.log('[Sentry] Version:', APP_VERSION);
   }
-} catch (error) {
-  console.warn('[New Relic] Failed to initialize:', error.message);
+} else {
+  console.warn('[Sentry] DSN not found - Sentry will not be initialized');
 }
-
-import 'expo-router/entry';