expo-observe 56.0.6 → 56.0.7

package/android/src/main/java/expo/modules/observe/OpenTelemetry.kt

@@ -189,6 +189,10 @@ private val metricNameMap = mapOf(
 
   // Updates
   (MetricCategory.Updates.categoryName to "updateDownloadTime") to "expo.updates.download_time",
+
+  // Navigation
+  (MetricCategory.Navigation.categoryName to "ttr") to "expo.navigation.ttr",
+  (MetricCategory.Navigation.categoryName to "tti") to "expo.navigation.tti"
 )
 
 fun EASMetric.toOTMetric(): OTMetric {

package/build/ObserveProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObserveProvider.d.ts","sourceRoot":"","sources":["../src/ObserveProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAE9D"}
+{"version":3,"file":"ObserveProvider.d.ts","sourceRoot":"","sources":["../src/ObserveProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAE9D"}

package/build/ObserveProvider.js

@@ -1,6 +1,7 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import {} from 'react';
+import { ObserveRouterIntegrationProvider } from './integrations/expo-router/ObserveRouterIntegrationProvider';
 export function ObserveProvider({ children }) {
-    return _jsx(_Fragment, { children: children });
+    return _jsx(ObserveRouterIntegrationProvider, { children: children });
 }
 //# sourceMappingURL=ObserveProvider.js.map

package/build/ObserveProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObserveProvider.js","sourceRoot":"","sources":["../src/ObserveProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,MAAM,OAAO,CAAC;AAE/C,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAqB;IAC7D,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC","sourcesContent":["import { type PropsWithChildren } from 'react';\n\nexport function ObserveProvider({ children }: PropsWithChildren) {\n  return <>{children}</>;\n}\n"]}
+{"version":3,"file":"ObserveProvider.js","sourceRoot":"","sources":["../src/ObserveProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,gCAAgC,EAAE,MAAM,6DAA6D,CAAC;AAE/G,MAAM,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAqB;IAC7D,OAAO,KAAC,gCAAgC,cAAE,QAAQ,GAAoC,CAAC;AACzF,CAAC","sourcesContent":["import { type PropsWithChildren } from 'react';\n\nimport { ObserveRouterIntegrationProvider } from './integrations/expo-router/ObserveRouterIntegrationProvider';\n\nexport function ObserveProvider({ children }: PropsWithChildren) {\n  return <ObserveRouterIntegrationProvider>{children}</ObserveRouterIntegrationProvider>;\n}\n"]}

package/build/integrations/expo-router/ObserveRouterIntegrationProvider.d.ts

@@ -0,0 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import { type RouterIntegrationStorage } from './storage';
+export declare const ObserveRouterIntegrationContext: import("react").Context<RouterIntegrationStorage | null>;
+export declare function ObserveRouterIntegrationProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ObserveRouterIntegrationProvider.d.ts.map

package/build/integrations/expo-router/ObserveRouterIntegrationProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObserveRouterIntegrationProvider.d.ts","sourceRoot":"","sources":["../../../src/integrations/expo-router/ObserveRouterIntegrationProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAI3F,OAAO,EAAkC,KAAK,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAE1F,eAAO,MAAM,+BAA+B,0DAAuD,CAAC;AAEpG,wBAAgB,gCAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAsB/E"}

package/build/integrations/expo-router/ObserveRouterIntegrationProvider.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useEffect, useRef, useState } from 'react';
+import { initListeners, isInitialized } from './init';
+import { optionalRouter } from './router';
+import { createRouterIntegrationStorage } from './storage';
+export const ObserveRouterIntegrationContext = createContext(null);
+export function ObserveRouterIntegrationProvider({ children }) {
+    const [storage] = useState(() => isInitialized() ? createRouterIntegrationStorage() : null);
+    const prevInitialized = useRef(isInitialized());
+    if (prevInitialized.current !== isInitialized()) {
+        throw new Error(`[expo-observe] Router integration was ${isInitialized() ? 'enabled' : 'disabled'} after application mounted. Call ExpoObserve.configure() before mounting AppMetricsRoot.`);
+    }
+    useEffect(() => {
+        if (!storage || !optionalRouter)
+            return;
+        return initListeners(storage, optionalRouter.unstable_navigationEvents);
+    }, [storage]);
+    return (_jsx(ObserveRouterIntegrationContext.Provider, { value: storage, children: children }));
+}
+//# sourceMappingURL=ObserveRouterIntegrationProvider.js.map

package/build/integrations/expo-router/ObserveRouterIntegrationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObserveRouterIntegrationProvider.js","sourceRoot":"","sources":["../../../src/integrations/expo-router/ObserveRouterIntegrationProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA0B,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,8BAA8B,EAAiC,MAAM,WAAW,CAAC;AAE1F,MAAM,CAAC,MAAM,+BAA+B,GAAG,aAAa,CAAkC,IAAI,CAAC,CAAC;AAEpG,MAAM,UAAU,gCAAgC,CAAC,EAAE,QAAQ,EAAqB;IAC9E,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAkC,GAAG,EAAE,CAC/D,aAAa,EAAE,CAAC,CAAC,CAAC,8BAA8B,EAAE,CAAC,CAAC,CAAC,IAAI,CAC1D,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC;IAChD,IAAI,eAAe,CAAC,OAAO,KAAK,aAAa,EAAE,EAAE,CAAC;QAChD,MAAM,IAAI,KAAK,CACb,yCAAyC,aAAa,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,0FAA0F,CAC5K,CAAC;IACJ,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc;YAAE,OAAO;QACxC,OAAO,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC,yBAAyB,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,KAAC,+BAA+B,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACrD,QAAQ,GACgC,CAC5C,CAAC;AACJ,CAAC","sourcesContent":["import { createContext, type PropsWithChildren, useEffect, useRef, useState } from 'react';\n\nimport { initListeners, isInitialized } from './init';\nimport { optionalRouter } from './router';\nimport { createRouterIntegrationStorage, type RouterIntegrationStorage } from './storage';\n\nexport const ObserveRouterIntegrationContext = createContext<RouterIntegrationStorage | null>(null);\n\nexport function ObserveRouterIntegrationProvider({ children }: PropsWithChildren) {\n  const [storage] = useState<RouterIntegrationStorage | null>(() =>\n    isInitialized() ? createRouterIntegrationStorage() : null\n  );\n\n  const prevInitialized = useRef(isInitialized());\n  if (prevInitialized.current !== isInitialized()) {\n    throw new Error(\n      `[expo-observe] Router integration was ${isInitialized() ? 'enabled' : 'disabled'} after application mounted. Call ExpoObserve.configure() before mounting AppMetricsRoot.`\n    );\n  }\n\n  useEffect(() => {\n    if (!storage || !optionalRouter) return;\n    return initListeners(storage, optionalRouter.unstable_navigationEvents);\n  }, [storage]);\n\n  return (\n    <ObserveRouterIntegrationContext.Provider value={storage}>\n      {children}\n    </ObserveRouterIntegrationContext.Provider>\n  );\n}\n"]}

package/build/integrations/expo-router/index.d.ts

@@ -1,4 +1,5 @@
 export { isRouterInstalled } from './router';
 export { useObserveForRouter } from './useObserveForRouter';
 export { initRouterIntegration } from './init';
+export { ObserveRouterIntegrationProvider } from './ObserveRouterIntegrationProvider';
 //# sourceMappingURL=index.d.ts.map

package/build/integrations/expo-router/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/integrations/expo-router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/integrations/expo-router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC"}

package/build/integrations/expo-router/index.js

@@ -1,4 +1,5 @@
 export { isRouterInstalled } from './router';
 export { useObserveForRouter } from './useObserveForRouter';
 export { initRouterIntegration } from './init';
+export { ObserveRouterIntegrationProvider } from './ObserveRouterIntegrationProvider';
 //# sourceMappingURL=index.js.map

package/build/integrations/expo-router/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/integrations/expo-router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { isRouterInstalled } from './router';\nexport { useObserveForRouter } from './useObserveForRouter';\nexport { initRouterIntegration } from './init';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/integrations/expo-router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC","sourcesContent":["export { isRouterInstalled } from './router';\nexport { useObserveForRouter } from './useObserveForRouter';\nexport { initRouterIntegration } from './init';\nexport { ObserveRouterIntegrationProvider } from './ObserveRouterIntegrationProvider';\n"]}

package/build/integrations/expo-router/init.d.ts

@@ -1,3 +1,8 @@
+import { optionalRouter } from './router';
+import { type RouterIntegrationStorage } from './storage';
 export declare const isInitialized: () => boolean;
 export declare function initRouterIntegration(): void;
+type NavigationEvents = NonNullable<typeof optionalRouter>['unstable_navigationEvents'];
+export declare function initListeners(storage: RouterIntegrationStorage, navigationEvents: NavigationEvents): () => void;
+export {};
 //# sourceMappingURL=init.d.ts.map

package/build/integrations/expo-router/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../src/integrations/expo-router/init.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,eAAoB,CAAC;AAE/C,wBAAgB,qBAAqB,SAEpC"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../../src/integrations/expo-router/init.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAS1D,eAAO,MAAM,aAAa,eAAoB,CAAC;AAE/C,wBAAgB,qBAAqB,SAGpC;AAED,KAAK,gBAAgB,GAAG,WAAW,CAAC,OAAO,cAAc,CAAC,CAAC,2BAA2B,CAAC,CAAC;AAExF,wBAAgB,aAAa,CAC3B,OAAO,EAAE,wBAAwB,EACjC,gBAAgB,EAAE,gBAAgB,GACjC,MAAM,IAAI,CAyEZ"}

package/build/integrations/expo-router/init.js

@@ -1,6 +1,83 @@
+import AppMetrics from 'expo-app-metrics';
+import { optionalRouter } from './router';
+import {} from './storage';
+// TODO(@ubax): split this module into `.native.ts` / `.web.ts` variants so the
+// web bundle doesn't pull in `expo-app-metrics`' native bridge calls. The web
+// version should be an explicit no-op (return a noop cleanup) rather than
+// relying on the web stubs in `expo-app-metrics/module.web.ts`.
 let initialized = false;
 export const isInitialized = () => initialized;
 export function initRouterIntegration() {
     initialized = true;
+    optionalRouter?.unstable_navigationEvents.enable();
+}
+export function initListeners(storage, navigationEvents) {
+    const appLaunchTime = performance.now();
+    const cleanup = new Set();
+    const unsubscribeAction = navigationEvents.addListener('actionDispatched', (event) => {
+        // TODO(@ubax): Handle screen preloading
+        // PRELOAD comes from router.prefetch() — a route warm-up, not a user
+        // navigation — so it must not seed dispatchTime.
+        if (event.actionType === 'PRELOAD')
+            return;
+        storage.pendingActions.push({
+            actionType: event.actionType,
+            dispatchTime: performance.now(),
+        });
+    });
+    cleanup.add(unsubscribeAction);
+    const unsubscribeFocus = navigationEvents.addListener('pageFocused', async (e) => {
+        // Snapshot both clocks once so every metric written below is stamped with
+        // the moment the focus event fired, not the moment `addCustomMetricToSession`
+        // happens to run after the awaited `getMainSession()` round-trip.
+        const now = performance.now();
+        const timestamp = new Date().toISOString();
+        const isInitial = !storage.renderedScreensIds.has(e.screenId);
+        storage.renderedScreensIds.add(e.screenId);
+        const mainSessionId = (await AppMetrics.getMainSession())?.id;
+        if (!mainSessionId) {
+            return;
+        }
+        if (!storage.hasRecordedInitialTtr) {
+            // Stored in seconds to match the OTel `unit = "s"` convention
+            const appLaunchTtrSeconds = (now - appLaunchTime) / 1000;
+            storage.hasRecordedInitialTtr = true;
+            AppMetrics.addCustomMetricToSession({
+                sessionId: mainSessionId,
+                timestamp,
+                category: 'navigation',
+                name: 'ttr',
+                routeName: e.pathname,
+                value: appLaunchTtrSeconds,
+                params: { isInitial, isAppLaunch: true, routeParams: e.params },
+            });
+            return;
+        }
+        if (storage.pendingActions.length === 0)
+            return;
+        const last = storage.pendingActions[storage.pendingActions.length - 1];
+        if (last) {
+            const dispatchTime = last.dispatchTime;
+            storage.screenTimes[e.screenId] = {
+                ...storage.screenTimes[e.screenId],
+                dispatchTime,
+            };
+            AppMetrics.addCustomMetricToSession({
+                sessionId: mainSessionId,
+                timestamp,
+                category: 'navigation',
+                name: 'ttr',
+                routeName: e.pathname,
+                value: (now - dispatchTime) / 1000,
+                params: { isInitial, isAppLaunch: false, routeParams: e.params },
+            });
+        }
+        storage.pendingActions.length = 0;
+    });
+    cleanup.add(unsubscribeFocus);
+    return () => {
+        cleanup.forEach((c) => c());
+        cleanup.clear();
+    };
 }
 //# sourceMappingURL=init.js.map

package/build/integrations/expo-router/init.js.map

@@ -1 +1 @@
-{"version":3,"file":"init.js","sourceRoot":"","sources":["../../../src/integrations/expo-router/init.ts"],"names":[],"mappings":"AAAA,IAAI,WAAW,GAAG,KAAK,CAAC;AAExB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC;AAE/C,MAAM,UAAU,qBAAqB;IACnC,WAAW,GAAG,IAAI,CAAC;AACrB,CAAC","sourcesContent":["let initialized = false;\n\nexport const isInitialized = () => initialized;\n\nexport function initRouterIntegration() {\n  initialized = true;\n}\n"]}
+{"version":3,"file":"init.js","sourceRoot":"","sources":["../../../src/integrations/expo-router/init.ts"],"names":[],"mappings":"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","sourcesContent":["import AppMetrics from 'expo-app-metrics';\n\nimport { optionalRouter } from './router';\nimport { type RouterIntegrationStorage } from './storage';\n\n// TODO(@ubax): split this module into `.native.ts` / `.web.ts` variants so the\n// web bundle doesn't pull in `expo-app-metrics`' native bridge calls. The web\n// version should be an explicit no-op (return a noop cleanup) rather than\n// relying on the web stubs in `expo-app-metrics/module.web.ts`.\n\nlet initialized = false;\n\nexport const isInitialized = () => initialized;\n\nexport function initRouterIntegration() {\n  initialized = true;\n  optionalRouter?.unstable_navigationEvents.enable();\n}\n\ntype NavigationEvents = NonNullable<typeof optionalRouter>['unstable_navigationEvents'];\n\nexport function initListeners(\n  storage: RouterIntegrationStorage,\n  navigationEvents: NavigationEvents\n): () => void {\n  const appLaunchTime = performance.now();\n  const cleanup = new Set<() => void>();\n\n  const unsubscribeAction = navigationEvents.addListener('actionDispatched', (event) => {\n    // TODO(@ubax): Handle screen preloading\n    // PRELOAD comes from router.prefetch() — a route warm-up, not a user\n    // navigation — so it must not seed dispatchTime.\n    if (event.actionType === 'PRELOAD') return;\n    storage.pendingActions.push({\n      actionType: event.actionType,\n      dispatchTime: performance.now(),\n    });\n  });\n  cleanup.add(unsubscribeAction);\n\n  const unsubscribeFocus = navigationEvents.addListener('pageFocused', async (e) => {\n    // Snapshot both clocks once so every metric written below is stamped with\n    // the moment the focus event fired, not the moment `addCustomMetricToSession`\n    // happens to run after the awaited `getMainSession()` round-trip.\n    const now = performance.now();\n    const timestamp = new Date().toISOString();\n    const isInitial = !storage.renderedScreensIds.has(e.screenId);\n    storage.renderedScreensIds.add(e.screenId);\n    const mainSessionId = (await AppMetrics.getMainSession())?.id;\n    if (!mainSessionId) {\n      return;\n    }\n\n    if (!storage.hasRecordedInitialTtr) {\n      // Stored in seconds to match the OTel `unit = \"s\"` convention\n      const appLaunchTtrSeconds = (now - appLaunchTime) / 1000;\n      storage.hasRecordedInitialTtr = true;\n      AppMetrics.addCustomMetricToSession({\n        sessionId: mainSessionId,\n        timestamp,\n        category: 'navigation',\n        name: 'ttr',\n        routeName: e.pathname,\n        value: appLaunchTtrSeconds,\n        params: { isInitial, isAppLaunch: true, routeParams: e.params },\n      });\n      return;\n    }\n\n    if (storage.pendingActions.length === 0) return;\n\n    const last = storage.pendingActions[storage.pendingActions.length - 1];\n    if (last) {\n      const dispatchTime = last.dispatchTime;\n      storage.screenTimes[e.screenId] = {\n        ...storage.screenTimes[e.screenId],\n        dispatchTime,\n      };\n\n      AppMetrics.addCustomMetricToSession({\n        sessionId: mainSessionId,\n        timestamp,\n        category: 'navigation',\n        name: 'ttr',\n        routeName: e.pathname,\n        value: (now - dispatchTime) / 1000,\n        params: { isInitial, isAppLaunch: false, routeParams: e.params },\n      });\n    }\n    storage.pendingActions.length = 0;\n  });\n  cleanup.add(unsubscribeFocus);\n\n  return () => {\n    cleanup.forEach((c) => c());\n    cleanup.clear();\n  };\n}\n"]}

package/build/integrations/expo-router/storage.d.ts

@@ -0,0 +1,27 @@
+import type { ActionDispatchedEvent } from 'expo-router';
+export interface ScreenTimes {
+    dispatchTime: number;
+    lastInteractiveCall?: number;
+}
+export interface PendingAction {
+    actionType: ActionDispatchedEvent['actionType'];
+    dispatchTime: number;
+}
+export interface RouterIntegrationStorage {
+    /**
+     * Actions dispatched, but not yet processed by the integration
+     */
+    pendingActions: PendingAction[];
+    renderedScreensIds: Set<string>;
+    /**
+     * Wether the app had already recorded the first render of the screen
+     */
+    hasRecordedInitialTtr: boolean;
+    /**
+     * Times used to calculate spans from dispatch to certain event
+     */
+    screenTimes: Record<string, ScreenTimes>;
+    interactiveScreensIds: Set<string>;
+}
+export declare function createRouterIntegrationStorage(): RouterIntegrationStorage;
+//# sourceMappingURL=storage.d.ts.map

package/build/integrations/expo-router/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../src/integrations/expo-router/storage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAChD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,kBAAkB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAChC;;OAEG;IACH,qBAAqB,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACzC,qBAAqB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACpC;AAED,wBAAgB,8BAA8B,IAAI,wBAAwB,CAQzE"}

package/build/integrations/expo-router/storage.js

@@ -0,0 +1,10 @@
+export function createRouterIntegrationStorage() {
+    return {
+        pendingActions: [],
+        renderedScreensIds: new Set(),
+        hasRecordedInitialTtr: false,
+        screenTimes: {},
+        interactiveScreensIds: new Set(),
+    };
+}
+//# sourceMappingURL=storage.js.map

package/build/integrations/expo-router/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.js","sourceRoot":"","sources":["../../../src/integrations/expo-router/storage.ts"],"names":[],"mappings":"AA6BA,MAAM,UAAU,8BAA8B;IAC5C,OAAO;QACL,cAAc,EAAE,EAAE;QAClB,kBAAkB,EAAE,IAAI,GAAG,EAAE;QAC7B,qBAAqB,EAAE,KAAK;QAC5B,WAAW,EAAE,EAAE;QACf,qBAAqB,EAAE,IAAI,GAAG,EAAE;KACjC,CAAC;AACJ,CAAC","sourcesContent":["import type { ActionDispatchedEvent } from 'expo-router';\n\nexport interface ScreenTimes {\n  dispatchTime: number;\n  lastInteractiveCall?: number;\n}\n\nexport interface PendingAction {\n  actionType: ActionDispatchedEvent['actionType'];\n  dispatchTime: number;\n}\n\nexport interface RouterIntegrationStorage {\n  /**\n   * Actions dispatched, but not yet processed by the integration\n   */\n  pendingActions: PendingAction[];\n  renderedScreensIds: Set<string>;\n  /**\n   * Wether the app had already recorded the first render of the screen\n   */\n  hasRecordedInitialTtr: boolean;\n  /**\n   * Times used to calculate spans from dispatch to certain event\n   */\n  screenTimes: Record<string, ScreenTimes>;\n  interactiveScreensIds: Set<string>;\n}\n\nexport function createRouterIntegrationStorage(): RouterIntegrationStorage {\n  return {\n    pendingActions: [],\n    renderedScreensIds: new Set(),\n    hasRecordedInitialTtr: false,\n    screenTimes: {},\n    interactiveScreensIds: new Set(),\n  };\n}\n"]}

package/build/integrations/expo-router/useObserveForRouter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useObserveForRouter.d.ts","sourceRoot":"","sources":["../../../src/integrations/expo-router/useObserveForRouter.ts"],"names":[],"mappings":"AAAA,OAAO,UAAqC,MAAM,kBAAkB,CAAC;AAMrE,KAAK,eAAe,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAE9D,wBAAgB,mBAAmB,IAAI,eAAe,GAAG,IAAI,CAwD5D"}
+{"version":3,"file":"useObserveForRouter.d.ts","sourceRoot":"","sources":["../../../src/integrations/expo-router/useObserveForRouter.ts"],"names":[],"mappings":"AAAA,OAAO,UAAqC,MAAM,kBAAkB,CAAC;AAOrE,KAAK,eAAe,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAE9D,wBAAgB,mBAAmB,IAAI,eAAe,GAAG,IAAI,CA2G5D"}

package/build/integrations/expo-router/useObserveForRouter.js

@@ -1,12 +1,15 @@
 import AppMetrics, {} from 'expo-app-metrics';
-import { useCallback, useEffect, useRef } from 'react';
+import { use, useCallback, useEffect, useRef } from 'react';
+import { ObserveRouterIntegrationContext } from './ObserveRouterIntegrationProvider';
 import { isInitialized } from './init';
 import { optionalRouter } from './router';
 export function useObserveForRouter() {
+    const storage = use(ObserveRouterIntegrationContext);
     const isMounted = useRef(true);
     const route = optionalRouter?.useRoute();
     const navigation = optionalRouter?.useNavigation();
-    const pathname = optionalRouter?.useCurrentRouteInfo()?.pathname;
+    const routeInfo = optionalRouter?.useCurrentRouteInfo();
+    const { pathname, params: routeParams } = routeInfo ?? {};
     const initializedAtMount = useRef(isInitialized());
     if (initializedAtMount.current !== isInitialized()) {
         throw new Error("[expo-observe] Router integration was toggled during a screen's lifecycle. " +
@@ -28,6 +31,8 @@ export function useObserveForRouter() {
         };
     }, []);
     const markInteractive = useCallback(async (attributes) => {
+        const now = performance.now();
+        const timestamp = new Date().toISOString();
         if (!isMounted.current) {
             console.warn('[expo-observe] Calling markInteractive on unmounted screen');
             return;
@@ -42,7 +47,45 @@ export function useObserveForRouter() {
                 routeName: pathname,
             });
         }
-    }, [screenId, navigation, pathname]);
+        if (!storage) {
+            throw new Error('[expo-observe] markInteractive was called without an active ObserveProvider. Wrap your app in ObserveRoot from expo-observe.');
+        }
+        // Snapshot times BEFORE writing the new interactive timestamp so the
+        // duplicate-detection logic below sees the *previous* call, not this one.
+        const currentScreenData = storage.screenTimes[screenId];
+        storage.interactiveScreensIds.add(screenId);
+        if (storage.screenTimes[screenId]) {
+            storage.screenTimes[screenId] = {
+                ...storage.screenTimes[screenId],
+                lastInteractiveCall: now,
+            };
+        }
+        if (!currentScreenData?.dispatchTime)
+            return;
+        const previousInteractiveCall = currentScreenData.lastInteractiveCall;
+        const previousWasAfterDispatch = previousInteractiveCall != null && currentScreenData.dispatchTime < previousInteractiveCall;
+        if (previousWasAfterDispatch) {
+            // We only want to record interactive once per navigation
+            return;
+        }
+        // Stored in seconds to match the OTel `unit = "s"` convention
+        const interactiveTimeSeconds = (now - currentScreenData.dispatchTime) / 1000;
+        const mainSessionId = (await AppMetrics.getMainSession())?.id;
+        // TODO(@ubax): we should count the time against the action which caused the first navigation
+        // and add a param stating if during that time there was any navigation
+        if (mainSessionId) {
+            await AppMetrics.addCustomMetricToSession({
+                sessionId: mainSessionId,
+                timestamp,
+                category: 'navigation',
+                // TODO(@ubax): Use segments.join here to get full routeName and pass pathname and params via params
+                routeName: pathname,
+                name: 'tti',
+                value: interactiveTimeSeconds,
+                params: { routeParams },
+            });
+        }
+    }, [screenId, navigation, pathname, storage, routeParams]);
     return initializedAtMount.current ? markInteractive : null;
 }
 //# sourceMappingURL=useObserveForRouter.js.map

