@goliapkg/sentori-react-native 0.4.0 → 0.5.0

package/lib/handlers/network.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"network.d.ts","sourceRoot":"","sources":["../../src/handlers/network.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB,QAAO,IAyCxC,CAAC"}
+{"version":3,"file":"network.d.ts","sourceRoot":"","sources":["../../src/handlers/network.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,qBAAqB,QAAO,IA8DxC,CAAC"}

package/lib/handlers/network.js

@@ -1,3 +1,4 @@
+import { startSpan } from '@goliapkg/sentori-core';
 import { addBreadcrumb } from '../breadcrumbs';
 let _installed = false;
 const AUTH_PARAMS = ['token', 'key', 'password', 'secret', 'access_token'];
@@ -11,17 +12,33 @@ export const installNetworkHandler = () => {
     globalThis.fetch = (async (input, init) => {
         const start = Date.now();
         const url = extractUrl(input);
+        const scrubbed = scrubUrl(url);
         const method = (init?.method ??
             (typeof input !== 'string' && 'method' in input
                 ? input.method
                 : 'GET'));
+        // Phase 35 sub-C: also open an http.client span so the request
+        // shows up in the trace waterfall. Breadcrumbs stay — they're
+        // attached to error events at capture time and serve a different
+        // surface (the "last 100 things" timeline on the issue page).
+        const span = startSpan('http.client', {
+            name: `${method.toUpperCase()} ${scrubbed}`,
+            tags: { 'http.method': method.toUpperCase(), 'http.url': scrubbed },
+        });
+        // Inject traceparent header on outbound requests.
+        const reqInit = { ...(init ?? {}) };
+        const headers = mergeHeaders(input, init);
+        headers.set('traceparent', toTraceparent(span.traceId, span.spanId));
+        reqInit.headers = headers;
         try {
-            const resp = await original(input, init);
+            const resp = await original(input, reqInit);
+            span.setTag('http.status', String(resp.status));
+            span.finish({ status: resp.status >= 400 ? 'error' : 'ok' });
             addBreadcrumb({
                 type: 'net',
                 data: {
                     method,
-                    url: scrubUrl(url),
+                    url: scrubbed,
                     status: resp.status,
                     durationMs: Date.now() - start,
                 },
@@ -29,11 +46,15 @@ export const installNetworkHandler = () => {
             return resp;
         }
         catch (e) {
+            const isAbort = isAbortError(e);
+            if (e instanceof Error)
+                span.setTag('error.message', e.message);
+            span.finish({ status: isAbort ? 'cancelled' : 'error' });
             addBreadcrumb({
                 type: 'net',
                 data: {
                     method,
-                    url: scrubUrl(url),
+                    url: scrubbed,
                     status: 0,
                     durationMs: Date.now() - start,
                     error: String(e),
@@ -43,6 +64,26 @@ export const installNetworkHandler = () => {
         }
     });
 };
+function mergeHeaders(input, init) {
+    const out = new Headers();
+    if (typeof input !== 'string' && !(input instanceof URL)) {
+        input.headers.forEach((v, k) => out.set(k, v));
+    }
+    if (init?.headers) {
+        new Headers(init.headers).forEach((v, k) => out.set(k, v));
+    }
+    return out;
+}
+function toTraceparent(traceId, spanId) {
+    const trace = traceId.replace(/-/g, '').toLowerCase();
+    const parent = spanId.replace(/-/g, '').toLowerCase().slice(0, 16);
+    return `00-${trace}-${parent}-01`;
+}
+function isAbortError(err) {
+    if (typeof err !== 'object' || err === null)
+        return false;
+    return err.name === 'AbortError';
+}
 const extractUrl = (input) => {
     if (typeof input === 'string')
         return input;

package/lib/handlers/network.js.map

@@ -1 +1 @@
-{"version":3,"file":"network.js","sourceRoot":"","sources":["../../src/handlers/network.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,IAAI,UAAU,GAAG,KAAK,CAAC;AAEvB,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAS,EAAE;IAC9C,IAAI,UAAU;QAAE,OAAO;IACvB,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,UAAU;QAAE,OAAO;IACnD,UAAU,GAAG,IAAI,CAAC;IAElB,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC;IAElC,UAAU,CAAC,KAAK,GAAG,CAAC,KAAK,EAAE,KAAwB,EAAE,IAAkB,EAAE,EAAE;QACzE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACzB,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,MAAM,GAAG,CAAC,IAAI,EAAE,MAAM;YAC1B,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAK,KAAiB;gBAC1D,CAAC,CAAE,KAAiB,CAAC,MAAM;gBAC3B,CAAC,CAAC,KAAK,CAAC,CAAW,CAAC;QAExB,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACzC,aAAa,CAAC;gBACZ,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE;oBACJ,MAAM;oBACN,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC;oBAClB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK;iBAC/B;aACF,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QACd,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,aAAa,CAAC;gBACZ,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE;oBACJ,MAAM;oBACN,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC;oBAClB,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK;oBAC9B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;iBACjB;aACF,CAAC,CAAC;YACH,MAAM,CAAC,CAAC;QACV,CAAC;IACH,CAAC,CAAiB,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAwB,EAAU,EAAE;IACtD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,KAAK,YAAY,GAAG;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC;IAC5C,OAAQ,KAAiB,CAAC,GAAG,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAU,EAAE;IACvC,IAAI,CAAC;QACH,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QACvB,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,KAAK,MAAM,CAAC,IAAI,WAAW,EAAE,CAAC;YAC5B,IAAI,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC1B,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;gBACpC,QAAQ,GAAG,IAAI,CAAC;YAClB,CAAC;QACH,CAAC;QACD,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;IACvC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,GAAG,CAAC;IACb,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"network.js","sourceRoot":"","sources":["../../src/handlers/network.ts"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -18,5 +18,6 @@ export { setUser, getUser, captureError, captureException } from './capture';
 export { ErrorBoundary } from './error-boundary';
 export { startAnrWatchdog, stopAnrWatchdog, triggerNativeCrash, } from './native';
 export { endSession, markSessionCrashed, startSession, } from './session-tracker';
+export { type NavigationRefLike, useTraceNavigation } from './navigation';
 export type { Event, SentoriError, Frame, Breadcrumb, BreadcrumbType, Device, DeviceOS, App, User, Tags, EventKind, Platform, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAe,OAAO,CAAC;AAEvB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,YAAY,GACb,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EACV,KAAK,EACL,YAAY,EACZ,KAAK,EACL,UAAU,EACV,cAAc,EACd,MAAM,EACN,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAe,OAAO,CAAC;AAEvB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,YAAY,GACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE1E,YAAY,EACV,KAAK,EACL,YAAY,EACZ,KAAK,EACL,UAAU,EACV,cAAc,EACd,MAAM,EACN,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,MAAM,SAAS,CAAC"}

package/lib/index.js

@@ -22,4 +22,5 @@ export { setUser, getUser, captureError, captureException } from './capture';
 export { ErrorBoundary } from './error-boundary';
 export { startAnrWatchdog, stopAnrWatchdog, triggerNativeCrash, } from './native';
 export { endSession, markSessionCrashed, startSession, } from './session-tracker';
+export { useTraceNavigation } from './navigation';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,YAAY,GACb,MAAM,mBAAmB,CAAC;AAE3B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,OAAO;IACP,YAAY;IACZ,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,UAAU;IACV,kBAAkB;CACnB,CAAC;AAEF,eAAe,OAAO,CAAC;AAEvB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,YAAY,GACb,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,YAAY,GACb,MAAM,mBAAmB,CAAC;AAE3B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,OAAO;IACP,YAAY;IACZ,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,UAAU;IACV,kBAAkB;CACnB,CAAC;AAEF,eAAe,OAAO,CAAC;AAEvB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,YAAY,GACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAA0B,kBAAkB,EAAE,MAAM,cAAc,CAAC"}

package/lib/navigation.d.ts

@@ -0,0 +1,29 @@
+/** Minimal contract: anything with `addListener('state', cb)` and
+ *  `getCurrentRoute()` works. The real @react-navigation/native
+ *  NavigationContainer ref matches this shape. */
+export type NavigationRefLike = {
+    addListener: (event: 'state', listener: () => void) => () => void;
+    getCurrentRoute: () => {
+        name: string;
+    } | undefined;
+};
+/**
+ * Subscribe to react-navigation state changes and emit a
+ * `react.navigation` span per transition. First mount records the
+ * initial route as the start anchor but does NOT emit a span (the
+ * convention from `useSentoriRouter` in sentori-react).
+ *
+ *     import { NavigationContainer, useNavigationContainerRef } from '@react-navigation/native'
+ *     import { useTraceNavigation } from '@goliapkg/sentori-react-native'
+ *
+ *     function App() {
+ *       const navigationRef = useNavigationContainerRef()
+ *       useTraceNavigation(navigationRef)
+ *       return <NavigationContainer ref={navigationRef}>{...}</NavigationContainer>
+ *     }
+ *
+ * Each span carries `{ from, to }` as tags and uses the destination
+ * route name as the span name.
+ */
+export declare function useTraceNavigation(navigationRef: NavigationRefLike): void;
+//# sourceMappingURL=navigation.d.ts.map

package/lib/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../src/navigation.ts"],"names":[],"mappings":"AAiBA;;kDAEkD;AAClD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IAClE,eAAe,EAAE,MAAM;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;CACrD,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAyCzE"}

package/lib/navigation.js

@@ -0,0 +1,72 @@
+// Phase 35 sub-C: react-navigation auto-instrumentation.
+//
+// Mount `useTraceNavigation(navigationRef)` next to your
+// `<NavigationContainer ref={navigationRef}>` and every route
+// transition becomes a `react.navigation` span. Span names are
+// `<from> → <to>` so the trace list reads as a navigation log.
+//
+// react-navigation is an OPTIONAL peer dependency — apps that
+// don't use it never have to install it. The hook itself doesn't
+// import from @react-navigation/native; consumers pass in the ref
+// they already have, and we read its state via the public
+// `getCurrentRoute()` API. That keeps the dep edge optional.
+import { useEffect, useRef } from 'react';
+import { startSpan } from '@goliapkg/sentori-core';
+/**
+ * Subscribe to react-navigation state changes and emit a
+ * `react.navigation` span per transition. First mount records the
+ * initial route as the start anchor but does NOT emit a span (the
+ * convention from `useSentoriRouter` in sentori-react).
+ *
+ *     import { NavigationContainer, useNavigationContainerRef } from '@react-navigation/native'
+ *     import { useTraceNavigation } from '@goliapkg/sentori-react-native'
+ *
+ *     function App() {
+ *       const navigationRef = useNavigationContainerRef()
+ *       useTraceNavigation(navigationRef)
+ *       return <NavigationContainer ref={navigationRef}>{...}</NavigationContainer>
+ *     }
+ *
+ * Each span carries `{ from, to }` as tags and uses the destination
+ * route name as the span name.
+ */
+export function useTraceNavigation(navigationRef) {
+    // Latest route name we've observed. `null` means "no transition
+    // recorded yet" (initial mount).
+    const lastRouteRef = useRef(null);
+    // Span that started when this route was entered. Finished when the
+    // NEXT route transition arrives.
+    const openSpanRef = useRef(null);
+    useEffect(() => {
+        if (typeof navigationRef.addListener !== 'function')
+            return;
+        if (typeof navigationRef.getCurrentRoute !== 'function')
+            return;
+        // Seed the "last route" reference from the current state so the
+        // first transition emits a span with the right `from`.
+        const initial = navigationRef.getCurrentRoute()?.name ?? null;
+        lastRouteRef.current = initial;
+        const unsubscribe = navigationRef.addListener('state', () => {
+            const next = navigationRef.getCurrentRoute()?.name ?? null;
+            const prev = lastRouteRef.current;
+            if (next === null || next === prev)
+                return;
+            // Close the prior span (if any) before opening the new one so
+            // the trace looks like a sequence, not nested.
+            openSpanRef.current?.finish({ status: 'ok' });
+            const span = startSpan('react.navigation', {
+                name: prev ? `${prev} → ${next}` : next,
+                tags: { 'nav.from': prev ?? '', 'nav.to': next },
+            });
+            openSpanRef.current = span;
+            lastRouteRef.current = next;
+        });
+        return () => {
+            unsubscribe();
+            // Close any still-open span on unmount so we don't leak it.
+            openSpanRef.current?.finish({ status: 'ok' });
+            openSpanRef.current = null;
+        };
+    }, [navigationRef]);
+}
+//# sourceMappingURL=navigation.js.map

package/lib/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../src/navigation.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,EAAE;AACF,yDAAyD;AACzD,8DAA8D;AAC9D,+DAA+D;AAC/D,+DAA+D;AAC/D,EAAE;AACF,8DAA8D;AAC9D,iEAAiE;AACjE,kEAAkE;AAClE,0DAA0D;AAC1D,6DAA6D;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAmB,MAAM,wBAAwB,CAAC;AAUpE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,kBAAkB,CAAC,aAAgC;IACjE,gEAAgE;IAChE,iCAAiC;IACjC,MAAM,YAAY,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACjD,mEAAmE;IACnE,iCAAiC;IACjC,MAAM,WAAW,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,aAAa,CAAC,WAAW,KAAK,UAAU;YAAE,OAAO;QAC5D,IAAI,OAAO,aAAa,CAAC,eAAe,KAAK,UAAU;YAAE,OAAO;QAEhE,gEAAgE;QAChE,uDAAuD;QACvD,MAAM,OAAO,GAAG,aAAa,CAAC,eAAe,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC;QAC9D,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;QAE/B,MAAM,WAAW,GAAG,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,EAAE;YAC1D,MAAM,IAAI,GAAG,aAAa,CAAC,eAAe,EAAE,EAAE,IAAI,IAAI,IAAI,CAAC;YAC3D,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC;YAClC,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI;gBAAE,OAAO;YAE3C,8DAA8D;YAC9D,+CAA+C;YAC/C,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAE9C,MAAM,IAAI,GAAG,SAAS,CAAC,kBAAkB,EAAE;gBACzC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI;gBACvC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;aACjD,CAAC,CAAC;YACH,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAC3B,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,WAAW,EAAE,CAAC;YACd,4DAA4D;YAC5D,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9C,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACtB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@goliapkg/sentori-react-native",
-  "version": "0.4.0",
-  "description": "Sentori SDK for React Native — JS-layer error capture, native crash handlers (iOS / Android), batched transport.",
+  "version": "0.5.0",
+  "description": "Sentori SDK for React Native — JS-layer error capture, native crash handlers (iOS / Android), batched transport, fetch + react-navigation tracing.",
   "license": "MIT",
   "homepage": "https://sentori.golia.jp",
   "repository": {
@@ -64,6 +64,6 @@
     "access": "public"
   },
   "dependencies": {
-    "@goliapkg/sentori-core": "0.2.0"
+    "@goliapkg/sentori-core": "0.3.0"
   }
 }

package/src/__tests__/navigation.test.ts

@@ -0,0 +1,148 @@
+import { clearSpans, drainSpans } from '@goliapkg/sentori-core';
+import { afterEach, beforeEach, describe, expect, test } from 'bun:test';
+
+import { type NavigationRefLike, useTraceNavigation } from '../navigation';
+
+// We test the hook without a React renderer (sdk/react-native has no
+// react-test-renderer or @testing-library dev-dep). Instead, we drive
+// the same lifecycle by hand: the hook is a one-line useEffect, so
+// we extract its effect body via a tiny harness that mirrors the
+// observable behaviour.
+
+// FakeNav mirrors @react-navigation/native's NavigationContainerRef
+// surface — `addListener('state', cb)` + `getCurrentRoute()`.
+class FakeNav implements NavigationRefLike {
+  private listeners: Array<() => void> = [];
+  private route: { name: string } | undefined;
+
+  setInitialRoute(name: string): void {
+    this.route = { name };
+  }
+
+  addListener(_event: 'state', listener: () => void): () => void {
+    this.listeners.push(listener);
+    return () => {
+      this.listeners = this.listeners.filter((l) => l !== listener);
+    };
+  }
+
+  getCurrentRoute(): { name: string } | undefined {
+    return this.route;
+  }
+
+  go(name: string): void {
+    this.route = { name };
+    this.listeners.forEach((l) => l());
+  }
+}
+
+// Re-implements the hook's effect body for test purposes. Mirroring
+// the real hook 1:1 — when production code changes, this changes too.
+// The point isn't to share the implementation but to verify the
+// observable contract (spans pushed in the right order).
+function harness(navigationRef: NavigationRefLike): () => void {
+  let lastRoute: null | string =
+    navigationRef.getCurrentRoute()?.name ?? null;
+  let openSpan: ReturnType<typeof import('@goliapkg/sentori-core').startSpan> | null = null;
+
+  // Inline import to avoid hoisting.
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  const { startSpan } = require('@goliapkg/sentori-core') as typeof import('@goliapkg/sentori-core');
+
+  const unsub = navigationRef.addListener('state', () => {
+    const next = navigationRef.getCurrentRoute()?.name ?? null;
+    if (next === null || next === lastRoute) return;
+
+    openSpan?.finish({ status: 'ok' });
+    const span = startSpan('react.navigation', {
+      name: lastRoute ? `${lastRoute} → ${next}` : next,
+      tags: { 'nav.from': lastRoute ?? '', 'nav.to': next },
+    });
+    openSpan = span;
+    lastRoute = next;
+  });
+
+  return () => {
+    unsub();
+    openSpan?.finish({ status: 'ok' });
+    openSpan = null;
+  };
+}
+
+beforeEach(() => clearSpans());
+afterEach(() => clearSpans());
+
+describe('useTraceNavigation', () => {
+  test('hook + production module both export', () => {
+    // Sanity: the exported symbol exists with the right shape.
+    expect(typeof useTraceNavigation).toBe('function');
+  });
+
+  test('initial mount does NOT emit a span', () => {
+    const nav = new FakeNav();
+    nav.setInitialRoute('Home');
+    const cleanup = harness(nav);
+    expect(drainSpans()).toHaveLength(0);
+    cleanup();
+  });
+
+  test('one transition + one more closes the first span', () => {
+    const nav = new FakeNav();
+    nav.setInitialRoute('Home');
+    const cleanup = harness(nav);
+
+    nav.go('Settings');
+    nav.go('Profile');
+
+    const spans = drainSpans();
+    expect(spans.length).toBeGreaterThanOrEqual(1);
+    const first = spans[0]!;
+    expect(first.op).toBe('react.navigation');
+    expect(first.name).toBe('Home → Settings');
+    expect(first.tags).toEqual({ 'nav.from': 'Home', 'nav.to': 'Settings' });
+    expect(first.status).toBe('ok');
+
+    cleanup();
+  });
+
+  test('same-route state event does not emit a span', () => {
+    const nav = new FakeNav();
+    nav.setInitialRoute('Home');
+    const cleanup = harness(nav);
+
+    nav.go('Home');
+    expect(drainSpans()).toHaveLength(0);
+
+    cleanup();
+  });
+
+  test('chained transitions emit per-hop spans', () => {
+    const nav = new FakeNav();
+    nav.setInitialRoute('A');
+    const cleanup = harness(nav);
+
+    nav.go('B');
+    nav.go('C');
+    nav.go('D');
+
+    const spans = drainSpans();
+    expect(spans.length).toBeGreaterThanOrEqual(2);
+    expect(spans[0]?.name).toBe('A → B');
+    expect(spans[1]?.name).toBe('B → C');
+
+    cleanup();
+  });
+
+  test('cleanup closes the still-open span', () => {
+    const nav = new FakeNav();
+    nav.setInitialRoute('Home');
+    const cleanup = harness(nav);
+
+    nav.go('Settings');
+    cleanup();
+
+    const spans = drainSpans();
+    expect(spans).toHaveLength(1);
+    expect(spans[0]?.name).toBe('Home → Settings');
+  });
+});

package/src/__tests__/tracing.test.ts

@@ -0,0 +1,108 @@
+import { clearSpans, drainSpans } from '@goliapkg/sentori-core';
+import {
+  afterEach,
+  beforeAll,
+  beforeEach,
+  describe,
+  expect,
+  test,
+} from 'bun:test';
+
+import { installNetworkHandler } from '../handlers/network';
+
+// network.ts installs ONCE per process. To test reliably we:
+//   1. set up a single static recorder on globalThis.fetch
+//   2. install the wrapper exactly once (in beforeAll)
+//   3. between tests, only mutate the recorder's queue — NEVER
+//      re-assign globalThis.fetch, because the wrapper captured the
+//      first reference at install time.
+
+const recorderCalls: Array<{ init?: RequestInit; url: string }> = [];
+let recorderQueue: Array<{ status: number } | Error> = [];
+
+const recorder = (async (input: Request | string | URL, init?: RequestInit) => {
+  const url =
+    typeof input === 'string'
+      ? input
+      : input instanceof URL
+        ? input.toString()
+        : input.url;
+  recorderCalls.push({ init, url });
+  const r = recorderQueue.shift() ?? { status: 200 };
+  if (r instanceof Error) throw r;
+  return new Response('', { status: r.status });
+}) as unknown as typeof fetch;
+
+beforeAll(() => {
+  (globalThis as { fetch: typeof fetch }).fetch = recorder;
+  installNetworkHandler();
+});
+
+beforeEach(() => {
+  clearSpans();
+  recorderCalls.length = 0;
+  recorderQueue = [{ status: 200 }];
+});
+
+afterEach(() => {
+  clearSpans();
+});
+
+describe('RN network handler tracing', () => {
+  test('wrapped fetch emits an http.client span', async () => {
+    const resp = await fetch('https://api.example.com/v1/users/me', {
+      method: 'GET',
+    });
+    expect(resp.status).toBe(200);
+
+    const spans = drainSpans();
+    expect(spans).toHaveLength(1);
+    expect(spans[0]?.op).toBe('http.client');
+    expect(spans[0]?.name).toBe('GET https://api.example.com/v1/users/me');
+    expect(spans[0]?.tags).toMatchObject({
+      'http.method': 'GET',
+      'http.status': '200',
+      'http.url': 'https://api.example.com/v1/users/me',
+    });
+    expect(spans[0]?.status).toBe('ok');
+  });
+
+  test('injects W3C traceparent header', async () => {
+    await fetch('https://api.example.com/x');
+    expect(recorderCalls).toHaveLength(1);
+    const headers = new Headers(recorderCalls[0]?.init?.headers);
+    const tp = headers.get('traceparent');
+    expect(tp).not.toBeNull();
+    expect(tp).toMatch(/^00-[0-9a-f]{32}-[0-9a-f]{16}-01$/);
+  });
+
+  test('5xx → span.status = "error"', async () => {
+    recorderQueue = [{ status: 503 }];
+    await fetch('https://api.example.com/x');
+    expect(drainSpans()[0]?.status).toBe('error');
+  });
+
+  test('throws → status = "error" with error.message tag', async () => {
+    recorderQueue = [new TypeError('NetworkError: offline')];
+    await expect(fetch('https://api.example.com/x')).rejects.toThrow('NetworkError');
+    const sp = drainSpans()[0]!;
+    expect(sp.status).toBe('error');
+    expect(sp.tags['error.message']).toContain('offline');
+  });
+
+  test('AbortError → status = "cancelled"', async () => {
+    recorderQueue = [Object.assign(new Error('aborted'), { name: 'AbortError' })];
+    await expect(fetch('https://api.example.com/x')).rejects.toThrow('aborted');
+    expect(drainSpans()[0]?.status).toBe('cancelled');
+  });
+
+  test('preserves caller-supplied headers alongside traceparent', async () => {
+    await fetch('https://api.example.com/x', {
+      headers: { Authorization: 'Bearer xyz', 'X-Custom': '1' },
+    });
+    const h = new Headers(recorderCalls[0]?.init?.headers);
+    expect(h.get('authorization')).toBe('Bearer xyz');
+    expect(h.get('x-custom')).toBe('1');
+    expect(h.get('traceparent')).toBeTruthy();
+  });
+});

package/src/__tests__/transport.test.ts

@@ -109,4 +109,62 @@ describe('transport', () => {
     expect(capturedHeaders?.Authorization).toBe('Bearer st_pk_test');
     expect(capturedHeaders?.['Sentori-Sdk']).toMatch(/^react-native\//);
   });
+
+  // Phase 33 sub-D: offline / retry behavior.
+
+  it('retries up to MAX_RETRY (3) on a 5xx, then gives up', async () => {
+    let attempts = 0;
+    globalThis.fetch = mock(async () => {
+      attempts++;
+      return new Response('boom', { status: 503 });
+    }) as typeof fetch;
+
+    enqueue(makeEvent('a'));
+    // flush swallows the final throw (and falls through to persist).
+    // We're verifying the retry count, not the throw.
+    await flush();
+    expect(attempts).toBe(3);
+  });
+
+  it('retries on network error (fetch throw), succeeds when recovered', async () => {
+    let attempts = 0;
+    globalThis.fetch = mock(async () => {
+      attempts++;
+      if (attempts < 3) throw new TypeError('NetworkError: offline');
+      return new Response(null, { status: 202 });
+    }) as typeof fetch;
+
+    enqueue(makeEvent('a'));
+    await flush();
+    expect(attempts).toBe(3);
+  });
+
+  it('drops 4xx-other-than-429 without retry (client errors are unrecoverable)', async () => {
+    let attempts = 0;
+    globalThis.fetch = mock(async () => {
+      attempts++;
+      return new Response(null, { status: 400 });
+    }) as typeof fetch;
+
+    enqueue(makeEvent('a'));
+    await flush();
+    // sendOnce treats 4xx-other-than-429 as a no-throw exit, so the
+    // retry loop also exits — one attempt, no double-send.
+    expect(attempts).toBe(1);
+  });
+
+  it('does not duplicate events when flush is called twice in a row', async () => {
+    let attempts = 0;
+    globalThis.fetch = mock(async () => {
+      attempts++;
+      return new Response(null, { status: 202 });
+    }) as typeof fetch;
+
+    enqueue(makeEvent('a'));
+    enqueue(makeEvent('b'));
+    await flush();
+    await flush(); // second flush sees an empty queue and no-ops
+    expect(attempts).toBe(1);
+    expect(__peekQueue()).toHaveLength(0);
+  });
 });

package/src/handlers/network.ts

@@ -1,3 +1,5 @@
+import { startSpan } from '@goliapkg/sentori-core';
+
 import { addBreadcrumb } from '../breadcrumbs';
 
 let _installed = false;
@@ -14,29 +16,50 @@ export const installNetworkHandler = (): void => {
   globalThis.fetch = (async (input: RequestInfo | URL, init?: RequestInit) => {
     const start = Date.now();
     const url = extractUrl(input);
+    const scrubbed = scrubUrl(url);
     const method = (init?.method ??
       (typeof input !== 'string' && 'method' in (input as Request)
         ? (input as Request).method
         : 'GET')) as string;
 
+    // Phase 35 sub-C: also open an http.client span so the request
+    // shows up in the trace waterfall. Breadcrumbs stay — they're
+    // attached to error events at capture time and serve a different
+    // surface (the "last 100 things" timeline on the issue page).
+    const span = startSpan('http.client', {
+      name: `${method.toUpperCase()} ${scrubbed}`,
+      tags: { 'http.method': method.toUpperCase(), 'http.url': scrubbed },
+    });
+
+    // Inject traceparent header on outbound requests.
+    const reqInit: RequestInit = { ...(init ?? {}) };
+    const headers = mergeHeaders(input, init);
+    headers.set('traceparent', toTraceparent(span.traceId, span.spanId));
+    reqInit.headers = headers;
+
     try {
-      const resp = await original(input, init);
+      const resp = await original(input, reqInit);
+      span.setTag('http.status', String(resp.status));
+      span.finish({ status: resp.status >= 400 ? 'error' : 'ok' });
       addBreadcrumb({
         type: 'net',
         data: {
           method,
-          url: scrubUrl(url),
+          url: scrubbed,
           status: resp.status,
           durationMs: Date.now() - start,
         },
       });
       return resp;
     } catch (e) {
+      const isAbort = isAbortError(e);
+      if (e instanceof Error) span.setTag('error.message', e.message);
+      span.finish({ status: isAbort ? 'cancelled' : 'error' });
       addBreadcrumb({
         type: 'net',
         data: {
           method,
-          url: scrubUrl(url),
+          url: scrubbed,
           status: 0,
           durationMs: Date.now() - start,
           error: String(e),
@@ -47,6 +70,28 @@ export const installNetworkHandler = (): void => {
   }) as typeof fetch;
 };
 
+function mergeHeaders(input: RequestInfo | URL, init?: RequestInit): Headers {
+  const out = new Headers();
+  if (typeof input !== 'string' && !(input instanceof URL)) {
+    (input as Request).headers.forEach((v, k) => out.set(k, v));
+  }
+  if (init?.headers) {
+    new Headers(init.headers).forEach((v, k) => out.set(k, v));
+  }
+  return out;
+}
+
+function toTraceparent(traceId: string, spanId: string): string {
+  const trace = traceId.replace(/-/g, '').toLowerCase();
+  const parent = spanId.replace(/-/g, '').toLowerCase().slice(0, 16);
+  return `00-${trace}-${parent}-01`;
+}
+
+function isAbortError(err: unknown): boolean {
+  if (typeof err !== 'object' || err === null) return false;
+  return (err as { name?: unknown }).name === 'AbortError';
+}
+
 const extractUrl = (input: RequestInfo | URL): string => {
   if (typeof input === 'string') return input;
   if (input instanceof URL) return input.href;

package/src/index.ts

@@ -37,6 +37,7 @@ export {
   markSessionCrashed,
   startSession,
 } from './session-tracker';
+export { type NavigationRefLike, useTraceNavigation } from './navigation';
 
 export type {
   Event,

package/src/navigation.ts

@@ -0,0 +1,85 @@
+// Phase 35 sub-C: react-navigation auto-instrumentation.
+//
+// Mount `useTraceNavigation(navigationRef)` next to your
+// `<NavigationContainer ref={navigationRef}>` and every route
+// transition becomes a `react.navigation` span. Span names are
+// `<from> → <to>` so the trace list reads as a navigation log.
+//
+// react-navigation is an OPTIONAL peer dependency — apps that
+// don't use it never have to install it. The hook itself doesn't
+// import from @react-navigation/native; consumers pass in the ref
+// they already have, and we read its state via the public
+// `getCurrentRoute()` API. That keeps the dep edge optional.
+
+import { useEffect, useRef } from 'react';
+
+import { startSpan, type SpanHandle } from '@goliapkg/sentori-core';
+
+/** Minimal contract: anything with `addListener('state', cb)` and
+ *  `getCurrentRoute()` works. The real @react-navigation/native
+ *  NavigationContainer ref matches this shape. */
+export type NavigationRefLike = {
+  addListener: (event: 'state', listener: () => void) => () => void;
+  getCurrentRoute: () => { name: string } | undefined;
+};
+
+/**
+ * Subscribe to react-navigation state changes and emit a
+ * `react.navigation` span per transition. First mount records the
+ * initial route as the start anchor but does NOT emit a span (the
+ * convention from `useSentoriRouter` in sentori-react).
+ *
+ *     import { NavigationContainer, useNavigationContainerRef } from '@react-navigation/native'
+ *     import { useTraceNavigation } from '@goliapkg/sentori-react-native'
+ *
+ *     function App() {
+ *       const navigationRef = useNavigationContainerRef()
+ *       useTraceNavigation(navigationRef)
+ *       return <NavigationContainer ref={navigationRef}>{...}</NavigationContainer>
+ *     }
+ *
+ * Each span carries `{ from, to }` as tags and uses the destination
+ * route name as the span name.
+ */
+export function useTraceNavigation(navigationRef: NavigationRefLike): void {
+  // Latest route name we've observed. `null` means "no transition
+  // recorded yet" (initial mount).
+  const lastRouteRef = useRef<null | string>(null);
+  // Span that started when this route was entered. Finished when the
+  // NEXT route transition arrives.
+  const openSpanRef = useRef<null | SpanHandle>(null);
+
+  useEffect(() => {
+    if (typeof navigationRef.addListener !== 'function') return;
+    if (typeof navigationRef.getCurrentRoute !== 'function') return;
+
+    // Seed the "last route" reference from the current state so the
+    // first transition emits a span with the right `from`.
+    const initial = navigationRef.getCurrentRoute()?.name ?? null;
+    lastRouteRef.current = initial;
+
+    const unsubscribe = navigationRef.addListener('state', () => {
+      const next = navigationRef.getCurrentRoute()?.name ?? null;
+      const prev = lastRouteRef.current;
+      if (next === null || next === prev) return;
+
+      // Close the prior span (if any) before opening the new one so
+      // the trace looks like a sequence, not nested.
+      openSpanRef.current?.finish({ status: 'ok' });
+
+      const span = startSpan('react.navigation', {
+        name: prev ? `${prev} → ${next}` : next,
+        tags: { 'nav.from': prev ?? '', 'nav.to': next },
+      });
+      openSpanRef.current = span;
+      lastRouteRef.current = next;
+    });
+
+    return () => {
+      unsubscribe();
+      // Close any still-open span on unmount so we don't leak it.
+      openSpanRef.current?.finish({ status: 'ok' });
+      openSpanRef.current = null;
+    };
+  }, [navigationRef]);
+}