dev-error-reporter
TypeScript icon, indicating that this package has built-in type declarations

1.0.8 • Public • Published

Dev Error Reporters

Dev error handler

A tool to make errors more visible during development. The idee behind this is to have visibility and ensure errors get attended to quickly.

The error handler ensures that the same error does not get logged twice, once the error gets dismissed it will show again when it happens.

Screenshot

Demo

https://stackblitz.com/edit/dev-error-reporter?file=src/app/global-error-handler.ts

Install

npm i dev-error-reporter

Simple Usage

const errorReporter = new DevErrorHandler();
errorReporter.showError(error);

Usage Angular

@Injectable({ provideIn: 'root' })
export class GlobalErrorHandler extends ErrorHandler {
  // Creates new instance, the instance ensures errors are not shown twice until dismisses
  private errorReporter = new DevErrorHandler({
    appendToElement: 'app-root', // <-- App root as defined in index.html
  });

  handleError(error: any) {
    if (environment.showDevErrors) {
      // <-- Managed in your own code, should never show in prod
      this.errorReporter.showError(error);
    }

    // Keep default behavior
    super.handleError(error);
  }
}

Coming soon:

Debug popups

Error popups are typically used in a Testing Environment so that testers can give more context on issues occurring in the application

Readme

Keywords

Package Sidebar

Install

npm i dev-error-reporter

Weekly Downloads

84

Version

1.0.8

License

ISC

Unpacked Size

17.7 kB

Total Files

13

Last publish

Collaborators

  • wyniecronje