package/build/integrations/expo-router/useObserveForRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useObserveForRouter.js","sourceRoot":"","sources":["../../../src/integrations/expo-router/useObserveForRouter.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,EAAE,EAAyB,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI1C,MAAM,UAAU,mBAAmB;IACjC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,KAAK,GAAG,cAAc,EAAE,QAAQ,EAAE,CAAC;IACzC,MAAM,UAAU,GAAG,cAAc,EAAE,aAAa,EAAE,CAAC;IACnD,MAAM,QAAQ,GAAG,cAAc,EAAE,mBAAmB,EAAE,EAAE,QAAQ,CAAC;IAEjE,MAAM,kBAAkB,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC;IACnD,IAAI,kBAAkB,CAAC,OAAO,KAAK,aAAa,EAAE,EAAE,CAAC;QACnD,MAAM,IAAI,KAAK,CACb,6EAA6E;YAC3E,sGAAsG,CACzG,CAAC;IACJ,CAAC;IAED,MAAM,QAAQ,GAAG,KAAK,EAAE,GAAG,CAAC;IAC5B,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACtC,IAAI,YAAY,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QACtC,OAAO,CAAC,IAAI,CACV,2FAA2F,CAC5F,CAAC;QACF,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;IAClC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,4EAA4E;QAC5E,8EAA8E;QAC9E,gEAAgE;QAChE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,WAAW,CACjC,KAAK,EAAE,UAA6B,EAAE,EAAE;QACtC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,OAAO,CAAC,IAAI,CAAC,4DAA4D,CAAC,CAAC;YAC3E,OAAO;QACT,CAAC;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,IAAI,CACV,sHAAsH,CACvH,CAAC;YACF,OAAO;QACT,CAAC;QACD,IAAI,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC;YAC5B,UAAU,CAAC,eAAe,CAAC;gBACzB,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC;gBACrB,SAAS,EAAE,QAAQ;aACpB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CACjC,CAAC;IAEF,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7D,CAAC","sourcesContent":["import AppMetrics, { type MetricAttributes } from 'expo-app-metrics';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { isInitialized } from './init';\nimport { optionalRouter } from './router';\n\ntype MarkInteractive = (typeof AppMetrics)['markInteractive'];\n\nexport function useObserveForRouter(): MarkInteractive | null {\n  const isMounted = useRef(true);\n  const route = optionalRouter?.useRoute();\n  const navigation = optionalRouter?.useNavigation();\n  const pathname = optionalRouter?.useCurrentRouteInfo()?.pathname;\n\n  const initializedAtMount = useRef(isInitialized());\n  if (initializedAtMount.current !== isInitialized()) {\n    throw new Error(\n      \"[expo-observe] Router integration was toggled during a screen's lifecycle. \" +\n        'Call `ExpoObserve.configure({ disableRouterIntegration })` once at startup before any screen mounts.'\n    );\n  }\n\n  const screenId = route?.key;\n  const prevScreenId = useRef(screenId);\n  if (prevScreenId.current !== screenId) {\n    console.warn(\n      '[expo-observe] Screen ID changed between renders. This is most likely an expo-router bug.'\n    );\n    prevScreenId.current = screenId;\n  }\n\n  useEffect(() => {\n    // Strict-mode mounts the effect twice (mount → cleanup → re-mount). Without\n    // restoring isMounted here, the second mount would leave it permanently false\n    // and every markInteractive call would warn \"unmounted screen\".\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  const markInteractive = useCallback(\n    async (attributes?: MetricAttributes) => {\n      if (!isMounted.current) {\n        console.warn('[expo-observe] Calling markInteractive on unmounted screen');\n        return;\n      }\n      if (!screenId) {\n        console.warn(\n          '[expo-observe] No metadata available for the current screen. Make sure to call useObserve inside a screen component.'\n        );\n        return;\n      }\n      if (navigation?.isFocused()) {\n        AppMetrics.markInteractive({\n          ...(attributes ?? {}),\n          routeName: pathname,\n        });\n      }\n    },\n    [screenId, navigation, pathname]\n  );\n\n  return initializedAtMount.current ? markInteractive : null;\n}\n"]}
+{"version":3,"file":"useObserveForRouter.js","sourceRoot":"","sources":["../../../src/integrations/expo-router/useObserveForRouter.ts"],"names":[],"mappings":"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","sourcesContent":["import AppMetrics, { type MetricAttributes } from 'expo-app-metrics';\nimport { use, useCallback, useEffect, useRef } from 'react';\n\nimport { ObserveRouterIntegrationContext } from './ObserveRouterIntegrationProvider';\nimport { isInitialized } from './init';\nimport { optionalRouter } from './router';\n\ntype MarkInteractive = (typeof AppMetrics)['markInteractive'];\n\nexport function useObserveForRouter(): MarkInteractive | null {\n  const storage = use(ObserveRouterIntegrationContext);\n  const isMounted = useRef(true);\n  const route = optionalRouter?.useRoute();\n  const navigation = optionalRouter?.useNavigation();\n  const routeInfo = optionalRouter?.useCurrentRouteInfo();\n  const { pathname, params: routeParams } = routeInfo ?? {};\n\n  const initializedAtMount = useRef(isInitialized());\n  if (initializedAtMount.current !== isInitialized()) {\n    throw new Error(\n      \"[expo-observe] Router integration was toggled during a screen's lifecycle. \" +\n        'Call `ExpoObserve.configure({ disableRouterIntegration })` once at startup before any screen mounts.'\n    );\n  }\n\n  const screenId = route?.key;\n  const prevScreenId = useRef(screenId);\n  if (prevScreenId.current !== screenId) {\n    console.warn(\n      '[expo-observe] Screen ID changed between renders. This is most likely an expo-router bug.'\n    );\n    prevScreenId.current = screenId;\n  }\n\n  useEffect(() => {\n    // Strict-mode mounts the effect twice (mount → cleanup → re-mount). Without\n    // restoring isMounted here, the second mount would leave it permanently false\n    // and every markInteractive call would warn \"unmounted screen\".\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  const markInteractive = useCallback(\n    async (attributes?: MetricAttributes) => {\n      const now = performance.now();\n      const timestamp = new Date().toISOString();\n      if (!isMounted.current) {\n        console.warn('[expo-observe] Calling markInteractive on unmounted screen');\n        return;\n      }\n      if (!screenId) {\n        console.warn(\n          '[expo-observe] No metadata available for the current screen. Make sure to call useObserve inside a screen component.'\n        );\n        return;\n      }\n      if (navigation?.isFocused()) {\n        AppMetrics.markInteractive({\n          ...(attributes ?? {}),\n          routeName: pathname,\n        });\n      }\n\n      if (!storage) {\n        throw new Error(\n          '[expo-observe] markInteractive was called without an active ObserveProvider. Wrap your app in ObserveRoot from expo-observe.'\n        );\n      }\n\n      // Snapshot times BEFORE writing the new interactive timestamp so the\n      // duplicate-detection logic below sees the *previous* call, not this one.\n      const currentScreenData = storage.screenTimes[screenId];\n\n      storage.interactiveScreensIds.add(screenId);\n      if (storage.screenTimes[screenId]) {\n        storage.screenTimes[screenId] = {\n          ...storage.screenTimes[screenId],\n          lastInteractiveCall: now,\n        };\n      }\n\n      if (!currentScreenData?.dispatchTime) return;\n\n      const previousInteractiveCall = currentScreenData.lastInteractiveCall;\n      const previousWasAfterDispatch =\n        previousInteractiveCall != null && currentScreenData.dispatchTime < previousInteractiveCall;\n\n      if (previousWasAfterDispatch) {\n        // We only want to record interactive once per navigation\n        return;\n      }\n\n      // Stored in seconds to match the OTel `unit = \"s\"` convention\n      const interactiveTimeSeconds = (now - currentScreenData.dispatchTime) / 1000;\n      const mainSessionId = (await AppMetrics.getMainSession())?.id;\n      // TODO(@ubax): we should count the time against the action which caused the first navigation\n      // and add a param stating if during that time there was any navigation\n      if (mainSessionId) {\n        await AppMetrics.addCustomMetricToSession({\n          sessionId: mainSessionId,\n          timestamp,\n          category: 'navigation',\n          // TODO(@ubax): Use segments.join here to get full routeName and pass pathname and params via params\n          routeName: pathname,\n          name: 'tti',\n          value: interactiveTimeSeconds,\n          params: { routeParams },\n        });\n      }\n    },\n    [screenId, navigation, pathname, storage, routeParams]\n  );\n\n  return initializedAtMount.current ? markInteractive : null;\n}\n"]}

package/expo-module.config.json

@@ -9,7 +9,7 @@
     "publication": {
       "groupId": "expo.modules.observe",
       "artifactId": "expo.modules.observe",
-      "version": "56.0.6",
+      "version": "56.0.7",
       "repository": "local-maven-repo"
     }
   }

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7-sources.jar.md5

