@blario/react-native 0.0.0 → 0.1.1

package/src/transport/relay-transport.ts

@@ -0,0 +1,82 @@
+import type { OutboundFrame } from '../agent/frames.ts';
+import { normalizeRelayUrl } from './connection-options.ts';
+import type { AgentTransport } from './transport.ts';
+
+const RECONNECT_BASE_MS = 1000;
+const RECONNECT_MAX_MS = 5000;
+
+export class RelayTransport implements AgentTransport {
+  private socket: WebSocket | null = null;
+
+  private listener: ((raw: string) => void) | null = null;
+
+  private reconnectTimer: ReturnType<typeof setTimeout> | null = null;
+
+  private attempts = 0;
+
+  private stopped = true;
+
+  constructor(private readonly url: string) {}
+
+  onMessage(listener: (raw: string) => void): void {
+    this.listener = listener;
+  }
+
+  start(): void {
+    this.stopped = false;
+    this.connect();
+  }
+
+  stop(): void {
+    this.stopped = true;
+    if (this.reconnectTimer !== null) {
+      clearTimeout(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
+    this.socket?.close();
+    this.socket = null;
+  }
+
+  send(frame: OutboundFrame): void {
+    if (this.socket?.readyState === WebSocket.OPEN) {
+      this.socket.send(JSON.stringify(frame));
+    }
+  }
+
+  private connect(): void {
+    const url = normalizeRelayUrl(this.url);
+    if (this.stopped || url === null) {
+      return;
+    }
+    let socket: WebSocket;
+    try {
+      socket = new WebSocket(url);
+    } catch {
+      this.scheduleReconnect();
+      return;
+    }
+    this.socket = socket;
+    socket.onopen = () => {
+      this.attempts = 0;
+    };
+    socket.onmessage = (event) => {
+      if (typeof event.data === 'string') {
+        this.listener?.(event.data);
+      }
+    };
+    socket.onclose = () => this.scheduleReconnect();
+    socket.onerror = () => undefined;
+  }
+
+  private scheduleReconnect(): void {
+    if (this.stopped || this.reconnectTimer !== null) {
+      return;
+    }
+    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);
+  }
+}

package/src/transport/transport.ts

@@ -0,0 +1,8 @@
+import type { OutboundFrame } from '../agent/frames.ts';
+
+export interface AgentTransport {
+  start: () => void;
+  stop: () => void;
+  send: (frame: OutboundFrame) => void;
+  onMessage: (listener: (raw: string) => void) => void;
+}

package/src/ui/insets.ts

@@ -0,0 +1,31 @@
+import { Platform, StatusBar } from 'react-native';
+
+import { isRecord } from '../fiber/narrow.ts';
+
+export interface Insets {
+  top: number;
+  bottom: number;
+  left: number;
+  right: number;
+}
+
+declare const require: (moduleName: string) => unknown;
+
+const IOS_FALLBACK: Insets = { top: 47, bottom: 34, left: 0, right: 0 };
+
+export function fallbackInsets(): Insets {
+  if (Platform.OS === 'ios') {
+    return IOS_FALLBACK;
+  }
+  return { top: StatusBar.currentHeight ?? 24, bottom: 0, left: 0, right: 0 };
+}
+
+export function loadInsetsContext(): React.Context<Insets | null> | null {
+  try {
+    const loaded = require('react-native-safe-area-context');
+    const context = isRecord(loaded) ? loaded.SafeAreaInsetsContext : null;
+    return isRecord(context) ? (context as unknown as React.Context<Insets | null>) : null;
+  } catch {
+    return null;
+  }
+}

package/src/ui/strings.ts

@@ -0,0 +1,102 @@
+export type Language = 'es' | 'en';
+
+export interface UiStrings {
+  confirmStop: string;
+  confirmationTitle: string;
+  confirmProceed: string;
+  confirmProceedDestructive: string;
+  confirmCannotBeUndone: string;
+  chatLauncher: string;
+  chatClose: string;
+  chatUnavailable: string;
+  nudgePrompt: string;
+  nudgeAccept: string;
+  nudgeDecline: string;
+  nudgeLater: string;
+  nudgeDismiss: string;
+  agentThinking: string;
+  agentExecuting: string;
+  agentTakingControl: string;
+  agentStop: string;
+  agentTapStopToControl: string;
+  agentQueued: string;
+  readingSkip: string;
+  actionClick: string;
+  actionType: string;
+  actionCheck: string;
+  actionUncheck: string;
+  actionScrollTo: string;
+  actionPressKey: string;
+  actionFallback: string;
+}
+
+export type UiStringOverrides = Partial<UiStrings>;
+
+const STRINGS: Readonly<Record<Language, UiStrings>> = {
+  es: {
+    confirmStop: 'Detener',
+    confirmationTitle: 'Confirmación pendiente',
+    confirmProceed: 'Confirmar',
+    confirmProceedDestructive: 'Sí, continuar',
+    confirmCannotBeUndone: 'Esta acción no se puede deshacer',
+    chatLauncher: 'Abrir el chat de ayuda',
+    chatClose: 'Cerrar el chat',
+    chatUnavailable: 'El chat no está disponible en esta app.',
+    nudgePrompt: '¿Quieres que te muestre?',
+    nudgeAccept: 'Sí',
+    nudgeDecline: 'No',
+    nudgeLater: 'Después',
+    nudgeDismiss: 'Descartar',
+    agentThinking: 'Pensando',
+    agentExecuting: 'Ejecutando acción...',
+    agentTakingControl: 'La IA va a tomar el control',
+    agentStop: 'Detener la ejecución actual del agente',
+    agentTapStopToControl: 'Toca Detener para tomar el control',
+    agentQueued: 'Mensaje recibido, el agente responderá en breve...',
+    readingSkip: 'Omitir',
+    actionClick: 'Hacer clic en este elemento',
+    actionType: 'Escribir: "{value}"',
+    actionCheck: 'Marcar esta casilla',
+    actionUncheck: 'Desmarcar esta casilla',
+    actionScrollTo: 'Desplazarse a este elemento',
+    actionPressKey: 'Presionar tecla: {value}',
+    actionFallback: 'Realizar acción',
+  },
+  en: {
+    confirmStop: 'Stop',
+    confirmationTitle: 'Confirmation needed',
+    confirmProceed: 'Confirm',
+    confirmProceedDestructive: 'Yes, proceed',
+    confirmCannotBeUndone: 'This action cannot be undone',
+    chatLauncher: 'Open the help chat',
+    chatClose: 'Close the chat',
+    chatUnavailable: 'Chat is not available in this app.',
+    nudgePrompt: 'Want me to show you?',
+    nudgeAccept: 'Yes',
+    nudgeDecline: 'No',
+    nudgeLater: 'Later',
+    nudgeDismiss: 'Dismiss',
+    agentThinking: 'Thinking',
+    agentExecuting: 'Executing action...',
+    agentTakingControl: 'AI is going to take control',
+    agentStop: 'Stop the current agent execution',
+    agentTapStopToControl: 'Tap Stop to take control',
+    agentQueued: 'Message received, agent will respond shortly...',
+    readingSkip: 'Skip',
+    actionClick: 'Click this element',
+    actionType: 'Type: "{value}"',
+    actionCheck: 'Check this checkbox',
+    actionUncheck: 'Uncheck this checkbox',
+    actionScrollTo: 'Scroll to this element',
+    actionPressKey: 'Press key: {value}',
+    actionFallback: 'Perform action',
+  },
+};
+
+export function resolveLanguage(language: unknown): Language {
+  return language === 'en' ? 'en' : 'es';
+}
+
+export function resolveStrings(language: Language, overrides: UiStringOverrides | undefined): UiStrings {
+  return { ...STRINGS[resolveLanguage(language)], ...overrides };
+}

package/src/ui/useInsets.ts

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+
+import { fallbackInsets, type Insets, loadInsetsContext } from './insets.ts';
+
+const EMPTY_CONTEXT = createContext<Insets | null>(null);
+const INSETS_CONTEXT = loadInsetsContext() ?? EMPTY_CONTEXT;
+
+export function useInsets(): Insets {
+  return useContext(INSETS_CONTEXT) ?? fallbackInsets();
+}

package/src/version.ts

@@ -0,0 +1 @@
+export const SDK_VERSION = '0.1.1';