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 1.9 KB size instead of 22.5 KB by default client but has all 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.

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

How to set up

Angular

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

import { MicroSentryModule } from '@micro-sentry/angular';

@NgModule({
  imports: [
    MicroSentryModule.forRoot({
      dsn: 'https://kj12kj1n23@sentry.domain.com/123',
    }),
  ],
})
export class AppModule {}

Javascript / Typescript

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

const client = new BrowserMicroSentryClient({
  dsn: 'https://kj12kj1n23@sentry.domain.com/123',
});

try {
  // your app code
} catch (e) {
  client.report(e);
}