@@ -0,0 +1 @@
+8f3298ccb20d077bf8b224af4aecc57b

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7-sources.jar.sha1

@@ -0,0 +1 @@
+493fddc02b0a9f719d056e023369811756e18afc

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7-sources.jar.sha256

@@ -0,0 +1 @@
+23c19756a5d59cad42ce48628d3487e0f32a9b5ec2621649e514564020676a8b

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7-sources.jar.sha512

@@ -0,0 +1 @@
+4c663a5d08c5c762bdb6802fd1218799cf0687f116a3515e09eaa19d1fead4f64cedc52eec67272cf1fc8e49605d21b479d3be67ff7accd19bdc325ccedea730

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.aar.md5

@@ -0,0 +1 @@
+7ef55e8cba36b799428754e0007b57aa

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.aar.sha1

@@ -0,0 +1 @@
+9e107b5ab2fa23705fde5c73b8dd42b86ba676d1

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.aar.sha256

@@ -0,0 +1 @@
+8608df161cd61ebbe4545743b35a10e3a490a9aa133be6189a4a8a23ed950bb1

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.aar.sha512

@@ -0,0 +1 @@
+da746a4158b84fc77c4d35f60be2ba470e6c763c412f382ad3a8315c97a77cc9e5faed5695ef00a37b69a71bbec4c6ec52f0393822caeca47e551755f9136ef1

