ref(js): Update and fix browser profiling integration code snippets (#9116)

Author: Lms24

platform-includes/profiling/automatic-instrumentation-setup/_default.mdx

@@ -5,8 +5,8 @@ Sentry.init({
   dsn: "___PUBLIC_DSN___",
   integrations: [
     // Add browser profiling integration to the list of integrations
-    new Sentry.BrowserTracing(),
-    new Sentry.BrowserProfilingIntegration(),
+    Sentry.browserTracingIntegration(),
+    Sentry.browserProfilingIntegration(),
   ],
 
   // Set tracesSampleRate to 1.0 to capture 100%

platform-includes/profiling/automatic-instrumentation-setup/javascript.astro.mdx

@@ -0,0 +1,25 @@
+```javascript
+import * as Sentry from "@sentry/astro";
+
+Sentry.init({
+  dsn: "___PUBLIC_DSN___",
+  integrations: [
+    // Add browser profiling integration to the list of integrations
+    Sentry.browserProfilingIntegration(),
+  ],
+
+  // Set tracesSampleRate to 1.0 to capture 100%
+  // of transactions for performance monitoring.
+  // We recommend adjusting this value in production
+  tracesSampleRate: 1.0,
+  // Set `tracePropagationTargets` to control for which URLs distributed tracing should be enabled
+  tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
+
+  // Set profilesSampleRate to 1.0 to profile every transaction.
+  // Since profilesSampleRate is relative to tracesSampleRate,
+  // the final profiling rate can be computed as tracesSampleRate * profilesSampleRate
+  // For example, a tracesSampleRate of 0.5 and profilesSampleRate of 0.5 would
+  // results in 25% of transactions being profiled (0.5*0.5=0.25)
+  profilesSampleRate: 1.0,
+});
+```

platform-includes/profiling/automatic-instrumentation-setup/javascript.react.mdx

@@ -5,8 +5,8 @@ Sentry.init({
   dsn: "___PUBLIC_DSN___",
   integrations: [
     // Add browser profiling integration to the list of integrations
-   Sentry.browserTracingIntegration(),
-   Sentry.browserTracingIntegration(),
+    Sentry.browserTracingIntegration(),
+    Sentry.browserProfilingIntegration(),
   ],
 
   // Set tracesSampleRate to 1.0 to capture 100%

platform-includes/profiling/automatic-instrumentation-setup/javascript.remix.mdx

@@ -5,7 +5,8 @@ Sentry.init({
   dsn: "___PUBLIC_DSN___",
   integrations: [
     // Add browser profiling integration to the list of integrations
-    new Sentry.BrowserProfilingIntegration(),
+    Sentry.browserTracingIntegration(),
+    Sentry.browserProfilingIntegration(),
   ],
 
   // Set tracesSampleRate to 1.0 to capture 100%

platform-includes/profiling/automatic-instrumentation-setup/javascript.sveltekit.mdx

@@ -5,7 +5,7 @@ Sentry.init({
   dsn: "___PUBLIC_DSN___",
   integrations: [
     // Add browser profiling integration to the list of integrations
-    new Sentry.BrowserProfilingIntegration(),
+    Sentry.browserProfilingIntegration(),
   ],
 
   // Set tracesSampleRate to 1.0 to capture 100%