@bugsnag/browser

What is @bugsnag/browser?

@bugsnag/browser is a JavaScript library for capturing and reporting errors in web applications. It helps developers monitor and track errors in real-time, providing detailed reports that include stack traces, user information, and other contextual data to help diagnose and fix issues quickly.

What are @bugsnag/browser's main functionalities?

Error Reporting

This feature allows you to capture and report errors that occur in your application. By initializing the Bugsnag client with your API key, you can use the `notify` method to send error reports to Bugsnag.

const bugsnagClient = bugsnag('YOUR_API_KEY');

try {
  // Code that may throw an error
} catch (e) {
  bugsnagClient.notify(e);
}

Breadcrumbs

Breadcrumbs are a way to log events leading up to an error, providing context that can help diagnose the issue. This feature allows you to leave breadcrumbs that will be included in error reports.

const bugsnagClient = bugsnag('YOUR_API_KEY');

bugsnagClient.leaveBreadcrumb('User clicked on button', { buttonId: 'submit' });

User Information

This feature allows you to attach user information to error reports, making it easier to identify and address issues affecting specific users.

const bugsnagClient = bugsnag('YOUR_API_KEY');

bugsnagClient.setUser('12345', '[e-mail]', 'John Doe');

Custom Metadata

Custom metadata allows you to include additional contextual information in your error reports. This can be useful for debugging and understanding the state of your application when the error occurred.

const bugsnagClient = bugsnag('YOUR_API_KEY');

bugsnagClient.addMetadata('account', { id: '12345', name: 'Acme Co.' });

Other packages similar to @bugsnag/browser

rollbar

Rollbar is another error tracking service that offers real-time error reporting and monitoring. It provides features like error grouping, user tracking, and custom metadata, similar to @bugsnag/browser. Rollbar also offers integrations with various development tools and services.

airbrake-js

Airbrake is an error monitoring service that captures and reports errors in web applications. It offers features like error reporting, user tracking, and custom metadata, similar to @bugsnag/browser. Airbrake also provides integrations with various development and collaboration tools.

README

@bugsnag/browser

This package contains the browser implementation of the Bugsnag notifier for JavaScript. The normal use case is to install this package via @bugsnag/js, but you can install it directly if you want to.

License

This package is free software released under the MIT License. See LICENSE.txt for details.

Changelog

v7.7.0 (2021-02-15)

Changed

• (react-native): Update bugsnag-android to v5.6.2
  • Check additional JNI calls for pending exceptions and no-op bugsnag-android#1133
  • Fix rare crash when loading device ID bugsnag-android#1137
• (react-native): Update bugsnag-cocoa to v6.6.1
  • Fix compiler warnings when importing Bugsnag from Objective-C sources that do not use ARC. bugsnag-cocoa#985
  • Fix a rare crash that could occur in the event of JSON parsing failures. bugsnag-cocoa#987
• (plugin-vue): Add support for Vue 3 #1280

Fixed

• (plugin-inline-script-content): Ensure inline script content isn't included when the DOM onreadystatechange interactive event is missed. #1290