package/local-maven-repo/expo/modules/observe/expo.modules.observe/{56.0.6/expo.modules.observe-56.0.6.module → 56.0.7/expo.modules.observe-56.0.7.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.observe",
     "module": "expo.modules.observe",
-    "version": "56.0.6",
+    "version": "56.0.7",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.observe-56.0.6.aar",
-          "url": "expo.modules.observe-56.0.6.aar",
-          "size": 249370,
-          "sha512": "08e1da2bd10daf59e6735744f55363c2124d5d3a96643e0a3d2b82f525541f7340ddbd266faaa62b9372d140d2c8d4101f959a607fc286ca1be350d66adde104",
-          "sha256": "769b7da82956bd4f8b4db8bf6f5e050495c3f5f4f8d97fdf1ca45bb924def584",
-          "sha1": "d9893c3574bfcd4036a6031f4fbfbbf5a60cbd2f",
-          "md5": "f036b5972d135b9eb16c44980a4ec3fd"
+          "name": "expo.modules.observe-56.0.7.aar",
+          "url": "expo.modules.observe-56.0.7.aar",
+          "size": 249447,
+          "sha512": "da746a4158b84fc77c4d35f60be2ba470e6c763c412f382ad3a8315c97a77cc9e5faed5695ef00a37b69a71bbec4c6ec52f0393822caeca47e551755f9136ef1",
+          "sha256": "8608df161cd61ebbe4545743b35a10e3a490a9aa133be6189a4a8a23ed950bb1",
+          "sha1": "9e107b5ab2fa23705fde5c73b8dd42b86ba676d1",
+          "md5": "7ef55e8cba36b799428754e0007b57aa"
         }
       ]
     },
