@strand-js/react-native 0.1.0 → 0.1.2

package/README.md

@@ -0,0 +1,35 @@
+# @strand-js/react-native
+
+React Native transport adapter for [Strand](https://github.com/strand-js/strand).
+
+React Native's built-in `fetch` does not support streaming response bodies. This package patches it transparently so all Strand hooks work identically to web.
+
+## Install
+
+```bash
+npm install @strand-js/react-native
+```
+
+## Usage
+
+```ts
+// App.tsx — must be the first import
+import '@strand-js/react-native'
+
+// Everything else works as normal
+import { StrandProvider } from '@strand-js/react'
+```
+
+That's it. All hooks (`useConversation`, `useToolCall`, `useAgentSession`) work identically after this import.
+
+## Compatibility
+
+| Platform | Status |
+|---|---|
+| React Native 0.73+ | ✅ |
+| Expo SDK 50+ | ✅ |
+| Expo Web | ✅ (no-op) |
+| Node.js | ✅ (no-op) |
+| Browsers | ✅ (no-op) |
+
+[Full documentation →](https://github.com/strand-js/strand)

package/dist/index.d.mts

@@ -0,0 +1,4 @@
+declare function createXHRStreamingFetch(): typeof fetch;
+declare function applyStreamingFetchPatch(): void;
+
+export { applyStreamingFetchPatch, createXHRStreamingFetch };

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+declare function createXHRStreamingFetch(): typeof fetch;
+declare function applyStreamingFetchPatch(): void;
+
+export { applyStreamingFetchPatch, createXHRStreamingFetch };

package/dist/index.js

@@ -0,0 +1,122 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  applyStreamingFetchPatch: () => applyStreamingFetchPatch,
+  createXHRStreamingFetch: () => createXHRStreamingFetch
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/patch.ts
+var encoder = new TextEncoder();
+function parseResponseHeaders(headersStr) {
+  const headers = {};
+  for (const line of headersStr.trim().split("\r\n")) {
+    const idx = line.indexOf(": ");
+    if (idx > 0) headers[line.slice(0, idx).toLowerCase()] = line.slice(idx + 2);
+  }
+  return headers;
+}
+function createXHRStreamingFetch() {
+  return (input, init) => {
+    const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
+    const method = init?.method ?? (typeof input !== "string" && !(input instanceof URL) ? input.method : "GET");
+    return new Promise((resolve, reject) => {
+      const xhr = new XMLHttpRequest();
+      xhr.open(method, url, true);
+      xhr.responseType = "text";
+      const reqHeaders = init?.headers ? new Headers(init.headers) : new Headers();
+      reqHeaders.forEach((value, key) => xhr.setRequestHeader(key, value));
+      let resolved = false;
+      let streamController = null;
+      let processedLength = 0;
+      const readableStream = new ReadableStream({
+        start(controller) {
+          streamController = controller;
+        },
+        cancel() {
+          xhr.abort();
+        }
+      });
+      function pushChunk() {
+        const text = xhr.responseText;
+        const newText = text.slice(processedLength);
+        processedLength = text.length;
+        if (newText && streamController) {
+          streamController.enqueue(encoder.encode(newText));
+        }
+      }
+      function resolveResponse() {
+        if (!resolved) {
+          resolved = true;
+          resolve(
+            new Response(readableStream, {
+              status: xhr.status,
+              statusText: xhr.statusText,
+              headers: parseResponseHeaders(xhr.getAllResponseHeaders())
+            })
+          );
+        }
+      }
+      xhr.onprogress = () => {
+        pushChunk();
+        resolveResponse();
+      };
+      xhr.onload = () => {
+        pushChunk();
+        streamController?.close();
+        resolveResponse();
+      };
+      xhr.onerror = () => {
+        const err = new TypeError("Network request failed");
+        streamController?.error(err);
+        if (!resolved) reject(err);
+      };
+      xhr.onabort = () => {
+        const err = new DOMException("Request aborted", "AbortError");
+        streamController?.error(err);
+        if (!resolved) reject(err);
+      };
+      if (init?.signal) {
+        init.signal.addEventListener("abort", () => xhr.abort());
+      }
+      xhr.send(init?.body ?? null);
+    });
+  };
+}
+var patched = false;
+function applyStreamingFetchPatch() {
+  if (patched) return;
+  patched = true;
+  const nav = typeof navigator !== "undefined" ? navigator : null;
+  const isReactNative = nav?.product === "ReactNative";
+  if (isReactNative) {
+    globalThis.fetch = createXHRStreamingFetch();
+  }
+}
+
+// src/index.ts
+applyStreamingFetchPatch();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applyStreamingFetchPatch,
+  createXHRStreamingFetch
+});

