@sentry/react-native 6.10.0 → 6.11.0

package/dist/js/tracing/integrations/timeToDisplayIntegration.js

@@ -0,0 +1,193 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { logger } from '@sentry/core';
+import { NATIVE } from '../../wrapper';
+import { UI_LOAD_FULL_DISPLAY, UI_LOAD_INITIAL_DISPLAY } from '../ops';
+import { SPAN_ORIGIN_AUTO_UI_TIME_TO_DISPLAY, SPAN_ORIGIN_MANUAL_UI_TIME_TO_DISPLAY } from '../origin';
+import { getReactNavigationIntegration } from '../reactnavigation';
+import { SEMANTIC_ATTRIBUTE_ROUTE_HAS_BEEN_SEEN } from '../semanticAttributes';
+import { SPAN_THREAD_NAME, SPAN_THREAD_NAME_JAVASCRIPT } from '../span';
+import { getTimeToInitialDisplayFallback } from '../timeToDisplayFallback';
+import { createSpanJSON } from '../utils';
+export const INTEGRATION_NAME = 'TimeToDisplay';
+const TIME_TO_DISPLAY_TIMEOUT_MS = 30000;
+const isDeadlineExceeded = (durationMs) => durationMs > TIME_TO_DISPLAY_TIMEOUT_MS;
+export const timeToDisplayIntegration = () => {
+    let enableTimeToInitialDisplayForPreloadedRoutes = false;
+    return {
+        name: INTEGRATION_NAME,
+        afterAllSetup(client) {
+            var _a, _b;
+            enableTimeToInitialDisplayForPreloadedRoutes =
+                (_b = (_a = getReactNavigationIntegration(client)) === null || _a === void 0 ? void 0 : _a.options.enableTimeToInitialDisplayForPreloadedRoutes) !== null && _b !== void 0 ? _b : false;
+        },
+        processEvent: (event) => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b, _c;
+            if (event.type !== 'transaction') {
+                // TimeToDisplay data is only relevant for transactions
+                return event;
+            }
+            const rootSpanId = event.contexts.trace.span_id;
+            if (!rootSpanId) {
+                logger.warn(`[${INTEGRATION_NAME}] No root span id found in transaction.`);
+                return event;
+            }
+            const transactionStartTimestampSeconds = event.start_timestamp;
+            if (!transactionStartTimestampSeconds) {
+                // This should never happen
+                logger.warn(`[${INTEGRATION_NAME}] No transaction start timestamp found in transaction.`);
+                return event;
+            }
+            event.spans = event.spans || [];
+            event.measurements = event.measurements || {};
+            const ttidSpan = yield addTimeToInitialDisplay({
+                event,
+                rootSpanId,
+                transactionStartTimestampSeconds,
+                enableTimeToInitialDisplayForPreloadedRoutes,
+            });
+            const ttfdSpan = yield addTimeToFullDisplay({ event, rootSpanId, transactionStartTimestampSeconds, ttidSpan });
+            if (ttidSpan && ttidSpan.start_timestamp && ttidSpan.timestamp) {
+                event.measurements['time_to_initial_display'] = {
+                    value: (ttidSpan.timestamp - ttidSpan.start_timestamp) * 1000,
+                    unit: 'millisecond',
+                };
+            }
+            if (ttfdSpan && ttfdSpan.start_timestamp && ttfdSpan.timestamp) {
+                const durationMs = (ttfdSpan.timestamp - ttfdSpan.start_timestamp) * 1000;
+                if (isDeadlineExceeded(durationMs)) {
+                    event.measurements['time_to_full_display'] = event.measurements['time_to_initial_display'];
+                }
+                else {
+                    event.measurements['time_to_full_display'] = {
+                        value: durationMs,
+                        unit: 'millisecond',
+                    };
+                }
+            }
+            const newTransactionEndTimestampSeconds = Math.max((_a = ttidSpan === null || ttidSpan === void 0 ? void 0 : ttidSpan.timestamp) !== null && _a !== void 0 ? _a : -1, (_b = ttfdSpan === null || ttfdSpan === void 0 ? void 0 : ttfdSpan.timestamp) !== null && _b !== void 0 ? _b : -1, (_c = event.timestamp) !== null && _c !== void 0 ? _c : -1);
+            if (newTransactionEndTimestampSeconds !== -1) {
+                event.timestamp = newTransactionEndTimestampSeconds;
+            }
+            return event;
+        }),
+    };
+};
+function addTimeToInitialDisplay({ event, rootSpanId, transactionStartTimestampSeconds, enableTimeToInitialDisplayForPreloadedRoutes, }) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+        const ttidEndTimestampSeconds = yield NATIVE.popTimeToDisplayFor(`ttid-${rootSpanId}`);
+        let ttidSpan = (_a = event.spans) === null || _a === void 0 ? void 0 : _a.find(span => span.op === UI_LOAD_INITIAL_DISPLAY);
+        if (ttidSpan && (ttidSpan.status === undefined || ttidSpan.status === 'ok') && !ttidEndTimestampSeconds) {
+            logger.debug(`[${INTEGRATION_NAME}] Ttid span already exists and is ok.`, ttidSpan);
+            return ttidSpan;
+        }
+        if (!ttidEndTimestampSeconds) {
+            logger.debug(`[${INTEGRATION_NAME}] No manual ttid end timestamp found for span ${rootSpanId}.`);
+            return addAutomaticTimeToInitialDisplay({
+                event,
+                rootSpanId,
+                transactionStartTimestampSeconds,
+                enableTimeToInitialDisplayForPreloadedRoutes,
+            });
+        }
+        if (ttidSpan && ttidSpan.status && ttidSpan.status !== 'ok') {
+            ttidSpan.status = 'ok';
+            ttidSpan.timestamp = ttidEndTimestampSeconds;
+            logger.debug(`[${INTEGRATION_NAME}] Updated existing ttid span.`, ttidSpan);
+            return ttidSpan;
+        }
+        ttidSpan = createSpanJSON({
+            op: UI_LOAD_INITIAL_DISPLAY,
+            description: 'Time To Initial Display',
+            start_timestamp: transactionStartTimestampSeconds,
+            timestamp: ttidEndTimestampSeconds,
+            origin: SPAN_ORIGIN_MANUAL_UI_TIME_TO_DISPLAY,
+            parent_span_id: rootSpanId,
+            data: {
+                [SPAN_THREAD_NAME]: SPAN_THREAD_NAME_JAVASCRIPT,
+            },
+        });
+        logger.debug(`[${INTEGRATION_NAME}] Added ttid span to transaction.`, ttidSpan);
+        event.spans.push(ttidSpan);
+        return ttidSpan;
+    });
+}
+function addAutomaticTimeToInitialDisplay({ event, rootSpanId, transactionStartTimestampSeconds, enableTimeToInitialDisplayForPreloadedRoutes, }) {
+    var _a, _b, _c, _d, _e, _f;
+    return __awaiter(this, void 0, void 0, function* () {
+        const ttidNativeTimestampSeconds = yield NATIVE.popTimeToDisplayFor(`ttid-navigation-${rootSpanId}`);
+        const ttidFallbackTimestampSeconds = yield getTimeToInitialDisplayFallback(rootSpanId);
+        const hasBeenSeen = (_c = (_b = (_a = event.contexts) === null || _a === void 0 ? void 0 : _a.trace) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c[SEMANTIC_ATTRIBUTE_ROUTE_HAS_BEEN_SEEN];
+        if (hasBeenSeen && !enableTimeToInitialDisplayForPreloadedRoutes) {
+            logger.debug(`[${INTEGRATION_NAME}] Route has been seen and time to initial display is disabled for preloaded routes.`);
+            return undefined;
+        }
+        const ttidTimestampSeconds = ttidNativeTimestampSeconds !== null && ttidNativeTimestampSeconds !== void 0 ? ttidNativeTimestampSeconds : ttidFallbackTimestampSeconds;
+        if (!ttidTimestampSeconds) {
+            logger.debug(`[${INTEGRATION_NAME}] No automatic ttid end timestamp found for span ${rootSpanId}.`);
+            return undefined;
+        }
+        const viewNames = (_e = (_d = event.contexts) === null || _d === void 0 ? void 0 : _d.app) === null || _e === void 0 ? void 0 : _e.view_names;
+        const screenName = Array.isArray(viewNames) ? viewNames[0] : viewNames;
+        const ttidSpan = createSpanJSON({
+            op: UI_LOAD_INITIAL_DISPLAY,
+            description: screenName ? `${screenName} initial display` : 'Time To Initial Display',
+            start_timestamp: transactionStartTimestampSeconds,
+            timestamp: ttidTimestampSeconds,
+            origin: SPAN_ORIGIN_AUTO_UI_TIME_TO_DISPLAY,
+            parent_span_id: rootSpanId,
+            data: {
+                [SPAN_THREAD_NAME]: SPAN_THREAD_NAME_JAVASCRIPT,
+            },
+        });
+        event.spans = (_f = event.spans) !== null && _f !== void 0 ? _f : [];
+        event.spans.push(ttidSpan);
+        return ttidSpan;
+    });
+}
+function addTimeToFullDisplay({ event, rootSpanId, transactionStartTimestampSeconds, ttidSpan, }) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+        const ttfdEndTimestampSeconds = yield NATIVE.popTimeToDisplayFor(`ttfd-${rootSpanId}`);
+        if (!ttidSpan || !ttfdEndTimestampSeconds) {
+            return undefined;
+        }
+        let ttfdSpan = (_a = event.spans) === null || _a === void 0 ? void 0 : _a.find(span => span.op === UI_LOAD_FULL_DISPLAY);
+        let ttfdAdjustedEndTimestampSeconds = ttfdEndTimestampSeconds;
+        const ttfdIsBeforeTtid = (ttidSpan === null || ttidSpan === void 0 ? void 0 : ttidSpan.timestamp) && ttfdEndTimestampSeconds < ttidSpan.timestamp;
+        if (ttfdIsBeforeTtid) {
+            ttfdAdjustedEndTimestampSeconds = ttidSpan.timestamp;
+        }
+        const durationMs = (ttfdAdjustedEndTimestampSeconds - transactionStartTimestampSeconds) * 1000;
+        if (ttfdSpan && ttfdSpan.status && ttfdSpan.status !== 'ok') {
+            ttfdSpan.status = 'ok';
+            ttfdSpan.timestamp = ttfdAdjustedEndTimestampSeconds;
+            logger.debug(`[${INTEGRATION_NAME}] Updated existing ttfd span.`, ttfdSpan);
+            return ttfdSpan;
+        }
+        ttfdSpan = createSpanJSON({
+            status: isDeadlineExceeded(durationMs) ? 'deadline_exceeded' : 'ok',
+            op: UI_LOAD_FULL_DISPLAY,
+            description: 'Time To Full Display',
+            start_timestamp: transactionStartTimestampSeconds,
+            timestamp: ttfdAdjustedEndTimestampSeconds,
+            origin: SPAN_ORIGIN_MANUAL_UI_TIME_TO_DISPLAY,
+            parent_span_id: rootSpanId,
+            data: {
+                [SPAN_THREAD_NAME]: SPAN_THREAD_NAME_JAVASCRIPT,
+            },
+        });
+        logger.debug(`[${INTEGRATION_NAME}] Added ttfd span to transaction.`, ttfdSpan);
+        event.spans.push(ttfdSpan);
+        return ttfdSpan;
+    });
+}
+//# sourceMappingURL=timeToDisplayIntegration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeToDisplayIntegration.js","sourceRoot":"","sources":["../../../../src/js/tracing/integrations/timeToDisplayIntegration.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Event, Integration, SpanJSON } from '@sentry/core';\nimport { logger } from '@sentry/core';\n\nimport { NATIVE } from '../../wrapper';\nimport { UI_LOAD_FULL_DISPLAY, UI_LOAD_INITIAL_DISPLAY } from '../ops';\nimport { SPAN_ORIGIN_AUTO_UI_TIME_TO_DISPLAY, SPAN_ORIGIN_MANUAL_UI_TIME_TO_DISPLAY } from '../origin';\nimport { getReactNavigationIntegration } from '../reactnavigation';\nimport { SEMANTIC_ATTRIBUTE_ROUTE_HAS_BEEN_SEEN } from '../semanticAttributes';\nimport { SPAN_THREAD_NAME, SPAN_THREAD_NAME_JAVASCRIPT } from '../span';\nimport { getTimeToInitialDisplayFallback } from '../timeToDisplayFallback';\nimport { createSpanJSON } from '../utils';\n\nexport const INTEGRATION_NAME = 'TimeToDisplay';\n\nconst TIME_TO_DISPLAY_TIMEOUT_MS = 30_000;\nconst isDeadlineExceeded = (durationMs: number): boolean => durationMs > TIME_TO_DISPLAY_TIMEOUT_MS;\n\nexport const timeToDisplayIntegration = (): Integration => {\n  let enableTimeToInitialDisplayForPreloadedRoutes = false;\n\n  return {\n    name: INTEGRATION_NAME,\n    afterAllSetup(client) {\n      enableTimeToInitialDisplayForPreloadedRoutes =\n        getReactNavigationIntegration(client)?.options.enableTimeToInitialDisplayForPreloadedRoutes ?? false;\n    },\n    processEvent: async event => {\n      if (event.type !== 'transaction') {\n        // TimeToDisplay data is only relevant for transactions\n        return event;\n      }\n\n      const rootSpanId = event.contexts.trace.span_id;\n      if (!rootSpanId) {\n        logger.warn(`[${INTEGRATION_NAME}] No root span id found in transaction.`);\n        return event;\n      }\n\n      const transactionStartTimestampSeconds = event.start_timestamp;\n      if (!transactionStartTimestampSeconds) {\n        // This should never happen\n        logger.warn(`[${INTEGRATION_NAME}] No transaction start timestamp found in transaction.`);\n        return event;\n      }\n\n      event.spans = event.spans || [];\n      event.measurements = event.measurements || {};\n\n      const ttidSpan = await addTimeToInitialDisplay({\n        event,\n        rootSpanId,\n        transactionStartTimestampSeconds,\n        enableTimeToInitialDisplayForPreloadedRoutes,\n      });\n      const ttfdSpan = await addTimeToFullDisplay({ event, rootSpanId, transactionStartTimestampSeconds, ttidSpan });\n\n      if (ttidSpan && ttidSpan.start_timestamp && ttidSpan.timestamp) {\n        event.measurements['time_to_initial_display'] = {\n          value: (ttidSpan.timestamp - ttidSpan.start_timestamp) * 1000,\n          unit: 'millisecond',\n        };\n      }\n\n      if (ttfdSpan && ttfdSpan.start_timestamp && ttfdSpan.timestamp) {\n        const durationMs = (ttfdSpan.timestamp - ttfdSpan.start_timestamp) * 1000;\n        if (isDeadlineExceeded(durationMs)) {\n          event.measurements['time_to_full_display'] = event.measurements['time_to_initial_display'];\n        } else {\n          event.measurements['time_to_full_display'] = {\n            value: durationMs,\n            unit: 'millisecond',\n          };\n        }\n      }\n\n      const newTransactionEndTimestampSeconds = Math.max(\n        ttidSpan?.timestamp ?? -1,\n        ttfdSpan?.timestamp ?? -1,\n        event.timestamp ?? -1,\n      );\n      if (newTransactionEndTimestampSeconds !== -1) {\n        event.timestamp = newTransactionEndTimestampSeconds;\n      }\n\n      return event;\n    },\n  };\n};\n\nasync function addTimeToInitialDisplay({\n  event,\n  rootSpanId,\n  transactionStartTimestampSeconds,\n  enableTimeToInitialDisplayForPreloadedRoutes,\n}: {\n  event: Event;\n  rootSpanId: string;\n  transactionStartTimestampSeconds: number;\n  enableTimeToInitialDisplayForPreloadedRoutes: boolean;\n}): Promise<SpanJSON | undefined> {\n  const ttidEndTimestampSeconds = await NATIVE.popTimeToDisplayFor(`ttid-${rootSpanId}`);\n\n  let ttidSpan: SpanJSON | undefined = event.spans?.find(span => span.op === UI_LOAD_INITIAL_DISPLAY);\n\n  if (ttidSpan && (ttidSpan.status === undefined || ttidSpan.status === 'ok') && !ttidEndTimestampSeconds) {\n    logger.debug(`[${INTEGRATION_NAME}] Ttid span already exists and is ok.`, ttidSpan);\n    return ttidSpan;\n  }\n\n  if (!ttidEndTimestampSeconds) {\n    logger.debug(`[${INTEGRATION_NAME}] No manual ttid end timestamp found for span ${rootSpanId}.`);\n    return addAutomaticTimeToInitialDisplay({\n      event,\n      rootSpanId,\n      transactionStartTimestampSeconds,\n      enableTimeToInitialDisplayForPreloadedRoutes,\n    });\n  }\n\n  if (ttidSpan && ttidSpan.status && ttidSpan.status !== 'ok') {\n    ttidSpan.status = 'ok';\n    ttidSpan.timestamp = ttidEndTimestampSeconds;\n    logger.debug(`[${INTEGRATION_NAME}] Updated existing ttid span.`, ttidSpan);\n    return ttidSpan;\n  }\n\n  ttidSpan = createSpanJSON({\n    op: UI_LOAD_INITIAL_DISPLAY,\n    description: 'Time To Initial Display',\n    start_timestamp: transactionStartTimestampSeconds,\n    timestamp: ttidEndTimestampSeconds,\n    origin: SPAN_ORIGIN_MANUAL_UI_TIME_TO_DISPLAY,\n    parent_span_id: rootSpanId,\n    data: {\n      [SPAN_THREAD_NAME]: SPAN_THREAD_NAME_JAVASCRIPT,\n    },\n  });\n  logger.debug(`[${INTEGRATION_NAME}] Added ttid span to transaction.`, ttidSpan);\n  event.spans.push(ttidSpan);\n  return ttidSpan;\n}\n\nasync function addAutomaticTimeToInitialDisplay({\n  event,\n  rootSpanId,\n  transactionStartTimestampSeconds,\n  enableTimeToInitialDisplayForPreloadedRoutes,\n}: {\n  event: Event;\n  rootSpanId: string;\n  transactionStartTimestampSeconds: number;\n  enableTimeToInitialDisplayForPreloadedRoutes: boolean;\n}): Promise<SpanJSON | undefined> {\n  const ttidNativeTimestampSeconds = await NATIVE.popTimeToDisplayFor(`ttid-navigation-${rootSpanId}`);\n  const ttidFallbackTimestampSeconds = await getTimeToInitialDisplayFallback(rootSpanId);\n\n  const hasBeenSeen = event.contexts?.trace?.data?.[SEMANTIC_ATTRIBUTE_ROUTE_HAS_BEEN_SEEN];\n  if (hasBeenSeen && !enableTimeToInitialDisplayForPreloadedRoutes) {\n    logger.debug(\n      `[${INTEGRATION_NAME}] Route has been seen and time to initial display is disabled for preloaded routes.`,\n    );\n    return undefined;\n  }\n\n  const ttidTimestampSeconds = ttidNativeTimestampSeconds ?? ttidFallbackTimestampSeconds;\n  if (!ttidTimestampSeconds) {\n    logger.debug(`[${INTEGRATION_NAME}] No automatic ttid end timestamp found for span ${rootSpanId}.`);\n    return undefined;\n  }\n\n  const viewNames = event.contexts?.app?.view_names;\n  const screenName = Array.isArray(viewNames) ? viewNames[0] : viewNames;\n\n  const ttidSpan = createSpanJSON({\n    op: UI_LOAD_INITIAL_DISPLAY,\n    description: screenName ? `${screenName} initial display` : 'Time To Initial Display',\n    start_timestamp: transactionStartTimestampSeconds,\n    timestamp: ttidTimestampSeconds,\n    origin: SPAN_ORIGIN_AUTO_UI_TIME_TO_DISPLAY,\n    parent_span_id: rootSpanId,\n    data: {\n      [SPAN_THREAD_NAME]: SPAN_THREAD_NAME_JAVASCRIPT,\n    },\n  });\n  event.spans = event.spans ?? [];\n  event.spans.push(ttidSpan);\n  return ttidSpan;\n}\n\nasync function addTimeToFullDisplay({\n  event,\n  rootSpanId,\n  transactionStartTimestampSeconds,\n  ttidSpan,\n}: {\n  event: Event;\n  rootSpanId: string;\n  transactionStartTimestampSeconds: number;\n  ttidSpan: SpanJSON | undefined;\n}): Promise<SpanJSON | undefined> {\n  const ttfdEndTimestampSeconds = await NATIVE.popTimeToDisplayFor(`ttfd-${rootSpanId}`);\n\n  if (!ttidSpan || !ttfdEndTimestampSeconds) {\n    return undefined;\n  }\n\n  let ttfdSpan = event.spans?.find(span => span.op === UI_LOAD_FULL_DISPLAY);\n\n  let ttfdAdjustedEndTimestampSeconds = ttfdEndTimestampSeconds;\n  const ttfdIsBeforeTtid = ttidSpan?.timestamp && ttfdEndTimestampSeconds < ttidSpan.timestamp;\n  if (ttfdIsBeforeTtid) {\n    ttfdAdjustedEndTimestampSeconds = ttidSpan.timestamp;\n  }\n\n  const durationMs = (ttfdAdjustedEndTimestampSeconds - transactionStartTimestampSeconds) * 1000;\n\n  if (ttfdSpan && ttfdSpan.status && ttfdSpan.status !== 'ok') {\n    ttfdSpan.status = 'ok';\n    ttfdSpan.timestamp = ttfdAdjustedEndTimestampSeconds;\n    logger.debug(`[${INTEGRATION_NAME}] Updated existing ttfd span.`, ttfdSpan);\n    return ttfdSpan;\n  }\n\n  ttfdSpan = createSpanJSON({\n    status: isDeadlineExceeded(durationMs) ? 'deadline_exceeded' : 'ok',\n    op: UI_LOAD_FULL_DISPLAY,\n    description: 'Time To Full Display',\n    start_timestamp: transactionStartTimestampSeconds,\n    timestamp: ttfdAdjustedEndTimestampSeconds,\n    origin: SPAN_ORIGIN_MANUAL_UI_TIME_TO_DISPLAY,\n    parent_span_id: rootSpanId,\n    data: {\n      [SPAN_THREAD_NAME]: SPAN_THREAD_NAME_JAVASCRIPT,\n    },\n  });\n  logger.debug(`[${INTEGRATION_NAME}] Added ttfd span to transaction.`, ttfdSpan);\n  event.spans.push(ttfdSpan);\n  return ttfdSpan;\n}\n"]}

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

