micro-sentry

@micro-sentry is a tiny sentry client to monitor your applications without raising your bundle size.

Why is it better than default sentry client?

👜 It is small. So, it is at most 2.27 kB (gzip) in size instead of default 85.1 kB (gzip), yet it retains all the the essential functionality.

🛠 It is easy to set up. There is a lightweight wrapper for Angular and a browser tool for other frameworks or vanilla.

Check out all the core functionality here.

Installation

Angular:

Micro-sentry version	Angular version
>= 6	>= 14
>= 5	>= 13
>= 4	>= 12
>= 3	>= 11
>= 2	>= 10

npm i @micro-sentry/angular

Other:

npm i @micro-sentry/browser

[!NOTE] since version @micro-sentry/browser@7 breadcrumbs-plugin is a separate package

npm i @micro-sentry/breadcrumbs-plugin

How to set up

Angular

You can use provide api in standalone applications:

1import { provideMicroSentry } from '@micro-sentry/angular';
2
3bootstrapApplication(AppComponent, {
4  providers: [
5    provideMicroSentry({
6      dsn: 'https://kj12kj1n23@sentry.domain.com/123',
7    }),
8  ],
9});

Or add it into app.module.ts of your application:

1import { MicroSentryModule } from '@micro-sentry/angular';
2
3@NgModule({
4  imports: [
5    // options 1: via module
6    MicroSentryModule.forRoot({
7      dsn: 'https://kj12kj1n23@sentry.domain.com/123',
8    }),
9  ],
10  providers: [
11    // option 2: via provide
12    provideMicroSentry({
13      dsn: 'https://kj12kj1n23@sentry.domain.com/123',
14    }),
15  ],
16})
17export class AppModule {}

Javascript / Typescript

If you do not use Angular framework, you can install @micro-sentry/browser module to create client manually.

1const client = new BrowserMicroSentryClient({
2  dsn: 'https://kj12kj1n23@sentry.domain.com/123',
3});
4
5try {
6  // your app code
7} catch (e) {
8  client.report(e);
9}

Core Functionality

• 📤 Send Errors with Stack Trace
• 📩 Send Messages
• 🚫 Ignore URLs | Errors: With strings or RegExps
• 🍞 Breadcrumbs plugin: Track and manage the sequence of events leading up to an error for comprehensive debugging
• 🌟 Enrich Errors with Tags, User, Context: Augment error reports with additional context, user information, and tags for deeper insights

This list encapsulates the key functionalities supported by micro-sentry, emphasizing its focus on essential error tracking and management.

Core team

Igor Katsuba

Roman Sedov

License

🆓 Feel free to use our library in your commercial and private applications

All micro-sentry packages are covered by Apache 2.0

Read more about this license here