@truewatchtech/mobile-react-navigation 0.0.0-stage → 0.4.3-alpha.1

package/README.md

@@ -1,3 +1,102 @@
-# Temporary Holding Version
+# TrueWatch React Navigation plugin
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+This plugin tracks React Navigation route changes as TrueWatch RUM Views and
+measures native-stack transition loading.
+
+## Installation
+
+```sh
+yarn add @truewatchtech/react-native-mobile @truewatchtech/mobile-react-navigation
+```
+
+Keep your existing React Navigation dependencies. This package contains only
+JavaScript and types; it adds no native linking or build configuration.
+Initialize the mobile SDK and RUM before enabling View tracking.
+
+## Route tracking
+
+Use this mode for route changes, including nested navigators and tabs. It records
+the current leaf route when the container is ready, then listens for changes.
+It does not invent a loading duration when no transition boundary is available.
+
+```tsx
+import {
+  NavigationContainer,
+  createNavigationContainerRef,
+} from '@react-navigation/native';
+import { FTRumReactNavigationTracking } from '@truewatchtech/mobile-react-navigation';
+
+const navigationRef = createNavigationContainerRef<RootStackParamList>();
+
+<NavigationContainer
+  ref={navigationRef}
+  onReady={() => FTRumReactNavigationTracking.startTrackingViews(navigationRef)}
+>
+  {/* navigators */}
+</NavigationContainer>;
+
+// Before disposing this navigation container or shutting down the SDK:
+FTRumReactNavigationTracking.stopTrackingViews(navigationRef);
+```
+
+Calling `startTrackingViews` repeatedly with the same ref registers once.
+Registering another ref disposes the previous registration. A cleanup using an
+old ref cannot stop the new registration.
+
+## Transition loading
+
+Choose this mode instead of `startTrackingViews` when using
+`@react-navigation/native-stack`. Attach the listeners to the stack that owns the
+screen transitions:
+
+```tsx
+import { FTRumReactNavigationTracking } from '@truewatchtech/mobile-react-navigation';
+
+<Stack.Navigator screenListeners={FTRumReactNavigationTracking.StackListener}>
+  {/* screens */}
+</Stack.Navigator>;
+
+// Before disposing the tracked stack or shutting down the SDK:
+FTRumReactNavigationTracking.stopTrackingViews();
+```
+
+Views start when the selected route changes, including the initial screen and
+screens without animations. Loading is recorded only for a route instance's
+first appearance, from its first observed `focus` to the matching opening
+`transitionEnd`. The interval uses a monotonic clock and is reported in
+nanoseconds; for example, 500 ms is 500,000,000 ns. Repeated focus events do not
+replace the original start, and `transitionStart` is not required.
+
+Returning to an existing route, changing tabs, and foreground recovery create
+Views without repeating loading measurements. An outer stack's transition is
+never assigned to a nested leaf screen. Missing, cancelled, backgrounded, or
+invalid intervals are discarded. Loading is applied only while the same View
+appearance remains active.
+
+This measures the interval between JavaScript focus and transition-end callbacks. It does not
+measure network completion or when all screen content is ready, and native-to-JS
+event delivery delays can affect the observed interval.
+
+Use one mode on one root container/owning stack at a time. Do not attach separate
+timing listeners to every level of a nested navigator. Starting route tracking
+switches off stack tracking, and acquiring `StackListener` switches to stack
+tracking. After disposal, acquire `StackListener` again when mounting a new stack;
+callbacks retained from the disposed registration are ignored.
+
+## Lifecycle
+
+Both modes use the SDK's shared automatic View lifecycle. Native handles closing
+Views in the background. Foreground recovery starts the current screen once
+without reusing old loading measurements. Route names become View names; route
+keys distinguish separate appearances of screens with the same name.
+
+## Migration
+
+Replace the copied `example/src/FTRumReactNavigationTracking.tsx` import with
+`@truewatchtech/mobile-react-navigation`, retaining the class name and methods.
+Remove the copied implementation so it cannot collect the same Views twice. Applications
+using only this plugin do not need `react-native-navigation` or its TrueWatch plugin.
+
+## License
+
+Apache 2.0

