feat(replay): Send client_report when replay sending fails (#7093)

Co-authored-by: Lukas Stracke <[email protected]>

Author: mydea

packages/replay/src/replay.ts

@@ -1,6 +1,6 @@
 /* eslint-disable max-lines */ // TODO: We might want to split this file up
 import { EventType, record } from '@sentry-internal/rrweb';
-import { captureException } from '@sentry/core';
+import { captureException, getCurrentHub } from '@sentry/core';
 import type { Breadcrumb, ReplayRecordingMode } from '@sentry/types';
 import { logger } from '@sentry/utils';
 
@@ -807,9 +807,16 @@ export class ReplayContainer implements ReplayContainerInterface {
     } catch (err) {
       this._handleException(err);
 
-      // This means we retried 3 times, and all of them failed
+      // This means we retried 3 times and all of them failed,
+      // or we ran into a problem we don't want to retry, like rate limiting.
       // In this case, we want to completely stop the replay - otherwise, we may get inconsistent segments
       this.stop();
+
+      const client = getCurrentHub().getClient();
+
+      if (client) {
+        client.recordDroppedEvent('send_error', 'replay');
+      }
     }
   }
 

packages/replay/src/util/addEvent.ts

@@ -1,3 +1,4 @@
+import { getCurrentHub } from '@sentry/core';
 import { logger } from '@sentry/utils';
 
 import { SESSION_IDLE_DURATION } from '../constants';
@@ -46,5 +47,11 @@ export async function addEvent(
   } catch (error) {
     __DEBUG_BUILD__ && logger.error(error);
     replay.stop();
+
+    const client = getCurrentHub().getClient();
+
+    if (client) {
+      client.recordDroppedEvent('internal_sdk_error', 'replay');
+    }
   }
 }

packages/types/src/clientreport.ts

@@ -6,7 +6,9 @@ export type EventDropReason =
   | 'network_error'
   | 'queue_overflow'
   | 'ratelimit_backoff'
-  | 'sample_rate';
+  | 'sample_rate'
+  | 'send_error'
+  | 'internal_sdk_error';
 
 export type Outcome = {
   reason: EventDropReason;