@tanstack/ai-client 0.13.0 → 0.14.0

package/src/events.ts

@@ -2,7 +2,7 @@ import {
   aiEventClient,
   createAIDevtoolsEventEnvelope,
 } from '@tanstack/ai-event-client'
-import type { ContentPart } from '@tanstack/ai'
+import type { ContentPart } from '@tanstack/ai/client'
 import type { UIMessage } from './types'
 
 export interface ChatClientRunEventContext {

package/src/generation-client.ts

@@ -1,7 +1,7 @@
 import { GENERATION_EVENTS } from './generation-types'
 import { createNoOpGenerationDevtoolsBridge } from './devtools-noop'
 import { parseSSEResponse } from './sse-parser'
-import type { StreamChunk } from '@tanstack/ai'
+import type { StreamChunk } from '@tanstack/ai/client'
 import type {
   ConnectConnectionAdapter,
   RunAgentInputContext,

package/src/generation-types.ts

@@ -1,4 +1,4 @@
-import type { StreamChunk } from '@tanstack/ai'
+import type { StreamChunk } from '@tanstack/ai/client'
 import type { ConnectConnectionAdapter } from './connection-adapters'
 import type { AIDevtoolsClientMetadata } from './devtools'
 import type {

package/src/index.ts

@@ -43,6 +43,7 @@ export type {
   VideoGenerateInput,
 } from './generation-types'
 export { GENERATION_EVENTS } from './generation-types'
+export { UnsupportedResponseStreamError } from './response-stream'
 export { clientTools, createChatClientOptions } from './types'
 export {
   createAIDevtoolsGenerationPreview,
@@ -58,7 +59,7 @@ export type {
   ExtractToolInput,
   ExtractToolOutput,
 } from './tool-types'
-export type { AnyClientTool } from '@tanstack/ai'
+export type { AnyClientTool } from '@tanstack/ai/client'
 export type {
   RealtimeAdapter,
   RealtimeConnection,
@@ -69,6 +70,8 @@ export type {
 export {
   fetchServerSentEvents,
   fetchHttpStream,
+  xhrServerSentEvents,
+  xhrHttpStream,
   stream,
   rpcStream,
   StreamTruncatedError,
@@ -77,6 +80,7 @@ export {
   type FetchConnectionOptions,
   type RunAgentInputContext,
   type SubscribeConnectionAdapter,
+  type XhrConnectionOptions,
 } from './connection-adapters'
 
 // Re-export message converters from @tanstack/ai
@@ -87,7 +91,7 @@ export {
   convertMessagesToModelMessages,
   normalizeToUIMessage,
   generateMessageId,
-} from '@tanstack/ai'
+} from '@tanstack/ai/client'
 
 // Re-export stream processing from @tanstack/ai (shared implementation)
 export {
@@ -110,4 +114,4 @@ export {
   type ChunkRecording,
   type ProcessorResult,
   type ProcessorState,
-} from '@tanstack/ai'
+} from '@tanstack/ai/client'

package/src/realtime-client.ts

@@ -1,4 +1,4 @@
-import { convertSchemaToJsonSchema } from '@tanstack/ai'
+import { convertSchemaToJsonSchema } from '@tanstack/ai/client'
 import type {
   AnyClientTool,
   AudioVisualization,
@@ -6,7 +6,7 @@ import type {
   RealtimeMode,
   RealtimeStatus,
   RealtimeToken,
-} from '@tanstack/ai'
+} from '@tanstack/ai/client'
 import type {
   RealtimeClientOptions,
   RealtimeClientState,

package/src/realtime-types.ts

@@ -8,7 +8,7 @@ import type {
   RealtimeSessionConfig,
   RealtimeStatus,
   RealtimeToken,
-} from '@tanstack/ai'
+} from '@tanstack/ai/client'
 
 // ============================================================================
 // Adapter Interface

package/src/response-stream.ts

@@ -0,0 +1,42 @@
+export type MissingResponseStreamFeature =
+  | 'TextDecoder'
+  | 'Response.body'
+  | 'Response.body.getReader'
+
+export class UnsupportedResponseStreamError extends Error {
+  readonly missingFeature: MissingResponseStreamFeature
+
+  constructor(missingFeature: MissingResponseStreamFeature) {
+    super(createUnsupportedResponseStreamMessage(missingFeature))
+    this.name = 'UnsupportedResponseStreamError'
+    this.missingFeature = missingFeature
+  }
+}
+
+function createUnsupportedResponseStreamMessage(
+  missingFeature: MissingResponseStreamFeature,
+): string {
+  return `Streaming fetch responses are not supported in this runtime because ${missingFeature} is unavailable. React Native users need a compatible fetch/stream/TextDecoder polyfill, or should use a fetch, XHR, or custom transport that can deliver streaming chunks.`
+}
+
+export function getResponseStreamReader(
+  response: Response,
+): ReadableStreamDefaultReader<Uint8Array> {
+  if (!response.body) {
+    throw new UnsupportedResponseStreamError('Response.body')
+  }
+
+  if (typeof response.body.getReader !== 'function') {
+    throw new UnsupportedResponseStreamError('Response.body.getReader')
+  }
+
+  return response.body.getReader()
+}
+
+export function createResponseStreamTextDecoder(): TextDecoder {
+  if (typeof globalThis.TextDecoder !== 'function') {
+    throw new UnsupportedResponseStreamError('TextDecoder')
+  }
+
+  return new globalThis.TextDecoder()
+}

package/src/sse-parser.ts

@@ -1,4 +1,9 @@
-import type { StreamChunk } from '@tanstack/ai'
+import {
+  createResponseStreamTextDecoder,
+  getResponseStreamReader,
+} from './response-stream'
+import { parseSseDataLine } from './sse-utils'
+import type { StreamChunk } from '@tanstack/ai/client'
 
 /**
  * Read lines from a stream (newline-delimited)
@@ -8,7 +13,7 @@ async function* readStreamLines(
   abortSignal?: AbortSignal,
 ): AsyncGenerator<string> {
   try {
-    const decoder = new TextDecoder()
+    const decoder = createResponseStreamTextDecoder()
     let buffer = ''
 
     while (!abortSignal?.aborted) {
@@ -51,13 +56,10 @@ export async function* parseSSEResponse(
     )
   }
 
-  const reader = response.body?.getReader()
-  if (!reader) {
-    throw new Error('Response body is not readable')
-  }
+  const reader = getResponseStreamReader(response)
 
   for await (const line of readStreamLines(reader, abortSignal)) {
-    const data = line.startsWith('data: ') ? line.slice(6) : line
+    const data = parseSseDataLine(line)
 
     if (data === '[DONE]') {
       console.warn(

package/src/sse-utils.ts

@@ -0,0 +1,8 @@
+export function parseSseDataLine(line: string): string {
+  if (!line.startsWith('data:')) {
+    return line
+  }
+
+  const data = line.slice(5)
+  return data.startsWith(' ') ? data.slice(1) : data
+}

package/src/tool-types.ts

@@ -2,7 +2,7 @@ import type {
   AnyClientTool,
   InferToolInput,
   InferToolOutput,
-} from '@tanstack/ai'
+} from '@tanstack/ai/client'
 
 /**
  * Extract all tool names from a tools array as a union type

package/src/types.ts

@@ -11,12 +11,12 @@ import type {
   StreamChunk,
   StructuredOutputPart,
   VideoPart,
-} from '@tanstack/ai'
+} from '@tanstack/ai/client'
 import type { ConnectionAdapter } from './connection-adapters'
 import type { AIDevtoolsClientMetadata } from './devtools'
 import type { ChatDevtoolsBridgeFactory } from './devtools-noop'
 
-export type { StructuredOutputPart } from '@tanstack/ai'
+export type { StructuredOutputPart } from '@tanstack/ai/client'
 
 /**
  * `messages` is the full UIMessage history (not a delta). `data` is the

package/src/video-generation-client.ts

@@ -1,7 +1,7 @@
 import { GENERATION_EVENTS } from './generation-types'
 import { createNoOpVideoDevtoolsBridge } from './devtools-noop'
 import { parseSSEResponse } from './sse-parser'
-import type { StreamChunk } from '@tanstack/ai'
+import type { StreamChunk } from '@tanstack/ai/client'
 import type {
   ConnectConnectionAdapter,
   RunAgentInputContext,