feat: App start measurement, initial ui.load transaction, and auto performance enable flag.

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## Unreleased
 
+- build(ios): Bump sentry-cocoa to 7.2.0-beta.9 #1704
+- build(android): Bump sentry-android to 5.1.0-beta.9 #1704
+- feat: Add app start measurements to the first transaction #1704
+- feat: Create an initial initial ui.load transaction by default #1704
+- feat: Add `enableAutoPerformanceTracking` flag that enables auto performance when tracing is enabled #1704
+
 ## 2.7.0-beta.1
 
 - feat: Track stalls in the JavaScript event loop as measurements #1542

RNSentry.podspec

@@ -17,7 +17,7 @@ Pod::Spec.new do |s|
   s.preserve_paths = '*.js'
 
   s.dependency 'React-Core'
-  s.dependency 'Sentry', '7.1.4'
+  s.dependency 'Sentry', '7.2.0-beta.9'
 
   s.source_files = 'ios/RNSentry.{h,m}'
   s.public_header_files = 'ios/RNSentry.h'

android/build.gradle

@@ -26,5 +26,5 @@ android {
 
 dependencies {
     implementation 'com.facebook.react:react-native:+'
-    api 'io.sentry:sentry-android:5.1.0-beta.2'
+    api 'io.sentry:sentry-android:5.1.0-beta.9'
 }

android/src/main/java/io/sentry/react/RNSentryModule.java

@@ -18,7 +18,7 @@
 import java.io.FileOutputStream;
 import java.io.UnsupportedEncodingException;
 import java.nio.charset.Charset;
-import java.util.ArrayList;
+import java.util.Date;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
@@ -27,12 +27,14 @@
 import java.util.logging.Logger;
 
 import io.sentry.android.core.AnrIntegration;
+import io.sentry.android.core.AppStartState;
 import io.sentry.android.core.NdkIntegration;
 import io.sentry.android.core.SentryAndroid;
-import io.sentry.Sentry;
 import io.sentry.Breadcrumb;
+import io.sentry.DateUtils;
 import io.sentry.HubAdapter;
 import io.sentry.Integration;
+import io.sentry.Sentry;
 import io.sentry.SentryLevel;
 import io.sentry.UncaughtExceptionHandlerIntegration;
 import io.sentry.protocol.SdkVersion;
@@ -47,6 +49,7 @@ public class RNSentryModule extends ReactContextBaseJavaModule {
     final static Logger logger = Logger.getLogger("react-native-sentry");
 
     private static PackageInfo packageInfo;
+    private static boolean didFetchAppStart = false;
 
     public RNSentryModule(ReactApplicationContext reactContext) {
         super(reactContext);
@@ -180,6 +183,29 @@ public void fetchNativeRelease(Promise promise) {
         promise.resolve(release);
     }
 
+    @ReactMethod
+    public void fetchNativeAppStart(Promise promise) {
+        final AppStartState appStartInstance = AppStartState.getInstance();
+        final Date appStartTime = appStartInstance.getAppStartTime();
+
+        if (appStartTime == null) {
+            promise.resolve(null);
+        } else {
+            final double appStartTimestamp = (double) appStartTime.getTime();
+
+            WritableMap appStart = Arguments.createMap();
+
+            appStart.putDouble("appStartTime", appStartTimestamp);
+            appStart.putBoolean("isColdStart", appStartInstance.isColdStart());
+            appStart.putBoolean("didFetchAppStart", RNSentryModule.didFetchAppStart);
+
+            promise.resolve(appStart);
+        }
+        // This is always set to true, as we would only allow an app start fetch to only happen once
+        // in the case of a JS bundle reload, we do not want it to be instrumented again.
+        RNSentryModule.didFetchAppStart = true;
+    }
+
     @ReactMethod
     public void captureEnvelope(String envelope, Promise promise) {
         try {

ios/RNSentry.m

@@ -16,6 +16,8 @@ + (void)storeEnvelope:(SentryEnvelope *)envelope;
 
 @end
 
+static bool didFetchAppStart;
+
 @implementation RNSentry {
     bool sentHybridSdkDidBecomeActive;
 }
@@ -40,6 +42,8 @@ + (BOOL)requiresMainQueueSetup {
                   resolve:(RCTPromiseResolveBlock)resolve
                   rejecter:(RCTPromiseRejectBlock)reject)
 {
+    PrivateSentrySDKOnly.appStartMeasurementHybridSDKMode = true;
+
     NSError *error = nil;
 
     SentryBeforeSendEventCallback beforeSend = ^SentryEvent*(SentryEvent *event) {
@@ -80,6 +84,9 @@ + (BOOL)requiresMainQueueSetup {
         sentHybridSdkDidBecomeActive = true;
     }
 
+
+
+
     resolve(@YES);
 }
 
@@ -102,6 +109,30 @@ + (BOOL)requiresMainQueueSetup {
     }];
 }
 
+RCT_EXPORT_METHOD(fetchNativeAppStart:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject)
+{
+
+    SentryAppStartMeasurement *appStartMeasurement = PrivateSentrySDKOnly.appStartMeasurement;
+
+    if (appStartMeasurement == nil) {
+        resolve(nil);
+    } else {
+        BOOL isColdStart = appStartMeasurement.type == SentryAppStartTypeCold;
+
+        resolve(@{
+            @"isColdStart": [NSNumber numberWithBool:isColdStart],
+            @"appStartTime": [NSNumber numberWithDouble:(appStartMeasurement.appStartTimestamp.timeIntervalSince1970 * 1000)],
+            @"didFetchAppStart": [NSNumber numberWithBool:didFetchAppStart],
+                });
+
+    }
+
+    // This is always set to true, as we would only allow an app start fetch to only happen once
+    // in the case of a JS bundle reload, we do not want it to be instrumented again.
+    didFetchAppStart = true;
+}
+
 RCT_EXPORT_METHOD(fetchNativeRelease:(RCTPromiseResolveBlock)resolve
                   rejecter:(RCTPromiseRejectBlock)reject)
 {

sample/src/App.tsx

@@ -41,7 +41,7 @@ Sentry.init({
   maxBreadcrumbs: 150, // Extend from the default 100 breadcrumbs.
   integrations: [
     new Sentry.ReactNativeTracing({
-      idleTimeout: 5000,
+      idleTimeout: 5000, // This is the default timeout
       routingInstrumentation: reactNavigationV5Instrumentation,
       tracingOrigins: ['localhost', /^\//, /^https:\/\//],
       beforeNavigate: (context: Sentry.ReactNavigationTransactionContext) => {
@@ -71,27 +71,35 @@ const App = () => {
   const navigation = React.useRef<NavigationContainerRef>();
 
   return (
-    <Provider store={store}>
-      <NavigationContainer
-        ref={navigation}
-        onReady={() => {
-          reactNavigationV5Instrumentation.registerNavigationContainer(
-            navigation,
-          );
-        }}>
-        <Stack.Navigator>
-          <Stack.Screen name="Home" component={HomeScreen} />
-          <Stack.Screen name="Tracker" component={TrackerScreen} />
-          <Stack.Screen name="ManualTracker" component={ManualTrackerScreen} />
-          <Stack.Screen
-            name="PerformanceTiming"
-            component={PerformanceTimingScreen}
-          />
-          <Stack.Screen name="Redux" component={ReduxScreen} />
-          <Stack.Screen name="EndToEndTests" component={EndToEndTestsScreen} />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </Provider>
+    <Sentry.Profiler name="App">
+      <Provider store={store}>
+        <NavigationContainer
+          ref={navigation}
+          onReady={() => {
+            reactNavigationV5Instrumentation.registerNavigationContainer(
+              navigation,
+            );
+          }}>
+          <Stack.Navigator>
+            <Stack.Screen name="Home" component={HomeScreen} />
+            <Stack.Screen name="Tracker" component={TrackerScreen} />
+            <Stack.Screen
+              name="ManualTracker"
+              component={ManualTrackerScreen}
+            />
+            <Stack.Screen
+              name="PerformanceTiming"
+              component={PerformanceTimingScreen}
+            />
+            <Stack.Screen name="Redux" component={ReduxScreen} />
+            <Stack.Screen
+              name="EndToEndTests"
+              component={EndToEndTestsScreen}
+            />
+          </Stack.Navigator>
+        </NavigationContainer>
+      </Provider>
+    </Sentry.Profiler>
   );
 };
 

src/js/definitions.ts

@@ -2,6 +2,12 @@ import { Breadcrumb } from "@sentry/types";
 
 import { ReactNativeOptions } from "./options";
 
+export type NativeAppStartResponse = {
+  isColdStart: boolean;
+  appStartTime: number;
+  didFetchAppStart: boolean;
+};
+
 export type NativeReleaseResponse = {
   build: string;
   id: string;
@@ -17,6 +23,8 @@ interface SerializedObject {
 }
 
 export interface SentryNativeBridgeModule {
+  nativeClientAvailable: boolean;
+
   addBreadcrumb(breadcrumb: Breadcrumb): void;
   captureEnvelope(
     payload:
@@ -35,6 +43,7 @@ export interface SentryNativeBridgeModule {
     version: string;
   }>;
   fetchNativeDeviceContexts(): PromiseLike<NativeDeviceContextsResponse>;
+  fetchNativeAppStart(): PromiseLike<NativeAppStartResponse | null>;
   getStringBytesLength(str: string): Promise<number>;
   initNativeSdk(options: ReactNativeOptions): Promise<boolean>;
   setUser(

src/js/options.ts

@@ -68,4 +68,7 @@ export interface ReactNativeOptions extends BrowserOptions {
 
   /** Enable JS event loop stall tracking. Enabled by default. */
   enableStallTracking?: boolean;
+
+  /** Enable auto performance tracking by default. */
+  enableAutoPerformanceTracking?: boolean;
 }

src/js/sdk.ts

@@ -15,6 +15,7 @@ import {
 } from "./integrations";
 import { ReactNativeOptions } from "./options";
 import { ReactNativeScope } from "./scope";
+import { ReactNativeTracing } from "./tracing";
 
 const IGNORED_DEFAULT_INTEGRATIONS = [
   "GlobalHandlers", // We will use the react-native internal handlers
@@ -26,6 +27,7 @@ const DEFAULT_OPTIONS: ReactNativeOptions = {
   enableNativeNagger: true,
   autoInitializeNativeSdk: true,
   enableStallTracking: true,
+  enableAutoPerformanceTracking: true,
 };
 
 /**
@@ -84,8 +86,14 @@ export function init(passedOptions: ReactNativeOptions): void {
     if (options.enableNative) {
       options.defaultIntegrations.push(new DeviceContext());
     }
-    if (tracingEnabled && options.enableStallTracking) {
-      options.defaultIntegrations.push(new StallTracking());
+    if (tracingEnabled) {
+      if (options.enableAutoPerformanceTracking) {
+        options.defaultIntegrations.push(new ReactNativeTracing());
+
+        if (options.enableStallTracking) {
+          options.defaultIntegrations.push(new StallTracking());
+        }
+      }
     }
   }