@sentry/react-native 5.28.0 → 6.0.0-alpha.0

package/dist/js/tracing/integrations/userInteraction.js

@@ -0,0 +1,70 @@
+import { getActiveSpan, getClient, getCurrentScope, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, spanToJSON } from '@sentry/core';
+import { logger } from '@sentry/utils';
+import { onlySampleIfChildSpans } from '../onSpanEndUtils';
+import { SPAN_ORIGIN_AUTO_INTERACTION } from '../origin';
+import { getCurrentReactNativeTracingIntegration } from '../reactnativetracing';
+import { clearActiveSpanFromScope, isSentryInteractionSpan, startIdleSpan } from '../span';
+const INTEGRATION_NAME = 'UserInteraction';
+export const userInteractionIntegration = () => {
+    return {
+        name: INTEGRATION_NAME,
+    };
+};
+/**
+ * Starts a new transaction for a user interaction.
+ * @param userInteractionId Consists of `op` representation UI Event and `elementId` unique element identifier on current screen.
+ */
+export const startUserInteractionSpan = (userInteractionId) => {
+    const client = getClient();
+    if (!client) {
+        return undefined;
+    }
+    const tracing = getCurrentReactNativeTracingIntegration();
+    if (!tracing) {
+        logger.log(`[${INTEGRATION_NAME}] Tracing integration is not available. Can not start user interaction span.`);
+        return undefined;
+    }
+    const options = client.getOptions();
+    const { elementId, op } = userInteractionId;
+    if (!options.enableUserInteractionTracing) {
+        logger.log(`[${INTEGRATION_NAME}] User Interaction Tracing is disabled.`);
+        return undefined;
+    }
+    if (!elementId) {
+        logger.log(`[${INTEGRATION_NAME}] User Interaction Tracing can not create transaction with undefined elementId.`);
+        return undefined;
+    }
+    if (!tracing.state.currentRoute) {
+        logger.log(`[${INTEGRATION_NAME}] User Interaction Tracing can not create transaction without a current route.`);
+        return undefined;
+    }
+    const activeTransaction = getActiveSpan();
+    const activeTransactionIsNotInteraction = activeTransaction && !isSentryInteractionSpan(activeTransaction);
+    if (activeTransaction && activeTransactionIsNotInteraction) {
+        logger.warn(`[${INTEGRATION_NAME}] Did not create ${op} transaction because active transaction ${spanToJSON(activeTransaction).description} exists on the scope.`);
+        return undefined;
+    }
+    const name = `${tracing.state.currentRoute}.${elementId}`;
+    if (activeTransaction &&
+        spanToJSON(activeTransaction).description === name &&
+        spanToJSON(activeTransaction).op === op) {
+        logger.warn(`[${INTEGRATION_NAME}] Did not create ${op} transaction because it the same transaction ${spanToJSON(activeTransaction).description} already exists on the scope.`);
+        return undefined;
+    }
+    const scope = getCurrentScope();
+    const context = {
+        name,
+        op,
+        scope,
+    };
+    clearActiveSpanFromScope(scope);
+    const newSpan = startIdleSpan(context, {
+        idleTimeout: tracing.options.idleTimeoutMs,
+        finalTimeout: tracing.options.finalTimeoutMs,
+    });
+    newSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, SPAN_ORIGIN_AUTO_INTERACTION);
+    onlySampleIfChildSpans(client, newSpan);
+    logger.log(`[${INTEGRATION_NAME}] User Interaction Tracing Created ${op} transaction ${name}.`);
+    return newSpan;
+};
+//# sourceMappingURL=userInteraction.js.map

package/dist/js/tracing/integrations/userInteraction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"userInteraction.js","sourceRoot":"","sources":["../../../../src/js/tracing/integrations/userInteraction.ts"],"names":[],"mappings":"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","sourcesContent":["import { getActiveSpan, getClient, getCurrentScope, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, spanToJSON } from '@sentry/core';\nimport type { Integration, Span, StartSpanOptions } from '@sentry/types';\nimport { logger } from '@sentry/utils';\n\nimport type { ReactNativeClientOptions } from '../../options';\nimport { onlySampleIfChildSpans } from '../onSpanEndUtils';\nimport { SPAN_ORIGIN_AUTO_INTERACTION } from '../origin';\nimport { getCurrentReactNativeTracingIntegration } from '../reactnativetracing';\nimport { clearActiveSpanFromScope, isSentryInteractionSpan, startIdleSpan } from '../span';\n\nconst INTEGRATION_NAME = 'UserInteraction';\n\nexport const userInteractionIntegration = (): Integration => {\n  return {\n    name: INTEGRATION_NAME,\n  };\n};\n\n/**\n * Starts a new transaction for a user interaction.\n * @param userInteractionId Consists of `op` representation UI Event and `elementId` unique element identifier on current screen.\n */\nexport const startUserInteractionSpan = (userInteractionId: {\n  elementId: string | undefined;\n  op: string;\n}): Span | undefined => {\n  const client = getClient();\n  if (!client) {\n    return undefined;\n  }\n\n  const tracing = getCurrentReactNativeTracingIntegration();\n  if (!tracing) {\n    logger.log(`[${INTEGRATION_NAME}] Tracing integration is not available. Can not start user interaction span.`);\n    return undefined;\n  }\n\n  const options = client.getOptions() as ReactNativeClientOptions;\n  const { elementId, op } = userInteractionId;\n  if (!options.enableUserInteractionTracing) {\n    logger.log(`[${INTEGRATION_NAME}] User Interaction Tracing is disabled.`);\n    return undefined;\n  }\n  if (!elementId) {\n    logger.log(`[${INTEGRATION_NAME}] User Interaction Tracing can not create transaction with undefined elementId.`);\n    return undefined;\n  }\n  if (!tracing.state.currentRoute) {\n    logger.log(`[${INTEGRATION_NAME}] User Interaction Tracing can not create transaction without a current route.`);\n    return undefined;\n  }\n\n  const activeTransaction = getActiveSpan();\n  const activeTransactionIsNotInteraction = activeTransaction && !isSentryInteractionSpan(activeTransaction);\n  if (activeTransaction && activeTransactionIsNotInteraction) {\n    logger.warn(\n      `[${INTEGRATION_NAME}] Did not create ${op} transaction because active transaction ${\n        spanToJSON(activeTransaction).description\n      } exists on the scope.`,\n    );\n    return undefined;\n  }\n\n  const name = `${tracing.state.currentRoute}.${elementId}`;\n  if (\n    activeTransaction &&\n    spanToJSON(activeTransaction).description === name &&\n    spanToJSON(activeTransaction).op === op\n  ) {\n    logger.warn(\n      `[${INTEGRATION_NAME}] Did not create ${op} transaction because it the same transaction ${\n        spanToJSON(activeTransaction).description\n      } already exists on the scope.`,\n    );\n    return undefined;\n  }\n\n  const scope = getCurrentScope();\n  const context: StartSpanOptions = {\n    name,\n    op,\n    scope,\n  };\n  clearActiveSpanFromScope(scope);\n  const newSpan = startIdleSpan(context, {\n    idleTimeout: tracing.options.idleTimeoutMs,\n    finalTimeout: tracing.options.finalTimeoutMs,\n  });\n  newSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, SPAN_ORIGIN_AUTO_INTERACTION);\n  onlySampleIfChildSpans(client, newSpan);\n  logger.log(`[${INTEGRATION_NAME}] User Interaction Tracing Created ${op} transaction ${name}.`);\n  return newSpan;\n};\n"]}

