ref(tracing): Extract Stall Tracking to a standalone integration (#3997)

CHANGELOG.md

@@ -4,6 +4,8 @@
 
 ### Changes
 
+- New Native Frames Integration ([#3996](https://github.com/getsentry/sentry-react-native/pull/3996))
+- New Stall Tracking Integration ([#3997](https://github.com/getsentry/sentry-react-native/pull/3997))
 - New App Start Integration ([#3852](https://github.com/getsentry/sentry-react-native/pull/3852))
 
   By default app start spans are attached to the first created transaction.
@@ -15,6 +17,8 @@
   Sentry.init({
     tracesSampleRate: 1.0,
     enableAppStartTracking: true, // default true
+    enableNativeFramesTracking: true, // default true
+    enableStallTracking: true, // default true
     integrations: [
       Sentry.appStartIntegration({
         standalone: false, // default false
@@ -23,15 +27,6 @@
   });
   ```
 
-- New Native Frames Integration ([#3996](https://github.com/getsentry/sentry-react-native/pull/3996))
-
-  ```js
-  Sentry.init({
-    tracesSampleRate: 1.0,
-    enableNativeFramesTracking: true, // default true
-  });
-  ```
-
 ## 5.28.0
 
 ### Fixes

src/js/integrations/default.ts

@@ -32,6 +32,7 @@ import {
   screenshotIntegration,
   sdkInfoIntegration,
   spotlightIntegration,
+  stallTrackingIntegration,
   viewHierarchyIntegration,
 } from './exports';
 import { createReactNativeRewriteFrames } from './rewriteframes';
@@ -105,6 +106,9 @@ export function getDefaultIntegrations(options: ReactNativeClientOptions): Integ
   if (hasTracingEnabled && options.enableNativeFramesTracking) {
     integrations.push(nativeFramesIntegration());
   }
+  if (hasTracingEnabled && options.enableStallTracking) {
+    integrations.push(stallTrackingIntegration());
+  }
   if (hasTracingEnabled && options.enableAutoPerformanceTracing) {
     integrations.push(new ReactNativeTracing());
   }

src/js/integrations/exports.ts

@@ -15,6 +15,7 @@ export { spotlightIntegration } from './spotlight';
 export { mobileReplayIntegration } from '../replay/mobilereplay';
 export { appStartIntegration } from '../tracing/integrations/appStart';
 export { nativeFramesIntegration } from '../tracing/integrations/nativeFrames';
+export { stallTrackingIntegration } from '../tracing/integrations/stalltracking';
 
 export {
   breadcrumbsIntegration,

src/js/options.ts

@@ -206,6 +206,13 @@ export interface BaseReactNativeOptions {
    */
   enableNativeFramesTracking?: boolean;
 
+  /**
+   * Track when and how long the JS event loop stalls for. Adds stalls as measurements to all transactions.
+   *
+   * @default true
+   */
+  enableStallTracking?: boolean;
+
   /**
    * Options which are in beta, or otherwise not guaranteed to be stable.
    */

src/js/sdk.tsx

@@ -35,6 +35,7 @@ const DEFAULT_OPTIONS: ReactNativeOptions = {
   enableNdk: true,
   enableAppStartTracking: true,
   enableNativeFramesTracking: true,
+  enableStallTracking: true,
 };
 
 /**