@@ -61,7 +61,7 @@
           "group": "expo.modules.appmetrics",
           "module": "expo.modules.appmetrics",
           "version": {
-            "requires": "56.0.6"
+            "requires": "56.0.7"
           }
         },
         {
@@ -134,13 +134,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.observe-56.0.6.aar",
-          "url": "expo.modules.observe-56.0.6.aar",
-          "size": 249370,
-          "sha512": "08e1da2bd10daf59e6735744f55363c2124d5d3a96643e0a3d2b82f525541f7340ddbd266faaa62b9372d140d2c8d4101f959a607fc286ca1be350d66adde104",
-          "sha256": "769b7da82956bd4f8b4db8bf6f5e050495c3f5f4f8d97fdf1ca45bb924def584",
-          "sha1": "d9893c3574bfcd4036a6031f4fbfbbf5a60cbd2f",
-          "md5": "f036b5972d135b9eb16c44980a4ec3fd"
+          "name": "expo.modules.observe-56.0.7.aar",
+          "url": "expo.modules.observe-56.0.7.aar",
+          "size": 249447,
+          "sha512": "da746a4158b84fc77c4d35f60be2ba470e6c763c412f382ad3a8315c97a77cc9e5faed5695ef00a37b69a71bbec4c6ec52f0393822caeca47e551755f9136ef1",
+          "sha256": "8608df161cd61ebbe4545743b35a10e3a490a9aa133be6189a4a8a23ed950bb1",
+          "sha1": "9e107b5ab2fa23705fde5c73b8dd42b86ba676d1",
+          "md5": "7ef55e8cba36b799428754e0007b57aa"
         }
       ]
     },
