feat(browser): Allow mechanism to be provided as a hint.

 - Provide 'angular' as the mechanism for handled angular errors.

Author: onurtemizkan

packages/angular/src/errorhandler.ts

@@ -1,6 +1,7 @@
 import { HttpErrorResponse } from '@angular/common/http';
 import { ErrorHandler as AngularErrorHandler, Injectable } from '@angular/core';
 import * as Sentry from '@sentry/browser';
+import { getCurrentHub } from '@sentry/browser';
 
 import { runOutsideAngular } from './zone';
 
@@ -40,7 +41,9 @@ class SentryErrorHandler implements AngularErrorHandler {
     const extractedError = this._extractError(error) || 'Handled unknown error';
 
     // Capture handled exception and send it to Sentry.
-    const eventId = runOutsideAngular(() => Sentry.captureException(extractedError));
+    const eventId = runOutsideAngular(() =>
+      getCurrentHub().captureException(extractedError, { data: { mechanism: { type: 'angular', handled: false } } }),
+    );
 
     // When in development mode, log the error to console for immediate feedback.
     if (this._options.logErrors) {

packages/browser/src/eventbuilder.ts

@@ -1,4 +1,4 @@
-import { Event, EventHint, Options, Severity } from '@sentry/types';
+import { Event, EventHint, Mechanism, Options, Severity } from '@sentry/types';
 import {
   addExceptionMechanism,
   addExceptionTypeValue,
@@ -23,10 +23,15 @@ export function eventFromException(options: Options, exception: unknown, hint?:
   const event = eventFromUnknownInput(exception, syntheticException, {
     attachStacktrace: options.attachStacktrace,
   });
-  addExceptionMechanism(event, {
+  const providedMechanism: Mechanism | undefined =
+    hint && hint.data && (hint.data as { mechanism: Mechanism }).mechanism;
+  const mechanism: Mechanism = providedMechanism || {
     handled: true,
     type: 'generic',
-  });
+  };
+
+  addExceptionMechanism(event, mechanism);
+
   event.level = Severity.Error;
   if (hint && hint.event_id) {
     event.event_id = hint.event_id;