sentry.client.config.ts

/**
 * Sentry Client Configuration
 * Sentry configuration for client-side error tracking
 * Only initializes when SENTRY_DSN is configured and @sentry/nextjs is installed
 * 
 * NOTE: Install @sentry/nextjs package before using: npm install @sentry/nextjs
 */

/**
 * Initialize Sentry on the client side
 * Only runs in production and when DSN is configured
 */
export default function initSentry(): void {
  const dsn = process.env.NEXT_PUBLIC_SENTRY_DSN || process.env.SENTRY_DSN;

  // Only initialize in production with valid DSN
  if (process.env.NODE_ENV !== "production" || !dsn) {
    return;
  }

  // Dynamic import to handle missing @sentry/nextjs package gracefully
  try {
    const Sentry = require("@sentry/nextjs");
    if (!Sentry || !Sentry.init) {
      return;
    }

    Sentry.init({
    dsn,
    environment: process.env.NODE_ENV || "production",
    tracesSampleRate: 0.1, // Capture 10% of transactions for performance monitoring
    replaysSessionSampleRate: 0.1, // Capture 10% of sessions for replay
    replaysOnErrorSampleRate: 1.0, // Capture 100% of sessions with errors for replay

    // Filter out sensitive data
    beforeSend(event: import("@sentry/nextjs").Event, _hint: import("@sentry/nextjs").EventHint) {
      // Filter out sensitive fields
      if (event.request) {
        delete event.request.headers?.["authorization"];
        delete event.request.headers?.["cookie"];
        delete event.request.cookies;
      }

      // Filter out sensitive context data
      if (event.contexts?.request?.headers) {
        const h = event.contexts.request.headers as Record<string, unknown>;
        delete h.authorization;
        delete h.cookie;
      }

      return event;
    },

    // Integrate with React
    integrations: [
      Sentry.replayIntegration({
        maskAllText: true, // Mask all text for privacy
        blockAllMedia: true, // Block all media for privacy
      }),
      Sentry.browserTracingIntegration(),
    ],

    // Ignore specific errors
    ignoreErrors: [
      // Browser extensions
      "top.GLOBALS",
      "originalCreateNotification",
      "canvas.contentDocument",
      "MyApp_RemoveAllHighlights",
      "atomicFindClose",
      "fb_xd_fragment",
      "bmi_SafeAddOnload",
      "EBCallBackMessageReceived",
      "conduitPage",
      // Network errors that are expected
      "NetworkError",
      "Failed to fetch",
      "Network request failed",
      // ResizeObserver errors (common and non-critical)
      "ResizeObserver loop limit exceeded",
      "ResizeObserver loop completed with undelivered notifications",
    ],
    });
  } catch {
    // @sentry/nextjs not installed, silently fail
  }
}

// Initialize Sentry on module load
if (typeof window !== "undefined") {
  initSentry();
}