@@ -154,13 +154,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.observe-56.0.6-sources.jar",
-          "url": "expo.modules.observe-56.0.6-sources.jar",
-          "size": 18794,
-          "sha512": "bd4748de4b9dca3a6bcdef11bb3e8c0947af8c7bae941bfcf965b8667826e16dc2ba49c482213fafde8452c9524b7131a4551ab9e37f3675823f1ecc2b38fd10",
-          "sha256": "1c46128e736c61eb22b8f15c5f63d994d88bb996224450adf476885200604ec3",
-          "sha1": "60f98dcd27468ed24aaf453903b5474d4abb2929",
-          "md5": "31b0b3276f00d248e8b49ee056f17d7c"
+          "name": "expo.modules.observe-56.0.7-sources.jar",
+          "url": "expo.modules.observe-56.0.7-sources.jar",
+          "size": 18825,
+          "sha512": "4c663a5d08c5c762bdb6802fd1218799cf0687f116a3515e09eaa19d1fead4f64cedc52eec67272cf1fc8e49605d21b479d3be67ff7accd19bdc325ccedea730",
+          "sha256": "23c19756a5d59cad42ce48628d3487e0f32a9b5ec2621649e514564020676a8b",
+          "sha1": "493fddc02b0a9f719d056e023369811756e18afc",
+          "md5": "8f3298ccb20d077bf8b224af4aecc57b"
         }
       ]
     }

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.module.md5

@@ -0,0 +1 @@
+9f1e69f928f5f7f3d3f939c1238630a9

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.module.sha1

@@ -0,0 +1 @@
+cb33523f01c404d1ef15cb867ca0808d9b824bf7

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.module.sha256

@@ -0,0 +1 @@
+25f25a0e9169f62078983759116e7199a8aa66024f6a4a220dff7d8d2143c8e6

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.module.sha512

@@ -0,0 +1 @@
+673f7bbfb0de0497c480a81db38bf912413d3e840f2f0df6b57a132fecaa96c24bd24cac8925f69aa25547a4153be6823f1d277c47237f39ad0690e238d205e5

package/local-maven-repo/expo/modules/observe/expo.modules.observe/{56.0.6/expo.modules.observe-56.0.6.pom → 56.0.7/expo.modules.observe-56.0.7.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.observe</groupId>
   <artifactId>expo.modules.observe</artifactId>
-  <version>56.0.6</version>
+  <version>56.0.7</version>
   <packaging>aar</packaging>
   <name>expo.modules.observe</name>
   <url>https://github.com/expo/expo</url>
@@ -52,7 +52,7 @@
     <dependency>
       <groupId>expo.modules.appmetrics</groupId>
       <artifactId>expo.modules.appmetrics</artifactId>
-      <version>56.0.6</version>
+      <version>56.0.7</version>
       <scope>runtime</scope>
     </dependency>
     <dependency>

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.pom.md5

@@ -0,0 +1 @@
+b7186a2cd2cc916cf11e6b277ca97471

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.pom.sha1

@@ -0,0 +1 @@
+efa8dd8133db736e8ea25b5a6817e6d383193aa7

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.pom.sha256

@@ -0,0 +1 @@
+a922ed23df3d2043d7cf868e13a96f441fd2f1574a2e0f7328bd1c473d0a0817

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.7/expo.modules.observe-56.0.7.pom.sha512

@@ -0,0 +1 @@
+0c8e85e42d623e20aeb0d31ecbe3e72846d97a552f915e5755435bd2dd5c137fbe60def827aeafb8bd64f91af9319debd53d6b99598d6cff577234098d0340b2

package/local-maven-repo/expo/modules/observe/expo.modules.observe/maven-metadata.xml

@@ -3,11 +3,11 @@
   <groupId>expo.modules.observe</groupId>
   <artifactId>expo.modules.observe</artifactId>
   <versioning>
-    <latest>56.0.6</latest>
-    <release>56.0.6</release>
+    <latest>56.0.7</latest>
+    <release>56.0.7</release>
     <versions>
-      <version>56.0.6</version>
+      <version>56.0.7</version>
     </versions>
-    <lastUpdated>20260511220222</lastUpdated>
+    <lastUpdated>20260513103326</lastUpdated>
   </versioning>
 </metadata>

package/local-maven-repo/expo/modules/observe/expo.modules.observe/maven-metadata.xml.md5

@@ -1 +1 @@
-cd0849a80c6cd62a9a7f462cf71d6658
+05e5fc6848d89657a8973e8c088bcaa2

package/local-maven-repo/expo/modules/observe/expo.modules.observe/maven-metadata.xml.sha1

@@ -1 +1 @@
-37aded1512caa842f577a749ead89e715550ff26
+df7fbc2f70f15ab653429335cf2f500949439a83

package/local-maven-repo/expo/modules/observe/expo.modules.observe/maven-metadata.xml.sha256

@@ -1 +1 @@
-8282e04b67fc0c740f5a0b722a8f0f9a72b17035d69d514a0284d0d81f3f7e03
+a43ea0c299b993042559fd97a130d316f4a51fae98b252a17b9a2e0f916d3b0e

package/local-maven-repo/expo/modules/observe/expo.modules.observe/maven-metadata.xml.sha512

@@ -1 +1 @@
-9e1b110a9da69bfd87007becc9cd6af9a0d93726f8339f657edadf13756b0d2af0ee77ead3af73b3f75475288f3f4fa21badeb104316b987cdc9df5b3ea2c81b
+447e7d6e054a3794a65d44518aa3939e162e6dcaf29ba8165772e358fa462ce8bb9bf99aa37ea28146861143c102e9a08442c80da71c674493c027eeb3b0d0f4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "expo-observe",
   "title": "Expo Observe",
-  "version": "56.0.6",
+  "version": "56.0.7",
   "description": "Expo module that dispatches collected app metrics to EAS Observe",
   "main": "src/index.ts",
   "types": "build/index.d.ts",
@@ -24,13 +24,13 @@
   "author": "650 Industries, Inc.",
   "license": "MIT",
   "dependencies": {
-    "expo-app-metrics": "~56.0.6",
+    "expo-app-metrics": "~56.0.7",
     "expo-eas-client": "~56.0.0"
   },
   "devDependencies": {
     "@testing-library/react-native": "^13.3.0",
     "@types/react": "~19.2.0",
-    "expo": "56.0.0-preview.8",
+    "expo": "56.0.0-preview.10",
     "expo-module-scripts": "56.0.2"
   },
   "peerDependencies": {
@@ -44,7 +44,7 @@
       "optional": true
     }
   },
