diff --git a/docs/platforms/javascript/common/session-replay/configuration.mdx b/docs/platforms/javascript/common/session-replay/configuration.mdx index a6f4222c18dc3..c7d955498d934 100644 --- a/docs/platforms/javascript/common/session-replay/configuration.mdx +++ b/docs/platforms/javascript/common/session-replay/configuration.mdx @@ -79,7 +79,7 @@ Requests to a URL matched by the configured patterns will be enhanced with the r If you want to capture additional headers, you'll have to configure them with the options `networkRequestHeaders` and `networkResponseHeaders`, for example: -```javascript +```javascript {7-8} replayIntegration({ networkDetailAllowUrls: [ window.location.origin, diff --git a/platform-includes/session-replay/setup-canvas/javascript.angular.mdx b/platform-includes/session-replay/setup-canvas/javascript.angular.mdx index e569c06107186..e5383f70904e5 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.angular.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.angular.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {13} import * as Sentry from "@sentry/angular-ivy"; Sentry.init({ diff --git a/platform-includes/session-replay/setup-canvas/javascript.astro.mdx b/platform-includes/session-replay/setup-canvas/javascript.astro.mdx index 55233fadf2b5a..f8cf9ed955bca 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.astro.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.astro.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {13} import * as Sentry from "@sentry/astro"; Sentry.init({ diff --git a/platform-includes/session-replay/setup-canvas/javascript.ember.mdx b/platform-includes/session-replay/setup-canvas/javascript.ember.mdx index bfc514e52219e..f1c579ad20d17 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.ember.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.ember.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {13} import * as Sentry from "@sentry/ember"; Sentry.init({ diff --git a/platform-includes/session-replay/setup-canvas/javascript.gatsby.mdx b/platform-includes/session-replay/setup-canvas/javascript.gatsby.mdx index 0bf4040e44b00..1c0274fe5facc 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.gatsby.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.gatsby.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {13} import * as Sentry from "@sentry/gatsby"; Sentry.init({ diff --git a/platform-includes/session-replay/setup-canvas/javascript.mdx b/platform-includes/session-replay/setup-canvas/javascript.mdx index 797c09ee86304..fda18c14468ba 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {14} // import Sentry from your framework SDK (e.g. @sentry/react) instead of @sentry/browser import * as Sentry from "@sentry/browser"; diff --git a/platform-includes/session-replay/setup-canvas/javascript.nextjs.mdx b/platform-includes/session-replay/setup-canvas/javascript.nextjs.mdx index 6605aa2937c2d..1f99c65944876 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.nextjs.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.nextjs.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {13} import * as Sentry from "@sentry/nextjs"; Sentry.init({ diff --git a/platform-includes/session-replay/setup-canvas/javascript.react.mdx b/platform-includes/session-replay/setup-canvas/javascript.react.mdx index 49c5a50fe125e..75b070edcc1cf 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.react.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.react.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {13} import * as Sentry from "@sentry/react"; Sentry.init({ diff --git a/platform-includes/session-replay/setup-canvas/javascript.remix.mdx b/platform-includes/session-replay/setup-canvas/javascript.remix.mdx index 966daf45d220c..9baaa5d560395 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.remix.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.remix.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {13} import * as Sentry from "@sentry/remix"; Sentry.init({ diff --git a/platform-includes/session-replay/setup-canvas/javascript.svelte.mdx b/platform-includes/session-replay/setup-canvas/javascript.svelte.mdx index 2fbc5e188ccfd..058256f9530c5 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.svelte.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.svelte.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {13} import * as Sentry from "@sentry/svelte"; Sentry.init({ diff --git a/platform-includes/session-replay/setup-canvas/javascript.sveltekit.mdx b/platform-includes/session-replay/setup-canvas/javascript.sveltekit.mdx index f2f372e5c7405..19d99f0950d34 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.sveltekit.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.sveltekit.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {13} import * as Sentry from "@sentry/sveltekit"; Sentry.init({ @@ -31,4 +31,3 @@ Sentry.init({ crossorigin="anonymous" > ``` - diff --git a/platform-includes/session-replay/setup-canvas/javascript.vue.mdx b/platform-includes/session-replay/setup-canvas/javascript.vue.mdx index 18eb0cf5c7cb2..99657a2f47fd0 100644 --- a/platform-includes/session-replay/setup-canvas/javascript.vue.mdx +++ b/platform-includes/session-replay/setup-canvas/javascript.vue.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {13} import * as Sentry from "@sentry/vue"; Sentry.init({ @@ -15,4 +15,3 @@ Sentry.init({ ], }); ``` - diff --git a/platform-includes/session-replay/setup/javascript.angular.mdx b/platform-includes/session-replay/setup/javascript.angular.mdx index 698eb8720a878..2375241b70b6e 100644 --- a/platform-includes/session-replay/setup/javascript.angular.mdx +++ b/platform-includes/session-replay/setup/javascript.angular.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {8,12,14-20} import * as Sentry from "@sentry/angular-ivy"; Sentry.init({ diff --git a/platform-includes/session-replay/setup/javascript.astro.mdx b/platform-includes/session-replay/setup/javascript.astro.mdx index 89102cbee7a55..f3c811040677b 100644 --- a/platform-includes/session-replay/setup/javascript.astro.mdx +++ b/platform-includes/session-replay/setup/javascript.astro.mdx @@ -2,7 +2,7 @@ Session replay is enabled by default if you use the SDK configuration in your `a You can customize Replay sample rates like so: -```javascript {filename:astro.config.mjs} +```javascript {filename:astro.config.mjs} {8-9} import { defineConfig } from "astro/config"; import sentry from "@sentry/astro"; @@ -19,7 +19,7 @@ export default defineConfig({ If you have a custom SDK configuration file for the client side (`sentry.client.config.js`), add the Sentry `Replay` integration: -```javascript {filename:sentry.client.config.js} +```javascript {filename:sentry.client.config.js} {5-7} import * as sentry from "@sentry/astro"; Sentry.init({ diff --git a/platform-includes/session-replay/setup/javascript.capacitor.mdx b/platform-includes/session-replay/setup/javascript.capacitor.mdx index c2eeceb121da3..d782cffb884fa 100644 --- a/platform-includes/session-replay/setup/javascript.capacitor.mdx +++ b/platform-includes/session-replay/setup/javascript.capacitor.mdx @@ -6,7 +6,7 @@ Several options are supported and passable using the integration constructor. Se -```javascript +```javascript {9,13,15-21} import * as Sentry from "@sentry/capacitor"; import { Replay } from "@sentry/replay"; diff --git a/platform-includes/session-replay/setup/javascript.electron.mdx b/platform-includes/session-replay/setup/javascript.electron.mdx index fb2bdd1465e1a..0009f6ba3850d 100644 --- a/platform-includes/session-replay/setup/javascript.electron.mdx +++ b/platform-includes/session-replay/setup/javascript.electron.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {8,12,14-20} import * as Sentry from "@sentry/electron/renderer"; Sentry.init({ diff --git a/platform-includes/session-replay/setup/javascript.ember.mdx b/platform-includes/session-replay/setup/javascript.ember.mdx index 400d260ceeea1..c67d719089173 100644 --- a/platform-includes/session-replay/setup/javascript.ember.mdx +++ b/platform-includes/session-replay/setup/javascript.ember.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {8,12,14-20} import * as Sentry from "@sentry/ember"; Sentry.init({ diff --git a/platform-includes/session-replay/setup/javascript.gatsby.mdx b/platform-includes/session-replay/setup/javascript.gatsby.mdx index 138e87004d6c8..5bbdc65feeb52 100644 --- a/platform-includes/session-replay/setup/javascript.gatsby.mdx +++ b/platform-includes/session-replay/setup/javascript.gatsby.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {8,12,14-20} import * as Sentry from "@sentry/gatsby"; Sentry.init({ diff --git a/platform-includes/session-replay/setup/javascript.mdx b/platform-includes/session-replay/setup/javascript.mdx index da2847d55b7f9..a32cd3bed6e10 100644 --- a/platform-includes/session-replay/setup/javascript.mdx +++ b/platform-includes/session-replay/setup/javascript.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {9,13,15-21} // import Sentry from your framework SDK (e.g. @sentry/react) instead of @sentry/browser import * as Sentry from "@sentry/browser"; diff --git a/platform-includes/session-replay/setup/javascript.nextjs.mdx b/platform-includes/session-replay/setup/javascript.nextjs.mdx index fa7a0cae66388..c9aa7743b9e53 100644 --- a/platform-includes/session-replay/setup/javascript.nextjs.mdx +++ b/platform-includes/session-replay/setup/javascript.nextjs.mdx @@ -1,6 +1,6 @@ On your client-side NextJS app, add: -```javascript +```javascript {8,12,14-20} import * as Sentry from "@sentry/nextjs"; Sentry.init({ diff --git a/platform-includes/session-replay/setup/javascript.react.mdx b/platform-includes/session-replay/setup/javascript.react.mdx index c6c50b141de45..94606c1fd4d3f 100644 --- a/platform-includes/session-replay/setup/javascript.react.mdx +++ b/platform-includes/session-replay/setup/javascript.react.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {8,12,14-20} import * as Sentry from "@sentry/react"; Sentry.init({ diff --git a/platform-includes/session-replay/setup/javascript.remix.mdx b/platform-includes/session-replay/setup/javascript.remix.mdx index 67e6cc14db491..0d9b66515aceb 100644 --- a/platform-includes/session-replay/setup/javascript.remix.mdx +++ b/platform-includes/session-replay/setup/javascript.remix.mdx @@ -1,6 +1,6 @@ On your client-side Remix app, add: -```javascript +```javascript {8,12,14-20} import * as Sentry from "@sentry/remix"; Sentry.init({ diff --git a/platform-includes/session-replay/setup/javascript.svelte.mdx b/platform-includes/session-replay/setup/javascript.svelte.mdx index af7536d931550..0e0cf96b56b7e 100644 --- a/platform-includes/session-replay/setup/javascript.svelte.mdx +++ b/platform-includes/session-replay/setup/javascript.svelte.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {8,12,14-20} import * as Sentry from "@sentry/svelte"; Sentry.init({ diff --git a/platform-includes/session-replay/setup/javascript.sveltekit.mdx b/platform-includes/session-replay/setup/javascript.sveltekit.mdx index a37298d74f3f7..55d96e1f3bcaf 100644 --- a/platform-includes/session-replay/setup/javascript.sveltekit.mdx +++ b/platform-includes/session-replay/setup/javascript.sveltekit.mdx @@ -1,6 +1,6 @@ On your client-side SvelteKit app, add: -```javascript +```javascript {8,12,14-20} import * as Sentry from "@sentry/sveltekit"; Sentry.init({ diff --git a/platform-includes/session-replay/setup/javascript.vue.mdx b/platform-includes/session-replay/setup/javascript.vue.mdx index b4f62e756b546..3574d1b72080d 100644 --- a/platform-includes/session-replay/setup/javascript.vue.mdx +++ b/platform-includes/session-replay/setup/javascript.vue.mdx @@ -1,4 +1,4 @@ -```javascript +```javascript {8,12,14-20} import * as Sentry from "@sentry/vue"; Sentry.init({