XYZ-323: Integrate Sentry error reporting into Thrift service logging

src/app/app.component.ts

@@ -8,7 +8,6 @@ import {
     DestroyRef,
     OnInit,
     inject,
-    isDevMode,
     signal,
 } from '@angular/core';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';

src/main.ts

@@ -10,6 +10,9 @@ if (SENTRY_DSN) {
         dsn: SENTRY_DSN,
         environment: isDevMode() ? 'development' : 'production',
         integrations: [
+            Sentry.breadcrumbsIntegration({
+                console: false,
+            }),
             Sentry.browserTracingIntegration(),
             Sentry.replayIntegration({
                 maskAllText: true,
@@ -20,7 +23,7 @@ if (SENTRY_DSN) {
         tracesSampleRate: 1,
         replaysSessionSampleRate: 1,
         replaysOnErrorSampleRate: 1,
-        enableLogs: true,
+        enableLogs: false,
     });
 }
 

src/utils/thrift/provide-thrift-services.ts

@@ -4,6 +4,7 @@ import { combineLatest, map } from 'rxjs';
 import { UnionToIntersection } from 'utility-types';
 
 import { Type, inject, isDevMode, makeEnvironmentProviders } from '@angular/core';
+import * as Sentry from '@sentry/angular';
 
 import { ConnectOptions } from '@vality/domain-proto';
 import { toJson } from '@vality/ng-thrift';
@@ -18,6 +19,8 @@ export const LOGGING = {
     fullLogging: isDevMode(),
 };
 
+type ParsedThriftError = ReturnType<typeof parseThriftError>;
+
 export function parseThriftError<T extends object>(error: unknown) {
     const traceId = error?.['info']?.headers?.['x-woody-trace-id'];
 
@@ -72,12 +75,40 @@ export function parseThriftError<T extends object>(error: unknown) {
     }
 }
 
+function captureThriftError(
+    params: Parameters<NonNullable<ConnectOptions['loggingFn']>>[0],
+    error: ParsedThriftError,
+) {
+    Sentry.withScope((scope) => {
+        scope.setTags({
+            'thrift.error_type': error.type,
+            'thrift.namespace': params.namespace,
+            'thrift.service': params.serviceName,
+            'thrift.method': params.name,
+        });
+        scope.setFingerprint([
+            '{{ default }}',
+            error.type,
+            params.namespace,
+            params.serviceName,
+            params.name,
+        ]);
+
+        if (error.traceId) {
+            scope.setTag('thrift.trace_id', error.traceId);
+        }
+
+        Sentry.captureException(params.error);
+    });
+}
+
 const logger: ConnectOptions['loggingFn'] = (params) => {
     const info = `${params.name} (${params.namespace} ${params.serviceName})`;
 
     switch (params.type) {
         case 'error': {
             const parsedError = parseThriftError(params.error);
+            captureThriftError(params, parsedError);
             console.groupCollapsed(
                 `🔴\u00A0${info}`,
                 `\n⚠️\u00A0${parsedError.message || parsedError.name || 'Unknown error'}`,
@@ -131,7 +162,7 @@ function createConnectOptions(serviceName: string) {
                 createCallOptions: () => ({
                     headers: createRequestWachterHeaders(),
                 }),
-                timeout: isDevMode() ? 10_000 : 60_000,
+                timeout: isDevMode() ? 15_000 : 60_000,
                 ...config.api.wachter,
             }),
         ),