package/dist/index.mjs

@@ -0,0 +1,94 @@
+// src/patch.ts
+var encoder = new TextEncoder();
+function parseResponseHeaders(headersStr) {
+  const headers = {};
+  for (const line of headersStr.trim().split("\r\n")) {
+    const idx = line.indexOf(": ");
+    if (idx > 0) headers[line.slice(0, idx).toLowerCase()] = line.slice(idx + 2);
+  }
+  return headers;
+}
+function createXHRStreamingFetch() {
+  return (input, init) => {
+    const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
+    const method = init?.method ?? (typeof input !== "string" && !(input instanceof URL) ? input.method : "GET");
+    return new Promise((resolve, reject) => {
+      const xhr = new XMLHttpRequest();
+      xhr.open(method, url, true);
+      xhr.responseType = "text";
+      const reqHeaders = init?.headers ? new Headers(init.headers) : new Headers();
+      reqHeaders.forEach((value, key) => xhr.setRequestHeader(key, value));
+      let resolved = false;
+      let streamController = null;
+      let processedLength = 0;
+      const readableStream = new ReadableStream({
+        start(controller) {
+          streamController = controller;
+        },
+        cancel() {
+          xhr.abort();
+        }
+      });
+      function pushChunk() {
+        const text = xhr.responseText;
+        const newText = text.slice(processedLength);
+        processedLength = text.length;
+        if (newText && streamController) {
+          streamController.enqueue(encoder.encode(newText));
+        }
+      }
+      function resolveResponse() {
+        if (!resolved) {
+          resolved = true;
+          resolve(
+            new Response(readableStream, {
+              status: xhr.status,
+              statusText: xhr.statusText,
+              headers: parseResponseHeaders(xhr.getAllResponseHeaders())
+            })
+          );
+        }
+      }
+      xhr.onprogress = () => {
+        pushChunk();
+        resolveResponse();
+      };
+      xhr.onload = () => {
+        pushChunk();
+        streamController?.close();
+        resolveResponse();
+      };
+      xhr.onerror = () => {
+        const err = new TypeError("Network request failed");
+        streamController?.error(err);
+        if (!resolved) reject(err);
+      };
+      xhr.onabort = () => {
+        const err = new DOMException("Request aborted", "AbortError");
+        streamController?.error(err);
+        if (!resolved) reject(err);
+      };
+      if (init?.signal) {
+        init.signal.addEventListener("abort", () => xhr.abort());
+      }
+      xhr.send(init?.body ?? null);
+    });
+  };
+}
+var patched = false;
+function applyStreamingFetchPatch() {
+  if (patched) return;
+  patched = true;
+  const nav = typeof navigator !== "undefined" ? navigator : null;
+  const isReactNative = nav?.product === "ReactNative";
+  if (isReactNative) {
+    globalThis.fetch = createXHRStreamingFetch();
+  }
+}
+
+// src/index.ts
+applyStreamingFetchPatch();
+export {
+  applyStreamingFetchPatch,
+  createXHRStreamingFetch
+};

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@strand-js/react-native",
-  "version": "0.1.0",
+  "version": "0.1.2",
+  "license": "MIT",
   "description": "React Native transport adapter for Strand — patches streaming fetch support",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -15,8 +16,15 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --clean",
+    "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "lint": "eslint src"
+  },
   "dependencies": {
-    "@strand-js/core": "0.1.0"
+    "@strand-js/core": "workspace:*"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -29,12 +37,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts --clean",
-    "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run",
-    "lint": "eslint src"
   }
-}
+}