Convert Figma logo to code with AI

getsentry logosentry-javascript

Official Sentry SDKs for JavaScript

7,940
1,562
7,940
490
View on GitHubView on NPM

Top Related Projects

getsentry's avatar

sentry-javascript

7,860

Official Sentry SDKs for JavaScript

Quick Overview

Sentry-javascript is the official JavaScript SDK for Sentry, a popular error monitoring and performance tracking platform. It allows developers to integrate Sentry's error tracking and performance monitoring capabilities into their JavaScript applications, providing real-time error reporting and detailed performance insights.

Pros

  • Easy integration with various JavaScript frameworks and environments
  • Comprehensive error tracking and performance monitoring capabilities
  • Automatic instrumentation for many common JavaScript operations
  • Customizable configuration options for fine-tuned control

Cons

  • Can increase bundle size, especially for smaller applications
  • May require additional setup for certain frameworks or environments
  • Learning curve for advanced features and configurations
  • Potential privacy concerns with automatic data collection (though configurable)

Code Examples

  1. Basic Sentry initialization:
import * as Sentry from "@sentry/browser";

Sentry.init({
  dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",
  integrations: [new Sentry.BrowserTracing()],
  tracesSampleRate: 1.0,
});
  1. Capturing a custom error:
try {
  nonExistentFunction();
} catch (error) {
  Sentry.captureException(error);
}
  1. Adding custom context to events:
Sentry.configureScope((scope) => {
  scope.setTag("page_locale", "de-at");
  scope.setUser({ id: "12345", email: "john.doe@example.com" });
});
  1. Performance monitoring with transactions:
const transaction = Sentry.startTransaction({ name: "Test Transaction" });
Sentry.configureScope((scope) => scope.setSpan(transaction));

// Perform your operations here

transaction.finish();

Getting Started

To get started with sentry-javascript:

  1. Install the package:

    npm install --save @sentry/browser

  2. Initialize Sentry in your main JavaScript file:

    import * as Sentry from "@sentry/browser";

Sentry.init({
  dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",
  integrations: [new Sentry.BrowserTracing()],
  tracesSampleRate: 1.0,
});

  3. Replace the DSN with your project's DSN from the Sentry dashboard.

  4. Errors will now be automatically captured and sent to your Sentry project.

Competitor Comparisons

getsentry logo

sentry-javascript

7,860

Official Sentry SDKs for JavaScript

Pros of sentry-javascript

  • Comprehensive error tracking and performance monitoring for JavaScript applications
  • Supports multiple JavaScript frameworks and environments (browser, Node.js, React Native)
  • Extensive documentation and community support

Cons of sentry-javascript

  • Can increase bundle size, especially for smaller applications
  • May require additional configuration for optimal performance in complex applications
  • Learning curve for advanced features and customizations

Code Comparison

Both repositories are the same, so there's no code comparison to make. The sentry-javascript repository contains the official Sentry SDK for JavaScript applications.

Key Features

  • Automatic error capturing and reporting
  • Performance monitoring and tracing
  • Customizable event enrichment
  • Breadcrumbs for debugging context
  • Release tracking and source maps support

Usage Example

import * as Sentry from "@sentry/browser";

Sentry.init({
  dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",
  integrations: [new Sentry.BrowserTracing()],
  tracesSampleRate: 1.0,
});

This code snippet initializes Sentry in a browser environment, enabling error tracking and performance monitoring.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Sentry

Bad software is everywhere, and we're tired of it. Sentry is on a mission to help developers write better software faster, so we can get back to enjoying technology. If you want to join us Check out our open positions

Build & Test codecov npm version Discord

Official Sentry SDKs for JavaScript

Sentry for JavaScript

This is the next line of Sentry JavaScript SDKs, comprised in the @sentry/ namespace. It will provide a more convenient interface and improved consistency between various JavaScript environments.

Links

  • Documentation
  • Forum
  • Discord
  • Stack Overflow
  • Twitter Follow

Contents

Supported Platforms

For each major JavaScript platform, there is a specific high-level SDK that provides all the tools you need in a single package. Please refer to the README and instructions of those SDKs for more detailed information:

Version Support Policy

The current version of the SDK is 8.x. Version 7.x of the SDK will continue to receive critical bugfixes until end of 2024.

Installation and Usage

To install a SDK, simply add the high-level package, for example:

npm install --save @sentry/browser
yarn add @sentry/browser

Setup and usage of these SDKs always follows the same principle.

import * as Sentry from '@sentry/browser';

Sentry.init({
  dsn: '__DSN__',
  // ...
});

Sentry.captureMessage('Hello, world!');

Other Packages

Besides the high-level SDKs, this repository contains shared packages, helpers and configuration used for SDK development. If you're thinking about contributing to or creating a JavaScript-based SDK, have a look at the resources below:

Bug Bounty Program

Our bug bounty program aims to improve the security of our open source projects by encouraging the community to identify and report potential security vulnerabilities. Your reward will depend on the severity of the identified vulnerability.

Our program is currently running on an invitation basis. If you're interested in participating, please send us an email to security@sentry.io and tell us, that you are interested in auditing this repository.

For more details, please have a look at https://sentry.io/security/#vulnerability-disclosure.

Contributors

Thanks to everyone who contributed to the Sentry JavaScript SDK!

NPM DownloadsLast 30 Days