@sentry/react-native 3.3.0 → 3.3.1

package/CHANGELOG.md

@@ -1,9 +1,19 @@
 # Changelog
 
+## 3.3.1
+
+- feat: Support setting maxCacheItems #2102
+- fix: Clear transaction on route change for React Native Navigation #2119
+
 ## 3.3.0
 
 - feat: Support enableNativeCrashHandling for iOS #2101
 - Bump: Sentry Cocoa 7.10.0 #2100
+- feat: Touch events now track components with `sentry-label` prop, falls back to `accessibilityLabel` and then finally `displayName`. #2068
+- fix: Respect sentryOption.debug setting instead of #DEBUG build flag for outputting logs #2039
+- fix: Passing correct mutableOptions to iOS SDK (#2037)
+- Bump: Bump @sentry/javascript dependencies to 6.17.9 #2082
+- fix: Discard prior transactions on react navigation dispatch #2053
 
 ## 3.2.14-beta.2
 

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

@@ -100,6 +100,9 @@ public class RNSentryModule extends ReactContextBaseJavaModule {
             if (rnOptions.hasKey("maxBreadcrumbs")) {
                 options.setMaxBreadcrumbs(rnOptions.getInt("maxBreadcrumbs"));
             }
+            if (rnOptions.hasKey("maxCacheItems")) {
+                options.setMaxCacheItems(rnOptions.getInt("maxCacheItems"));
+            }
             if (rnOptions.hasKey("environment") && rnOptions.getString("environment") != null) {
                 options.setEnvironment(rnOptions.getString("environment"));
             }

package/dist/js/options.d.ts

@@ -80,6 +80,12 @@ export interface ReactNativeOptions extends BrowserOptions {
      * @default true
      */
     patchGlobalPromise?: boolean;
+    /**
+   * The max cache items for capping the number of envelopes.
+   *
+   * @default 30
+   */
+    maxCacheItems?: number;
 }
 export interface ReactNativeWrapperOptions {
     /** Props for the root React profiler */

package/dist/js/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../src/js/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD;;;GAGG;AAEH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;;;;;;;;OAUG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC,8FAA8F;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,0DAA0D;IAC1D,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC,uEAAuE;IACvE,6BAA6B,CAAC,EAAE,MAAM,CAAC;IAEvC,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,+FAA+F;IAC/F,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;SAIK;IACL,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE;QACnB,yEAAyE;QACzE,iBAAiB,EAAE,OAAO,CAAC;KAC5B,KAAK,IAAI,CAAC;IAEX,mDAAmD;IACnD,6BAA6B,CAAC,EAAE,OAAO,CAAC;IAExC;;;;;;SAMK;IACL,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,yBAAyB;IACxC,wCAAwC;IACxC,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,8CAA8C;IAC9C,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;CACnD"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../src/js/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD;;;GAGG;AAEH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;;;;;;;;OAUG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC,8FAA8F;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,0DAA0D;IAC1D,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC,uEAAuE;IACvE,6BAA6B,CAAC,EAAE,MAAM,CAAC;IAEvC,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,+FAA+F;IAC/F,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;SAIK;IACL,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE;QACnB,yEAAyE;QACzE,iBAAiB,EAAE,OAAO,CAAC;KAC5B,KAAK,IAAI,CAAC;IAEX,mDAAmD;IACnD,6BAA6B,CAAC,EAAE,OAAO,CAAC;IAExC;;;;;;SAMK;IACL,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;KAIC;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,yBAAyB;IACxC,wCAAwC;IACxC,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,8CAA8C;IAC9C,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;CACnD"}

package/dist/js/options.js.map

@@ -1 +1 @@
-{"version":3,"file":"options.js","sourceRoot":"","sources":["../../src/js/options.ts"],"names":[],"mappings":"","sourcesContent":["import { BrowserOptions } from \"@sentry/react\";\nimport { ProfilerProps } from \"@sentry/react/dist/profiler\";\nimport { CaptureContext } from \"@sentry/types/dist/scope\";\n\nimport { TouchEventBoundaryProps } from \"./touchevents\";\n\n/**\n * Configuration options for the Sentry ReactNative SDK.\n * @see ReactNativeFrontend for more information.\n */\n\nexport interface ReactNativeOptions extends BrowserOptions {\n  /**\n   * Enables native transport + device info + offline caching.\n   * Be careful, disabling this also breaks automatic release setting.\n   * This means you have to manage setting the release yourself.\n   * Defaults to `true`.\n   */\n  enableNative?: boolean;\n\n  /**\n   * Enables native crashHandling. This only works if `enableNative` is `true`.\n   * Defaults to `true`.\n   */\n  enableNativeCrashHandling?: boolean;\n\n  /**\n   * Initializes the native SDK on init.\n   * Set this to `false` if you have an existing native SDK and don't want to re-initialize.\n   *\n   * NOTE: Be careful and only use this if you know what you are doing.\n   * If you use this flag, make sure a native SDK is running before the JS Engine initializes or events might not be captured.\n   * Also, make sure the DSN on both the React Native side and the native side are the same one.\n   * We strongly recommend checking the documentation if you need to use this.\n   *\n   * @default true\n   */\n  autoInitializeNativeSdk?: boolean;\n\n  /** Maximum time to wait to drain the request queue, before the process is allowed to exit. */\n  shutdownTimeout?: number;\n\n  /** Should the native nagger alert be shown or not. */\n  enableNativeNagger?: boolean;\n\n  /** Should sessions be tracked to Sentry Health or not. */\n  enableAutoSessionTracking?: boolean;\n\n  /** The interval to end a session if the App goes to the background. */\n  sessionTrackingIntervalMillis?: number;\n\n  /** Enable scope sync from Java to NDK on Android */\n  enableNdkScopeSync?: boolean;\n\n  /** When enabled, all the threads are automatically attached to all logged events on Android */\n  attachThreads?: boolean;\n\n  /**\n   *  When enabled, certain personally identifiable information (PII) is added by active integrations.\n   *\n   * @default false\n   * */\n  sendDefaultPii?: boolean;\n\n  /**\n   * Callback that is called after the RN SDK on the JS Layer has made contact with the Native Layer.\n   */\n  onReady?: (response: {\n    /** `true` if the native SDK has been initialized, `false` otherwise.  */\n    didCallNativeInit: boolean;\n  }) => void;\n\n  /** Enable auto performance tracking by default. */\n  enableAutoPerformanceTracking?: boolean;\n\n  /**\n   * Enables Out of Memory Tracking for iOS and macCatalyst.\n   * See the following link for more information and possible restrictions:\n   * https://docs.sentry.io/platforms/apple/guides/ios/configuration/out-of-memory/\n   *\n   * @default true\n   * */\n  enableOutOfMemoryTracking?: boolean;\n\n  /**\n   * Set data to the inital scope\n   * @deprecated Use `Sentry.configureScope(...)`\n   */\n  initialScope?: CaptureContext;\n\n  /**\n   * When enabled, Sentry will overwrite the global Promise instance to ensure that unhandled rejections are correctly tracked.\n   * If you run into issues with Promise polyfills such as `core-js`, make sure you polyfill after Sentry is initialized.\n   * Read more at https://docs.sentry.io/platforms/react-native/troubleshooting/#unhandled-promise-rejections\n   *\n   * When disabled, this option will not disable unhandled rejection tracking. Set `onunhandledrejection: false` on the `ReactNativeErrorHandlers` integration instead.\n   * @default true\n   */\n  patchGlobalPromise?: boolean;\n}\n\nexport interface ReactNativeWrapperOptions {\n  /** Props for the root React profiler */\n  profilerProps?: ProfilerProps;\n\n  /** Props for the root touch event boundary */\n  touchEventBoundaryProps?: TouchEventBoundaryProps;\n}\n"]}
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../../src/js/options.ts"],"names":[],"mappings":"","sourcesContent":["import { BrowserOptions } from \"@sentry/react\";\nimport { ProfilerProps } from \"@sentry/react/dist/profiler\";\nimport { CaptureContext } from \"@sentry/types/dist/scope\";\n\nimport { TouchEventBoundaryProps } from \"./touchevents\";\n\n/**\n * Configuration options for the Sentry ReactNative SDK.\n * @see ReactNativeFrontend for more information.\n */\n\nexport interface ReactNativeOptions extends BrowserOptions {\n  /**\n   * Enables native transport + device info + offline caching.\n   * Be careful, disabling this also breaks automatic release setting.\n   * This means you have to manage setting the release yourself.\n   * Defaults to `true`.\n   */\n  enableNative?: boolean;\n\n  /**\n   * Enables native crashHandling. This only works if `enableNative` is `true`.\n   * Defaults to `true`.\n   */\n  enableNativeCrashHandling?: boolean;\n\n  /**\n   * Initializes the native SDK on init.\n   * Set this to `false` if you have an existing native SDK and don't want to re-initialize.\n   *\n   * NOTE: Be careful and only use this if you know what you are doing.\n   * If you use this flag, make sure a native SDK is running before the JS Engine initializes or events might not be captured.\n   * Also, make sure the DSN on both the React Native side and the native side are the same one.\n   * We strongly recommend checking the documentation if you need to use this.\n   *\n   * @default true\n   */\n  autoInitializeNativeSdk?: boolean;\n\n  /** Maximum time to wait to drain the request queue, before the process is allowed to exit. */\n  shutdownTimeout?: number;\n\n  /** Should the native nagger alert be shown or not. */\n  enableNativeNagger?: boolean;\n\n  /** Should sessions be tracked to Sentry Health or not. */\n  enableAutoSessionTracking?: boolean;\n\n  /** The interval to end a session if the App goes to the background. */\n  sessionTrackingIntervalMillis?: number;\n\n  /** Enable scope sync from Java to NDK on Android */\n  enableNdkScopeSync?: boolean;\n\n  /** When enabled, all the threads are automatically attached to all logged events on Android */\n  attachThreads?: boolean;\n\n  /**\n   *  When enabled, certain personally identifiable information (PII) is added by active integrations.\n   *\n   * @default false\n   * */\n  sendDefaultPii?: boolean;\n\n  /**\n   * Callback that is called after the RN SDK on the JS Layer has made contact with the Native Layer.\n   */\n  onReady?: (response: {\n    /** `true` if the native SDK has been initialized, `false` otherwise.  */\n    didCallNativeInit: boolean;\n  }) => void;\n\n  /** Enable auto performance tracking by default. */\n  enableAutoPerformanceTracking?: boolean;\n\n  /**\n   * Enables Out of Memory Tracking for iOS and macCatalyst.\n   * See the following link for more information and possible restrictions:\n   * https://docs.sentry.io/platforms/apple/guides/ios/configuration/out-of-memory/\n   *\n   * @default true\n   * */\n  enableOutOfMemoryTracking?: boolean;\n\n  /**\n   * Set data to the inital scope\n   * @deprecated Use `Sentry.configureScope(...)`\n   */\n  initialScope?: CaptureContext;\n\n  /**\n   * When enabled, Sentry will overwrite the global Promise instance to ensure that unhandled rejections are correctly tracked.\n   * If you run into issues with Promise polyfills such as `core-js`, make sure you polyfill after Sentry is initialized.\n   * Read more at https://docs.sentry.io/platforms/react-native/troubleshooting/#unhandled-promise-rejections\n   *\n   * When disabled, this option will not disable unhandled rejection tracking. Set `onunhandledrejection: false` on the `ReactNativeErrorHandlers` integration instead.\n   * @default true\n   */\n  patchGlobalPromise?: boolean;\n\n    /**\n   * The max cache items for capping the number of envelopes.\n   *\n   * @default 30\n   */\n  maxCacheItems?: number;\n}\n\nexport interface ReactNativeWrapperOptions {\n  /** Props for the root React profiler */\n  profilerProps?: ProfilerProps;\n\n  /** Props for the root touch event boundary */\n  touchEventBoundaryProps?: TouchEventBoundaryProps;\n}\n"]}

