Add manual error and breadcrumb tracking

jestSetup.js

@@ -8,6 +8,14 @@ require('react-native-reanimated/src/reanimated2/jestUtils').setUpTests()
 
 const mockReanimated = jest.requireMock('react-native-reanimated')
 
+jest.mock('@sentry/react-native', () => {
+  return {
+    captureException: () => false,
+    addBreadcrumb: () => {},
+    wrap: x => x
+  }
+})
+
 jest.mock('@react-native-clipboard/clipboard', () => mockClipboard)
 
 jest.mock('disklet', () => {

src/app.ts

@@ -209,12 +209,11 @@ const realFetch = fetch
 fetch = async (...args: any) => {
   // @ts-expect-error
   return await realFetch(...args).catch(e => {
-    // TODO: leaveBreadcrumb('realFetchError', {
-    //   url: args[0],
-    //   errorName: e.name,
-    //   errorMsg: e.message
-    // })
-    console.log(`realFetchError: ${args[0]} ${e.name} ${e.message}`)
+    Sentry.addBreadcrumb({
+      event_id: e.name,
+      message: e.message,
+      data: args[0]
+    })
     throw e
   })
 }

src/components/services/AirshipInstance.tsx

@@ -2,6 +2,7 @@ import * as React from 'react'
 import { ActivityIndicator } from 'react-native'
 import { makeAirship } from 'react-native-airship'
 
+import { trackError } from '../../util/tracking'
 import { makeErrorLog, translateError } from '../../util/translateError'
 import { AirshipToast } from '../common/AirshipToast'
 import { AlertDropdown } from '../navigation/AlertDropdown'
@@ -17,17 +18,17 @@ export interface ShowErrorWarningOptions {
  * Used when some user-requested operation fails.
  */
 export function showError(error: unknown, options: ShowErrorWarningOptions = {}): void {
-  const { trackError = true, tag } = options
+  const { trackError: doTrackError = true, tag } = options
   const tagMessage = tag == null ? '' : ` Tag: ${tag}.`
   const translatedMessage = translateError(error) + tagMessage
-  if (trackError) {
+  if (doTrackError) {
     if (error instanceof Error) {
       // Log error with stack trace and a translated message to bug tracker
       error.message = translatedMessage
-      // TODO: Add bug tracker notify method with 'error'
+      trackError(error)
     } else {
       // Any other types we just send the translated message to bug tracker
-      // TODO: Add bug tracker notify method with 'translatedMessage'
+      trackError(translatedMessage)
     }
   }
   console.log(redText('Showing error drop-down alert: ' + makeErrorLog(error)))
@@ -41,10 +42,10 @@ export function showError(error: unknown, options: ShowErrorWarningOptions = {})
  * Used when some user-requested operation succeeds but with a warning.
  */
 export function showWarning(error: unknown, options: ShowErrorWarningOptions = {}): void {
-  const { trackError = true, tag } = options
+  const { trackError: doTrackError = true, tag } = options
   const translatedError = tag ? `Tag: ${tag}. ` + translateError(error) : translateError(error)
-  if (trackError) {
-    // TODO: Add bug tracker notify method with `showWarning: ${translatedError}`
+  if (doTrackError) {
+    trackError(`showWarning: ${translatedError}`)
   }
   console.log(yellowText('Showing warning drop-down alert: ' + makeErrorLog(error)))
   Airship.show(bridge => <AlertDropdown bridge={bridge} message={translatedError} warning />).catch(err => console.error(err))

src/components/services/EdgeCoreManager.tsx

@@ -1,3 +1,4 @@
+import { addBreadcrumb, captureException } from '@sentry/react-native'
 import detectBundler from 'detect-bundler'
 import { EdgeContext, EdgeContextOptions, EdgeCrashReporter, EdgeFakeWorld, EdgeNativeIo, MakeEdgeContext, MakeFakeEdgeWorld } from 'edge-core-js'
 import { debugUri as accountbasedDebugUri, makePluginIo as makeAccountbasedIo, pluginUri as accountbasedUri } from 'edge-currency-accountbased'
@@ -57,10 +58,15 @@ const nativeIo: EdgeNativeIo = detectBundler.isReactNative
 
 const crashReporter: EdgeCrashReporter = {
   logBreadcrumb(event) {
-    // TODO: Add bug tracker `leaveBreadcrumb(event.message, event.metadata)`
+    addBreadcrumb({
+      type: event.source,
+      message: event.message,
+      data: event.metadata,
+      timestamp: event.time.getTime() / 1000
+    })
   },
   logCrash(event) {
-    // TODO: Add bug tracker `notify(event.error, report => report.addMetadata(event.source, event.metadata))`
+    captureException(event, { level: 'fatal' })
   }
 }
 

src/util/tracking.ts

@@ -1,4 +1,5 @@
 import analytics from '@react-native-firebase/analytics'
+import { captureException } from '@sentry/react-native'
 import { TrackingEventName as LoginTrackingEventName, TrackingValues as LoginTrackingValues } from 'edge-login-ui-rn'
 import PostHog from 'posthog-react-native'
 import { getBuildNumber, getUniqueId, getVersion } from 'react-native-device-info'
@@ -157,11 +158,9 @@ export function trackError(
   }
 
   if (tag == null) {
-    // TODO: Add bug tracker notify method
-    console.log('Error:', err)
+    captureException(err)
   } else {
-    // TODO: Add bug tracker notify method with metadata
-    console.log('Error:', err, 'Tag:', tag, 'Metadata:', String(metadata))
+    captureException(err, { event_id: tag, data: metadata })
   }
 }