---
title: "ContextLines"
description: "Adds source code from inline JavaScript of the current page's HTML."
url: https://docs.sentry.io/platforms/javascript/guides/effect/configuration/integrations/contextlines/
---

# ContextLines | Sentry for Effect

*Import name: `Sentry.contextLinesIntegration`*

This integration adds source code from inline JavaScript of the current page's HTML (e.g. JS in `<script>` tags) to stack traces of captured errors. It *can't* collect source code from assets referenced by your HTML (e.g. `<script src="..." />`).

The `ContextLines` integration is useful when you have inline JS code in HTML pages that can't be accessed by Sentry's backend, for example, due to a login-protected page.

**npm**

```javascript
import * as Sentry from "___SDK_PACKAGE___";

Sentry.init({
  dsn: "___PUBLIC_DSN___",
  integrations: [Sentry.contextLinesIntegration()],
});
```

**Loader (v7)**

```html
<script>
  // Configure sentryOnLoad before adding the Loader Script
  window.sentryOnLoad = function () {
    Sentry.init({});

    if (Sentry.contextLinesIntegration) {
      Sentry.addIntegration(Sentry.contextLinesIntegration());
    }
  };
</script>

<script
  src="https://js.sentry-cdn.com/___PUBLIC_KEY___.min.js"
  crossorigin="anonymous"
></script>
<script
  src="https://browser.sentry-cdn.com/7.118.0/contextlines.min.js"
  integrity="sha384-gEhhSwfS59ymyyW9I1NMvuFGgYTaNhdU5/fOAlxk3JWx0KMuf7SqsRQ4MiTMWcHU"
  crossorigin="anonymous"
></script>
```

**Loader (v8)**

```html
<script>
  // Configure sentryOnLoad before adding the Loader Script
  window.sentryOnLoad = function () {
    Sentry.init({});
    Sentry.lazyLoadIntegration("contextLinesIntegration").then(
      (integration) => {
        Sentry.addIntegration(integration());
      },
    );
  };
</script>

<script
  src="https://js.sentry-cdn.com/___PUBLIC_KEY___.min.js"
  crossorigin="anonymous"
></script>
```

**CDN**

```html
<script
  src="https://browser.sentry-cdn.com/10.53.1/bundle.tracing.min.js"
  integrity="sha384-FGoRMImH95uAyc72ypTWedaYaOCYskenhS7DgLZp+OsGCx2zs4/Nez3XHPGd55IY"
  crossorigin="anonymous"
></script>
<script
  src="https://browser.sentry-cdn.com/10.53.1/contextlines.min.js"
  integrity="sha384-qgqnRzHjSTU0mYVmihw+afYqViyR5oqym02jrOgu/2063dtbc7WcezBwTigXpSKr"
  crossorigin="anonymous"
></script>

<script>
  Sentry.init({
    dsn: "___PUBLIC_DSN___",
    integrations: [Sentry.contextLinesIntegration()],
  });
</script>
```

## [Options](https://docs.sentry.io/platforms/javascript/guides/effect/configuration/integrations/contextlines.md#options)

### [`frameContextLines`](https://docs.sentry.io/platforms/javascript/guides/effect/configuration/integrations/contextlines.md#framecontextlines)

*Type: `number`*

The number of lines to collect around each stack frame's line number. Defaults to 7.