Skip to content

fix(ember): Update README docs to match sentry-docs #5315

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jun 24, 2022
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 36 additions & 29 deletions packages/ember/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,28 +21,41 @@ This package is an Ember addon that wraps `@sentry/browser`, with added function
As with other Ember addons, run:
`ember install @sentry/ember`

Then add the following config to `config/environment.js`
Then add the following to your `<your-app>/app.js`

```javascript
ENV['@sentry/ember'] = {
sentry: {
dsn: '__DSN__' // replace __DSN__ with your DSN,
tracesSampleRate: 1.0, // Be sure to lower this for your production environment
}
};
import * as Sentry from "@sentry/ember";

Sentry.init({
dsn: '__DSN__' // replace __DSN__ with your DSN,

// Set tracesSampleRate to 1.0 to capture 100%
// of transactions for performance monitoring.
// We recommend adjusting this value in production,
tracesSampleRate: 1.0,
});
```

### Usage

To use this SDK, call `InitSentryForEmber` before the application is initialized, in `app.js`. This will load Sentry config from `environment.js` for you.
To use this SDK, call `Sentry.init` before the application is initialized, in `app.js`. This will allow Sentry to capture information while your app is starting.
Any additional SDK settings can be modified via the usual config in `environment.js` for you, see the Additional Configuration section for more details.

```javascript
import Application from '@ember/application';
import Resolver from 'ember-resolver';
import loadInitializers from 'ember-load-initializers';
import config from './config/environment';
import { InitSentryForEmber } from '@sentry/ember';
import * as Sentry from "@sentry/ember";

InitSentryForEmber();
Sentry.init({
dsn: '__DSN__' // replace __DSN__ with your DSN,

// Set tracesSampleRate to 1.0 to capture 100%
// of transactions for performance monitoring.
// We recommend adjusting this value in production,
tracesSampleRate: 1.0,
});

export default class App extends Application {
modulePrefix = config.modulePrefix;
Expand Down Expand Up @@ -75,27 +88,12 @@ ENV['@sentry/ember'] = {

// All component definitions will be added as spans.
enableComponentDefinition: true,

// See sentry-javascript configuration https://docs.sentry.io/error-reporting/configuration/?platform=javascript
sentry: {}
};
```

You can also pass additional configuration for sentry-javascript directly to the `InitSentryForEmber` method.
This configuration will be merged with `ENV['@sentry/ember'].sentry`:

```javascript
InitSentryForEmber({
ignoreErrors: [
/You appear to be offline/,
],
})
```

It is recommended to pass all static sentry-javascript configuration directly to `InitSentryForEmber`, and only keeping configuration that depends on the build environment/secrets in `config/environment.js`. Please note that due to how the environment config is serialized, any non-JSON-serializable config (like a regex) will not work properly when being kept in `config/environment.js`.

#### Disabling Performance


`@sentry/ember` captures performance by default, if you would like to disable the automatic performance instrumentation, you can add the following to your `config/environment.js`:

```javascript
Expand All @@ -106,7 +104,9 @@ ENV['@sentry/ember'] = {


### Performance

#### Routes

If you would like to capture `beforeModel`, `model`, `afterModel` and `setupController` times for one of your routes,
you can import `instrumentRoutePerformance` and wrap your route with it.

Expand All @@ -124,21 +124,25 @@ export default instrumentRoutePerformance(MyRoute);
```

#### Runloop

The runloop queue durations are instrumented by default, as long as they are longer than a threshold (by default 5ms).
This helps (via the render queue) capturing the entire render in case component render times aren't fully instrumented,
such as when using glimmer components.

If you would like to change the runloop queue threshold, add the following to your config:

```javascript
ENV['@sentry/ember'] = {
minimumRunloopQueueDuration: 0, // All runloop queue durations will be added as spans.
};
```

#### Components

Non-glimmer component render times will automatically get captured.

If you would like to disable component render being instrumented, add the following to your config:

```javascript
ENV['@sentry/ember'] = {
disableInstrumentComponents: true, // Will disable automatic instrumentation for components.
Expand All @@ -147,16 +151,19 @@ ENV['@sentry/ember'] = {

Additionally, components whose render time is below a threshold (by default 2ms) will not be included as spans.
If you would like to change this threshold, add the following to your config:

```javascript
ENV['@sentry/ember'] = {
minimumComponentRenderDuration: 0, // All (non-glimmer) component render durations will be added as spans.
};
```

#### Glimmer components

Currently glimmer component render durations can only be captured indirectly via the runloop instrumentation. You can
optionally enable a setting to show component definitions (which will indicate which components are being rendered) be
adding the following to your config:

```javascript
ENV['@sentry/ember'] = {
enableComponentDefinition: true, // All component definitions will be added as spans.
Expand All @@ -165,7 +172,7 @@ ENV['@sentry/ember'] = {

### Supported Versions

`@sentry/ember` currently supports Ember **3.8+** for error monitoring.
`@sentry/ember` currently supports Ember **4.0+** for error monitoring.

### Previous Integration

Expand All @@ -174,8 +181,8 @@ this Ember addon to offer more Ember-specific error and performancing monitoring

## Testing

You can find example instrumentation in the `dummy` application, which is also used for testing. To test with the dummy
application, you must pass the dsn as an environment variable.
For this package itself, you can find example instrumentation in the `dummy` application, which is also used for testing.
To test with the dummy application, you must pass the dsn as an environment variable.

```javascript
SENTRY_DSN=__DSN__ ember serve
Expand Down