@tanstack/ai-remix 0.2.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/ai-remix",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Remix 3 bindings for TanStack AI streaming chat, structured outputs, and media generation.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -46,11 +46,11 @@
     "README.md"
   ],
   "dependencies": {
-    "@tanstack/ai-client": "^0.31.0"
+    "@tanstack/ai-client": "^0.32.0"
   },
   "peerDependencies": {
     "remix": "^3.0.0-rc.1",
-    "@tanstack/ai": "^0.53.0"
+    "@tanstack/ai": "^0.55.0"
   },
   "devDependencies": {
     "@types/node": "^24.10.1",
@@ -59,7 +59,7 @@
     "remix": "^3.0.0-rc.1",
     "vite": "^8.2.1",
     "vitest": "^4.1.10",
-    "@tanstack/ai": "0.53.0"
+    "@tanstack/ai": "0.55.0"
   },
   "scripts": {
     "lint:fix": "oxlint src --type-aware --fix",

package/src/create-chat.ts

@@ -83,6 +83,7 @@ export function createChat<
 ) {
   let messages = options.initialMessages || []
   let isLoading = false
+  let hasOlderMessages = false
   let error: Error | undefined
   let status: ChatClientState = 'ready'
   let isSubscribed = false
@@ -117,12 +118,20 @@ export function createChat<
     ...(options.initialMessages !== undefined && {
       initialMessages: options.initialMessages,
     }),
-    ...(options.persistence
+    ...(options.persistence === true
       ? {
-          persistence: options.persistence,
+          persistence: true,
           threadId,
+          ...(options.history !== undefined && {
+            history: options.history,
+          }),
         }
-      : { threadId }),
+      : options.persistence
+        ? {
+            persistence: options.persistence,
+            threadId,
+          }
+        : { threadId }),
     ...(options.initialResumeSnapshot !== undefined && {
       initialResumeSnapshot: options.initialResumeSnapshot,
     }),
@@ -160,6 +169,7 @@ export function createChat<
     }),
     onMessagesChange: (newMessages: Array<UIMessage<TTools>>) => {
       messages = newMessages
+      hasOlderMessages = client.getHasOlderMessages()
       commit()
     },
     onLoadingChange: (newIsLoading: boolean) => {
@@ -264,6 +274,12 @@ export function createChat<
     }
   }
 
+  const loadOlderMessages = async () => {
+    await client.loadOlderMessages()
+    hasOlderMessages = client.getHasOlderMessages()
+    commit()
+  }
+
   const stop = () => {
     client.stop()
   }
@@ -359,6 +375,9 @@ export function createChat<
     get isLoading() {
       return isLoading
     },
+    get hasOlderMessages() {
+      return hasOlderMessages
+    },
     get error() {
       return error
     },
@@ -407,6 +426,7 @@ export function createChat<
     cancelQueued,
     append,
     reload,
+    loadOlderMessages,
     stop,
     setMessages,
     clear,

package/src/types.ts

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