@blario/react-native 0.1.6 → 0.1.7

package/src/nudge/NudgeBubble.tsx

@@ -5,6 +5,7 @@ import type { LauncherPlacement } from '../chat/Launcher.tsx';
 import type { UiStrings } from '../ui/strings.ts';
 import { useInsets } from '../ui/useInsets.ts';
 import { initialsOf, type NudgeView } from './nudge.ts';
+import { contain } from '../telemetry/contain.ts';
 
 export interface NudgeBubbleProps {
   nudge: NudgeView;
@@ -32,27 +33,27 @@ export function NudgeBubble({ nudge, strings, color, placement, launcherVisible,
           {nudge.sender === null ? null : <Text style={styles.name}>{nudge.sender.name}</Text>}
           {nudge.sender?.subtitle === null || nudge.sender === null ? null : <Text style={styles.subtitle}>{nudge.sender.subtitle}</Text>}
         </View>
-        <Pressable accessibilityLabel={strings.nudgeDismiss} hitSlop={10} onPress={onDecline}>
+        <Pressable accessibilityLabel={strings.nudgeDismiss} hitSlop={10} onPress={contain('NudgeBubble.decline', onDecline)}>
           <Text style={styles.close}>×</Text>
         </Pressable>
       </View>
       <Text style={styles.message}>{nudge.bubbleMessage}</Text>
       {nudge.progress === null ? null : <ProgressBar total={nudge.progress.total} completed={nudge.progress.completed} color={color} />}
       {nudge.continuation ? (
-        <Pressable accessibilityRole="button" style={[styles.primary, { backgroundColor: color }]} onPress={onAccept}>
+        <Pressable accessibilityRole="button" style={[styles.primary, { backgroundColor: color }]} onPress={contain('NudgeBubble.accept', onAccept)}>
           <Text style={styles.primaryText}>{nudge.ctaLabel ?? strings.nudgeAccept}</Text>
         </Pressable>
       ) : (
         <View>
           <Text style={styles.prompt}>{strings.nudgePrompt}</Text>
           <View style={styles.actions}>
-            <Pressable accessibilityRole="button" style={[styles.primary, styles.action, { backgroundColor: color }]} onPress={onAccept}>
+            <Pressable accessibilityRole="button" style={[styles.primary, styles.action, { backgroundColor: color }]} onPress={contain('NudgeBubble.accept', onAccept)}>
               <Text style={styles.primaryText}>{strings.nudgeAccept}</Text>
             </Pressable>
-            <Pressable accessibilityRole="button" style={[styles.secondary, styles.action]} onPress={onDecline}>
+            <Pressable accessibilityRole="button" style={[styles.secondary, styles.action]} onPress={contain('NudgeBubble.decline', onDecline)}>
               <Text style={styles.secondaryText}>{strings.nudgeDecline}</Text>
             </Pressable>
-            <Pressable accessibilityRole="button" style={[styles.secondary, styles.action]} onPress={onLater}>
+            <Pressable accessibilityRole="button" style={[styles.secondary, styles.action]} onPress={contain('NudgeBubble.later', onLater)}>
               <Text style={styles.secondaryText}>{strings.nudgeLater}</Text>
             </Pressable>
           </View>

package/src/telemetry/contain.ts

@@ -0,0 +1,28 @@
+// A callback's error has nothing above it: React's boundaries never see it and, in a release build, React Native's
+// global handler ends the host app. So every way into the SDK that nothing else catches goes through here.
+type Report = (context: string, error: unknown) => void;
+
+let report: Report = () => undefined;
+
+export function setContainmentReporter(reporter: Report): void {
+  report = reporter;
+}
+
+export function attempt<T>(context: string, run: () => T): T | undefined {
+  try {
+    return run();
+  } catch (error) {
+    try {
+      report(context, error);
+    } catch {
+      return undefined;
+    }
+    return undefined;
+  }
+}
+
+export function contain<Args extends unknown[]>(context: string, callback: (...args: Args) => unknown): (...args: Args) => void {
+  return (...args) => {
+    attempt(context, () => callback(...args));
+  };
+}

package/src/telemetry/sdk-reporter.ts

@@ -2,6 +2,7 @@ import { readAppInfo } from '../backend/app-info.ts';
 import { SDK_VERSION } from '../version.ts';
 import { SENTRY_DSN, SENTRY_ENVIRONMENT } from './build-info.generated.ts';
 import { Reporter, type ReportIdentity } from './reporter.ts';
+import { setContainmentReporter } from './contain.ts';
 
 const HEX_DIGITS = 16;
 
@@ -24,6 +25,8 @@ export function reportSdkError(context: string, error?: unknown): void {
   reporter.report(context, error);
 }
 
+setContainmentReporter(reportSdkError);
+
 export function recordSdkBreadcrumb(category: string, message: string): void {
   reporter.addBreadcrumb(category, message);
 }

package/src/transport/relay-transport.ts

@@ -1,6 +1,7 @@
 import type { OutboundFrame } from '../agent/frames.ts';
 import { normalizeRelayUrl } from './connection-options.ts';
 import type { AgentTransport } from './transport.ts';
+import { contain } from '../telemetry/contain.ts';
 
 const RECONNECT_BASE_MS = 1000;
 const RECONNECT_MAX_MS = 5000;
@@ -56,15 +57,15 @@ export class RelayTransport implements AgentTransport {
       return;
     }
     this.socket = socket;
-    socket.onopen = () => {
+    socket.onopen = contain('Relay.open', () => {
       this.attempts = 0;
-    };
-    socket.onmessage = (event) => {
+    });
+    socket.onmessage = contain('Relay.message', (event: { data?: unknown }) => {
       if (typeof event.data === 'string') {
         this.listener?.(event.data);
       }
-    };
-    socket.onclose = () => this.scheduleReconnect();
+    });
+    socket.onclose = contain('Relay.close', () => this.scheduleReconnect());
     socket.onerror = () => undefined;
   }
 
@@ -74,9 +75,12 @@ export class RelayTransport implements AgentTransport {
     }
     const delay = Math.min(RECONNECT_BASE_MS * 2 ** this.attempts, RECONNECT_MAX_MS);
     this.attempts += 1;
-    this.reconnectTimer = setTimeout(() => {
-      this.reconnectTimer = null;
-      this.connect();
-    }, delay);
+    this.reconnectTimer = setTimeout(
+      contain('Relay.reconnect', () => {
+        this.reconnectTimer = null;
+        this.connect();
+      }),
+      delay,
+    );
   }
 }

package/src/version.ts

@@ -1 +1 @@
-export const SDK_VERSION = '0.1.6';
+export const SDK_VERSION = '0.1.7';