package/lib/commonjs/FTRumReactNavigationTracking.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FTRumReactNavigationTracking = void 0;
+var _reactNativeMobile = require("@truewatchtech/react-native-mobile");
+var _FTRumReactNavigationTracking;
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const MAX_TRANSITION_MS = 15 * 60 * 1000;
+/** One active navigation container, using either route or stack tracking. */
+class FTRumReactNavigationTracking {
+  /** Call from NavigationContainer.onReady. This mode does not measure loading. */
+  static startTrackingViews(ref) {
+    if (!ref || this.registeredContainer === ref) return;
+    this.stopTrackingViews();
+    this.registeredContainer = ref;
+    this.tracker.start();
+    const lifecycle = this.lifecycle;
+    this.unsubscribe = ref.addListener('state', () => {
+      if (lifecycle !== this.lifecycle) return;
+      const route = ref.getCurrentRoute();
+      if (route) this.show(route);
+    });
+    const route = ref.getCurrentRoute();
+    if (route) this.show(route);
+  }
+
+  /** Omit ref to dispose stack tracking. Old containers cannot stop a new one. */
+  static stopTrackingViews(ref) {
+    var _this$unsubscribe;
+    if (ref !== undefined && ref !== this.registeredContainer) return;
+    ++this.lifecycle;
+    (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 || _this$unsubscribe.call(this);
+    this.unsubscribe = undefined;
+    this.registeredContainer = null;
+    this.stackListeners = undefined;
+    this.tracker.stop();
+    this.visited.clear();
+    this.appearance = undefined;
+    this.transition = undefined;
+    this.trackRouter = undefined;
+  }
+
+  /** Track Views on state changes; time first focus through opening transitionEnd. */
+  static get StackListener() {
+    if (this.stackListeners) return this.stackListeners;
+    this.stopTrackingViews();
+    const lifecycle = this.lifecycle;
+    const current = () => lifecycle === this.lifecycle;
+    this.stackListeners = {
+      transitionStart: event => {
+        var _event$data;
+        if (current() && event.target && ((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.closing) === true) this.cancelTransition(event.target);
+      },
+      transitionEnd: event => {
+        var _event$data2, _event$data3, _this$transition, _this$appearance;
+        const end = this.monotonicNow();
+        if (!current() || !event.target) return;
+        if (((_event$data2 = event.data) === null || _event$data2 === void 0 ? void 0 : _event$data2.closing) === true) {
+          this.cancelTransition(event.target);
+          return;
+        }
+        if (((_event$data3 = event.data) === null || _event$data3 === void 0 ? void 0 : _event$data3.closing) !== false) {
+          this.cancelTransition(event.target);
+          return;
+        }
+        if (((_this$transition = this.transition) === null || _this$transition === void 0 ? void 0 : _this$transition.target) === event.target) {
+          // Capture the end now, even when the matching state arrives later.
+          if (this.transition.end === undefined) this.transition.end = end;
+          this.finishTransition();
+        } else if (((_this$appearance = this.appearance) === null || _this$appearance === void 0 ? void 0 : _this$appearance.target) === event.target) {
+          // No observed focus: do not infer a start from a later callback.
+          this.appearance.first = false;
+        }
+      },
+      gestureCancel: () => {
+        if (!current()) return;
+        this.transition = undefined;
+        if (this.appearance) this.appearance.first = false;
+      },
+      state: event => {
+        var _event$data4, _state$index;
+        if (!current()) return;
+        const state = (_event$data4 = event.data) === null || _event$data4 === void 0 ? void 0 : _event$data4.state;
+        if (!state) return;
+        const outer = state.routes[(_state$index = state.index) !== null && _state$index !== void 0 ? _state$index : 0];
+        const leaf = this.leafRoute(outer);
+        if (!outer || !leaf) {
+          this.tracker.stop();
+          this.visited.clear();
+          this.appearance = undefined;
+          this.transition = undefined;
+          this.trackRouter = undefined;
+          return;
+        }
+        // Retain instance history only while its route remains in this stack.
+        const keys = new Set(state.routes.map(route => route.key));
+        for (const key of this.visited) {
+          if (!keys.has(key)) this.visited.delete(key);
+        }
+        if (this.transition && this.transition.target !== outer.key) this.transition = undefined;
+        const previous = this.appearance;
+        if ((previous === null || previous === void 0 ? void 0 : previous.target) !== outer.key || previous.route.key !== leaf.key) {
+          const route = {
+            key: leaf.key,
+            name: leaf.name
+          };
+          const first = !this.visited.has(outer.key) && outer.key === leaf.key;
+          this.visited.add(outer.key);
+          this.appearance = {
+            target: outer.key,
+            route,
+            first,
+            generation: this.show(route)
+          };
+        } else {
+          this.tracker.setCurrent(previous.route);
+        }
+        this.finishTransition();
+      },
+      focus: event => {
+        var _this$transition3;
+        const start = this.monotonicNow();
+        if (!current() || !event.target) return;
+        this.tracker.start();
+        const appearance = this.appearance;
+        // A newly selected route invalidates the previous appearance even if
+        // React Navigation has not delivered the matching state update yet.
+        if ((appearance === null || appearance === void 0 ? void 0 : appearance.target) !== event.target) {
+          var _this$transition2;
+          if (appearance) appearance.first = false;
+          if (((_this$transition2 = this.transition) === null || _this$transition2 === void 0 ? void 0 : _this$transition2.target) !== event.target) this.transition = undefined;
+        }
+        // Keep the first focus boundary. Existing instances (including nested
+        // containers) may open Views again, but never start another load timer.
+        if (this.visited.has(event.target) && ((appearance === null || appearance === void 0 ? void 0 : appearance.target) !== event.target || !appearance.first) || ((_this$transition3 = this.transition) === null || _this$transition3 === void 0 ? void 0 : _this$transition3.target) === event.target) return;
+        this.transition = {
+          target: event.target,
+          start
+        };
+      }
+    };
+    return this.stackListeners;
+  }
+  static finishTransition() {
+    const transition = this.transition;
+    const appearance = this.appearance;
+    if (!transition || transition.end === undefined || !appearance || appearance.target !== transition.target) return;
+    this.transition = undefined;
+    const eligible = appearance.first;
+    appearance.first = false;
+    const elapsed = transition.end - transition.start;
+    if (!eligible || !Number.isFinite(elapsed) || elapsed <= 0 || elapsed >= MAX_TRANSITION_MS) return;
+    this.tracker.updateLoadingTime(appearance.route.key, appearance.generation, Math.floor(elapsed * 1000000));
+  }
+  static cancelTransition(target) {
+    var _this$transition4, _this$appearance2;
+    if (((_this$transition4 = this.transition) === null || _this$transition4 === void 0 ? void 0 : _this$transition4.target) === target) this.transition = undefined;
+    if (((_this$appearance2 = this.appearance) === null || _this$appearance2 === void 0 ? void 0 : _this$appearance2.target) === target) this.appearance.first = false;
+  }
+  static monotonicNow() {
+    return typeof performance !== 'undefined' && typeof performance.now === 'function' ? performance.now() : NaN;
+  }
+  static leafRoute(route) {
+    while ((_route = route) !== null && _route !== void 0 && _route.state) {
+      var _route, _route$state$index;
+      const child = route.state.routes[(_route$state$index = route.state.index) !== null && _route$state$index !== void 0 ? _route$state$index : 0];
+      if (!child) break;
+      route = child;
+    }
+    return route;
+  }
+  static show(route) {
+    this.trackRouter = route;
+    return this.tracker.show(route);
+  }
+}
+exports.FTRumReactNavigationTracking = FTRumReactNavigationTracking;
+_FTRumReactNavigationTracking = FTRumReactNavigationTracking;
+_defineProperty(FTRumReactNavigationTracking, "tracker", new _reactNativeMobile.FTRumViewTracking(() => {
+  _FTRumReactNavigationTracking.transition = undefined;
+  if (_FTRumReactNavigationTracking.appearance) _FTRumReactNavigationTracking.appearance.first = false;
+}));
+_defineProperty(FTRumReactNavigationTracking, "registeredContainer", null);
+_defineProperty(FTRumReactNavigationTracking, "unsubscribe", void 0);
+_defineProperty(FTRumReactNavigationTracking, "lifecycle", 0);
+_defineProperty(FTRumReactNavigationTracking, "stackListeners", void 0);
+_defineProperty(FTRumReactNavigationTracking, "visited", new Set());
+_defineProperty(FTRumReactNavigationTracking, "appearance", void 0);
+_defineProperty(FTRumReactNavigationTracking, "transition", void 0);
+_defineProperty(FTRumReactNavigationTracking, "trackRouter", void 0);
+//# sourceMappingURL=FTRumReactNavigationTracking.js.map

package/lib/commonjs/FTRumReactNavigationTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeMobile","require","_FTRumReactNavigationTracking","_defineProperty","e","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","MAX_TRANSITION_MS","FTRumReactNavigationTracking","startTrackingViews","ref","registeredContainer","stopTrackingViews","tracker","start","lifecycle","unsubscribe","addListener","route","getCurrentRoute","show","_this$unsubscribe","undefined","stackListeners","stop","visited","clear","appearance","transition","trackRouter","StackListener","current","transitionStart","event","_event$data","target","data","closing","cancelTransition","transitionEnd","_event$data2","_event$data3","_this$transition","_this$appearance","end","monotonicNow","finishTransition","first","gestureCancel","state","_event$data4","_state$index","outer","routes","index","leaf","leafRoute","keys","Set","map","key","has","delete","previous","name","add","generation","setCurrent","focus","_this$transition3","_this$transition2","eligible","elapsed","isFinite","updateLoadingTime","Math","floor","_this$transition4","_this$appearance2","performance","now","NaN","_route","_route$state$index","child","exports","FTRumViewTracking"],"sources":["FTRumReactNavigationTracking.ts"],"sourcesContent":["import type {\n  NavigationContainerRef,\n  ParamListBase,\n} from '@react-navigation/native';\nimport { FTRumViewTracking } from '@truewatchtech/react-native-mobile';\n\ntype TrackedRoute = {\n  key: string;\n  name: string;\n  state?: { index?: number; routes: readonly TrackedRoute[] };\n};\ntype StackEvent = {\n  target?: string;\n  data?: {\n    closing?: boolean;\n    state?: { index?: number; routes: readonly TrackedRoute[] };\n  };\n};\ntype Appearance = {\n  target: string;\n  route: { key: string; name: string };\n  generation?: number;\n  first: boolean;\n};\ntype Transition = { target: string; start: number; end?: number };\nconst MAX_TRANSITION_MS = 15 * 60 * 1000;\n\nexport type FTRumStackListeners = {\n  focus(event: StackEvent): void;\n  state(event: StackEvent): void;\n  transitionStart(event: StackEvent): void;\n  transitionEnd(event: StackEvent): void;\n  gestureCancel(event: StackEvent): void;\n};\n\n/** One active navigation container, using either route or stack tracking. */\nexport class FTRumReactNavigationTracking {\n  private static tracker = new FTRumViewTracking(() => {\n    this.transition = undefined;\n    if (this.appearance) this.appearance.first = false;\n  });\n  private static registeredContainer: object | null = null;\n  private static unsubscribe?: () => void;\n  private static lifecycle = 0;\n  private static stackListeners?: FTRumStackListeners;\n  private static visited = new Set<string>();\n  private static appearance?: Appearance;\n  private static transition?: Transition;\n  static trackRouter: TrackedRoute | undefined;\n\n  /** Call from NavigationContainer.onReady. This mode does not measure loading. */\n  static startTrackingViews<ParamList extends ParamListBase>(\n    ref: NavigationContainerRef<ParamList> | null\n  ): void {\n    if (!ref || this.registeredContainer === ref) return;\n    this.stopTrackingViews();\n    this.registeredContainer = ref;\n    this.tracker.start();\n    const lifecycle = this.lifecycle;\n    this.unsubscribe = ref.addListener('state', () => {\n      if (lifecycle !== this.lifecycle) return;\n      const route = ref.getCurrentRoute();\n      if (route) this.show(route);\n    });\n    const route = ref.getCurrentRoute();\n    if (route) this.show(route);\n  }\n\n  /** Omit ref to dispose stack tracking. Old containers cannot stop a new one. */\n  static stopTrackingViews(ref?: object | null): void {\n    if (ref !== undefined && ref !== this.registeredContainer) return;\n    ++this.lifecycle;\n    this.unsubscribe?.();\n    this.unsubscribe = undefined;\n    this.registeredContainer = null;\n    this.stackListeners = undefined;\n    this.tracker.stop();\n    this.visited.clear();\n    this.appearance = undefined;\n    this.transition = undefined;\n    this.trackRouter = undefined;\n  }\n\n  /** Track Views on state changes; time first focus through opening transitionEnd. */\n  static get StackListener(): FTRumStackListeners {\n    if (this.stackListeners) return this.stackListeners;\n    this.stopTrackingViews();\n    const lifecycle = this.lifecycle;\n    const current = (): boolean => lifecycle === this.lifecycle;\n    this.stackListeners = {\n      transitionStart: (event): void => {\n        if (current() && event.target && event.data?.closing === true)\n          this.cancelTransition(event.target);\n      },\n      transitionEnd: (event): void => {\n        const end = this.monotonicNow();\n        if (!current() || !event.target) return;\n        if (event.data?.closing === true) {\n          this.cancelTransition(event.target);\n          return;\n        }\n        if (event.data?.closing !== false) {\n          this.cancelTransition(event.target);\n          return;\n        }\n        if (this.transition?.target === event.target) {\n          // Capture the end now, even when the matching state arrives later.\n          if (this.transition.end === undefined) this.transition.end = end;\n          this.finishTransition();\n        } else if (this.appearance?.target === event.target) {\n          // No observed focus: do not infer a start from a later callback.\n          this.appearance.first = false;\n        }\n      },\n      gestureCancel: (): void => {\n        if (!current()) return;\n        this.transition = undefined;\n        if (this.appearance) this.appearance.first = false;\n      },\n      state: (event): void => {\n        if (!current()) return;\n        const state = event.data?.state;\n        if (!state) return;\n        const outer = state.routes[state.index ?? 0];\n        const leaf = this.leafRoute(outer);\n        if (!outer || !leaf) {\n          this.tracker.stop();\n          this.visited.clear();\n          this.appearance = undefined;\n          this.transition = undefined;\n          this.trackRouter = undefined;\n          return;\n        }\n        // Retain instance history only while its route remains in this stack.\n        const keys = new Set(state.routes.map((route) => route.key));\n        for (const key of this.visited) {\n          if (!keys.has(key)) this.visited.delete(key);\n        }\n        if (this.transition && this.transition.target !== outer.key)\n          this.transition = undefined;\n        const previous = this.appearance;\n        if (previous?.target !== outer.key || previous.route.key !== leaf.key) {\n          const route = { key: leaf.key, name: leaf.name };\n          const first = !this.visited.has(outer.key) && outer.key === leaf.key;\n          this.visited.add(outer.key);\n          this.appearance = {\n            target: outer.key,\n            route,\n            first,\n            generation: this.show(route),\n          };\n        } else {\n          this.tracker.setCurrent(previous.route);\n        }\n        this.finishTransition();\n      },\n      focus: (event): void => {\n        const start = this.monotonicNow();\n        if (!current() || !event.target) return;\n        this.tracker.start();\n        const appearance = this.appearance;\n        // A newly selected route invalidates the previous appearance even if\n        // React Navigation has not delivered the matching state update yet.\n        if (appearance?.target !== event.target) {\n          if (appearance) appearance.first = false;\n          if (this.transition?.target !== event.target)\n            this.transition = undefined;\n        }\n        // Keep the first focus boundary. Existing instances (including nested\n        // containers) may open Views again, but never start another load timer.\n        if (\n          (this.visited.has(event.target) &&\n            (appearance?.target !== event.target || !appearance.first)) ||\n          this.transition?.target === event.target\n        )\n          return;\n        this.transition = { target: event.target, start };\n      },\n    };\n    return this.stackListeners;\n  }\n\n  private static finishTransition(): void {\n    const transition = this.transition;\n    const appearance = this.appearance;\n    if (\n      !transition ||\n      transition.end === undefined ||\n      !appearance ||\n      appearance.target !== transition.target\n    )\n      return;\n    this.transition = undefined;\n    const eligible = appearance.first;\n    appearance.first = false;\n    const elapsed = transition.end - transition.start;\n    if (\n      !eligible ||\n      !Number.isFinite(elapsed) ||\n      elapsed <= 0 ||\n      elapsed >= MAX_TRANSITION_MS\n    )\n      return;\n    this.tracker.updateLoadingTime(\n      appearance.route.key,\n      appearance.generation,\n      Math.floor(elapsed * 1000000)\n    );\n  }\n\n  private static cancelTransition(target: string): void {\n    if (this.transition?.target === target) this.transition = undefined;\n    if (this.appearance?.target === target) this.appearance.first = false;\n  }\n\n  private static monotonicNow(): number {\n    return typeof performance !== 'undefined' &&\n      typeof performance.now === 'function'\n      ? performance.now()\n      : NaN;\n  }\n\n  private static leafRoute(\n    route: TrackedRoute | undefined\n  ): TrackedRoute | undefined {\n    while (route?.state) {\n      const child = route.state.routes[route.state.index ?? 0];\n      if (!child) break;\n      route = child;\n    }\n    return route;\n  }\n\n  private static show(route: TrackedRoute): number | undefined {\n    this.trackRouter = route;\n    return this.tracker.show(route);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FTRumReactNavigationTracking", {
+  enumerable: true,
+  get: function () {
+    return _FTRumReactNavigationTracking.FTRumReactNavigationTracking;
+  }
+});
+var _FTRumReactNavigationTracking = require("./FTRumReactNavigationTracking");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_FTRumReactNavigationTracking","require"],"sources":["index.ts"],"sourcesContent":["export { FTRumReactNavigationTracking } from './FTRumReactNavigationTracking';\nexport type { FTRumStackListeners } from './FTRumReactNavigationTracking';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,6BAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/module/FTRumReactNavigationTracking.js

@@ -0,0 +1,188 @@
+var _FTRumReactNavigationTracking;
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { FTRumViewTracking } from '@truewatchtech/react-native-mobile';
+const MAX_TRANSITION_MS = 15 * 60 * 1000;
+/** One active navigation container, using either route or stack tracking. */
+export class FTRumReactNavigationTracking {
+  /** Call from NavigationContainer.onReady. This mode does not measure loading. */
+  static startTrackingViews(ref) {
+    if (!ref || this.registeredContainer === ref) return;
+    this.stopTrackingViews();
+    this.registeredContainer = ref;
+    this.tracker.start();
+    const lifecycle = this.lifecycle;
+    this.unsubscribe = ref.addListener('state', () => {
+      if (lifecycle !== this.lifecycle) return;
+      const route = ref.getCurrentRoute();
+      if (route) this.show(route);
+    });
+    const route = ref.getCurrentRoute();
+    if (route) this.show(route);
+  }
+
+  /** Omit ref to dispose stack tracking. Old containers cannot stop a new one. */
+  static stopTrackingViews(ref) {
+    var _this$unsubscribe;
+    if (ref !== undefined && ref !== this.registeredContainer) return;
+    ++this.lifecycle;
+    (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 || _this$unsubscribe.call(this);
+    this.unsubscribe = undefined;
+    this.registeredContainer = null;
+    this.stackListeners = undefined;
+    this.tracker.stop();
+    this.visited.clear();
+    this.appearance = undefined;
+    this.transition = undefined;
+    this.trackRouter = undefined;
+  }
+
+  /** Track Views on state changes; time first focus through opening transitionEnd. */
+  static get StackListener() {
+    if (this.stackListeners) return this.stackListeners;
+    this.stopTrackingViews();
+    const lifecycle = this.lifecycle;
+    const current = () => lifecycle === this.lifecycle;
+    this.stackListeners = {
+      transitionStart: event => {
+        var _event$data;
+        if (current() && event.target && ((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.closing) === true) this.cancelTransition(event.target);
+      },
+      transitionEnd: event => {
+        var _event$data2, _event$data3, _this$transition, _this$appearance;
+        const end = this.monotonicNow();
+        if (!current() || !event.target) return;
+        if (((_event$data2 = event.data) === null || _event$data2 === void 0 ? void 0 : _event$data2.closing) === true) {
+          this.cancelTransition(event.target);
+          return;
+        }
+        if (((_event$data3 = event.data) === null || _event$data3 === void 0 ? void 0 : _event$data3.closing) !== false) {
+          this.cancelTransition(event.target);
+          return;
+        }
+        if (((_this$transition = this.transition) === null || _this$transition === void 0 ? void 0 : _this$transition.target) === event.target) {
+          // Capture the end now, even when the matching state arrives later.
+          if (this.transition.end === undefined) this.transition.end = end;
+          this.finishTransition();
+        } else if (((_this$appearance = this.appearance) === null || _this$appearance === void 0 ? void 0 : _this$appearance.target) === event.target) {
+          // No observed focus: do not infer a start from a later callback.
+          this.appearance.first = false;
+        }
+      },
+      gestureCancel: () => {
+        if (!current()) return;
+        this.transition = undefined;
+        if (this.appearance) this.appearance.first = false;
+      },
+      state: event => {
+        var _event$data4, _state$index;
+        if (!current()) return;
+        const state = (_event$data4 = event.data) === null || _event$data4 === void 0 ? void 0 : _event$data4.state;
+        if (!state) return;
+        const outer = state.routes[(_state$index = state.index) !== null && _state$index !== void 0 ? _state$index : 0];
+        const leaf = this.leafRoute(outer);
+        if (!outer || !leaf) {
+          this.tracker.stop();
+          this.visited.clear();
+          this.appearance = undefined;
+          this.transition = undefined;
+          this.trackRouter = undefined;
+          return;
+        }
+        // Retain instance history only while its route remains in this stack.
+        const keys = new Set(state.routes.map(route => route.key));
+        for (const key of this.visited) {
+          if (!keys.has(key)) this.visited.delete(key);
+        }
+        if (this.transition && this.transition.target !== outer.key) this.transition = undefined;
+        const previous = this.appearance;
+        if ((previous === null || previous === void 0 ? void 0 : previous.target) !== outer.key || previous.route.key !== leaf.key) {
+          const route = {
+            key: leaf.key,
+            name: leaf.name
+          };
+          const first = !this.visited.has(outer.key) && outer.key === leaf.key;
+          this.visited.add(outer.key);
+          this.appearance = {
+            target: outer.key,
+            route,
+            first,
+            generation: this.show(route)
+          };
+        } else {
+          this.tracker.setCurrent(previous.route);
+        }
+        this.finishTransition();
+      },
+      focus: event => {
+        var _this$transition3;
+        const start = this.monotonicNow();
+        if (!current() || !event.target) return;
+        this.tracker.start();
+        const appearance = this.appearance;
+        // A newly selected route invalidates the previous appearance even if
+        // React Navigation has not delivered the matching state update yet.
+        if ((appearance === null || appearance === void 0 ? void 0 : appearance.target) !== event.target) {
+          var _this$transition2;
+          if (appearance) appearance.first = false;
+          if (((_this$transition2 = this.transition) === null || _this$transition2 === void 0 ? void 0 : _this$transition2.target) !== event.target) this.transition = undefined;
+        }
+        // Keep the first focus boundary. Existing instances (including nested
+        // containers) may open Views again, but never start another load timer.
+        if (this.visited.has(event.target) && ((appearance === null || appearance === void 0 ? void 0 : appearance.target) !== event.target || !appearance.first) || ((_this$transition3 = this.transition) === null || _this$transition3 === void 0 ? void 0 : _this$transition3.target) === event.target) return;
+        this.transition = {
+          target: event.target,
+          start
+        };
+      }
+    };
+    return this.stackListeners;
+  }
+  static finishTransition() {
+    const transition = this.transition;
+    const appearance = this.appearance;
+    if (!transition || transition.end === undefined || !appearance || appearance.target !== transition.target) return;
+    this.transition = undefined;
+    const eligible = appearance.first;
+    appearance.first = false;
+    const elapsed = transition.end - transition.start;
+    if (!eligible || !Number.isFinite(elapsed) || elapsed <= 0 || elapsed >= MAX_TRANSITION_MS) return;
+    this.tracker.updateLoadingTime(appearance.route.key, appearance.generation, Math.floor(elapsed * 1000000));
+  }
+  static cancelTransition(target) {
+    var _this$transition4, _this$appearance2;
+    if (((_this$transition4 = this.transition) === null || _this$transition4 === void 0 ? void 0 : _this$transition4.target) === target) this.transition = undefined;
+    if (((_this$appearance2 = this.appearance) === null || _this$appearance2 === void 0 ? void 0 : _this$appearance2.target) === target) this.appearance.first = false;
+  }
+  static monotonicNow() {
+    return typeof performance !== 'undefined' && typeof performance.now === 'function' ? performance.now() : NaN;
+  }
+  static leafRoute(route) {
+    while ((_route = route) !== null && _route !== void 0 && _route.state) {
+      var _route, _route$state$index;
+      const child = route.state.routes[(_route$state$index = route.state.index) !== null && _route$state$index !== void 0 ? _route$state$index : 0];
+      if (!child) break;
+      route = child;
+    }
+    return route;
+  }
+  static show(route) {
+    this.trackRouter = route;
+    return this.tracker.show(route);
+  }
+}
+_FTRumReactNavigationTracking = FTRumReactNavigationTracking;
+_defineProperty(FTRumReactNavigationTracking, "tracker", new FTRumViewTracking(() => {
+  _FTRumReactNavigationTracking.transition = undefined;
+  if (_FTRumReactNavigationTracking.appearance) _FTRumReactNavigationTracking.appearance.first = false;
+}));
+_defineProperty(FTRumReactNavigationTracking, "registeredContainer", null);
+_defineProperty(FTRumReactNavigationTracking, "unsubscribe", void 0);
+_defineProperty(FTRumReactNavigationTracking, "lifecycle", 0);
+_defineProperty(FTRumReactNavigationTracking, "stackListeners", void 0);
+_defineProperty(FTRumReactNavigationTracking, "visited", new Set());
+_defineProperty(FTRumReactNavigationTracking, "appearance", void 0);
+_defineProperty(FTRumReactNavigationTracking, "transition", void 0);
+_defineProperty(FTRumReactNavigationTracking, "trackRouter", void 0);
+//# sourceMappingURL=FTRumReactNavigationTracking.js.map

package/lib/module/FTRumReactNavigationTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FTRumViewTracking","MAX_TRANSITION_MS","FTRumReactNavigationTracking","startTrackingViews","ref","registeredContainer","stopTrackingViews","tracker","start","lifecycle","unsubscribe","addListener","route","getCurrentRoute","show","_this$unsubscribe","undefined","call","stackListeners","stop","visited","clear","appearance","transition","trackRouter","StackListener","current","transitionStart","event","_event$data","target","data","closing","cancelTransition","transitionEnd","_event$data2","_event$data3","_this$transition","_this$appearance","end","monotonicNow","finishTransition","first","gestureCancel","state","_event$data4","_state$index","outer","routes","index","leaf","leafRoute","keys","Set","map","key","has","delete","previous","name","add","generation","setCurrent","focus","_this$transition3","_this$transition2","eligible","elapsed","Number","isFinite","updateLoadingTime","Math","floor","_this$transition4","_this$appearance2","performance","now","NaN","_route","_route$state$index","child","_FTRumReactNavigationTracking","_defineProperty"],"sources":["FTRumReactNavigationTracking.ts"],"sourcesContent":["import type {\n  NavigationContainerRef,\n  ParamListBase,\n} from '@react-navigation/native';\nimport { FTRumViewTracking } from '@truewatchtech/react-native-mobile';\n\ntype TrackedRoute = {\n  key: string;\n  name: string;\n  state?: { index?: number; routes: readonly TrackedRoute[] };\n};\ntype StackEvent = {\n  target?: string;\n  data?: {\n    closing?: boolean;\n    state?: { index?: number; routes: readonly TrackedRoute[] };\n  };\n};\ntype Appearance = {\n  target: string;\n  route: { key: string; name: string };\n  generation?: number;\n  first: boolean;\n};\ntype Transition = { target: string; start: number; end?: number };\nconst MAX_TRANSITION_MS = 15 * 60 * 1000;\n\nexport type FTRumStackListeners = {\n  focus(event: StackEvent): void;\n  state(event: StackEvent): void;\n  transitionStart(event: StackEvent): void;\n  transitionEnd(event: StackEvent): void;\n  gestureCancel(event: StackEvent): void;\n};\n\n/** One active navigation container, using either route or stack tracking. */\nexport class FTRumReactNavigationTracking {\n  private static tracker = new FTRumViewTracking(() => {\n    this.transition = undefined;\n    if (this.appearance) this.appearance.first = false;\n  });\n  private static registeredContainer: object | null = null;\n  private static unsubscribe?: () => void;\n  private static lifecycle = 0;\n  private static stackListeners?: FTRumStackListeners;\n  private static visited = new Set<string>();\n  private static appearance?: Appearance;\n  private static transition?: Transition;\n  static trackRouter: TrackedRoute | undefined;\n\n  /** Call from NavigationContainer.onReady. This mode does not measure loading. */\n  static startTrackingViews<ParamList extends ParamListBase>(\n    ref: NavigationContainerRef<ParamList> | null\n  ): void {\n    if (!ref || this.registeredContainer === ref) return;\n    this.stopTrackingViews();\n    this.registeredContainer = ref;\n    this.tracker.start();\n    const lifecycle = this.lifecycle;\n    this.unsubscribe = ref.addListener('state', () => {\n      if (lifecycle !== this.lifecycle) return;\n      const route = ref.getCurrentRoute();\n      if (route) this.show(route);\n    });\n    const route = ref.getCurrentRoute();\n    if (route) this.show(route);\n  }\n\n  /** Omit ref to dispose stack tracking. Old containers cannot stop a new one. */\n  static stopTrackingViews(ref?: object | null): void {\n    if (ref !== undefined && ref !== this.registeredContainer) return;\n    ++this.lifecycle;\n    this.unsubscribe?.();\n    this.unsubscribe = undefined;\n    this.registeredContainer = null;\n    this.stackListeners = undefined;\n    this.tracker.stop();\n    this.visited.clear();\n    this.appearance = undefined;\n    this.transition = undefined;\n    this.trackRouter = undefined;\n  }\n\n  /** Track Views on state changes; time first focus through opening transitionEnd. */\n  static get StackListener(): FTRumStackListeners {\n    if (this.stackListeners) return this.stackListeners;\n    this.stopTrackingViews();\n    const lifecycle = this.lifecycle;\n    const current = (): boolean => lifecycle === this.lifecycle;\n    this.stackListeners = {\n      transitionStart: (event): void => {\n        if (current() && event.target && event.data?.closing === true)\n          this.cancelTransition(event.target);\n      },\n      transitionEnd: (event): void => {\n        const end = this.monotonicNow();\n        if (!current() || !event.target) return;\n        if (event.data?.closing === true) {\n          this.cancelTransition(event.target);\n          return;\n        }\n        if (event.data?.closing !== false) {\n          this.cancelTransition(event.target);\n          return;\n        }\n        if (this.transition?.target === event.target) {\n          // Capture the end now, even when the matching state arrives later.\n          if (this.transition.end === undefined) this.transition.end = end;\n          this.finishTransition();\n        } else if (this.appearance?.target === event.target) {\n          // No observed focus: do not infer a start from a later callback.\n          this.appearance.first = false;\n        }\n      },\n      gestureCancel: (): void => {\n        if (!current()) return;\n        this.transition = undefined;\n        if (this.appearance) this.appearance.first = false;\n      },\n      state: (event): void => {\n        if (!current()) return;\n        const state = event.data?.state;\n        if (!state) return;\n        const outer = state.routes[state.index ?? 0];\n        const leaf = this.leafRoute(outer);\n        if (!outer || !leaf) {\n          this.tracker.stop();\n          this.visited.clear();\n          this.appearance = undefined;\n          this.transition = undefined;\n          this.trackRouter = undefined;\n          return;\n        }\n        // Retain instance history only while its route remains in this stack.\n        const keys = new Set(state.routes.map((route) => route.key));\n        for (const key of this.visited) {\n          if (!keys.has(key)) this.visited.delete(key);\n        }\n        if (this.transition && this.transition.target !== outer.key)\n          this.transition = undefined;\n        const previous = this.appearance;\n        if (previous?.target !== outer.key || previous.route.key !== leaf.key) {\n          const route = { key: leaf.key, name: leaf.name };\n          const first = !this.visited.has(outer.key) && outer.key === leaf.key;\n          this.visited.add(outer.key);\n          this.appearance = {\n            target: outer.key,\n            route,\n            first,\n            generation: this.show(route),\n          };\n        } else {\n          this.tracker.setCurrent(previous.route);\n        }\n        this.finishTransition();\n      },\n      focus: (event): void => {\n        const start = this.monotonicNow();\n        if (!current() || !event.target) return;\n        this.tracker.start();\n        const appearance = this.appearance;\n        // A newly selected route invalidates the previous appearance even if\n        // React Navigation has not delivered the matching state update yet.\n        if (appearance?.target !== event.target) {\n          if (appearance) appearance.first = false;\n          if (this.transition?.target !== event.target)\n            this.transition = undefined;\n        }\n        // Keep the first focus boundary. Existing instances (including nested\n        // containers) may open Views again, but never start another load timer.\n        if (\n          (this.visited.has(event.target) &&\n            (appearance?.target !== event.target || !appearance.first)) ||\n          this.transition?.target === event.target\n        )\n          return;\n        this.transition = { target: event.target, start };\n      },\n    };\n    return this.stackListeners;\n  }\n\n  private static finishTransition(): void {\n    const transition = this.transition;\n    const appearance = this.appearance;\n    if (\n      !transition ||\n      transition.end === undefined ||\n      !appearance ||\n      appearance.target !== transition.target\n    )\n      return;\n    this.transition = undefined;\n    const eligible = appearance.first;\n    appearance.first = false;\n    const elapsed = transition.end - transition.start;\n    if (\n      !eligible ||\n      !Number.isFinite(elapsed) ||\n      elapsed <= 0 ||\n      elapsed >= MAX_TRANSITION_MS\n    )\n      return;\n    this.tracker.updateLoadingTime(\n      appearance.route.key,\n      appearance.generation,\n      Math.floor(elapsed * 1000000)\n    );\n  }\n\n  private static cancelTransition(target: string): void {\n    if (this.transition?.target === target) this.transition = undefined;\n    if (this.appearance?.target === target) this.appearance.first = false;\n  }\n\n  private static monotonicNow(): number {\n    return typeof performance !== 'undefined' &&\n      typeof performance.now === 'function'\n      ? performance.now()\n      : NaN;\n  }\n\n  private static leafRoute(\n    route: TrackedRoute | undefined\n  ): TrackedRoute | undefined {\n    while (route?.state) {\n      const child = route.state.routes[route.state.index ?? 0];\n      if (!child) break;\n      route = child;\n    }\n    return route;\n  }\n\n  private static show(route: TrackedRoute): number | undefined {\n    this.trackRouter = route;\n    return this.tracker.show(route);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,2 @@
+export { FTRumReactNavigationTracking } from './FTRumReactNavigationTracking';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FTRumReactNavigationTracking"],"sources":["index.ts"],"sourcesContent":["export { FTRumReactNavigationTracking } from './FTRumReactNavigationTracking';\nexport type { FTRumStackListeners } from './FTRumReactNavigationTracking';\n"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,gCAAgC","ignoreList":[]}

package/lib/typescript/FTRumReactNavigationTracking.d.ts

@@ -0,0 +1,50 @@
+import type { NavigationContainerRef, ParamListBase } from '@react-navigation/native';
+type TrackedRoute = {
+    key: string;
+    name: string;
+    state?: {
+        index?: number;
+        routes: readonly TrackedRoute[];
+    };
+};
+type StackEvent = {
+    target?: string;
+    data?: {
+        closing?: boolean;
+        state?: {
+            index?: number;
+            routes: readonly TrackedRoute[];
+        };
+    };
+};
+export type FTRumStackListeners = {
+    focus(event: StackEvent): void;
+    state(event: StackEvent): void;
+    transitionStart(event: StackEvent): void;
+    transitionEnd(event: StackEvent): void;
+    gestureCancel(event: StackEvent): void;
+};
+/** One active navigation container, using either route or stack tracking. */
+export declare class FTRumReactNavigationTracking {
+    private static tracker;
+    private static registeredContainer;
+    private static unsubscribe?;
+    private static lifecycle;
+    private static stackListeners?;
+    private static visited;
+    private static appearance?;
+    private static transition?;
+    static trackRouter: TrackedRoute | undefined;
+    /** Call from NavigationContainer.onReady. This mode does not measure loading. */
+    static startTrackingViews<ParamList extends ParamListBase>(ref: NavigationContainerRef<ParamList> | null): void;
+    /** Omit ref to dispose stack tracking. Old containers cannot stop a new one. */
+    static stopTrackingViews(ref?: object | null): void;
+    /** Track Views on state changes; time first focus through opening transitionEnd. */
+    static get StackListener(): FTRumStackListeners;
+    private static finishTransition;
+    private static cancelTransition;
+    private static monotonicNow;
+    private static leafRoute;
+    private static show;
+}
+export {};

package/lib/typescript/index.d.ts

@@ -0,0 +1,2 @@
+export { FTRumReactNavigationTracking } from './FTRumReactNavigationTracking';
+export type { FTRumStackListeners } from './FTRumReactNavigationTracking';

package/package.json

@@ -1,6 +1,66 @@
 {
   "name": "@truewatchtech/mobile-react-navigation",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.4.3-alpha.1",
+  "description": "Automatic TrueWatch RUM View tracking for @react-navigation/native.",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "README.md",
+    "!**/__tests__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "lint": "yarn run -T eslint \"src/**/*.{ts,tsx}\" \"tests/**/*.ts\"",
+    "prepare": "yarn run -T bob build",
+    "prepack": "yarn run -T check-version && yarn prepare",
+    "test": "yarn run -T jest",
+    "typescript": "yarn run -T tsc --noEmit"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TrueWatchTech/datakit-react-native.git"
+  },
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "@truewatchtech/react-native-mobile": "^0.4.3",
+    "react": ">=16.13.1",
+    "react-native": ">=0.63.4 <1.0"
+  },
+  "devDependencies": {
+    "@react-navigation/native": "^6.1.18",
+    "@react-navigation/native-stack": "^6.11.0",
+    "react-native-safe-area-context": "^3.3.2",
+    "react-native-screens": "^3.0.0"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "tsc": "../../node_modules/.bin/tsc",
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/lib/"
+    ]
+  },
+  "gitHead": "7c1fd9454260071fc48c74b8e5bdb9669eee0b7f"
+}

package/src/FTRumReactNavigationTracking.ts

@@ -0,0 +1,238 @@
+import type {
+  NavigationContainerRef,
+  ParamListBase,
+} from '@react-navigation/native';
+import { FTRumViewTracking } from '@truewatchtech/react-native-mobile';
+
+type TrackedRoute = {
+  key: string;
+  name: string;
+  state?: { index?: number; routes: readonly TrackedRoute[] };
+};
+type StackEvent = {
+  target?: string;
+  data?: {
+    closing?: boolean;
+    state?: { index?: number; routes: readonly TrackedRoute[] };
+  };
+};
+type Appearance = {
+  target: string;
+  route: { key: string; name: string };
+  generation?: number;
+  first: boolean;
+};
+type Transition = { target: string; start: number; end?: number };
+const MAX_TRANSITION_MS = 15 * 60 * 1000;
+
+export type FTRumStackListeners = {
+  focus(event: StackEvent): void;
+  state(event: StackEvent): void;
+  transitionStart(event: StackEvent): void;
+  transitionEnd(event: StackEvent): void;
+  gestureCancel(event: StackEvent): void;
+};
+
+/** One active navigation container, using either route or stack tracking. */
+export class FTRumReactNavigationTracking {
+  private static tracker = new FTRumViewTracking(() => {
+    this.transition = undefined;
+    if (this.appearance) this.appearance.first = false;
+  });
+  private static registeredContainer: object | null = null;
+  private static unsubscribe?: () => void;
+  private static lifecycle = 0;
+  private static stackListeners?: FTRumStackListeners;
+  private static visited = new Set<string>();
+  private static appearance?: Appearance;
+  private static transition?: Transition;
+  static trackRouter: TrackedRoute | undefined;
+
+  /** Call from NavigationContainer.onReady. This mode does not measure loading. */
+  static startTrackingViews<ParamList extends ParamListBase>(
+    ref: NavigationContainerRef<ParamList> | null
+  ): void {
+    if (!ref || this.registeredContainer === ref) return;
+    this.stopTrackingViews();
+    this.registeredContainer = ref;
+    this.tracker.start();
+    const lifecycle = this.lifecycle;
+    this.unsubscribe = ref.addListener('state', () => {
+      if (lifecycle !== this.lifecycle) return;
+      const route = ref.getCurrentRoute();
+      if (route) this.show(route);
+    });
+    const route = ref.getCurrentRoute();
+    if (route) this.show(route);
+  }
+
+  /** Omit ref to dispose stack tracking. Old containers cannot stop a new one. */
+  static stopTrackingViews(ref?: object | null): void {
+    if (ref !== undefined && ref !== this.registeredContainer) return;
+    ++this.lifecycle;
+    this.unsubscribe?.();
+    this.unsubscribe = undefined;
+    this.registeredContainer = null;
+    this.stackListeners = undefined;
+    this.tracker.stop();
+    this.visited.clear();
+    this.appearance = undefined;
+    this.transition = undefined;
+    this.trackRouter = undefined;
+  }
+
+  /** Track Views on state changes; time first focus through opening transitionEnd. */
+  static get StackListener(): FTRumStackListeners {
+    if (this.stackListeners) return this.stackListeners;
+    this.stopTrackingViews();
+    const lifecycle = this.lifecycle;
+    const current = (): boolean => lifecycle === this.lifecycle;
+    this.stackListeners = {
+      transitionStart: (event): void => {
+        if (current() && event.target && event.data?.closing === true)
+          this.cancelTransition(event.target);
+      },
+      transitionEnd: (event): void => {
+        const end = this.monotonicNow();
+        if (!current() || !event.target) return;
+        if (event.data?.closing === true) {
+          this.cancelTransition(event.target);
+          return;
+        }
+        if (event.data?.closing !== false) {
+          this.cancelTransition(event.target);
+          return;
+        }
+        if (this.transition?.target === event.target) {
+          // Capture the end now, even when the matching state arrives later.
+          if (this.transition.end === undefined) this.transition.end = end;
+          this.finishTransition();
+        } else if (this.appearance?.target === event.target) {
+          // No observed focus: do not infer a start from a later callback.
+          this.appearance.first = false;
+        }
+      },
+      gestureCancel: (): void => {
+        if (!current()) return;
+        this.transition = undefined;
+        if (this.appearance) this.appearance.first = false;
+      },
+      state: (event): void => {
+        if (!current()) return;
+        const state = event.data?.state;
+        if (!state) return;
+        const outer = state.routes[state.index ?? 0];
+        const leaf = this.leafRoute(outer);
+        if (!outer || !leaf) {
+          this.tracker.stop();
+          this.visited.clear();
+          this.appearance = undefined;
+          this.transition = undefined;
+          this.trackRouter = undefined;
+          return;
+        }
+        // Retain instance history only while its route remains in this stack.
+        const keys = new Set(state.routes.map((route) => route.key));
+        for (const key of this.visited) {
+          if (!keys.has(key)) this.visited.delete(key);
+        }
+        if (this.transition && this.transition.target !== outer.key)
+          this.transition = undefined;
+        const previous = this.appearance;
+        if (previous?.target !== outer.key || previous.route.key !== leaf.key) {
+          const route = { key: leaf.key, name: leaf.name };
+          const first = !this.visited.has(outer.key) && outer.key === leaf.key;
+          this.visited.add(outer.key);
+          this.appearance = {
+            target: outer.key,
+            route,
+            first,
+            generation: this.show(route),
+          };
+        } else {
+          this.tracker.setCurrent(previous.route);
+        }
+        this.finishTransition();
+      },
+      focus: (event): void => {
+        const start = this.monotonicNow();
+        if (!current() || !event.target) return;
+        this.tracker.start();
+        const appearance = this.appearance;
+        // A newly selected route invalidates the previous appearance even if
+        // React Navigation has not delivered the matching state update yet.
+        if (appearance?.target !== event.target) {
+          if (appearance) appearance.first = false;
+          if (this.transition?.target !== event.target)
+            this.transition = undefined;
+        }
+        // Keep the first focus boundary. Existing instances (including nested
+        // containers) may open Views again, but never start another load timer.
+        if (
+          (this.visited.has(event.target) &&
+            (appearance?.target !== event.target || !appearance.first)) ||
+          this.transition?.target === event.target
+        )
+          return;
+        this.transition = { target: event.target, start };
+      },
+    };
+    return this.stackListeners;
+  }
+
+  private static finishTransition(): void {
+    const transition = this.transition;
+    const appearance = this.appearance;
+    if (
+      !transition ||
+      transition.end === undefined ||
+      !appearance ||
+      appearance.target !== transition.target
+    )
+      return;
+    this.transition = undefined;
+    const eligible = appearance.first;
+    appearance.first = false;
+    const elapsed = transition.end - transition.start;
+    if (
+      !eligible ||
+      !Number.isFinite(elapsed) ||
+      elapsed <= 0 ||
+      elapsed >= MAX_TRANSITION_MS
+    )
+      return;
+    this.tracker.updateLoadingTime(
+      appearance.route.key,
+      appearance.generation,
+      Math.floor(elapsed * 1000000)
+    );
+  }
+
+  private static cancelTransition(target: string): void {
+    if (this.transition?.target === target) this.transition = undefined;
+    if (this.appearance?.target === target) this.appearance.first = false;
+  }
+
+  private static monotonicNow(): number {
+    return typeof performance !== 'undefined' &&
+      typeof performance.now === 'function'
+      ? performance.now()
+      : NaN;
+  }
+
+  private static leafRoute(
+    route: TrackedRoute | undefined
+  ): TrackedRoute | undefined {
+    while (route?.state) {
+      const child = route.state.routes[route.state.index ?? 0];
+      if (!child) break;
+      route = child;
+    }
+    return route;
+  }
+
+  private static show(route: TrackedRoute): number | undefined {
+    this.trackRouter = route;
+    return this.tracker.show(route);
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { FTRumReactNavigationTracking } from './FTRumReactNavigationTracking';
+export type { FTRumStackListeners } from './FTRumReactNavigationTracking';