Add user feedback option to JavaScript framework onboarding guides

Author: cursoragent

docs/platforms/javascript/guides/angular/manual-setup.mdx

@@ -24,7 +24,7 @@ You need:
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -102,6 +102,12 @@ Sentry.init({
     // which automatically captures Session Replays
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
@@ -156,6 +162,12 @@ Sentry.init({
     // which automatically captures Session Replays
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/nextjs/manual-setup.mdx

@@ -16,7 +16,7 @@ description: "Learn how to manually set up Sentry in your Next.js app and captur
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -122,7 +122,15 @@ Sentry.init({
   // ___PRODUCT_OPTION_END___ performance
   // ___PRODUCT_OPTION_START___ session-replay
   // Replay may only be enabled for the client-side
-  integrations: [Sentry.replayIntegration()],
+  integrations: [
+    Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
+  ],
 
   // Capture Replay for 10% of all sessions,
   // plus for 100% of sessions with an error

docs/platforms/javascript/guides/nuxt/manual-setup.mdx

@@ -51,7 +51,7 @@ Add the following overrides:
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -103,7 +103,15 @@ Sentry.init({
   // ___PRODUCT_OPTION_START___ session-replay
 
   // Replay may only be enabled for the client-side
-  integrations: [Sentry.replayIntegration()],
+  integrations: [
+    Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
+  ],
   // ___PRODUCT_OPTION_END___ session-replay
   // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/react-router/index.mdx

@@ -25,13 +25,14 @@ categories:
 
 ## Install
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 <OnboardingOptionButtons
   options={[
     "error-monitoring",
     "performance",
     "session-replay",
+    "user-feedback",
     {
       id: 'profiling',
       checked: false
@@ -103,6 +104,12 @@ Initialize the Sentry React SDK in your `entry.client.tsx` file:
 +    // ___PRODUCT_OPTION_START___ session-replay
 +    Sentry.replayIntegration(),
 +    // ___PRODUCT_OPTION_END___ session-replay
++    // ___PRODUCT_OPTION_START___ user-feedback
++    Sentry.feedbackIntegration({
++      // Additional SDK configuration goes in here, for example:
++      colorScheme: "system",
++    }),
++    // ___PRODUCT_OPTION_END___ user-feedback
 +  ],
 +  // ___PRODUCT_OPTION_START___ performance
 +

docs/platforms/javascript/guides/remix/manual-setup.mdx

@@ -15,7 +15,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 ## Install
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "profiling", "session-replay"]}
+  options={["error-monitoring", "performance", "profiling", "session-replay", "user-feedback"]}
 />
 
 Get started by installing the Sentry Remix SDK:
@@ -62,6 +62,12 @@ Sentry.init({
     // Replay is only available in the client
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 

docs/platforms/javascript/guides/sveltekit/manual-setup.mdx

@@ -16,7 +16,7 @@ description: "Learn how to manually set up Sentry in your SvelteKit app and capt
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -65,9 +65,19 @@ Sentry.init({
   // https://docs.sentry.io/platforms/javascript/configuration/options/#traces-sample-rate
   tracesSampleRate: 1.0,
   // ___PRODUCT_OPTION_END___ performance
-  // ___PRODUCT_OPTION_START___ session-replay
-  integrations: [Sentry.replayIntegration()],
+  integrations: [
+    // ___PRODUCT_OPTION_START___ session-replay
+    Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
+  ],
 
+  // ___PRODUCT_OPTION_START___ session-replay
   // Capture Replay for 10% of all sessions,
   // plus for 100% of sessions with an error
   // Learn more at

docs/platforms/javascript/guides/tanstackstart-react/index.mdx

@@ -10,7 +10,7 @@ description: "Learn how to set up and configure Sentry in your TanStack Start Re
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -91,6 +91,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance