expo-openclaw-chat 0.2.0 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-openclaw-chat",
-  "version": "0.2.0",
+  "version": "0.2.3",
   "description": "Minimal chat SDK for Expo apps to connect to OpenClaw gateway",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -32,11 +32,14 @@
   "devDependencies": {
     "@babel/core": "^7.24.0",
     "@babel/preset-env": "^7.24.0",
+    "@expo/vector-icons": "^15.0.3",
     "@types/jest": "^29.5.0",
     "@types/react": "^19.2.10",
     "@types/react-native": "^0.72.8",
     "babel-jest": "^29.7.0",
     "jest": "^29.7.0",
+    "react-native-keyboard-controller": "^1.20.7",
+    "react-native-safe-area-context": "^5.6.2",
     "ts-jest": "^29.1.0",
     "typescript": "^5.3.0"
   },
@@ -70,6 +73,6 @@
   "homepage": "https://github.com/brunobar79/expo-openclaw-chat",
   "repository": {
     "type": "git",
-    "url": "https://github.com/brunobar79/expo-openclaw-chat"
+    "url": "git+https://github.com/brunobar79/expo-openclaw-chat.git"
   }
 }

package/src/core/client.ts

@@ -268,6 +268,32 @@ export class GatewayClient {
   ): Promise<T> {
     return new Promise<T>((resolve, reject) => {
       if (!this.ws || this._connectionState !== "connected") {
+        // If autoReconnect is enabled, wait up to 5s for reconnection
+        // instead of immediately rejecting. This prevents transient
+        // "Not connected" errors during WS flaps (e.g. group chat fan-out).
+        if (this.options.autoReconnect !== false && this._connectionState !== "disconnected") {
+          const waitTimeout = 5000;
+          let settled = false;
+          const unsub = this.onConnectionStateChange((state) => {
+            if (settled) return;
+            if (state === "connected") {
+              settled = true;
+              unsub();
+              this.request<T>(method, params, timeoutMs).then(resolve, reject);
+            } else if (state === "disconnected") {
+              settled = true;
+              unsub();
+              reject(new Error("Not connected"));
+            }
+          });
+          setTimeout(() => {
+            if (settled) return;
+            settled = true;
+            unsub();
+            reject(new Error("Not connected"));
+          }, waitTimeout);
+          return;
+        }
         return reject(new Error("Not connected"));
       }
 
@@ -699,7 +725,6 @@ export class GatewayClient {
 
     if (payload.decision === "approved") {
       // Retry connect now that we're approved
-      console.log("[GatewayClient] Device approved, retrying connect...");
       this.sendConnectFrame();
     } else {
       // Rejected - fail the connection
@@ -862,7 +887,6 @@ export class GatewayClient {
 
   private handleClose(code: number, reason: string): void {
     this.ws = null;
-    this.awaitingPairing = false;
     this.clearTickTimer();
 
     // Reject all pending requests
@@ -873,10 +897,26 @@ export class GatewayClient {
     }
 
     if (this.intentionalClose) {
+      this.awaitingPairing = false;
       this.setConnectionState("disconnected");
       return;
     }
 
+    // Gateway closed with 1008 "pairing required" — treat like NOT_PAIRED
+    if (
+      code === 1008 &&
+      reason.toLowerCase().includes("pairing") &&
+      this._connectionState === "connecting"
+    ) {
+      this.awaitingPairing = true;
+      this.emitEvent("pairing.required", {
+        deviceId: this.deviceIdentity?.deviceId,
+      });
+      // Don't reject connect promise — wait for user to get approved,
+      // then the UI will retry the connection
+      return;
+    }
+
     // If we were still in the initial connect(), reject it
     if (this.connectPromiseReject) {
       // Don't reject — we'll try reconnecting

package/src/createChat.tsx

@@ -69,7 +69,7 @@ export interface ChatInstance {
 export function createChat(config: CreateChatConfig): ChatInstance {
   const {
     gatewayUrl,
-    sessionKey = `chat-${Date.now().toString(36)}`,
+    sessionKey = `agent:main:chat-${Date.now().toString(36)}`,
     title,
     placeholder,
     showImagePicker,

package/src/ui/ChatBubble.tsx

@@ -142,6 +142,17 @@ export const ChatBubble = React.memo(function ChatBubble({
       }
     }
 
+    // Strip OpenClaw conversation metadata prefix (injected for the agent, not for display)
+    text = text.replace(
+      /^Conversation info \(untrusted metadata\):\s*```json[\s\S]*?```\s*/,
+      "",
+    );
+    // Also strip the timestamp prefix e.g. "[Fri 2026-02-13 21:33 EST] "
+    text = text.replace(
+      /^\[(?:Mon|Tue|Wed|Thu|Fri|Sat|Sun)\s+\d{4}-\d{2}-\d{2}\s+\d{2}:\d{2}\s+\w+\]\s*/,
+      "",
+    );
+
     return { textContent: text, images: imgs };
   }, [message.content]);