package/dist/js/tracing/reactnativenavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reactnativenavigation.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/reactnativenavigation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EACL,8BAA8B,EAC9B,cAAc,EACd,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAIlC,UAAU,4BAA4B;IACpC,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAMD,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,aAAK,aAAa,GACd,WAAW,GACX,aAAa,GACb,kBAAkB,GAClB,cAAc,CAAC;AAEnB,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC;IACtD,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,IAAI,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,mCAAmC,CACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,GAClD,mBAAmB,CAAC;IACvB,uBAAuB,CACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,GAChD,iBAAiB,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,cAAc,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,qBAAa,oCAAqC,SAAQ,8BAA8B;IACtF,OAAc,mBAAmB,EAAE,MAAM,CAA6B;IAEtE,OAAO,CAAC,WAAW,CAAqB;IACxC,OAAO,CAAC,QAAQ,CAA+B;IAE/C,OAAO,CAAC,mBAAmB,CAAyC;IAEpE,OAAO,CAAC,kBAAkB,CAAC,CAAkB;IAC7C,OAAO,CAAC,mBAAmB,CAAgB;IAC3C,OAAO,CAAC,mBAAmB,CAAC,CAAqB;;IAG/C,uGAAuG;IACvG,UAAU,EAAE,OAAO,EACnB,OAAO,GAAE,OAAO,CAAC,4BAA4B,CAAM;IAYrD;;OAEG;IACI,8BAA8B,CACnC,QAAQ,EAAE,kBAAkB,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC7B,IAAI;IAkBP;;OAEG;IACH,OAAO,CAAC,UAAU;IAelB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAoE9B,wEAAwE;IACxE,OAAO,CAAC,yBAAyB;IAUjC,wEAAwE;IACxE,OAAO,CAAC,wBAAwB;CAMjC"}
+{"version":3,"file":"reactnativenavigation.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/reactnativenavigation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EACL,8BAA8B,EAC9B,cAAc,EACd,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAIlC,UAAU,4BAA4B;IACpC,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAMD,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,aAAK,aAAa,GACd,WAAW,GACX,aAAa,GACb,kBAAkB,GAClB,cAAc,CAAC;AAEnB,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC;IACtD,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,IAAI,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,mCAAmC,CACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,GAClD,mBAAmB,CAAC;IACvB,uBAAuB,CACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,GAChD,iBAAiB,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,cAAc,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,qBAAa,oCAAqC,SAAQ,8BAA8B;IACtF,OAAc,mBAAmB,EAAE,MAAM,CAA6B;IAEtE,OAAO,CAAC,WAAW,CAAqB;IACxC,OAAO,CAAC,QAAQ,CAA+B;IAE/C,OAAO,CAAC,mBAAmB,CAAyC;IAEpE,OAAO,CAAC,kBAAkB,CAAC,CAAkB;IAC7C,OAAO,CAAC,mBAAmB,CAAgB;IAC3C,OAAO,CAAC,mBAAmB,CAAC,CAAqB;;IAG/C,uGAAuG;IACvG,UAAU,EAAE,OAAO,EACnB,OAAO,GAAE,OAAO,CAAC,4BAA4B,CAAM;IAYrD;;OAEG;IACI,8BAA8B,CACnC,QAAQ,EAAE,kBAAkB,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC7B,IAAI;IAkBP;;OAEG;IACH,OAAO,CAAC,UAAU;IAelB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAuE9B,wEAAwE;IACxE,OAAO,CAAC,yBAAyB;IAUjC,wEAAwE;IACxE,OAAO,CAAC,wBAAwB;CAMjC"}

