Enable Sentry on web only

src/App.native.tsx

@@ -1,5 +1,4 @@
 import 'react-native-url-polyfill/auto'
-import '#/lib/sentry' // must be near top
 import '#/lib/bitdrift' // must be near top
 import '#/view/icons'
 

src/App.web.tsx

@@ -1,4 +1,4 @@
-import '#/lib/sentry' // must be near top
+import '#/logger/sentry/setup' // must be near top
 import '#/view/icons'
 import './style.css'
 

src/logger/index.ts

@@ -12,6 +12,7 @@ import {
   Transport,
 } from '#/logger/types'
 import {enabledLogLevels} from '#/logger/util'
+import {isWeb} from '#/platform/detection'
 
 export {LogLevel}
 export type {ConsoleTransportEntry, Transport}
@@ -19,7 +20,9 @@ export type {ConsoleTransportEntry, Transport}
 const TRANSPORTS: Transport[] = (function configureTransports() {
   switch (process.env.NODE_ENV) {
     case 'production': {
-      return [sentryTransport, bitdriftTransport]
+      return [isWeb && sentryTransport, bitdriftTransport].filter(
+        Boolean,
+      ) as Transport[]
     }
     case 'test': {
       return []
@@ -144,4 +147,4 @@ export class Logger {
  *   `logger.disable()`
  *   `logger.enable()`
  */
-export const logger = Logger.create()
+export const logger = Logger.create(Logger.Context.logger)

src/logger/logContext.ts

@@ -6,6 +6,7 @@
  * lowercase.
  */
 export const LogContext = {
+  logger: 'logger',
   session: 'session',
   notifications: 'notifications',
   convo: 'convo',

src/logger/sentry/setup/index.web.ts

@@ -32,7 +32,7 @@ const dist = `${Platform.OS}.${nativeBuildVersion}.${
 init({
   enabled: !__DEV__,
   autoSessionTracking: false,
-  dsn: 'https://05bc3789bf994b81bd7ce20c86ccd3ae@o4505071687041024.ingest.sentry.io/4505071690514432',
+  dsn: 'https://8fb55ba4807fca137eedfc8403ee27ba@o4505071687041024.ingest.us.sentry.io/4508807082278912',
   debug: false, // If `true`, Sentry will try to print out useful debugging information if something goes wrong with sending the event. Set it to `false` in production
   environment: process.env.NODE_ENV,
   dist,

src/logger/transports/sentry.ts

@@ -1,5 +1,5 @@
 import {isNetworkError} from '#/lib/strings/errors'
-import {Sentry} from '#/logger/sentry'
+import {Sentry} from '#/logger/sentry/lib'
 import {LogLevel, Transport} from '#/logger/types'
 import {prepareMetadata} from '#/logger/util'
 
@@ -45,14 +45,9 @@ export const sentryTransport: Transport = (
      * level
      */
     if (level === 'error' || level === 'warn' || level === 'log') {
-      const messageLevel = ({
-        [LogLevel.Log]: 'log',
-        [LogLevel.Warn]: 'warning',
-        [LogLevel.Error]: 'error',
-      }[level] || 'log') as Sentry.Breadcrumb['level']
       // Defer non-critical messages so they're sent in a batch
       queueMessageForSentry(`(${context}) message`, {
-        level: messageLevel,
+        level: severity,
         tags,
         extra: meta,
       })

src/logger/types.ts

@@ -1,5 +1,5 @@
 import {LogContext} from '#/logger/logContext'
-import type {Sentry} from '#/logger/sentry'
+import type {Sentry} from '#/logger/sentry/lib'
 
 export enum LogLevel {
   Debug = 'debug',