package/dist/js/tracing/onSpanEndUtils.d.ts

@@ -0,0 +1,17 @@
+import type { Client, Span } from '@sentry/types';
+/**
+ * Hooks on span end event to execute a callback when the span ends.
+ */
+export declare function onThisSpanEnd(client: Client, span: Span, callback: (span: Span) => void): void;
+export declare const adjustTransactionDuration: (client: Client, span: Span, maxDurationMs: number) => void;
+export declare const ignoreEmptyBackNavigation: (client: Client | undefined, span: Span) => void;
+/**
+ * Idle Transaction callback to only sample transactions with child spans.
+ * To avoid side effects of other callbacks this should be hooked as the last callback.
+ */
+export declare const onlySampleIfChildSpans: (client: Client, span: Span) => void;
+/**
+ * Hooks on AppState change to cancel the span if the app goes background.
+ */
+export declare const cancelInBackground: (client: Client, span: Span) => void;
+//# sourceMappingURL=onSpanEndUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"onSpanEndUtils.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/onSpanEndUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlD;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,CAO9F;AAED,eAAO,MAAM,yBAAyB,WAAY,MAAM,QAAQ,IAAI,iBAAiB,MAAM,KAAG,IAyB7F,CAAC;AAEF,eAAO,MAAM,yBAAyB,WAAY,MAAM,GAAG,SAAS,QAAQ,IAAI,KAAG,IA0ClF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,WAAY,MAAM,QAAQ,IAAI,KAAG,IAmBnE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,WAAY,MAAM,QAAQ,IAAI,KAAG,IAgB/D,CAAC"}

package/dist/js/tracing/onSpanEndUtils.js

@@ -0,0 +1,112 @@
+import { getSpanDescendants, SPAN_STATUS_ERROR, spanToJSON } from '@sentry/core';
+import { logger } from '@sentry/utils';
+import { AppState } from 'react-native';
+import { isRootSpan, isSentrySpan } from '../utils/span';
+/**
+ * Hooks on span end event to execute a callback when the span ends.
+ */
+export function onThisSpanEnd(client, span, callback) {
+    client.on('spanEnd', (endedSpan) => {
+        if (span !== endedSpan) {
+            return;
+        }
+        callback(endedSpan);
+    });
+}
+export const adjustTransactionDuration = (client, span, maxDurationMs) => {
+    if (!isRootSpan(span)) {
+        logger.warn('Not sampling empty back spans only works for Sentry Transactions (Root Spans).');
+        return;
+    }
+    client.on('spanEnd', (endedSpan) => {
+        if (endedSpan !== span) {
+            return;
+        }
+        const endTimestamp = spanToJSON(span).timestamp;
+        const startTimestamp = spanToJSON(span).start_timestamp;
+        if (!endTimestamp || !startTimestamp) {
+            return;
+        }
+        const diff = endTimestamp - startTimestamp;
+        const isOutdatedTransaction = endTimestamp && (diff > maxDurationMs || diff < 0);
+        if (isOutdatedTransaction) {
+            span.setStatus({ code: SPAN_STATUS_ERROR, message: 'deadline_exceeded' });
+            // TODO: check where was used, might be possible to delete
+            span.setAttribute('maxTransactionDurationExceeded', 'true');
+        }
+    });
+};
+export const ignoreEmptyBackNavigation = (client, span) => {
+    if (!client) {
+        logger.warn('Could not hook on spanEnd event because client is not defined.');
+        return;
+    }
+    if (!span) {
+        logger.warn('Could not hook on spanEnd event because span is not defined.');
+        return;
+    }
+    if (!isRootSpan(span) || !isSentrySpan(span)) {
+        logger.warn('Not sampling empty back spans only works for Sentry Transactions (Root Spans).');
+        return;
+    }
+    client.on('spanEnd', (endedSpan) => {
+        var _a;
+        if (endedSpan !== span) {
+            return;
+        }
+        if (!((_a = spanToJSON(span).data) === null || _a === void 0 ? void 0 : _a['route.has_been_seen'])) {
+            return;
+        }
+        const children = getSpanDescendants(span);
+        const filtered = children.filter(child => child.spanContext().spanId !== span.spanContext().spanId &&
+            spanToJSON(child).op !== 'ui.load.initial_display' &&
+            spanToJSON(child).op !== 'navigation.processing');
+        if (filtered.length <= 0) {
+            // filter children must include at least one span not created by the navigation automatic instrumentation
+            logger.log('Not sampling transaction as route has been seen before. Pass ignoreEmptyBackNavigationTransactions = false to disable this feature.');
+            // Route has been seen before and has no child spans.
+            span['_sampled'] = false;
+        }
+    });
+};
+/**
+ * Idle Transaction callback to only sample transactions with child spans.
+ * To avoid side effects of other callbacks this should be hooked as the last callback.
+ */
+export const onlySampleIfChildSpans = (client, span) => {
+    if (!isRootSpan(span) || !isSentrySpan(span)) {
+        logger.warn('Not sampling childless spans only works for Sentry Transactions (Root Spans).');
+        return;
+    }
+    client.on('spanEnd', (endedSpan) => {
+        if (endedSpan !== span) {
+            return;
+        }
+        const children = getSpanDescendants(span);
+        if (children.length <= 1) {
+            // Span always has at lest one child, itself
+            logger.log(`Not sampling as ${spanToJSON(span).op} transaction has no child spans.`);
+            span['_sampled'] = false;
+        }
+    });
+};
+/**
+ * Hooks on AppState change to cancel the span if the app goes background.
+ */
+export const cancelInBackground = (client, span) => {
+    const subscription = AppState.addEventListener('change', (newState) => {
+        if (newState === 'background') {
+            logger.debug(`Setting ${spanToJSON(span).op} transaction to cancelled because the app is in the background.`);
+            span.setStatus({ code: SPAN_STATUS_ERROR, message: 'cancelled' });
+            span.end();
+        }
+    });
+    subscription &&
+        client.on('spanEnd', (endedSpan) => {
+            if (endedSpan === span) {
+                logger.debug(`Removing AppState listener for ${spanToJSON(span).op} transaction.`);
+                subscription && subscription.remove && subscription.remove();
+            }
+        });
+};
+//# sourceMappingURL=onSpanEndUtils.js.map