-  "gitHead": "42013232893cb2aa71ab218e9b422d4a8476b3f0",
+  "gitHead": "40f0a6f6711d93762e0506b37e6e077e4bd9a541",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

package/src/ObserveProvider.tsx

@@ -1,5 +1,7 @@
 import { type PropsWithChildren } from 'react';
 
+import { ObserveRouterIntegrationProvider } from './integrations/expo-router/ObserveRouterIntegrationProvider';
+
 export function ObserveProvider({ children }: PropsWithChildren) {
-  return <>{children}</>;
+  return <ObserveRouterIntegrationProvider>{children}</ObserveRouterIntegrationProvider>;
 }

package/src/integrations/expo-router/ObserveRouterIntegrationProvider.tsx

@@ -0,0 +1,31 @@
+import { createContext, type PropsWithChildren, useEffect, useRef, useState } from 'react';
+
+import { initListeners, isInitialized } from './init';
+import { optionalRouter } from './router';
+import { createRouterIntegrationStorage, type RouterIntegrationStorage } from './storage';
+
+export const ObserveRouterIntegrationContext = createContext<RouterIntegrationStorage | null>(null);
+
+export function ObserveRouterIntegrationProvider({ children }: PropsWithChildren) {
+  const [storage] = useState<RouterIntegrationStorage | null>(() =>
+    isInitialized() ? createRouterIntegrationStorage() : null
+  );
+
+  const prevInitialized = useRef(isInitialized());
+  if (prevInitialized.current !== isInitialized()) {
+    throw new Error(
+      `[expo-observe] Router integration was ${isInitialized() ? 'enabled' : 'disabled'} after application mounted. Call ExpoObserve.configure() before mounting AppMetricsRoot.`
+    );
+  }
+
+  useEffect(() => {
+    if (!storage || !optionalRouter) return;
+    return initListeners(storage, optionalRouter.unstable_navigationEvents);
+  }, [storage]);
+
+  return (
+    <ObserveRouterIntegrationContext.Provider value={storage}>
+      {children}
+    </ObserveRouterIntegrationContext.Provider>
+  );
+}

package/src/integrations/expo-router/index.ts

@@ -1,3 +1,4 @@
 export { isRouterInstalled } from './router';
 export { useObserveForRouter } from './useObserveForRouter';
 export { initRouterIntegration } from './init';
+export { ObserveRouterIntegrationProvider } from './ObserveRouterIntegrationProvider';

package/src/integrations/expo-router/init.ts

@@ -1,7 +1,98 @@
+import AppMetrics from 'expo-app-metrics';
+
+import { optionalRouter } from './router';
+import { type RouterIntegrationStorage } from './storage';
+
+// TODO(@ubax): split this module into `.native.ts` / `.web.ts` variants so the
+// web bundle doesn't pull in `expo-app-metrics`' native bridge calls. The web
+// version should be an explicit no-op (return a noop cleanup) rather than
+// relying on the web stubs in `expo-app-metrics/module.web.ts`.
+
 let initialized = false;
 
 export const isInitialized = () => initialized;
 
 export function initRouterIntegration() {
   initialized = true;
+  optionalRouter?.unstable_navigationEvents.enable();
+}
+
+type NavigationEvents = NonNullable<typeof optionalRouter>['unstable_navigationEvents'];
+
+export function initListeners(
+  storage: RouterIntegrationStorage,
+  navigationEvents: NavigationEvents
+): () => void {
+  const appLaunchTime = performance.now();
+  const cleanup = new Set<() => void>();
+
+  const unsubscribeAction = navigationEvents.addListener('actionDispatched', (event) => {
+    // TODO(@ubax): Handle screen preloading
+    // PRELOAD comes from router.prefetch() — a route warm-up, not a user
+    // navigation — so it must not seed dispatchTime.
+    if (event.actionType === 'PRELOAD') return;
+    storage.pendingActions.push({
+      actionType: event.actionType,
+      dispatchTime: performance.now(),
+    });
+  });
+  cleanup.add(unsubscribeAction);
+
+  const unsubscribeFocus = navigationEvents.addListener('pageFocused', async (e) => {
+    // Snapshot both clocks once so every metric written below is stamped with
+    // the moment the focus event fired, not the moment `addCustomMetricToSession`
+    // happens to run after the awaited `getMainSession()` round-trip.
+    const now = performance.now();
+    const timestamp = new Date().toISOString();
+    const isInitial = !storage.renderedScreensIds.has(e.screenId);
+    storage.renderedScreensIds.add(e.screenId);
+    const mainSessionId = (await AppMetrics.getMainSession())?.id;
+    if (!mainSessionId) {
+      return;
+    }
+
+    if (!storage.hasRecordedInitialTtr) {
+      // Stored in seconds to match the OTel `unit = "s"` convention
+      const appLaunchTtrSeconds = (now - appLaunchTime) / 1000;
+      storage.hasRecordedInitialTtr = true;
+      AppMetrics.addCustomMetricToSession({
+        sessionId: mainSessionId,
+        timestamp,
+        category: 'navigation',
+        name: 'ttr',
+        routeName: e.pathname,
+        value: appLaunchTtrSeconds,
+        params: { isInitial, isAppLaunch: true, routeParams: e.params },
+      });
+      return;
+    }
+
+    if (storage.pendingActions.length === 0) return;
+
+    const last = storage.pendingActions[storage.pendingActions.length - 1];
+    if (last) {
+      const dispatchTime = last.dispatchTime;
+      storage.screenTimes[e.screenId] = {
+        ...storage.screenTimes[e.screenId],
+        dispatchTime,
+      };
+
+      AppMetrics.addCustomMetricToSession({
+        sessionId: mainSessionId,
+        timestamp,
+        category: 'navigation',
+        name: 'ttr',
+        routeName: e.pathname,
+        value: (now - dispatchTime) / 1000,
+        params: { isInitial, isAppLaunch: false, routeParams: e.params },
+      });
+    }
+    storage.pendingActions.length = 0;
+  });
+  cleanup.add(unsubscribeFocus);
+
+  return () => {
+    cleanup.forEach((c) => c());
+    cleanup.clear();
+  };
 }

package/src/integrations/expo-router/storage.ts

