@tanstack/ai-svelte 0.21.0 → 0.22.0

package/dist/create-chat.svelte.js

@@ -37,6 +37,7 @@ export function createChat(options) {
     // Create reactive state using Svelte 5 runes
     let messages = $state(options.initialMessages || []);
     let isLoading = $state(false);
+    let hasOlderMessages = $state(false);
     let error = $state(undefined);
     let status = $state('ready');
     let isSubscribed = $state(false);
@@ -72,14 +73,24 @@ export function createChat(options) {
         ...(options.initialMessages !== undefined && {
             initialMessages: options.initialMessages,
         }),
-        ...(typeof options.threadId === 'string' && options.persistence
+        ...(typeof options.threadId === 'string' && options.persistence === true
             ? {
-                persistence: options.persistence,
+                persistence: true,
                 threadId: options.threadId,
+                ...(options.history !== undefined && {
+                    history: options.history,
+                }),
             }
-            : {
-                ...(options.threadId !== undefined && { threadId: options.threadId }),
-            }),
+            : typeof options.threadId === 'string' && options.persistence
+                ? {
+                    persistence: options.persistence,
+                    threadId: options.threadId,
+                }
+                : {
+                    ...(options.threadId !== undefined && {
+                        threadId: options.threadId,
+                    }),
+                }),
         ...(options.initialResumeSnapshot !== undefined && {
             initialResumeSnapshot: options.initialResumeSnapshot,
         }),
@@ -118,6 +129,7 @@ export function createChat(options) {
         }),
         onMessagesChange: (newMessages) => {
             messages = newMessages;
+            hasOlderMessages = client.getHasOlderMessages();
         },
         onLoadingChange: (newIsLoading) => {
             isLoading = newIsLoading;
@@ -215,6 +227,10 @@ export function createChat(options) {
             syncResumeState();
         }
     };
+    const loadOlderMessages = async () => {
+        await client.loadOlderMessages();
+        hasOlderMessages = client.getHasOlderMessages();
+    };
     const stop = () => {
         client.stop();
     };
@@ -313,6 +329,9 @@ export function createChat(options) {
         get isLoading() {
             return isLoading;
         },
+        get hasOlderMessages() {
+            return hasOlderMessages;
+        },
         get error() {
             return error;
         },
@@ -356,6 +375,7 @@ export function createChat(options) {
         cancelQueued,
         append,
         reload,
+        loadOlderMessages,
         stop,
         dispose,
         setMessages,

package/dist/types.d.ts

@@ -144,6 +144,15 @@ interface BaseCreateChatReturn<TTools extends ReadonlyArray<AnyClientTool> = any
      * Whether a response is currently being generated (reactive getter)
      */
     readonly isLoading: boolean;
+    /**
+     * True when the last hydrate or older-page response said more messages exist
+     * (reactive getter).
+     */
+    readonly hasOlderMessages: boolean;
+    /**
+     * Fetch the next older window and put it in front of the painted messages.
+     */
+    loadOlderMessages: () => Promise<void>;
     /**
      * Current error, if any (reactive getter)
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/ai-svelte",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "Svelte 5 bindings for TanStack AI streaming chat, structured outputs, and media generation.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -51,11 +51,11 @@
     "media-generation"
   ],
   "dependencies": {
-    "@tanstack/ai-client": "^0.31.0"
+    "@tanstack/ai-client": "^0.32.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0",
-    "@tanstack/ai": "^0.53.0"
+    "@tanstack/ai": "^0.55.0"
   },
   "devDependencies": {
     "@standard-schema/spec": "^1.1.0",
@@ -68,7 +68,7 @@
     "svelte-check": "^4.2.0",
     "typescript": "5.9.3",
     "vite": "^8.2.1",
-    "@tanstack/ai": "0.53.0"
+    "@tanstack/ai": "0.55.0"
   },
   "scripts": {
     "clean": "rm -rf ./dist",

package/src/create-chat.svelte.ts

@@ -75,6 +75,7 @@ export function createChat<
   // Create reactive state using Svelte 5 runes
   let messages = $state<Array<UIMessage<TTools>>>(options.initialMessages || [])
   let isLoading = $state(false)
+  let hasOlderMessages = $state(false)
   let error = $state<Error | undefined>(undefined)
   let status = $state<ChatClientState>('ready')
   let isSubscribed = $state(false)
@@ -119,14 +120,24 @@ export function createChat<
     ...(options.initialMessages !== undefined && {
       initialMessages: options.initialMessages,
     }),
-    ...(typeof options.threadId === 'string' && options.persistence
+    ...(typeof options.threadId === 'string' && options.persistence === true
       ? {
-          persistence: options.persistence,
+          persistence: true,
           threadId: options.threadId,
+          ...(options.history !== undefined && {
+            history: options.history,
+          }),
         }
-      : {
-          ...(options.threadId !== undefined && { threadId: options.threadId }),
-        }),
+      : typeof options.threadId === 'string' && options.persistence
+        ? {
+            persistence: options.persistence,
+            threadId: options.threadId,
+          }
+        : {
+            ...(options.threadId !== undefined && {
+              threadId: options.threadId,
+            }),
+          }),
     ...(options.initialResumeSnapshot !== undefined && {
       initialResumeSnapshot: options.initialResumeSnapshot,
     }),
@@ -165,6 +176,7 @@ export function createChat<
     }),
     onMessagesChange: (newMessages: Array<UIMessage<TTools>>) => {
       messages = newMessages
+      hasOlderMessages = client.getHasOlderMessages()
     },
     onLoadingChange: (newIsLoading: boolean) => {
       isLoading = newIsLoading
@@ -272,6 +284,11 @@ export function createChat<
     }
   }
 
+  const loadOlderMessages = async () => {
+    await client.loadOlderMessages()
+    hasOlderMessages = client.getHasOlderMessages()
+  }
+
   const stop = () => {
     client.stop()
   }
@@ -407,6 +424,9 @@ export function createChat<
     get isLoading() {
       return isLoading
     },
+    get hasOlderMessages() {
+      return hasOlderMessages
+    },
     get error() {
       return error
     },
@@ -450,6 +470,7 @@ export function createChat<
     cancelQueued,
     append,
     reload,
+    loadOlderMessages,
     stop,
     dispose,
     setMessages,

package/src/types.ts

@@ -259,6 +259,17 @@ interface BaseCreateChatReturn<
    */
   readonly isLoading: boolean
 
+  /**
+   * True when the last hydrate or older-page response said more messages exist
+   * (reactive getter).
+   */
+  readonly hasOlderMessages: boolean
+
+  /**
+   * Fetch the next older window and put it in front of the painted messages.
+   */
+  loadOlderMessages: () => Promise<void>
+
   /**
    * Current error, if any (reactive getter)
    */