package/dist/js/tracing/reactnativenavigation.js

@@ -50,30 +50,32 @@ export class ReactNativeNavigationInstrumentation extends InternalRoutingInstrum
     _onComponentWillAppear(event) {
         var _a, _b, _c;
         // If the route is a different key, this is so we ignore actions that pertain to the same screen.
-        if (this._latestTransaction &&
-            (!this._prevComponentEvent ||
-                event.componentId != this._prevComponentEvent.componentId)) {
-            this._clearStateChangeTimeout();
-            const originalContext = this._latestTransaction.toContext();
-            const routeHasBeenSeen = this._recentComponentIds.includes(event.componentId);
-            const data = Object.assign(Object.assign({}, originalContext.data), { route: Object.assign(Object.assign({}, event), { name: event.componentName, hasBeenSeen: routeHasBeenSeen }), previousRoute: this._prevComponentEvent
-                    ? Object.assign(Object.assign({}, this._prevComponentEvent), { name: (_a = this._prevComponentEvent) === null || _a === void 0 ? void 0 : _a.componentName }) : null });
-            const updatedContext = Object.assign(Object.assign({}, originalContext), { name: event.componentName, tags: Object.assign(Object.assign({}, originalContext.tags), { "routing.route.name": event.componentName }), data });
-            let finalContext = (_b = this._beforeNavigate) === null || _b === void 0 ? void 0 : _b.call(this, updatedContext);
-            // This block is to catch users not returning a transaction context
-            if (!finalContext) {
-                logger.error(`[${ReactNativeNavigationInstrumentation.name}] beforeNavigate returned ${finalContext}, return context.sampled = false to not send transaction.`);
-                finalContext = Object.assign(Object.assign({}, updatedContext), { sampled: false });
+        if (this._latestTransaction) {
+            if (!this._prevComponentEvent ||
+                event.componentId != this._prevComponentEvent.componentId) {
+                this._clearStateChangeTimeout();
+                const originalContext = this._latestTransaction.toContext();
+                const routeHasBeenSeen = this._recentComponentIds.includes(event.componentId);
+                const data = Object.assign(Object.assign({}, originalContext.data), { route: Object.assign(Object.assign({}, event), { name: event.componentName, hasBeenSeen: routeHasBeenSeen }), previousRoute: this._prevComponentEvent
+                        ? Object.assign(Object.assign({}, this._prevComponentEvent), { name: (_a = this._prevComponentEvent) === null || _a === void 0 ? void 0 : _a.componentName }) : null });
+                const updatedContext = Object.assign(Object.assign({}, originalContext), { name: event.componentName, tags: Object.assign(Object.assign({}, originalContext.tags), { "routing.route.name": event.componentName }), data });
+                let finalContext = (_b = this._beforeNavigate) === null || _b === void 0 ? void 0 : _b.call(this, updatedContext);
+                // This block is to catch users not returning a transaction context
+                if (!finalContext) {
+                    logger.error(`[${ReactNativeNavigationInstrumentation.name}] beforeNavigate returned ${finalContext}, return context.sampled = false to not send transaction.`);
+                    finalContext = Object.assign(Object.assign({}, updatedContext), { sampled: false });
+                }
+                if (finalContext.sampled === false) {
+                    logger.log(`[${ReactNativeNavigationInstrumentation.name}] Will not send transaction "${finalContext.name}" due to beforeNavigate.`);
+                }
+                this._latestTransaction.updateWithContext(finalContext);
+                (_c = this._onConfirmRoute) === null || _c === void 0 ? void 0 : _c.call(this, finalContext);
+                this._prevComponentEvent = event;
             }
-            if (finalContext.sampled === false) {
-                logger.log(`[${ReactNativeNavigationInstrumentation.name}] Will not send transaction "${finalContext.name}" due to beforeNavigate.`);
+            else {
+                this._discardLatestTransaction();
             }
-            this._latestTransaction.updateWithContext(finalContext);
-            (_c = this._onConfirmRoute) === null || _c === void 0 ? void 0 : _c.call(this, finalContext);
-            this._prevComponentEvent = event;
-        }
-        else {
-            this._discardLatestTransaction();
+            this._latestTransaction = undefined;
         }
     }
     /** Cancels the latest transaction so it does not get sent to Sentry. */

package/dist/js/tracing/reactnativenavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactnativenavigation.js","sourceRoot":"","sources":["../../../src/js/tracing/reactnativenavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { Transaction as TransactionType } from \"@sentry/types\";\nimport { logger } from \"@sentry/utils\";\nimport { EmitterSubscription } from \"react-native\";\n\nimport { BeforeNavigate } from \"./reactnativetracing\";\nimport {\n  InternalRoutingInstrumentation,\n  OnConfirmRoute,\n  TransactionCreator,\n} from \"./routingInstrumentation\";\nimport { RouteChangeContextData } from \"./types\";\nimport { getBlankTransactionContext } from \"./utils\";\n\ninterface ReactNativeNavigationOptions {\n  routeChangeTimeoutMs: number;\n}\n\nconst defaultOptions: ReactNativeNavigationOptions = {\n  routeChangeTimeoutMs: 1000,\n};\n\ninterface ComponentEvent {\n  componentId: string;\n}\n\ntype ComponentType =\n  | \"Component\"\n  | \"TopBarTitle\"\n  | \"TopBarBackground\"\n  | \"TopBarButton\";\n\nexport interface ComponentWillAppearEvent extends ComponentEvent {\n  componentName: string;\n  passProps?: Record<string | number | symbol, unknown>;\n  componentType: ComponentType;\n}\n\nexport interface EventSubscription {\n  remove(): void;\n}\n\nexport interface EventsRegistry {\n  registerComponentWillAppearListener(\n    callback: (event: ComponentWillAppearEvent) => void\n  ): EmitterSubscription;\n  registerCommandListener(\n    callback: (name: string, params: unknown) => void\n  ): EventSubscription;\n}\n\nexport interface NavigationDelegate {\n  events: () => EventsRegistry;\n}\n\n/**\n * Instrumentation for React Native Navigation. See docs or sample app for usage.\n *\n * How this works:\n * - `_onCommand` is called every time a commands happens and sets an IdleTransaction on the scope without any route context.\n * - `_onComponentWillAppear` is then called AFTER the state change happens due to a dispatch and sets the route context onto the active transaction.\n * - If `_onComponentWillAppear` isn't called within `options.routeChangeTimeoutMs` of the dispatch, then the transaction is not sampled and finished.\n */\nexport class ReactNativeNavigationInstrumentation extends InternalRoutingInstrumentation {\n  public static instrumentationName: string = \"react-native-navigation\";\n\n  private _navigation: NavigationDelegate;\n  private _options: ReactNativeNavigationOptions;\n\n  private _prevComponentEvent: ComponentWillAppearEvent | null = null;\n\n  private _latestTransaction?: TransactionType;\n  private _recentComponentIds: string[] = [];\n  private _stateChangeTimeout?: number | undefined;\n\n  public constructor(\n    /** The react native navigation `NavigationDelegate`. This is usually the import named `Navigation`. */\n    navigation: unknown,\n    options: Partial<ReactNativeNavigationOptions> = {}\n  ) {\n    super();\n\n    this._navigation = navigation as NavigationDelegate;\n\n    this._options = {\n      ...defaultOptions,\n      ...options,\n    };\n  }\n\n  /**\n   * Registers the event listeners for React Native Navigation\n   */\n  public registerRoutingInstrumentation(\n    listener: TransactionCreator,\n    beforeNavigate: BeforeNavigate,\n    onConfirmRoute: OnConfirmRoute\n  ): void {\n    super.registerRoutingInstrumentation(\n      listener,\n      beforeNavigate,\n      onConfirmRoute\n    );\n\n    this._navigation\n      .events()\n      .registerCommandListener(this._onCommand.bind(this));\n\n    this._navigation\n      .events()\n      .registerComponentWillAppearListener(\n        this._onComponentWillAppear.bind(this)\n      );\n  }\n\n  /**\n   * To be called when a navigation command is dispatched\n   */\n  private _onCommand(): void {\n    if (this._latestTransaction) {\n      this._discardLatestTransaction();\n    }\n\n    this._latestTransaction = this.onRouteWillChange(\n      getBlankTransactionContext(ReactNativeNavigationInstrumentation.name)\n    );\n\n    this._stateChangeTimeout = setTimeout(\n      this._discardLatestTransaction.bind(this),\n      this._options.routeChangeTimeoutMs\n    );\n  }\n\n  /**\n   * To be called AFTER the state has been changed to populate the transaction with the current route.\n   */\n  private _onComponentWillAppear(event: ComponentWillAppearEvent): void {\n    // If the route is a different key, this is so we ignore actions that pertain to the same screen.\n    if (\n      this._latestTransaction &&\n      (!this._prevComponentEvent ||\n        event.componentId != this._prevComponentEvent.componentId)\n    ) {\n      this._clearStateChangeTimeout();\n\n      const originalContext = this._latestTransaction.toContext();\n      const routeHasBeenSeen = this._recentComponentIds.includes(\n        event.componentId\n      );\n\n      const data: RouteChangeContextData = {\n        ...originalContext.data,\n        route: {\n          ...event,\n          name: event.componentName,\n          hasBeenSeen: routeHasBeenSeen,\n        },\n        previousRoute: this._prevComponentEvent\n          ? {\n              ...this._prevComponentEvent,\n              name: this._prevComponentEvent?.componentName,\n            }\n          : null,\n      };\n\n      const updatedContext = {\n        ...originalContext,\n        name: event.componentName,\n        tags: {\n          ...originalContext.tags,\n          \"routing.route.name\": event.componentName,\n        },\n        data,\n      };\n\n      let finalContext = this._beforeNavigate?.(updatedContext);\n\n      // This block is to catch users not returning a transaction context\n      if (!finalContext) {\n        logger.error(\n          `[${ReactNativeNavigationInstrumentation.name}] beforeNavigate returned ${finalContext}, return context.sampled = false to not send transaction.`\n        );\n\n        finalContext = {\n          ...updatedContext,\n          sampled: false,\n        };\n      }\n\n      if (finalContext.sampled === false) {\n        logger.log(\n          `[${ReactNativeNavigationInstrumentation.name}] Will not send transaction \"${finalContext.name}\" due to beforeNavigate.`\n        );\n      }\n\n      this._latestTransaction.updateWithContext(finalContext);\n      this._onConfirmRoute?.(finalContext);\n\n      this._prevComponentEvent = event;\n    } else {\n      this._discardLatestTransaction();\n    }\n  }\n\n  /** Cancels the latest transaction so it does not get sent to Sentry. */\n  private _discardLatestTransaction(): void {\n    if (this._latestTransaction) {\n      this._latestTransaction.sampled = false;\n      this._latestTransaction.finish();\n      this._latestTransaction = undefined;\n    }\n\n    this._clearStateChangeTimeout();\n  }\n\n  /** Cancels the latest transaction so it does not get sent to Sentry. */\n  private _clearStateChangeTimeout(): void {\n    if (typeof this._stateChangeTimeout !== \"undefined\") {\n      clearTimeout(this._stateChangeTimeout);\n      this._stateChangeTimeout = undefined;\n    }\n  }\n}\n"]}
+{"version":3,"file":"reactnativenavigation.js","sourceRoot":"","sources":["../../../src/js/tracing/reactnativenavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { Transaction as TransactionType } from \"@sentry/types\";\nimport { logger } from \"@sentry/utils\";\nimport { EmitterSubscription } from \"react-native\";\n\nimport { BeforeNavigate } from \"./reactnativetracing\";\nimport {\n  InternalRoutingInstrumentation,\n  OnConfirmRoute,\n  TransactionCreator,\n} from \"./routingInstrumentation\";\nimport { RouteChangeContextData } from \"./types\";\nimport { getBlankTransactionContext } from \"./utils\";\n\ninterface ReactNativeNavigationOptions {\n  routeChangeTimeoutMs: number;\n}\n\nconst defaultOptions: ReactNativeNavigationOptions = {\n  routeChangeTimeoutMs: 1000,\n};\n\ninterface ComponentEvent {\n  componentId: string;\n}\n\ntype ComponentType =\n  | \"Component\"\n  | \"TopBarTitle\"\n  | \"TopBarBackground\"\n  | \"TopBarButton\";\n\nexport interface ComponentWillAppearEvent extends ComponentEvent {\n  componentName: string;\n  passProps?: Record<string | number | symbol, unknown>;\n  componentType: ComponentType;\n}\n\nexport interface EventSubscription {\n  remove(): void;\n}\n\nexport interface EventsRegistry {\n  registerComponentWillAppearListener(\n    callback: (event: ComponentWillAppearEvent) => void\n  ): EmitterSubscription;\n  registerCommandListener(\n    callback: (name: string, params: unknown) => void\n  ): EventSubscription;\n}\n\nexport interface NavigationDelegate {\n  events: () => EventsRegistry;\n}\n\n/**\n * Instrumentation for React Native Navigation. See docs or sample app for usage.\n *\n * How this works:\n * - `_onCommand` is called every time a commands happens and sets an IdleTransaction on the scope without any route context.\n * - `_onComponentWillAppear` is then called AFTER the state change happens due to a dispatch and sets the route context onto the active transaction.\n * - If `_onComponentWillAppear` isn't called within `options.routeChangeTimeoutMs` of the dispatch, then the transaction is not sampled and finished.\n */\nexport class ReactNativeNavigationInstrumentation extends InternalRoutingInstrumentation {\n  public static instrumentationName: string = \"react-native-navigation\";\n\n  private _navigation: NavigationDelegate;\n  private _options: ReactNativeNavigationOptions;\n\n  private _prevComponentEvent: ComponentWillAppearEvent | null = null;\n\n  private _latestTransaction?: TransactionType;\n  private _recentComponentIds: string[] = [];\n  private _stateChangeTimeout?: number | undefined;\n\n  public constructor(\n    /** The react native navigation `NavigationDelegate`. This is usually the import named `Navigation`. */\n    navigation: unknown,\n    options: Partial<ReactNativeNavigationOptions> = {}\n  ) {\n    super();\n\n    this._navigation = navigation as NavigationDelegate;\n\n    this._options = {\n      ...defaultOptions,\n      ...options,\n    };\n  }\n\n  /**\n   * Registers the event listeners for React Native Navigation\n   */\n  public registerRoutingInstrumentation(\n    listener: TransactionCreator,\n    beforeNavigate: BeforeNavigate,\n    onConfirmRoute: OnConfirmRoute\n  ): void {\n    super.registerRoutingInstrumentation(\n      listener,\n      beforeNavigate,\n      onConfirmRoute\n    );\n\n    this._navigation\n      .events()\n      .registerCommandListener(this._onCommand.bind(this));\n\n    this._navigation\n      .events()\n      .registerComponentWillAppearListener(\n        this._onComponentWillAppear.bind(this)\n      );\n  }\n\n  /**\n   * To be called when a navigation command is dispatched\n   */\n  private _onCommand(): void {\n    if (this._latestTransaction) {\n      this._discardLatestTransaction();\n    }\n\n    this._latestTransaction = this.onRouteWillChange(\n      getBlankTransactionContext(ReactNativeNavigationInstrumentation.name)\n    );\n\n    this._stateChangeTimeout = setTimeout(\n      this._discardLatestTransaction.bind(this),\n      this._options.routeChangeTimeoutMs\n    );\n  }\n\n  /**\n   * To be called AFTER the state has been changed to populate the transaction with the current route.\n   */\n  private _onComponentWillAppear(event: ComponentWillAppearEvent): void {\n    // If the route is a different key, this is so we ignore actions that pertain to the same screen.\n    if (this._latestTransaction) {\n      if (\n        !this._prevComponentEvent ||\n        event.componentId != this._prevComponentEvent.componentId\n      ) {\n        this._clearStateChangeTimeout();\n\n        const originalContext = this._latestTransaction.toContext();\n        const routeHasBeenSeen = this._recentComponentIds.includes(\n          event.componentId\n        );\n\n        const data: RouteChangeContextData = {\n          ...originalContext.data,\n          route: {\n            ...event,\n            name: event.componentName,\n            hasBeenSeen: routeHasBeenSeen,\n          },\n          previousRoute: this._prevComponentEvent\n            ? {\n                ...this._prevComponentEvent,\n                name: this._prevComponentEvent?.componentName,\n              }\n            : null,\n        };\n\n        const updatedContext = {\n          ...originalContext,\n          name: event.componentName,\n          tags: {\n            ...originalContext.tags,\n            \"routing.route.name\": event.componentName,\n          },\n          data,\n        };\n\n        let finalContext = this._beforeNavigate?.(updatedContext);\n\n        // This block is to catch users not returning a transaction context\n        if (!finalContext) {\n          logger.error(\n            `[${ReactNativeNavigationInstrumentation.name}] beforeNavigate returned ${finalContext}, return context.sampled = false to not send transaction.`\n          );\n\n          finalContext = {\n            ...updatedContext,\n            sampled: false,\n          };\n        }\n\n        if (finalContext.sampled === false) {\n          logger.log(\n            `[${ReactNativeNavigationInstrumentation.name}] Will not send transaction \"${finalContext.name}\" due to beforeNavigate.`\n          );\n        }\n\n        this._latestTransaction.updateWithContext(finalContext);\n        this._onConfirmRoute?.(finalContext);\n\n        this._prevComponentEvent = event;\n      } else {\n        this._discardLatestTransaction();\n      }\n\n      this._latestTransaction = undefined;\n    }\n  }\n\n  /** Cancels the latest transaction so it does not get sent to Sentry. */\n  private _discardLatestTransaction(): void {\n    if (this._latestTransaction) {\n      this._latestTransaction.sampled = false;\n      this._latestTransaction.finish();\n      this._latestTransaction = undefined;\n    }\n\n    this._clearStateChangeTimeout();\n  }\n\n  /** Cancels the latest transaction so it does not get sent to Sentry. */\n  private _clearStateChangeTimeout(): void {\n    if (typeof this._stateChangeTimeout !== \"undefined\") {\n      clearTimeout(this._stateChangeTimeout);\n      this._stateChangeTimeout = undefined;\n    }\n  }\n}\n"]}

package/dist/js/version.d.ts

@@ -1,3 +1,3 @@
 export declare const SDK_NAME = "sentry.javascript.react-native";
-export declare const SDK_VERSION = "3.3.0";
+export declare const SDK_VERSION = "3.3.1";
 //# sourceMappingURL=version.d.ts.map

package/dist/js/version.js

@@ -1,3 +1,3 @@
 export const SDK_NAME = "sentry.javascript.react-native";
-export const SDK_VERSION = "3.3.0";
+export const SDK_VERSION = "3.3.1";
 //# sourceMappingURL=version.js.map

package/dist/js/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/js/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,gCAAgC,CAAC;AACzD,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC","sourcesContent":["export const SDK_NAME = \"sentry.javascript.react-native\";\nexport const SDK_VERSION = \"3.3.0\";\n"]}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/js/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,gCAAgC,CAAC;AACzD,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC","sourcesContent":["export const SDK_NAME = \"sentry.javascript.react-native\";\nexport const SDK_VERSION = \"3.3.1\";\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@sentry/react-native",
   "homepage": "https://github.com/getsentry/sentry-react-native",
   "repository": "https://github.com/getsentry/sentry-react-native",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "Official Sentry SDK for react-native",
   "typings": "dist/js/index.d.ts",
   "types": "dist/js/index.d.ts",