feat: TryCatch Integration options

Author: kamilogorek

packages/browser/src/integrations/breadcrumbs.ts

@@ -25,7 +25,7 @@ export interface SentryWrappedXMLHttpRequest extends XMLHttpRequest {
 }
 
 /** JSDoc */
-interface BreadcrumbIntegrations {
+interface BreadcrumbsOptions {
   console?: boolean;
   dom?: boolean;
   fetch?: boolean;
@@ -50,12 +50,12 @@ export class Breadcrumbs implements Integration {
   public static id: string = 'Breadcrumbs';
 
   /** JSDoc */
-  private readonly _options: BreadcrumbIntegrations;
+  private readonly _options: BreadcrumbsOptions;
 
   /**
    * @inheritDoc
    */
-  public constructor(options?: BreadcrumbIntegrations) {
+  public constructor(options?: BreadcrumbsOptions) {
     this._options = {
       console: true,
       dom: true,

packages/browser/src/integrations/trycatch.ts

@@ -3,13 +3,50 @@ import { fill, getFunctionName, getGlobalObject } from '@sentry/utils';
 
 import { wrap } from '../helpers';
 
+const DEFAULT_EVENT_TARGET = [
+  'EventTarget',
+  'Window',
+  'Node',
+  'ApplicationCache',
+  'AudioTrackList',
+  'ChannelMergerNode',
+  'CryptoOperation',
+  'EventSource',
+  'FileReader',
+  'HTMLUnknownElement',
+  'IDBDatabase',
+  'IDBRequest',
+  'IDBTransaction',
+  'KeyOperation',
+  'MediaController',
+  'MessagePort',
+  'ModalWindow',
+  'Notification',
+  'SVGElementInstance',
+  'Screen',
+  'TextTrack',
+  'TextTrackCue',
+  'TextTrackList',
+  'WebSocket',
+  'WebSocketWorker',
+  'Worker',
+  'XMLHttpRequest',
+  'XMLHttpRequestEventTarget',
+  'XMLHttpRequestUpload',
+];
+
 type XMLHttpRequestProp = 'onload' | 'onerror' | 'onprogress' | 'onreadystatechange';
 
+interface TryCatchOptions {
+  setTimeout?: boolean;
+  setInterval?: boolean;
+  requestAnimationFrame?: boolean;
+  XMLHttpRequest?: boolean;
+  eventTarget: boolean | string[];
+}
+
 /** Wrap timer functions and event targets to catch errors and provide better meta data */
 export class TryCatch implements Integration {
-  /** JSDoc */
-  private _ignoreOnError: number = 0;
-
   /**
    * @inheritDoc
    */
@@ -20,6 +57,23 @@ export class TryCatch implements Integration {
    */
   public static id: string = 'TryCatch';
 
+  /** JSDoc */
+  private readonly _options: TryCatchOptions;
+
+  /**
+   * @inheritDoc
+   */
+  public constructor(options?: TryCatchOptions) {
+    this._options = {
+      setTimeout: true,
+      setInterval: true,
+      requestAnimationFrame: true,
+      XMLHttpRequest: true,
+      eventTarget: true,
+      ...options,
+    };
+  }
+
   /** JSDoc */
   private _wrapTimeFunction(original: () => void): () => number {
     return function(this: any, ...args: any[]): number {
@@ -170,48 +224,25 @@ export class TryCatch implements Integration {
    * and provide better metadata.
    */
   public setupOnce(): void {
-    this._ignoreOnError = this._ignoreOnError;
-
     const global = getGlobalObject();
 
-    fill(global, 'setTimeout', this._wrapTimeFunction.bind(this));
-    fill(global, 'setInterval', this._wrapTimeFunction.bind(this));
-    fill(global, 'requestAnimationFrame', this._wrapRAF.bind(this));
+    if (this._options.setTimeout) {
+      fill(global, 'setTimeout', this._wrapTimeFunction.bind(this));
+    }
+    if (this._options.setInterval) {
+      fill(global, 'setInterval', this._wrapTimeFunction.bind(this));
+    }
+    if (this._options.requestAnimationFrame) {
+      fill(global, 'requestAnimationFrame', this._wrapRAF.bind(this));
+    }
 
-    if ('XMLHttpRequest' in global) {
+    if (this._options.XMLHttpRequest && 'XMLHttpRequest' in global) {
       fill(XMLHttpRequest.prototype, 'send', this._wrapXHR.bind(this));
     }
 
-    [
-      'EventTarget',
-      'Window',
-      'Node',
-      'ApplicationCache',
-      'AudioTrackList',
-      'ChannelMergerNode',
-      'CryptoOperation',
-      'EventSource',
-      'FileReader',
-      'HTMLUnknownElement',
-      'IDBDatabase',
-      'IDBRequest',
-      'IDBTransaction',
-      'KeyOperation',
-      'MediaController',
-      'MessagePort',
-      'ModalWindow',
-      'Notification',
-      'SVGElementInstance',
-      'Screen',
-      'TextTrack',
-      'TextTrackCue',
-      'TextTrackList',
-      'WebSocket',
-      'WebSocketWorker',
-      'Worker',
-      'XMLHttpRequest',
-      'XMLHttpRequestEventTarget',
-      'XMLHttpRequestUpload',
-    ].forEach(this._wrapEventTarget.bind(this));
+    if (this._options.eventTarget) {
+      const eventTarget = Array.isArray(this._options.eventTarget) ? this._options.eventTarget : DEFAULT_EVENT_TARGET;
+      eventTarget.forEach(this._wrapEventTarget.bind(this));
+    }
   }
 }