@tanstack/ai-svelte 0.10.1 → 0.10.3

package/dist/create-chat.svelte.js

@@ -46,13 +46,22 @@ export function createChat(options) {
     // by reference. Callbacks are therefore frozen to whatever the caller passed
     // at creation — to swap them dynamically, mutate the options object
     // in-place or call `client.updateOptions(...)` imperatively.
+    // Optional fields use conditional spread because the target
+    // `ChatClientOptions` declares them as `field?: T` (absent vs. present)
+    // rather than `field?: T | undefined`. Under `exactOptionalPropertyTypes`,
+    // passing an explicit `undefined` for an absent-only optional is a type
+    // error, so we omit the key when the caller's value is undefined.
     const client = new ChatClient({
         connection: options.connection,
         id: clientId,
-        initialMessages: options.initialMessages,
-        body: options.body,
-        forwardedProps: options.forwardedProps,
-        onResponse: options.onResponse,
+        ...(options.initialMessages !== undefined && {
+            initialMessages: options.initialMessages,
+        }),
+        ...(options.body !== undefined && { body: options.body }),
+        ...(options.forwardedProps !== undefined && {
+            forwardedProps: options.forwardedProps,
+        }),
+        ...(options.onResponse !== undefined && { onResponse: options.onResponse }),
         onChunk: (chunk) => {
             options.onChunk?.(chunk);
         },
@@ -63,8 +72,12 @@ export function createChat(options) {
             options.onError?.(err);
         },
         tools: options.tools,
-        onCustomEvent: options.onCustomEvent,
-        streamProcessor: options.streamProcessor,
+        ...(options.onCustomEvent !== undefined && {
+            onCustomEvent: options.onCustomEvent,
+        }),
+        ...(options.streamProcessor !== undefined && {
+            streamProcessor: options.streamProcessor,
+        }),
         onMessagesChange: (newMessages) => {
             messages = newMessages;
         },
@@ -138,7 +151,7 @@ export function createChat(options) {
     const activeStructuredPart = $derived.by(() => {
         let lastUserIndex = -1;
         for (let i = messages.length - 1; i >= 0; i--) {
-            if (messages[i].role === 'user') {
+            if (messages[i]?.role === 'user') {
                 lastUserIndex = i;
                 break;
             }
@@ -147,7 +160,7 @@ export function createChat(options) {
             return null;
         for (let i = messages.length - 1; i > lastUserIndex; i--) {
             const m = messages[i];
-            if (m.role !== 'assistant')
+            if (m?.role !== 'assistant')
                 continue;
             const part = m.parts.find((p) => p.type === 'structured-output');
             if (part)
@@ -166,6 +179,7 @@ export function createChat(options) {
         : null);
     // Return the chat interface with reactive getters
     // Using getters allows Svelte to track reactivity without needing $ prefix
+    // eslint-disable-next-line no-restricted-syntax -- rune return shape diverges from generic CreateChatReturn<TTools, TSchema> due to TSchema conditional partial/final fields; TS can't structurally narrow.
     return {
         get messages() {
             return messages;

package/dist/create-generate-video.svelte.js

@@ -39,6 +39,10 @@ export function createGenerateVideo(options) {
     let isLoading = $state(false);
     let error = $state(undefined);
     let status = $state('idle');
+    // `body` uses a conditional spread because `VideoGenerationClientOptions.body`
+    // is declared `body?: Record<string, any>` (absent vs. present) under
+    // `exactOptionalPropertyTypes`. The optional caller `options.body` may be
+    // undefined, in which case we want the key to be absent on the target.
     const baseOptions = {
         id: clientId,
         body: options.body,

package/dist/create-generation.svelte.js

@@ -37,6 +37,11 @@ export function createGeneration(options) {
     let isLoading = $state(false);
     let error = $state(undefined);
     let status = $state('idle');
+    // `body` uses a conditional spread because `GenerationClientOptions.body`
+    // is declared `body?: Record<string, any>` (absent vs. present) under
+    // `exactOptionalPropertyTypes`. Assigning `undefined` directly would be
+    // rejected — the optional caller `options.body` may be undefined, in which
+    // case we want the key to be absent.
     const clientOptions = {
         id: clientId,
         body: options.body,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/ai-svelte",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "Svelte bindings for TanStack AI",
   "author": "",
   "license": "MIT",
@@ -33,11 +33,11 @@
     "streaming"
   ],
   "dependencies": {
-    "@tanstack/ai-client": "0.11.1"
+    "@tanstack/ai-client": "0.11.3"
   },
   "peerDependencies": {
     "svelte": "^5.0.0",
-    "@tanstack/ai": "^0.19.1"
+    "@tanstack/ai": "^0.20.1"
   },
   "devDependencies": {
     "@standard-schema/spec": "^1.1.0",
@@ -50,7 +50,7 @@
     "svelte-check": "^4.2.0",
     "typescript": "5.9.3",
     "vite": "^7.3.3",
-    "@tanstack/ai": "0.19.1"
+    "@tanstack/ai": "0.20.1"
   },
   "scripts": {
     "clean": "rm -rf ./dist",

package/src/create-chat.svelte.ts

@@ -81,13 +81,22 @@ export function createChat<
   // by reference. Callbacks are therefore frozen to whatever the caller passed
   // at creation — to swap them dynamically, mutate the options object
   // in-place or call `client.updateOptions(...)` imperatively.
+  // Optional fields use conditional spread because the target
+  // `ChatClientOptions` declares them as `field?: T` (absent vs. present)
+  // rather than `field?: T | undefined`. Under `exactOptionalPropertyTypes`,
+  // passing an explicit `undefined` for an absent-only optional is a type
+  // error, so we omit the key when the caller's value is undefined.
   const client = new ChatClient({
     connection: options.connection,
     id: clientId,
-    initialMessages: options.initialMessages,
-    body: options.body,
-    forwardedProps: options.forwardedProps,
-    onResponse: options.onResponse,
+    ...(options.initialMessages !== undefined && {
+      initialMessages: options.initialMessages,
+    }),
+    ...(options.body !== undefined && { body: options.body }),
+    ...(options.forwardedProps !== undefined && {
+      forwardedProps: options.forwardedProps,
+    }),
+    ...(options.onResponse !== undefined && { onResponse: options.onResponse }),
     onChunk: (chunk: StreamChunk) => {
       options.onChunk?.(chunk)
     },
@@ -98,8 +107,12 @@ export function createChat<
       options.onError?.(err)
     },
     tools: options.tools,
-    onCustomEvent: options.onCustomEvent,
-    streamProcessor: options.streamProcessor,
+    ...(options.onCustomEvent !== undefined && {
+      onCustomEvent: options.onCustomEvent,
+    }),
+    ...(options.streamProcessor !== undefined && {
+      streamProcessor: options.streamProcessor,
+    }),
     onMessagesChange: (newMessages: Array<UIMessage<TTools>>) => {
       messages = newMessages
     },
@@ -195,15 +208,15 @@ export function createChat<
   const activeStructuredPart: StructuredOutputPart | null = $derived.by(() => {
     let lastUserIndex = -1
     for (let i = messages.length - 1; i >= 0; i--) {
-      if (messages[i]!.role === 'user') {
+      if (messages[i]?.role === 'user') {
         lastUserIndex = i
         break
       }
     }
     if (lastUserIndex === -1) return null
     for (let i = messages.length - 1; i > lastUserIndex; i--) {
-      const m = messages[i]!
-      if (m.role !== 'assistant') continue
+      const m = messages[i]
+      if (m?.role !== 'assistant') continue
       const part = m.parts.find(
         (p): p is StructuredOutputPart => p.type === 'structured-output',
       )
@@ -226,6 +239,7 @@ export function createChat<
 
   // Return the chat interface with reactive getters
   // Using getters allows Svelte to track reactivity without needing $ prefix
+  // eslint-disable-next-line no-restricted-syntax -- rune return shape diverges from generic CreateChatReturn<TTools, TSchema> due to TSchema conditional partial/final fields; TS can't structurally narrow.
   return {
     get messages() {
       return messages

package/src/create-generate-video.svelte.ts

@@ -125,6 +125,10 @@ export function createGenerateVideo<
   let error = $state<Error | undefined>(undefined)
   let status = $state<GenerationClientState>('idle')
 
+  // `body` uses a conditional spread because `VideoGenerationClientOptions.body`
+  // is declared `body?: Record<string, any>` (absent vs. present) under
+  // `exactOptionalPropertyTypes`. The optional caller `options.body` may be
+  // undefined, in which case we want the key to be absent on the target.
   const baseOptions = {
     id: clientId,
     body: options.body,

package/src/create-generation.svelte.ts

@@ -116,6 +116,11 @@ export function createGeneration<
   let error = $state<Error | undefined>(undefined)
   let status = $state<GenerationClientState>('idle')
 
+  // `body` uses a conditional spread because `GenerationClientOptions.body`
+  // is declared `body?: Record<string, any>` (absent vs. present) under
+  // `exactOptionalPropertyTypes`. Assigning `undefined` directly would be
+  // rejected — the optional caller `options.body` may be undefined, in which
+  // case we want the key to be absent.
   const clientOptions: GenerationClientOptions<TInput, TResult, TOutput> = {
     id: clientId,
     body: options.body,