angular/aio/src/app/shared/reporting-error-handler.ts

import { ErrorHandler, Inject, Injectable, VERSION } from '@angular/core';
import { WindowToken } from './window';

/**
 * Extend the default error handling to report errors to an external service - e.g Google Analytics.
 *
 * Errors outside the Angular application may also be handled by `window.onerror`.
 */
@Injectable()
export class ReportingErrorHandler extends ErrorHandler {

  constructor(@Inject(WindowToken) private window: Window) {
    super();
  }

  /**
   * Send error info to Google Analytics, in addition to the default handling.
   *
   * @param error Information about the error.
   */
  override handleError(error: any) {
    const versionedError = this.prefixErrorWithVersion(error);

    try {
      super.handleError(versionedError);
    } catch (e) {
      this.reportError(e);
    }
    this.reportError(versionedError);
  }

  private prefixErrorWithVersion<T>(error: T): T {
    const prefix = `[v${VERSION.full}] `;

    if (error instanceof Error) {
      const oldMessage = error.message;
      error.message = prefix + oldMessage;
      error.stack = error.stack?.replace(oldMessage, error.message);
    } else if (typeof error === 'string') {
      error = prefix + error as unknown as T;
    }
    // If it is a different type, omit the version to avoid altering the original `error` object.

    return error;
  }

  private reportError(error: unknown) {
    if (this.window.onerror) {
      if (error instanceof Error) {
        this.window.onerror(error.message, undefined, undefined, undefined, error);
      } else {
        if (typeof error === 'object') {
          try {
            error = JSON.stringify(error);
          } catch {
            // Ignore the error and just let it be stringified.
          }
        }
        this.window.onerror(`${error}`);
      }
    }
  }
}