@@ -5,4 +5,6 @@ export declare const UI_ACTION = "ui.action";
 export declare const UI_ACTION_TOUCH = "ui.action.touch";
 export declare const APP_START_COLD = "app.start.cold";
 export declare const APP_START_WARM = "app.start.warm";
+export declare const UI_LOAD_INITIAL_DISPLAY = "ui.load.initial_display";
+export declare const UI_LOAD_FULL_DISPLAY = "ui.load.full_display";
 //# sourceMappingURL=ops.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ops.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/ops.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,UAAU,eAAe,CAAC;AAEvC,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,eAAO,MAAM,eAAe,oBAAoB,CAAC;AAEjD,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAC/C,eAAO,MAAM,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"ops.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/ops.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,UAAU,eAAe,CAAC;AAEvC,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,eAAO,MAAM,eAAe,oBAAoB,CAAC;AAEjD,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAC/C,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AACjE,eAAO,MAAM,oBAAoB,yBAAyB,CAAC"}

package/dist/js/tracing/ops.js

@@ -5,4 +5,6 @@ export const UI_ACTION = 'ui.action';
 export const UI_ACTION_TOUCH = 'ui.action.touch';
 export const APP_START_COLD = 'app.start.cold';
 export const APP_START_WARM = 'app.start.warm';