@@ -0,0 +1,38 @@
+import type { ActionDispatchedEvent } from 'expo-router';
+
+export interface ScreenTimes {
+  dispatchTime: number;
+  lastInteractiveCall?: number;
+}
+
+export interface PendingAction {
+  actionType: ActionDispatchedEvent['actionType'];
+  dispatchTime: number;
+}
+
+export interface RouterIntegrationStorage {
+  /**
+   * Actions dispatched, but not yet processed by the integration
+   */
+  pendingActions: PendingAction[];
+  renderedScreensIds: Set<string>;
+  /**
+   * Wether the app had already recorded the first render of the screen
+   */
+  hasRecordedInitialTtr: boolean;
+  /**
+   * Times used to calculate spans from dispatch to certain event
+   */
+  screenTimes: Record<string, ScreenTimes>;
+  interactiveScreensIds: Set<string>;
+}
+
+export function createRouterIntegrationStorage(): RouterIntegrationStorage {
+  return {
+    pendingActions: [],
+    renderedScreensIds: new Set(),
+    hasRecordedInitialTtr: false,
+    screenTimes: {},
+    interactiveScreensIds: new Set(),
+  };
+}

package/src/integrations/expo-router/useObserveForRouter.ts

@@ -1,16 +1,19 @@
 import AppMetrics, { type MetricAttributes } from 'expo-app-metrics';
-import { useCallback, useEffect, useRef } from 'react';
+import { use, useCallback, useEffect, useRef } from 'react';
 
+import { ObserveRouterIntegrationContext } from './ObserveRouterIntegrationProvider';
 import { isInitialized } from './init';
 import { optionalRouter } from './router';
 
 type MarkInteractive = (typeof AppMetrics)['markInteractive'];
 
 export function useObserveForRouter(): MarkInteractive | null {
+  const storage = use(ObserveRouterIntegrationContext);
   const isMounted = useRef(true);
   const route = optionalRouter?.useRoute();
   const navigation = optionalRouter?.useNavigation();
-  const pathname = optionalRouter?.useCurrentRouteInfo()?.pathname;
+  const routeInfo = optionalRouter?.useCurrentRouteInfo();
+  const { pathname, params: routeParams } = routeInfo ?? {};
 
   const initializedAtMount = useRef(isInitialized());
   if (initializedAtMount.current !== isInitialized()) {
@@ -41,6 +44,8 @@ export function useObserveForRouter(): MarkInteractive | null {
 
   const markInteractive = useCallback(
     async (attributes?: MetricAttributes) => {
+      const now = performance.now();
+      const timestamp = new Date().toISOString();
       if (!isMounted.current) {
         console.warn('[expo-observe] Calling markInteractive on unmounted screen');
         return;
@@ -57,8 +62,55 @@ export function useObserveForRouter(): MarkInteractive | null {
           routeName: pathname,
         });
       }
+
+      if (!storage) {
+        throw new Error(
+          '[expo-observe] markInteractive was called without an active ObserveProvider. Wrap your app in ObserveRoot from expo-observe.'
+        );
+      }
+
+      // Snapshot times BEFORE writing the new interactive timestamp so the
+      // duplicate-detection logic below sees the *previous* call, not this one.
+      const currentScreenData = storage.screenTimes[screenId];
+
+      storage.interactiveScreensIds.add(screenId);
+      if (storage.screenTimes[screenId]) {
+        storage.screenTimes[screenId] = {
+          ...storage.screenTimes[screenId],
+          lastInteractiveCall: now,
+        };
+      }
+
+      if (!currentScreenData?.dispatchTime) return;
+
+      const previousInteractiveCall = currentScreenData.lastInteractiveCall;
+      const previousWasAfterDispatch =
+        previousInteractiveCall != null && currentScreenData.dispatchTime < previousInteractiveCall;
+
+      if (previousWasAfterDispatch) {
+        // We only want to record interactive once per navigation
+        return;
+      }
+
+      // Stored in seconds to match the OTel `unit = "s"` convention
+      const interactiveTimeSeconds = (now - currentScreenData.dispatchTime) / 1000;
+      const mainSessionId = (await AppMetrics.getMainSession())?.id;
+      // TODO(@ubax): we should count the time against the action which caused the first navigation
+      // and add a param stating if during that time there was any navigation
+      if (mainSessionId) {
+        await AppMetrics.addCustomMetricToSession({
+          sessionId: mainSessionId,
+          timestamp,
+          category: 'navigation',
+          // TODO(@ubax): Use segments.join here to get full routeName and pass pathname and params via params
+          routeName: pathname,
+          name: 'tti',
+          value: interactiveTimeSeconds,
+          params: { routeParams },
+        });
+      }
     },
-    [screenId, navigation, pathname]
+    [screenId, navigation, pathname, storage, routeParams]
   );
 
   return initializedAtMount.current ? markInteractive : null;

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6-sources.jar.md5

@@ -1 +0,0 @@
-31b0b3276f00d248e8b49ee056f17d7c

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6-sources.jar.sha1

@@ -1 +0,0 @@
-60f98dcd27468ed24aaf453903b5474d4abb2929

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6-sources.jar.sha256

@@ -1 +0,0 @@
-1c46128e736c61eb22b8f15c5f63d994d88bb996224450adf476885200604ec3

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6-sources.jar.sha512

@@ -1 +0,0 @@
-bd4748de4b9dca3a6bcdef11bb3e8c0947af8c7bae941bfcf965b8667826e16dc2ba49c482213fafde8452c9524b7131a4551ab9e37f3675823f1ecc2b38fd10

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.aar.md5

@@ -1 +0,0 @@
-f036b5972d135b9eb16c44980a4ec3fd

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.aar.sha1

@@ -1 +0,0 @@
-d9893c3574bfcd4036a6031f4fbfbbf5a60cbd2f

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.aar.sha256

@@ -1 +0,0 @@
-769b7da82956bd4f8b4db8bf6f5e050495c3f5f4f8d97fdf1ca45bb924def584

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.aar.sha512

@@ -1 +0,0 @@
-08e1da2bd10daf59e6735744f55363c2124d5d3a96643e0a3d2b82f525541f7340ddbd266faaa62b9372d140d2c8d4101f959a607fc286ca1be350d66adde104

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.module.md5

@@ -1 +0,0 @@
-db82564b891975c5f57ae567ba0c5cfd

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.module.sha1

@@ -1 +0,0 @@
-e3846c565b45dd04d07518b3fd127aa35b497968

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.module.sha256

@@ -1 +0,0 @@
-d643c58ef9b70813b638fa8a4ba72fc41d5c63afd08f85b02285260c7963a130

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.module.sha512

@@ -1 +0,0 @@
-6b0d9ae6e5ed40ffb3826209ea7302fe75ac545a24eaab4bfeabc8462b7c526423127093c3a014eb8da7d57bf85dfc8261a43cc2f2a76b3c01867188c0757c6b

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.pom.md5

@@ -1 +0,0 @@
-e53eabee7cb6f00a78eca8fad0d593c3

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.pom.sha1

@@ -1 +0,0 @@
-ba4e643ab14afe42f6edbcf1c8f001d2de5a9da3

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.pom.sha256

@@ -1 +0,0 @@
-10d75b1b5e6ea080ef434272e582a959daf1e7c1ec67d5f8d014ecd0981206ca

package/local-maven-repo/expo/modules/observe/expo.modules.observe/56.0.6/expo.modules.observe-56.0.6.pom.sha512

@@ -1 +0,0 @@
-17c30ab50f98303f3132a45cd096b90de7a96c7cac09720fc34fd93aa1289fffbd96da5d7cbd9b8eb9ec12f1d777eafaba8b9961c2a5c17cf35d8be6ed9eee4d