feat(js): Add documentation for new ContextLines integration (#7564)

Author: Lms24

src/includes/platforms/configuration/integrations/plugin.mdx

@@ -117,3 +117,18 @@ Available options:
 <PlatformContent includePath="configuration/reporting-observer" />
 
 </PlatformSection>
+
+<PlatformSection supported={["javascript"]}>
+
+### ContextLines
+
+_Import name: `Sentry.Integrations.ContextLines`_
+
+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.
+
+<PlatformContent includePath="configuration/contextlines" />
+
+</PlatformSection>

src/platform-includes/configuration/contextlines/javascript.mdx

@@ -0,0 +1,69 @@
+<SignInNote />
+
+```javascript {tabTitle: ESM}
+import * as Sentry from "@sentry/browser";
+import { ContextLines } from "@sentry/integrations";
+
+Sentry.init({
+  dsn: "___PUBLIC_DSN___",
+  integrations: [
+    new ContextLines({
+      // The number of lines to collect around each stack frame's line number
+      // Defaults to 7
+      frameContextLines: 7,
+    }),
+  ],
+});
+```
+
+```html {tabTitle: Loader}
+<script
+  src="https://js.sentry-cdn.com/___PUBLIC_KEY___.min.js"
+  crossorigin="anonymous"
+></script>
+<script
+  src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/contextlines.min.js"
+  integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'contextlines.min.js', 'sha384-base64') }}"
+  crossorigin="anonymous"
+></script>
+
+<script>
+  Sentry.onLoad(function () {
+    Sentry.init({
+      integrations: [
+        new Sentry.Integrations.ContextLines({
+          // The number of lines to collect before and after each stack frame's line number
+          // Defaults to 7
+          frameContextLines: 7,
+        }),
+      ],
+    });
+  });
+</script>
+```
+
+```html {tabTitle: CDN}
+<script
+  src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/bundle.tracing.min.js"
+  integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'bundle.tracing.min.js', 'sha384-base64') }}"
+  crossorigin="anonymous"
+></script>
+<script
+  src="https://browser.sentry-cdn.com/{{@inject packages.version('sentry.javascript.browser') }}/contextlines.min.js"
+  integrity="sha384-{{@inject packages.checksum('sentry.javascript.browser', 'contextlines.min.js', 'sha384-base64') }}"
+  crossorigin="anonymous"
+></script>
+
+<script>
+  Sentry.init({
+    dsn: "___PUBLIC_DSN___",
+    integrations: [
+      new Sentry.Integrations.ContextLines({
+        // The number of lines to collect around each stack frame's line number
+        // Defaults to 7
+        frameContextLines: 7,
+      }),
+    ],
+  });
+</script>
+```