+export const UI_LOAD_INITIAL_DISPLAY = 'ui.load.initial_display';
+export const UI_LOAD_FULL_DISPLAY = 'ui.load.full_display';
 //# sourceMappingURL=ops.js.map

package/dist/js/tracing/ops.js.map

@@ -1 +1 @@
-{"version":3,"file":"ops.js","sourceRoot":"","sources":["../../../src/js/tracing/ops.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;AACrC,MAAM,CAAC,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC;AAC/C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC","sourcesContent":["export const DEFAULT = 'default';\nexport const NAVIGATION = 'navigation';\n\nexport const UI_LOAD = 'ui.load';\nexport const UI_ACTION = 'ui.action';\nexport const UI_ACTION_TOUCH = 'ui.action.touch';\n\nexport const APP_START_COLD = 'app.start.cold';\nexport const APP_START_WARM = 'app.start.warm';\n"]}
+{"version":3,"file":"ops.js","sourceRoot":"","sources":["../../../src/js/tracing/ops.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC;AACjC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;AACrC,MAAM,CAAC,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC;AAC/C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,uBAAuB,GAAG,yBAAyB,CAAC;AACjE,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC","sourcesContent":["export const DEFAULT = 'default';\nexport const NAVIGATION = 'navigation';\n\nexport const UI_LOAD = 'ui.load';\nexport const UI_ACTION = 'ui.action';\nexport const UI_ACTION_TOUCH = 'ui.action.touch';\n\nexport const APP_START_COLD = 'app.start.cold';\nexport const APP_START_WARM = 'app.start.warm';\n\nexport const UI_LOAD_INITIAL_DISPLAY = 'ui.load.initial_display';\nexport const UI_LOAD_FULL_DISPLAY = 'ui.load.full_display';\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":"AACA,OAAO,EAAa,QAAQ,EAAE,MAAM,eAAe,CAAC;AASpD;;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"}
+{"version":3,"file":"reactnativeprofiler.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/reactnativeprofiler.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,QAAQ,EAAE,MAAM,eAAe,CAAC;AAapD;;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;CAsBxB"}

package/dist/js/tracing/reactnativeprofiler.js

@@ -1,9 +1,13 @@
-import { timestampInSeconds } from '@sentry/core';
+import { logger, timestampInSeconds } from '@sentry/core';
 import { getClient, Profiler } from '@sentry/react';
+import { getAppRegistryIntegration } from '../integrations/appRegistry';
 import { createIntegration } from '../integrations/factory';
 import { _captureAppStart, _setRootComponentCreationTimestampMs } from '../tracing/integrations/appStart';
 const ReactNativeProfilerGlobalState = {
     appStartReported: false,
+    onRunApplicationHook: () => {
+        ReactNativeProfilerGlobalState.appStartReported = false;
+    },
 };
 /**
  * Custom profiler for the React Native app root.
@@ -36,6 +40,13 @@ export class ReactNativeProfiler extends Profiler {
             return;
         }
         client.addIntegration && client.addIntegration(createIntegration(this.name));
+        const appRegistryIntegration = getAppRegistryIntegration(client);
+        if (appRegistryIntegration && typeof appRegistryIntegration.onRunApplication === 'function') {
+            appRegistryIntegration.onRunApplication(ReactNativeProfilerGlobalState.onRunApplicationHook);
+        }
+        else {
+            logger.warn('AppRegistryIntegration.onRunApplication not found or invalid.');
+        }
         // eslint-disable-next-line @typescript-eslint/no-floating-promises
         _captureAppStart({ isManual: false });
     }

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

@@ -1 +1 @@
-{"version":3,"file":"reactnativeprofiler.js","sourceRoot":"","sources":["../../../src/js/tracing/reactnativeprofiler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,oCAAoC,EAAE,MAAM,kCAAkC,CAAC;AAE1G,MAAM,8BAA8B,GAAG;IACrC,gBAAgB,EAAE,KAAK;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,QAAQ;IAG/C,YAAmB,KAAgD;QACjE,oCAAoC,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,CAAC;QAClE,KAAK,CAAC,KAAK,CAAC,CAAC;QAJC,SAAI,GAAW,qBAAqB,CAAC;IAKrD,CAAC;IAED;;OAEG;IACI,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,8BAA8B,CAAC,gBAAgB,EAAE;YACpD,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,8BAA8B,CAAC,gBAAgB,GAAG,IAAI,CAAC;SACxD;IACH,CAAC;IAED;;OAEG;IACK,eAAe;QACrB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,IAAI,CAAC,MAAM,EAAE;YACX,iFAAiF;YACjF,sCAAsC;YACtC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,sFAAsF,CAAC,CAAC;YAChH,OAAO;SACR;QAED,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7E,mEAAmE;QACnE,gBAAgB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IACxC,CAAC;CACF","sourcesContent":["import { timestampInSeconds } from '@sentry/core';\nimport { getClient, Profiler } from '@sentry/react';\n\nimport { createIntegration } from '../integrations/factory';\nimport { _captureAppStart, _setRootComponentCreationTimestampMs } from '../tracing/integrations/appStart';\n\nconst ReactNativeProfilerGlobalState = {\n  appStartReported: false,\n};\n\n/**\n * Custom profiler for the React Native app root.\n */\nexport class ReactNativeProfiler extends Profiler {\n  public readonly name: string = 'ReactNativeProfiler';\n\n  public constructor(props: ConstructorParameters<typeof Profiler>[0]) {\n    _setRootComponentCreationTimestampMs(timestampInSeconds() * 1000);\n    super(props);\n  }\n\n  /**\n   * Get the app root mount time.\n   */\n  public componentDidMount(): void {\n    super.componentDidMount();\n    if (!ReactNativeProfilerGlobalState.appStartReported) {\n      this._reportAppStart();\n      ReactNativeProfilerGlobalState.appStartReported = true;\n    }\n  }\n\n  /**\n   * Notifies the Tracing integration that the app start has finished.\n   */\n  private _reportAppStart(): void {\n    const client = getClient();\n\n    if (!client) {\n      // We can't use logger here because this will be logged before the `Sentry.init`.\n      // eslint-disable-next-line no-console\n      __DEV__ && console.warn('App Start Span could not be finished. `Sentry.wrap` was called before `Sentry.init`.');\n      return;\n    }\n\n    client.addIntegration && client.addIntegration(createIntegration(this.name));\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    _captureAppStart({ isManual: false });\n  }\n}\n"]}
+{"version":3,"file":"reactnativeprofiler.js","sourceRoot":"","sources":["../../../src/js/tracing/reactnativeprofiler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,oCAAoC,EAAE,MAAM,kCAAkC,CAAC;AAE1G,MAAM,8BAA8B,GAAG;IACrC,gBAAgB,EAAE,KAAK;IACvB,oBAAoB,EAAE,GAAG,EAAE;QACzB,8BAA8B,CAAC,gBAAgB,GAAG,KAAK,CAAC;IAC1D,CAAC;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,QAAQ;IAG/C,YAAmB,KAAgD;QACjE,oCAAoC,CAAC,kBAAkB,EAAE,GAAG,IAAI,CAAC,CAAC;QAClE,KAAK,CAAC,KAAK,CAAC,CAAC;QAJC,SAAI,GAAW,qBAAqB,CAAC;IAKrD,CAAC;IAED;;OAEG;IACI,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,8BAA8B,CAAC,gBAAgB,EAAE;YACpD,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,8BAA8B,CAAC,gBAAgB,GAAG,IAAI,CAAC;SACxD;IACH,CAAC;IAED;;OAEG;IACK,eAAe;QACrB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,IAAI,CAAC,MAAM,EAAE;YACX,iFAAiF;YACjF,sCAAsC;YACtC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,sFAAsF,CAAC,CAAC;YAChH,OAAO;SACR;QAED,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAE7E,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC;QACjE,IAAI,sBAAsB,IAAI,OAAO,sBAAsB,CAAC,gBAAgB,KAAK,UAAU,EAAE;YAC3F,sBAAsB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,oBAAoB,CAAC,CAAC;SAC9F;aAAM;YACL,MAAM,CAAC,IAAI,CAAC,+DAA+D,CAAC,CAAC;SAC9E;QAED,mEAAmE;QACnE,gBAAgB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IACxC,CAAC;CACF","sourcesContent":["import { logger, timestampInSeconds } from '@sentry/core';\nimport { getClient, Profiler } from '@sentry/react';\n\nimport { getAppRegistryIntegration } from '../integrations/appRegistry';\nimport { createIntegration } from '../integrations/factory';\nimport { _captureAppStart, _setRootComponentCreationTimestampMs } from '../tracing/integrations/appStart';\n\nconst ReactNativeProfilerGlobalState = {\n  appStartReported: false,\n  onRunApplicationHook: () => {\n    ReactNativeProfilerGlobalState.appStartReported = false;\n  },\n};\n\n/**\n * Custom profiler for the React Native app root.\n */\nexport class ReactNativeProfiler extends Profiler {\n  public readonly name: string = 'ReactNativeProfiler';\n\n  public constructor(props: ConstructorParameters<typeof Profiler>[0]) {\n    _setRootComponentCreationTimestampMs(timestampInSeconds() * 1000);\n    super(props);\n  }\n\n  /**\n   * Get the app root mount time.\n   */\n  public componentDidMount(): void {\n    super.componentDidMount();\n    if (!ReactNativeProfilerGlobalState.appStartReported) {\n      this._reportAppStart();\n      ReactNativeProfilerGlobalState.appStartReported = true;\n    }\n  }\n\n  /**\n   * Notifies the Tracing integration that the app start has finished.\n   */\n  private _reportAppStart(): void {\n    const client = getClient();\n\n    if (!client) {\n      // We can't use logger here because this will be logged before the `Sentry.init`.\n      // eslint-disable-next-line no-console\n      __DEV__ && console.warn('App Start Span could not be finished. `Sentry.wrap` was called before `Sentry.init`.');\n      return;\n    }\n\n    client.addIntegration && client.addIntegration(createIntegration(this.name));\n\n    const appRegistryIntegration = getAppRegistryIntegration(client);\n    if (appRegistryIntegration && typeof appRegistryIntegration.onRunApplication === 'function') {\n      appRegistryIntegration.onRunApplication(ReactNativeProfilerGlobalState.onRunApplicationHook);\n    } else {\n      logger.warn('AppRegistryIntegration.onRunApplication not found or invalid.');\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    _captureAppStart({ isManual: false });\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import type { Integration } from '@sentry/core';
+import type { Client, Integration } from '@sentry/core';
 export declare const INTEGRATION_NAME = "ReactNavigation";
 interface ReactNavigationIntegrationOptions {
     /**
@@ -22,6 +22,19 @@ interface ReactNavigationIntegrationOptions {
      * @default true
      */
     ignoreEmptyBackNavigationTransactions: boolean;
+    /**
+     * Enabled measuring Time to Initial Display for routes that are already loaded in memory.
+     * (a.k.a., Routes that the navigation integration has already seen.)
+     *
+     * @default false
+     */
+    enableTimeToInitialDisplayForPreloadedRoutes: boolean;
+    /**
+     * Whether to use the dispatched action data to populate the transaction metadata.
+     *
+     * @default false
+     */
+    useDispatchedActionData: boolean;
 }
 /**
  * Instrumentation for React-Navigation V5 and above. See docs or sample app for usage.
@@ -31,17 +44,22 @@ interface ReactNavigationIntegrationOptions {
  * - `_onStateChange` is then called AFTER the state change happens due to a dispatch and sets the route context onto the active transaction.
  * - If `_onStateChange` isn't called within `STATE_CHANGE_TIMEOUT_DURATION` of the dispatch, then the transaction is not sampled and finished.
  */
-export declare const reactNavigationIntegration: ({ routeChangeTimeoutMs, enableTimeToInitialDisplay, ignoreEmptyBackNavigationTransactions, }?: Partial<ReactNavigationIntegrationOptions>) => Integration & {
+export declare const reactNavigationIntegration: ({ routeChangeTimeoutMs, enableTimeToInitialDisplay, ignoreEmptyBackNavigationTransactions, enableTimeToInitialDisplayForPreloadedRoutes, useDispatchedActionData, }?: Partial<ReactNavigationIntegrationOptions>) => Integration & {
     /**
      * Pass the ref to the navigation container to register it to the instrumentation
      * @param navigationContainerRef Ref to a `NavigationContainer`
      */
     registerNavigationContainer: (navigationContainerRef: unknown) => void;
+    options: ReactNavigationIntegrationOptions;
 };
 export interface NavigationRoute {
     name: string;
     key: string;
     params?: Record<string, any>;
 }
+/**
+ * Returns React Navigation integration of the given client.
+ */
+export declare function getReactNavigationIntegration(client: Client): ReturnType<typeof reactNavigationIntegration> | undefined;
 export {};
 //# sourceMappingURL=reactnavigation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reactnavigation.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/reactnavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAU,WAAW,EAAQ,MAAM,cAAc,CAAC;AAkC9D,eAAO,MAAM,gBAAgB,oBAAoB,CAAC;AAIlD,UAAU,iCAAiC;IACzC;;;;;OAKG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;;;;OAKG;IACH,0BAA0B,EAAE,OAAO,CAAC;IAEpC;;;;;OAKG;IACH,qCAAqC,EAAE,OAAO,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,kGAIpC,QAAQ,iCAAiC,CAAC;IAC3C;;;OAGG;0DACmD,OAAO,KAAK,IAAI;CAiRvE,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IAEZ,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B"}
+{"version":3,"file":"reactnavigation.d.ts","sourceRoot":"","sources":["../../../src/js/tracing/reactnavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAQ,MAAM,cAAc,CAAC;AA+B9D,eAAO,MAAM,gBAAgB,oBAAoB,CAAC;AAIlD,UAAU,iCAAiC;IACzC;;;;;OAKG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;;;;OAKG;IACH,0BAA0B,EAAE,OAAO,CAAC;IAEpC;;;;;OAKG;IACH,qCAAqC,EAAE,OAAO,CAAC;IAE/C;;;;;OAKG;IACH,4CAA4C,EAAE,OAAO,CAAC;IAEtD;;;;OAIG;IACH,uBAAuB,EAAE,OAAO,CAAC;CAClC;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,yKAMpC,QAAQ,iCAAiC,CAAC;IAC3C;;;OAGG;0DACmD,OAAO,KAAK,IAAI;aAC7D,iCAAiC;CA0S3C,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IAEZ,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B;AAOD;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,MAAM,GACb,UAAU,CAAC,OAAO,0BAA0B,CAAC,GAAG,SAAS,CAE3D"}

package/dist/js/tracing/reactnavigation.js

@@ -1,15 +1,14 @@
-import { addBreadcrumb, getActiveSpan, getClient, isPlainObject, logger, SEMANTIC_ATTRIBUTE_SENTRY_OP, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, SPAN_STATUS_OK, spanToJSON, startInactiveSpan, timestampInSeconds, } from '@sentry/core';
-import { createSentryFallbackEventEmitter } from '../utils/sentryeventemitterfallback';
+import { addBreadcrumb, getClient, isPlainObject, logger, SEMANTIC_ATTRIBUTE_SENTRY_OP, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, SPAN_STATUS_OK, spanToJSON, startInactiveSpan, timestampInSeconds, } from '@sentry/core';
+import { getAppRegistryIntegration } from '../integrations/appRegistry';
 import { isSentrySpan } from '../utils/span';
 import { RN_GLOBAL_OBJ } from '../utils/worldwide';
 import { NATIVE } from '../wrapper';
 import { ignoreEmptyBackNavigation } from './onSpanEndUtils';
 import { SPAN_ORIGIN_AUTO_NAVIGATION_REACT_NAVIGATION } from './origin';
 import { getReactNativeTracingIntegration } from './reactnativetracing';
-import { SEMANTIC_ATTRIBUTE_SENTRY_SOURCE } from './semanticAttributes';
+import { SEMANTIC_ATTRIBUTE_NAVIGATION_ACTION_TYPE, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE } from './semanticAttributes';
 import { DEFAULT_NAVIGATION_SPAN_NAME, defaultIdleOptions, getDefaultIdleNavigationSpanOptions, startIdleNavigationSpan as startGenericIdleNavigationSpan, } from './span';
-import { manualInitialDisplaySpans, startTimeToInitialDisplaySpan } from './timetodisplay';
-import { setSpanDurationAsMeasurementOnSpan } from './utils';
+import { addTimeToInitialDisplayFallback } from './timeToDisplayFallback';
 export const INTEGRATION_NAME = 'ReactNavigation';
 const NAVIGATION_HISTORY_MAX_SIZE = 200;
 /**
@@ -20,9 +19,8 @@ const NAVIGATION_HISTORY_MAX_SIZE = 200;
  * - `_onStateChange` is then called AFTER the state change happens due to a dispatch and sets the route context onto the active transaction.
  * - If `_onStateChange` isn't called within `STATE_CHANGE_TIMEOUT_DURATION` of the dispatch, then the transaction is not sampled and finished.
  */
-export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enableTimeToInitialDisplay = false, ignoreEmptyBackNavigationTransactions = true, } = {}) => {
+export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enableTimeToInitialDisplay = false, ignoreEmptyBackNavigationTransactions = true, enableTimeToInitialDisplayForPreloadedRoutes = false, useDispatchedActionData = false, } = {}) => {
     let navigationContainer;
-    let newScreenFrameEventEmitter;
     let tracing;
     let idleSpanOptions = defaultIdleOptions;
     let latestRoute;
@@ -32,8 +30,6 @@ export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enable
     let stateChangeTimeout;
     let recentRouteKeys = [];
     if (enableTimeToInitialDisplay) {
-        newScreenFrameEventEmitter = createSentryFallbackEventEmitter();
-        newScreenFrameEventEmitter.initAsync();
         NATIVE.initNativeReactNavigationNewFrameTracking().catch((reason) => {
             logger.error(`${INTEGRATION_NAME} Failed to initialize native new frame tracking: ${reason}`);
         });
@@ -42,6 +38,7 @@ export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enable
      * Set the initial state and start initial navigation span for the current screen.
      */
     const afterAllSetup = (client) => {
+        var _a;
         tracing = getReactNativeTracingIntegration(client);
         if (tracing) {
             idleSpanOptions = {
@@ -51,8 +48,19 @@ export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enable
         }
         if (initialStateHandled) {
             // We create an initial state here to ensure a transaction gets created before the first route mounts.
+            // This assumes that the Sentry.init() call is made before the first route mounts.
+            // If this is not the case, the first transaction will be nameless 'Route Changed'
             return undefined;
         }
+        (_a = getAppRegistryIntegration(client)) === null || _a === void 0 ? void 0 : _a.onRunApplication(() => {
+            if (initialStateHandled) {
+                // To avoid conflict with the initial transaction we check if it was already handled.
+                // This ensures runApplication calls after the initial start are correctly traced.
+                // This is used for example when Activity is (re)started on Android.
+                logger.log('[ReactNavigationIntegration] Starting new idle navigation span based on runApplication call.');
+                startIdleNavigationSpan();
+            }
+        });
         startIdleNavigationSpan();
         if (!navigationContainer) {
             // This is expected as navigation container is registered after the root component is mounted.
@@ -62,22 +70,26 @@ export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enable
         updateLatestNavigationSpanWithCurrentRoute();
         initialStateHandled = true;
     };
-    const registerNavigationContainer = (navigationContainerRef) => {
-        /* We prevent duplicate routing instrumentation to be initialized on fast refreshes
-    
-          Explanation: If the user triggers a fast refresh on the file that the instrumentation is
-          initialized in, it will initialize a new instance and will cause undefined behavior.
-         */
+    const registerNavigationContainer = (maybeNewNavigationContainer) => {
         if (RN_GLOBAL_OBJ.__sentry_rn_v5_registered) {
-            logger.log(`${INTEGRATION_NAME} Instrumentation already exists, but register has been called again, doing nothing.`);
-            return undefined;
+            logger.debug(`${INTEGRATION_NAME} Instrumentation already exists, but registering again...`);
+            // In the past we have not allowed re-registering the navigation container to avoid unexpected behavior.
+            // But this doesn't work for Android and re-recreating application main activity.
+            // Where new navigation container is created and the old one is discarded. We need to re-register to
+            // trace the new navigation container navigation.
         }
-        if (isPlainObject(navigationContainerRef) && 'current' in navigationContainerRef) {
-            navigationContainer = navigationContainerRef.current;
+        let newNavigationContainer;
+        if (isPlainObject(maybeNewNavigationContainer) && 'current' in maybeNewNavigationContainer) {
+            newNavigationContainer = maybeNewNavigationContainer.current;
         }
         else {
-            navigationContainer = navigationContainerRef;
+            newNavigationContainer = maybeNewNavigationContainer;
         }
+        if (navigationContainer === newNavigationContainer) {
+            logger.log(`${INTEGRATION_NAME} Navigation container ref is the same as the one already registered.`);
+            return;
+        }
+        navigationContainer = newNavigationContainer;
         if (!navigationContainer) {
             logger.warn(`${INTEGRATION_NAME} Received invalid navigation container ref!`);
             return undefined;
@@ -104,7 +116,26 @@ export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enable
      * It does not name the transaction or populate it with route information. Instead, it waits for the state to fully change
      * and gets the route information from there, @see updateLatestNavigationSpanWithCurrentRoute
      */
-    const startIdleNavigationSpan = () => {
+    const startIdleNavigationSpan = (unknownEvent) => {
+        const event = unknownEvent;
+        if (useDispatchedActionData && (event === null || event === void 0 ? void 0 : event.data.noop)) {
+            logger.debug(`${INTEGRATION_NAME} Navigation action is a noop, not starting navigation span.`);
+            return;
+        }
+        const navigationActionType = useDispatchedActionData ? event === null || event === void 0 ? void 0 : event.data.action.type : undefined;
+        if (useDispatchedActionData &&
+            [
+                // Process common actions
+                'PRELOAD',
+                'SET_PARAMS',
+                // Drawer actions
+                'OPEN_DRAWER',
+                'CLOSE_DRAWER',
+                'TOGGLE_DRAWER',
+            ].includes(navigationActionType)) {
+            logger.debug(`${INTEGRATION_NAME} Navigation action is ${navigationActionType}, not starting navigation span.`);
+            return;
+        }
         if (latestNavigationSpan) {
             logger.log(`${INTEGRATION_NAME} A transaction was detected that turned out to be a noop, discarding.`);
             _discardLatestTransaction();
@@ -114,10 +145,12 @@ export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enable
             ? tracing.options.beforeStartSpan(getDefaultIdleNavigationSpanOptions())
             : getDefaultIdleNavigationSpanOptions(), idleSpanOptions);
         latestNavigationSpan === null || latestNavigationSpan === void 0 ? void 0 : latestNavigationSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, SPAN_ORIGIN_AUTO_NAVIGATION_REACT_NAVIGATION);
+        latestNavigationSpan === null || latestNavigationSpan === void 0 ? void 0 : latestNavigationSpan.setAttribute(SEMANTIC_ATTRIBUTE_NAVIGATION_ACTION_TYPE, navigationActionType);
         if (ignoreEmptyBackNavigationTransactions) {
             ignoreEmptyBackNavigation(getClient(), latestNavigationSpan);
         }
         if (enableTimeToInitialDisplay) {
+            NATIVE.setActiveSpanId(latestNavigationSpan === null || latestNavigationSpan === void 0 ? void 0 : latestNavigationSpan.spanContext().spanId);
             navigationProcessingSpan = startInactiveSpan({
                 op: 'navigation.processing',
                 name: 'Navigation dispatch to navigation cancelled or screen mounted',
@@ -146,6 +179,7 @@ export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enable
             logger.debug(`[${INTEGRATION_NAME}] Navigation state changed, but navigation transaction was not started on dispatch.`);
             return undefined;
         }
+        addTimeToInitialDisplayFallback(latestNavigationSpan.spanContext().spanId, NATIVE.getNewScreenTimeToDisplay());
         if (previousRoute && previousRoute.key === route.key) {
             logger.debug(`[${INTEGRATION_NAME}] Navigation state changed, but route is the same as previous.`);
             pushRecentRouteKey(route.key);
@@ -155,25 +189,6 @@ export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enable
             return undefined;
         }
         const routeHasBeenSeen = recentRouteKeys.includes(route.key);
-        const latestTtidSpan = !routeHasBeenSeen &&
-            enableTimeToInitialDisplay &&
-            startTimeToInitialDisplaySpan({
-                name: `${route.name} initial display`,
-                isAutoInstrumented: true,
-            });
-        const navigationSpanWithTtid = latestNavigationSpan;
-        if (!routeHasBeenSeen && latestTtidSpan) {
-            newScreenFrameEventEmitter === null || newScreenFrameEventEmitter === void 0 ? void 0 : newScreenFrameEventEmitter.onceNewFrame(({ newFrameTimestampInSeconds }) => {
-                const activeSpan = getActiveSpan();
-                if (activeSpan && manualInitialDisplaySpans.has(activeSpan)) {
-                    logger.warn('[ReactNavigationInstrumentation] Detected manual instrumentation for the current active span.');
-                    return;
-                }
-                latestTtidSpan.setStatus({ code: SPAN_STATUS_OK });
-                latestTtidSpan.end(newFrameTimestampInSeconds);
-                setSpanDurationAsMeasurementOnSpan('time_to_initial_display', latestTtidSpan, navigationSpanWithTtid);
-            });
-        }
         navigationProcessingSpan === null || navigationProcessingSpan === void 0 ? void 0 : navigationProcessingSpan.updateName(`Navigation dispatch to screen ${route.name} mounted`);
         navigationProcessingSpan === null || navigationProcessingSpan === void 0 ? void 0 : navigationProcessingSpan.setStatus({ code: SPAN_STATUS_OK });
         navigationProcessingSpan === null || navigationProcessingSpan === void 0 ? void 0 : navigationProcessingSpan.end(stateChangedTimestamp);
@@ -242,6 +257,19 @@ export const reactNavigationIntegration = ({ routeChangeTimeoutMs = 1000, enable
         name: INTEGRATION_NAME,
         afterAllSetup,
         registerNavigationContainer,
+        options: {
+            routeChangeTimeoutMs,
+            enableTimeToInitialDisplay,
+            ignoreEmptyBackNavigationTransactions,
+            enableTimeToInitialDisplayForPreloadedRoutes,
+            useDispatchedActionData,
+        },
     };
 };
+/**
+ * Returns React Navigation integration of the given client.
+ */
+export function getReactNavigationIntegration(client) {
+    return client.getIntegrationByName(INTEGRATION_NAME);
+}
 //# sourceMappingURL=reactnavigation.js.map