sentry.client.config.js

// This file configures the initialization of Sentry on the browser.
// The config you add here will be used whenever a page is visited.
// https://docs.sentry.io/platforms/javascript/guides/nextjs/

import * as Sentry from '@sentry/nextjs'
import { HostedSessionError } from './src/utils/errors'

const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN

Sentry.init({
  dsn: SENTRY_DSN,
  // These environment EnvVars are set automatically on Vercel and do not need to be configured
  // They ensure that the correct environment is set in Sentry as this is a known issue
  // See https://github.com/getsentry/sentry-javascript/issues/6993 for latest
  environment: process.env.NEXT_PUBLIC_AWELL_ENVIRONMENT,
  // Enable Sentry Logs for structured logging
  // https://docs.sentry.io/platforms/javascript/guides/nextjs/logs/
  enableLogs: true,
  tracesSampleRate: 0,
  // Set to 0 for manual control - we'll start replays for specific organizations
  replaysSessionSampleRate: 0,
  // Keep at 1.0 so replays are always buffering and can be flushed for specific organizations
  replaysOnErrorSampleRate: 1.0,
  beforeSend(event, hint) {
    // Apply fingerprinting strategy for custom errors
    const error = hint.originalException || hint.syntheticException
    if (error instanceof HostedSessionError) {
      event.fingerprint = error.getFingerprint()
    } else {
      // Generic fingerprint for unknown errors - groups all non-identifiable errors together
      event.fingerprint = ['generic-error']
    }

    // for form submission requests, we want to mask the body
    if (event.request?.data?.variables?.input?.answers?.length > 0) {
      // mask the value field of each object in the array
      event.request.data.variables.input.answers.forEach(
        // replace the value with equal number of asterisks as length of value
        (answer) => (answer.value = '*'.repeat(answer.value.length))
      )
    }
    if (event.request?.data?.variables?.input?.responses?.length > 0) {
      // mask the value field of each object in the array
      event.request.data.variables.input.responses.forEach(
        // replace the value with equal number of asterisks as length of value
        (response) => (response.value = '*'.repeat(response.value.length))
      )
    }
    return event
  },
  integrations: [
    Sentry.replayIntegration({
      maskAllText: false,
      maskAllInputs: true,
      blockAllMedia: false,
      networkDetailAllowUrls: [
        'https://api.awellhealth.com/orchestration/graphql',
        'https://api.uk.awellhealth.com/orchestration/graphql',
        'https://api.us.awellhealth.com/orchestration/graphql',
        'https://api.sandbox.awellhealth.com/orchestration/graphql',
        'https://api.staging.awellhealth.com/orchestration/graphql',
        'https://api.development.awellhealth.com/orchestration/graphql',
      ],
      networkRequestHeaders: ['user-agent', 'content-type', 'referer'],
      networkResponseHeaders: [
        'content-type',
        'content-length',
        'content-encoding',
      ],
      // TODO: Decide on capturing in production, if masking form data before send isn't good (enough)
      // networkCaptureBodies: !process.env.NODE_ENV.includes('prod'),
    }),
  ],
})