package/dist/js/tracing/onSpanEndUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onSpanEndUtils.js","sourceRoot":"","sources":["../../../src/js/tracing/onSpanEndUtils.ts"],"names":[],"mappings":"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","sourcesContent":["import { getSpanDescendants, SPAN_STATUS_ERROR, spanToJSON } from '@sentry/core';\nimport type { Client, Span } from '@sentry/types';\nimport { logger } from '@sentry/utils';\nimport type { AppStateStatus } from 'react-native';\nimport { AppState } from 'react-native';\n\nimport { isRootSpan, isSentrySpan } from '../utils/span';\n\n/**\n * Hooks on span end event to execute a callback when the span ends.\n */\nexport function onThisSpanEnd(client: Client, span: Span, callback: (span: Span) => void): void {\n  client.on('spanEnd', (endedSpan: Span) => {\n    if (span !== endedSpan) {\n      return;\n    }\n    callback(endedSpan);\n  });\n}\n\nexport const adjustTransactionDuration = (client: Client, span: Span, maxDurationMs: number): void => {\n  if (!isRootSpan(span)) {\n    logger.warn('Not sampling empty back spans only works for Sentry Transactions (Root Spans).');\n    return;\n  }\n\n  client.on('spanEnd', (endedSpan: Span) => {\n    if (endedSpan !== span) {\n      return;\n    }\n\n    const endTimestamp = spanToJSON(span).timestamp;\n    const startTimestamp = spanToJSON(span).start_timestamp;\n    if (!endTimestamp || !startTimestamp) {\n      return;\n    }\n\n    const diff = endTimestamp - startTimestamp;\n    const isOutdatedTransaction = endTimestamp && (diff > maxDurationMs || diff < 0);\n    if (isOutdatedTransaction) {\n      span.setStatus({ code: SPAN_STATUS_ERROR, message: 'deadline_exceeded' });\n      // TODO: check where was used, might be possible to delete\n      span.setAttribute('maxTransactionDurationExceeded', 'true');\n    }\n  });\n};\n\nexport const ignoreEmptyBackNavigation = (client: Client | undefined, span: Span): void => {\n  if (!client) {\n    logger.warn('Could not hook on spanEnd event because client is not defined.');\n    return;\n  }\n\n  if (!span) {\n    logger.warn('Could not hook on spanEnd event because span is not defined.');\n    return;\n  }\n\n  if (!isRootSpan(span) || !isSentrySpan(span)) {\n    logger.warn('Not sampling empty back spans only works for Sentry Transactions (Root Spans).');\n    return;\n  }\n\n  client.on('spanEnd', (endedSpan: Span) => {\n    if (endedSpan !== span) {\n      return;\n    }\n\n    if (!spanToJSON(span).data?.['route.has_been_seen']) {\n      return;\n    }\n\n    const children = getSpanDescendants(span);\n    const filtered = children.filter(\n      child =>\n        child.spanContext().spanId !== span.spanContext().spanId &&\n        spanToJSON(child).op !== 'ui.load.initial_display' &&\n        spanToJSON(child).op !== 'navigation.processing',\n    );\n\n    if (filtered.length <= 0) {\n      // filter children must include at least one span not created by the navigation automatic instrumentation\n      logger.log(\n        'Not sampling transaction as route has been seen before. Pass ignoreEmptyBackNavigationTransactions = false to disable this feature.',\n      );\n      // Route has been seen before and has no child spans.\n      span['_sampled'] = false;\n    }\n  });\n};\n\n/**\n * Idle Transaction callback to only sample transactions with child spans.\n * To avoid side effects of other callbacks this should be hooked as the last callback.\n */\nexport const onlySampleIfChildSpans = (client: Client, span: Span): void => {\n  if (!isRootSpan(span) || !isSentrySpan(span)) {\n    logger.warn('Not sampling childless spans only works for Sentry Transactions (Root Spans).');\n    return;\n  }\n\n  client.on('spanEnd', (endedSpan: Span) => {\n    if (endedSpan !== span) {\n      return;\n    }\n\n    const children = getSpanDescendants(span);\n\n    if (children.length <= 1) {\n      // Span always has at lest one child, itself\n      logger.log(`Not sampling as ${spanToJSON(span).op} transaction has no child spans.`);\n      span['_sampled'] = false;\n    }\n  });\n};\n\n/**\n * Hooks on AppState change to cancel the span if the app goes background.\n */\nexport const cancelInBackground = (client: Client, span: Span): void => {\n  const subscription = AppState.addEventListener('change', (newState: AppStateStatus) => {\n    if (newState === 'background') {\n      logger.debug(`Setting ${spanToJSON(span).op} transaction to cancelled because the app is in the background.`);\n      span.setStatus({ code: SPAN_STATUS_ERROR, message: 'cancelled' });\n      span.end();\n    }\n  });\n\n  subscription &&\n    client.on('spanEnd', (endedSpan: Span) => {\n      if (endedSpan === span) {\n        logger.debug(`Removing AppState listener for ${spanToJSON(span).op} transaction.`);\n        subscription && subscription.remove && subscription.remove();\n      }\n    });\n};\n"]}

package/dist/js/tracing/origin.d.ts

@@ -0,0 +1,2 @@
+export declare const SPAN_ORIGIN_AUTO_INTERACTION = "auto.interaction";
+//# sourceMappingURL=origin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"origin.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/origin.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,qBAAqB,CAAC"}

package/dist/js/tracing/origin.js

@@ -0,0 +1,2 @@
+export const SPAN_ORIGIN_AUTO_INTERACTION = 'auto.interaction';
+//# sourceMappingURL=origin.js.map

package/dist/js/tracing/origin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"origin.js","sourceRoot":"","sources":["../../../src/js/tracing/origin.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG,kBAAkB,CAAC","sourcesContent":["export const SPAN_ORIGIN_AUTO_INTERACTION = 'auto.interaction';\n"]}

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

@@ -1,23 +1,35 @@
+import type { Integration } from '@sentry/types';
 import type { EmitterSubscription } from '../utils/rnlibrariesinterface';
-import type { OnConfirmRoute, TransactionCreator } from './routingInstrumentation';
-import { InternalRoutingInstrumentation } from './routingInstrumentation';
-import type { BeforeNavigate } from './types';
+export declare const INTEGRATION_NAME = "ReactNativeNavigation";
 interface ReactNativeNavigationOptions {
     /**
      * How long the instrumentation will wait for the route to mount after a change has been initiated,
      * before the transaction is discarded.
-     * Time is in ms.
      *
-     * Default: 1000
+     * @default 1_000 (ms)
      */
-    routeChangeTimeoutMs: number;
+    routeChangeTimeoutMs?: number;
     /**
      * Instrumentation will create a transaction on tab change.
      * By default only navigation commands create transactions.
      *
-     * Default: true
+     * @default false
      */
-    enableTabsInstrumentation: boolean;
+    enableTabsInstrumentation?: boolean;
+    /**
+     * Does not sample transactions that are from routes that have been seen any more and don't have any spans.
+     * This removes a lot of the clutter as most back navigation transactions are now ignored.
+     *
+     * @default true
+     */
+    ignoreEmptyBackNavigationTransactions?: boolean;
+    /** The React Native Navigation `NavigationDelegate`.
+     *
+     * ```js
+     * import { Navigation } from 'react-native-navigation';
+     * ```
+     */
+    navigation: unknown;
 }
 interface ComponentEvent {
     componentId: string;
@@ -50,36 +62,6 @@ export interface NavigationDelegate {
  * - `_onComponentWillAppear` is then called AFTER the state change happens due to a dispatch and sets the route context onto the active transaction.
  * - If `_onComponentWillAppear` isn't called within `options.routeChangeTimeoutMs` of the dispatch, then the transaction is not sampled and finished.
  */
-export declare class ReactNativeNavigationInstrumentation extends InternalRoutingInstrumentation {
-    static instrumentationName: string;
-    readonly name: string;
-    private _navigation;
-    private _options;
-    private _prevComponentEvent;
-    private _latestTransaction?;
-    private _recentComponentIds;
-    private _stateChangeTimeout?;
-    constructor(
-    /** The react native navigation `NavigationDelegate`. This is usually the import named `Navigation`. */
-    navigation: unknown, options?: Partial<ReactNativeNavigationOptions>);
-    /**
-     * Registers the event listeners for React Native Navigation
-     */
-    registerRoutingInstrumentation(listener: TransactionCreator, beforeNavigate: BeforeNavigate, onConfirmRoute: OnConfirmRoute): void;
-    /**
-     * To be called when a navigation is initiated. (Command, BottomTabSelected, etc.)
-     */
-    private _onNavigation;
-    /**
-     * To be called AFTER the state has been changed to populate the transaction with the current route.
-     */
-    private _onComponentWillAppear;
-    /** Creates final transaction context before confirmation */
-    private _prepareFinalContext;
-    /** Cancels the latest transaction so it does not get sent to Sentry. */
-    private _discardLatestTransaction;
-    /** Cancels the latest transaction so it does not get sent to Sentry. */
-    private _clearStateChangeTimeout;
-}
+export declare const reactNativeNavigationIntegration: ({ navigation: optionsNavigation, routeChangeTimeoutMs, enableTabsInstrumentation, ignoreEmptyBackNavigationTransactions, }: ReactNativeNavigationOptions) => Integration;
 export {};
 //# sourceMappingURL=reactnativenavigation.d.ts.map

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":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnF,OAAO,EAAE,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAA0B,MAAM,SAAS,CAAC;AAGtE,UAAU,4BAA4B;IACpC;;;;;;OAMG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;;OAKG;IACH,yBAAyB,EAAE,OAAO,CAAC;CACpC;AAOD,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,KAAK,aAAa,GAAG,WAAW,GAAG,aAAa,GAAG,kBAAkB,GAAG,cAAc,CAAC;AAEvF,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,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,mCAAmC,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,GAAG,mBAAmB,CAAC;IAC9G,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,GAAG,iBAAiB,CAAC;IAC9F,gCAAgC,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,GAAG,mBAAmB,CAAC;CACzG;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,SAAgB,IAAI,EAAE,MAAM,CAA4D;IAExF,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;IAYP;;OAEG;IACH,OAAO,CAAC,aAAa;IAerB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAyD9B,4DAA4D;IAC5D,OAAO,CAAC,oBAAoB;IAwB5B,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":"AAOA,OAAO,KAAK,EAAU,WAAW,EAAQ,MAAM,eAAe,CAAC;AAE/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAYzE,eAAO,MAAM,gBAAgB,0BAA0B,CAAC;AAIxD,UAAU,4BAA4B;IACpC;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;;;OAKG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;;;OAKG;IACH,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAEhD;;;;;OAKG;IACH,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,KAAK,aAAa,GAAG,WAAW,GAAG,aAAa,GAAG,kBAAkB,GAAG,cAAc,CAAC;AAEvF,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,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,mCAAmC,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,GAAG,mBAAmB,CAAC;IAC9G,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,GAAG,iBAAiB,CAAC;IAC9F,gCAAgC,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,GAAG,mBAAmB,CAAC;CACzG;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,cAAc,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,gCAAgC,+HAK1C,4BAA4B,KAAG,WA8HjC,CAAC"}

package/dist/js/tracing/reactnativenavigation.js

@@ -1,10 +1,10 @@
-import { logger } from '@sentry/utils';
-import { InternalRoutingInstrumentation } from './routingInstrumentation';
-import { customTransactionSource, defaultTransactionSource, getBlankTransactionContext } from './utils';
-const defaultOptions = {
-    routeChangeTimeoutMs: 1000,
-    enableTabsInstrumentation: true,
-};
+import { addBreadcrumb, getClient, SEMANTIC_ATTRIBUTE_SENTRY_OP, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, spanToJSON, } from '@sentry/core';
+import { isSentrySpan } from '../utils/span';
+import { ignoreEmptyBackNavigation } from './onSpanEndUtils';
+import { getReactNativeTracingIntegration } from './reactnativetracing';
+import { DEFAULT_NAVIGATION_SPAN_NAME, defaultIdleOptions, getDefaultIdleNavigationSpanOptions, startIdleNavigationSpan as startGenericIdleNavigationSpan, } from './span';
+export const INTEGRATION_NAME = 'ReactNativeNavigation';
+const NAVIGATION_HISTORY_MAX_SIZE = 200;
 /**
  * Instrumentation for React Native Navigation. See docs or sample app for usage.
  *
@@ -13,96 +13,107 @@ const defaultOptions = {
  * - `_onComponentWillAppear` is then called AFTER the state change happens due to a dispatch and sets the route context onto the active transaction.
  * - If `_onComponentWillAppear` isn't called within `options.routeChangeTimeoutMs` of the dispatch, then the transaction is not sampled and finished.
  */
-export class ReactNativeNavigationInstrumentation extends InternalRoutingInstrumentation {
-    constructor(
-    /** The react native navigation `NavigationDelegate`. This is usually the import named `Navigation`. */
-    navigation, options = {}) {
-        super();
-        this.name = ReactNativeNavigationInstrumentation.instrumentationName;
-        this._prevComponentEvent = null;
-        this._recentComponentIds = [];
-        this._navigation = navigation;
-        this._options = Object.assign(Object.assign({}, defaultOptions), options);
-    }
-    /**
-     * Registers the event listeners for React Native Navigation
-     */
-    registerRoutingInstrumentation(listener, beforeNavigate, onConfirmRoute) {
-        super.registerRoutingInstrumentation(listener, beforeNavigate, onConfirmRoute);
-        this._navigation.events().registerCommandListener(this._onNavigation.bind(this));
-        if (this._options.enableTabsInstrumentation) {
-            this._navigation.events().registerBottomTabPressedListener(this._onNavigation.bind(this));
+export const reactNativeNavigationIntegration = ({ navigation: optionsNavigation, routeChangeTimeoutMs = 1000, enableTabsInstrumentation = false, ignoreEmptyBackNavigationTransactions = true, }) => {
+    const navigation = optionsNavigation;
+    let recentComponentIds = [];
+    let tracing;
+    let idleSpanOptions = defaultIdleOptions;
+    let stateChangeTimeout;
+    let prevComponentEvent = null;
+    let latestNavigationSpan;
+    const afterAllSetup = (client) => {
+        tracing = getReactNativeTracingIntegration(client);
+        if (tracing) {
+            idleSpanOptions = {
+                finalTimeout: tracing.options.finalTimeoutMs,
+                idleTimeout: tracing.options.idleTimeoutMs,
+            };
         }
-        this._navigation.events().registerComponentWillAppearListener(this._onComponentWillAppear.bind(this));
-    }
-    /**
-     * To be called when a navigation is initiated. (Command, BottomTabSelected, etc.)
-     */
-    _onNavigation() {
-        if (this._latestTransaction) {
-            this._discardLatestTransaction();
+    };
+    const startIdleNavigationSpan = () => {
+        if (latestNavigationSpan) {
+            discardLatestNavigationSpan();
         }
-        this._latestTransaction = this.onRouteWillChange(getBlankTransactionContext(ReactNativeNavigationInstrumentation.name));
-        this._stateChangeTimeout = setTimeout(this._discardLatestTransaction.bind(this), this._options.routeChangeTimeoutMs);
-    }
-    /**
-     * To be called AFTER the state has been changed to populate the transaction with the current route.
-     */
-    _onComponentWillAppear(event) {
-        var _a, _b;
-        if (!this._latestTransaction) {
+        latestNavigationSpan = startGenericIdleNavigationSpan(tracing && tracing.options.beforeStartSpan
+            ? tracing.options.beforeStartSpan(getDefaultIdleNavigationSpanOptions())
+            : getDefaultIdleNavigationSpanOptions(), idleSpanOptions);
+        if (ignoreEmptyBackNavigationTransactions) {
+            ignoreEmptyBackNavigation(getClient(), latestNavigationSpan);
+        }
+        stateChangeTimeout = setTimeout(discardLatestNavigationSpan.bind(this), routeChangeTimeoutMs);
+    };
+    const updateLatestNavigationSpanWithCurrentComponent = (event) => {
+        if (!latestNavigationSpan) {
             return;
         }
         // We ignore actions that pertain to the same screen.
-        const isSameComponent = this._prevComponentEvent && event.componentId === this._prevComponentEvent.componentId;
+        const isSameComponent = prevComponentEvent && event.componentId === prevComponentEvent.componentId;
         if (isSameComponent) {
-            this._discardLatestTransaction();
+            discardLatestNavigationSpan();
             return;
         }
-        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 });
-        const finalContext = this._prepareFinalContext(updatedContext);
-        this._latestTransaction.updateWithContext(finalContext);
-        const isCustomName = updatedContext.name !== finalContext.name;
-        this._latestTransaction.setName(finalContext.name, isCustomName ? customTransactionSource : defaultTransactionSource);
-        (_b = this._onConfirmRoute) === null || _b === void 0 ? void 0 : _b.call(this, finalContext);
-        this._prevComponentEvent = event;
-        this._latestTransaction = undefined;
-    }
-    /** Creates final transaction context before confirmation */
-    _prepareFinalContext(updatedContext) {
-        var _a;
-        let finalContext = (_a = this._beforeNavigate) === null || _a === void 0 ? void 0 : _a.call(this, Object.assign({}, 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 });
+        clearStateChangeTimeout();
+        const routeHasBeenSeen = recentComponentIds.includes(event.componentId);
+        if (spanToJSON(latestNavigationSpan).description === DEFAULT_NAVIGATION_SPAN_NAME) {
+            latestNavigationSpan.updateName(event.componentName);
         }
-        if (finalContext.sampled === false) {
-            logger.log(`[${ReactNativeNavigationInstrumentation.name}] Will not send transaction "${finalContext.name}" due to beforeNavigate.`);
-        }
-        return finalContext;
+        latestNavigationSpan.setAttributes({
+            // TODO: Should we include pass props? I don't know exactly what it contains, cant find it in the RNavigation docs
+            'route.name': event.componentName,
+            'route.component_id': event.componentId,
+            'route.component_type': event.componentType,
+            'route.has_been_seen': routeHasBeenSeen,
+            'previous_route.name': prevComponentEvent === null || prevComponentEvent === void 0 ? void 0 : prevComponentEvent.componentName,
+            'previous_route.component_id': prevComponentEvent === null || prevComponentEvent === void 0 ? void 0 : prevComponentEvent.componentId,
+            'previous_route.component_type': prevComponentEvent === null || prevComponentEvent === void 0 ? void 0 : prevComponentEvent.componentType,
+            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'component',
+            [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',
+        });
+        tracing === null || tracing === void 0 ? void 0 : tracing.setCurrentRoute(event.componentName);
+        addBreadcrumb({
+            category: 'navigation',
+            type: 'navigation',
+            message: `Navigation to ${event.componentName}`,
+            data: {
+                from: prevComponentEvent === null || prevComponentEvent === void 0 ? void 0 : prevComponentEvent.componentName,
+                to: event.componentName,
+            },
+        });
+        pushRecentComponentId(event.componentId);
+        prevComponentEvent = event;
+        latestNavigationSpan = undefined;
+    };
+    navigation.events().registerCommandListener(startIdleNavigationSpan);
+    if (enableTabsInstrumentation) {
+        navigation.events().registerBottomTabPressedListener(startIdleNavigationSpan);
     }
-    /** Cancels the latest transaction so it does not get sent to Sentry. */
-    _discardLatestTransaction() {
-        if (this._latestTransaction) {
-            this._latestTransaction.sampled = false;
-            this._latestTransaction.finish();
-            this._latestTransaction = undefined;
+    navigation.events().registerComponentWillAppearListener(updateLatestNavigationSpanWithCurrentComponent);
+    const pushRecentComponentId = (id) => {
+        recentComponentIds.push(id);
+        if (recentComponentIds.length > NAVIGATION_HISTORY_MAX_SIZE) {
+            recentComponentIds = recentComponentIds.slice(recentComponentIds.length - NAVIGATION_HISTORY_MAX_SIZE);
         }
-        this._clearStateChangeTimeout();
-    }
-    /** Cancels the latest transaction so it does not get sent to Sentry. */
-    _clearStateChangeTimeout() {
-        if (typeof this._stateChangeTimeout !== 'undefined') {
-            clearTimeout(this._stateChangeTimeout);
-            this._stateChangeTimeout = undefined;
+    };
+    const discardLatestNavigationSpan = () => {
+        if (latestNavigationSpan) {
+            if (isSentrySpan(latestNavigationSpan)) {
+                latestNavigationSpan['_sampled'] = false;
+            }
+            // TODO: What if it's not SentrySpan?
+            latestNavigationSpan.end();
+            latestNavigationSpan = undefined;
         }
-    }
-}
-ReactNativeNavigationInstrumentation.instrumentationName = 'react-native-navigation';
+        clearStateChangeTimeout();
+    };
+    const clearStateChangeTimeout = () => {
+        if (typeof stateChangeTimeout !== 'undefined') {
+            clearTimeout(stateChangeTimeout);
+            stateChangeTimeout = undefined;
+        }
+    };
+    return {
+        name: INTEGRATION_NAME,
+        afterAllSetup,
+    };
+};
 //# sourceMappingURL=reactnativenavigation.js.map

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 type { Transaction as TransactionType, TransactionContext } from '@sentry/types';\nimport { logger } from '@sentry/utils';\n\nimport type { EmitterSubscription } from '../utils/rnlibrariesinterface';\nimport type { OnConfirmRoute, TransactionCreator } from './routingInstrumentation';\nimport { InternalRoutingInstrumentation } from './routingInstrumentation';\nimport type { BeforeNavigate, RouteChangeContextData } from './types';\nimport { customTransactionSource, defaultTransactionSource, getBlankTransactionContext } from './utils';\n\ninterface ReactNativeNavigationOptions {\n  /**\n   * How long the instrumentation will wait for the route to mount after a change has been initiated,\n   * before the transaction is discarded.\n   * Time is in ms.\n   *\n   * Default: 1000\n   */\n  routeChangeTimeoutMs: number;\n  /**\n   * Instrumentation will create a transaction on tab change.\n   * By default only navigation commands create transactions.\n   *\n   * Default: true\n   */\n  enableTabsInstrumentation: boolean;\n}\n\nconst defaultOptions: ReactNativeNavigationOptions = {\n  routeChangeTimeoutMs: 1000,\n  enableTabsInstrumentation: true,\n};\n\ninterface ComponentEvent {\n  componentId: string;\n}\n\ntype ComponentType = 'Component' | 'TopBarTitle' | 'TopBarBackground' | '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 BottomTabPressedEvent {\n  tabIndex: number;\n}\n\nexport interface EventsRegistry {\n  registerComponentWillAppearListener(callback: (event: ComponentWillAppearEvent) => void): EmitterSubscription;\n  registerCommandListener(callback: (name: string, params: unknown) => void): EventSubscription;\n  registerBottomTabPressedListener(callback: (event: BottomTabPressedEvent) => void): EmitterSubscription;\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  public readonly name: string = ReactNativeNavigationInstrumentation.instrumentationName;\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(listener, beforeNavigate, onConfirmRoute);\n\n    this._navigation.events().registerCommandListener(this._onNavigation.bind(this));\n\n    if (this._options.enableTabsInstrumentation) {\n      this._navigation.events().registerBottomTabPressedListener(this._onNavigation.bind(this));\n    }\n\n    this._navigation.events().registerComponentWillAppearListener(this._onComponentWillAppear.bind(this));\n  }\n\n  /**\n   * To be called when a navigation is initiated. (Command, BottomTabSelected, etc.)\n   */\n  private _onNavigation(): 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 (!this._latestTransaction) {\n      return;\n    }\n\n    // We ignore actions that pertain to the same screen.\n    const isSameComponent = this._prevComponentEvent && event.componentId === this._prevComponentEvent.componentId;\n    if (isSameComponent) {\n      this._discardLatestTransaction();\n      return;\n    }\n\n    this._clearStateChangeTimeout();\n\n    const originalContext = this._latestTransaction.toContext();\n    const routeHasBeenSeen = this._recentComponentIds.includes(event.componentId);\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    const finalContext = this._prepareFinalContext(updatedContext);\n    this._latestTransaction.updateWithContext(finalContext);\n\n    const isCustomName = updatedContext.name !== finalContext.name;\n    this._latestTransaction.setName(\n      finalContext.name,\n      isCustomName ? customTransactionSource : defaultTransactionSource,\n    );\n\n    this._onConfirmRoute?.(finalContext);\n    this._prevComponentEvent = event;\n\n    this._latestTransaction = undefined;\n  }\n\n  /** Creates final transaction context before confirmation */\n  private _prepareFinalContext(updatedContext: TransactionContext): TransactionContext {\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    return finalContext;\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 {\n  addBreadcrumb,\n  getClient,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  SEMANTIC_ATTRIBUTE_SENTRY_SOURCE,\n  spanToJSON,\n} from '@sentry/core';\nimport type { Client, Integration, Span } from '@sentry/types';\n\nimport type { EmitterSubscription } from '../utils/rnlibrariesinterface';\nimport { isSentrySpan } from '../utils/span';\nimport { ignoreEmptyBackNavigation } from './onSpanEndUtils';\nimport type { ReactNativeTracingIntegration } from './reactnativetracing';\nimport { getReactNativeTracingIntegration } from './reactnativetracing';\nimport {\n  DEFAULT_NAVIGATION_SPAN_NAME,\n  defaultIdleOptions,\n  getDefaultIdleNavigationSpanOptions,\n  startIdleNavigationSpan as startGenericIdleNavigationSpan,\n} from './span';\n\nexport const INTEGRATION_NAME = 'ReactNativeNavigation';\n\nconst NAVIGATION_HISTORY_MAX_SIZE = 200;\n\ninterface ReactNativeNavigationOptions {\n  /**\n   * How long the instrumentation will wait for the route to mount after a change has been initiated,\n   * before the transaction is discarded.\n   *\n   * @default 1_000 (ms)\n   */\n  routeChangeTimeoutMs?: number;\n\n  /**\n   * Instrumentation will create a transaction on tab change.\n   * By default only navigation commands create transactions.\n   *\n   * @default false\n   */\n  enableTabsInstrumentation?: boolean;\n\n  /**\n   * Does not sample transactions that are from routes that have been seen any more and don't have any spans.\n   * This removes a lot of the clutter as most back navigation transactions are now ignored.\n   *\n   * @default true\n   */\n  ignoreEmptyBackNavigationTransactions?: boolean;\n\n  /** The React Native Navigation `NavigationDelegate`.\n   *\n   * ```js\n   * import { Navigation } from 'react-native-navigation';\n   * ```\n   */\n  navigation: unknown;\n}\n\ninterface ComponentEvent {\n  componentId: string;\n}\n\ntype ComponentType = 'Component' | 'TopBarTitle' | 'TopBarBackground' | '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 BottomTabPressedEvent {\n  tabIndex: number;\n}\n\nexport interface EventsRegistry {\n  registerComponentWillAppearListener(callback: (event: ComponentWillAppearEvent) => void): EmitterSubscription;\n  registerCommandListener(callback: (name: string, params: unknown) => void): EventSubscription;\n  registerBottomTabPressedListener(callback: (event: BottomTabPressedEvent) => void): EmitterSubscription;\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 const reactNativeNavigationIntegration = ({\n  navigation: optionsNavigation,\n  routeChangeTimeoutMs = 1_000,\n  enableTabsInstrumentation = false,\n  ignoreEmptyBackNavigationTransactions = true,\n}: ReactNativeNavigationOptions): Integration => {\n  const navigation = optionsNavigation as NavigationDelegate;\n  let recentComponentIds: string[] = [];\n\n  let tracing: ReactNativeTracingIntegration | undefined;\n  let idleSpanOptions: Parameters<typeof startGenericIdleNavigationSpan>[1] = defaultIdleOptions;\n\n  let stateChangeTimeout: ReturnType<typeof setTimeout> | undefined;\n  let prevComponentEvent: ComponentWillAppearEvent | null = null;\n  let latestNavigationSpan: Span | undefined;\n\n  const afterAllSetup = (client: Client): void => {\n    tracing = getReactNativeTracingIntegration(client);\n    if (tracing) {\n      idleSpanOptions = {\n        finalTimeout: tracing.options.finalTimeoutMs,\n        idleTimeout: tracing.options.idleTimeoutMs,\n      };\n    }\n  };\n\n  const startIdleNavigationSpan = (): void => {\n    if (latestNavigationSpan) {\n      discardLatestNavigationSpan();\n    }\n\n    latestNavigationSpan = startGenericIdleNavigationSpan(\n      tracing && tracing.options.beforeStartSpan\n        ? tracing.options.beforeStartSpan(getDefaultIdleNavigationSpanOptions())\n        : getDefaultIdleNavigationSpanOptions(),\n      idleSpanOptions,\n    );\n    if (ignoreEmptyBackNavigationTransactions) {\n      ignoreEmptyBackNavigation(getClient(), latestNavigationSpan);\n    }\n\n    stateChangeTimeout = setTimeout(discardLatestNavigationSpan.bind(this), routeChangeTimeoutMs);\n  };\n\n  const updateLatestNavigationSpanWithCurrentComponent = (event: ComponentWillAppearEvent): void => {\n    if (!latestNavigationSpan) {\n      return;\n    }\n\n    // We ignore actions that pertain to the same screen.\n    const isSameComponent = prevComponentEvent && event.componentId === prevComponentEvent.componentId;\n    if (isSameComponent) {\n      discardLatestNavigationSpan();\n      return;\n    }\n\n    clearStateChangeTimeout();\n\n    const routeHasBeenSeen = recentComponentIds.includes(event.componentId);\n\n    if (spanToJSON(latestNavigationSpan).description === DEFAULT_NAVIGATION_SPAN_NAME) {\n      latestNavigationSpan.updateName(event.componentName);\n    }\n    latestNavigationSpan.setAttributes({\n      // TODO: Should we include pass props? I don't know exactly what it contains, cant find it in the RNavigation docs\n      'route.name': event.componentName,\n      'route.component_id': event.componentId,\n      'route.component_type': event.componentType,\n      'route.has_been_seen': routeHasBeenSeen,\n      'previous_route.name': prevComponentEvent?.componentName,\n      'previous_route.component_id': prevComponentEvent?.componentId,\n      'previous_route.component_type': prevComponentEvent?.componentType,\n      [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'component',\n      [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',\n    });\n\n    tracing?.setCurrentRoute(event.componentName);\n\n    addBreadcrumb({\n      category: 'navigation',\n      type: 'navigation',\n      message: `Navigation to ${event.componentName}`,\n      data: {\n        from: prevComponentEvent?.componentName,\n        to: event.componentName,\n      },\n    });\n\n    pushRecentComponentId(event.componentId);\n    prevComponentEvent = event;\n    latestNavigationSpan = undefined;\n  };\n\n  navigation.events().registerCommandListener(startIdleNavigationSpan);\n  if (enableTabsInstrumentation) {\n    navigation.events().registerBottomTabPressedListener(startIdleNavigationSpan);\n  }\n  navigation.events().registerComponentWillAppearListener(updateLatestNavigationSpanWithCurrentComponent);\n\n  const pushRecentComponentId = (id: string): void => {\n    recentComponentIds.push(id);\n\n    if (recentComponentIds.length > NAVIGATION_HISTORY_MAX_SIZE) {\n      recentComponentIds = recentComponentIds.slice(recentComponentIds.length - NAVIGATION_HISTORY_MAX_SIZE);\n    }\n  };\n\n  const discardLatestNavigationSpan = (): void => {\n    if (latestNavigationSpan) {\n      if (isSentrySpan(latestNavigationSpan)) {\n        latestNavigationSpan['_sampled'] = false;\n      }\n      // TODO: What if it's not SentrySpan?\n      latestNavigationSpan.end();\n      latestNavigationSpan = undefined;\n    }\n\n    clearStateChangeTimeout();\n  };\n\n  const clearStateChangeTimeout = (): void => {\n    if (typeof stateChangeTimeout !== 'undefined') {\n      clearTimeout(stateChangeTimeout);\n      stateChangeTimeout = undefined;\n    }\n  };\n\n  return {\n    name: INTEGRATION_NAME,\n    afterAllSetup,\n  };\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"reactnativeprofiler.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/reactnativeprofiler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,MAAM,eAAe,CAAC;AAUnE;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,QAAQ;IAC/C,SAAgB,IAAI,EAAE,MAAM,CAAyB;gBAElC,KAAK,EAAE,qBAAqB,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IAOnE;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAQhC;;OAEG;IACH,OAAO,CAAC,eAAe;CAoBxB"}
+{"version":3,"file":"reactnativeprofiler.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/reactnativeprofiler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,eAAe,CAAC;AAUpD;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,QAAQ;IAC/C,SAAgB,IAAI,EAAE,MAAM,CAAyB;gBAElC,KAAK,EAAE,qBAAqB,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC;IAKnE;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAQhC;;OAEG;IACH,OAAO,CAAC,eAAe;CAcxB"}