@tanstack/ai-svelte 0.21.1 → 0.23.0

package/dist/byok.d.ts

@@ -0,0 +1,2 @@
+export { ByokClient, EMPTY_BYOK_SNAPSHOT, decryptKeyring, defaultByokStorage, defineByok, defineByokProvider, deriveAesKey, encryptKeyring, isPasskeyStorageSupported, memoryStorage, passkeyStorage, } from '@tanstack/ai-client/byok';
+export type { ByokPrompt, ByokProvider, ByokProviderInit, ByokSnapshot, DefineByokOptions, KeyPreview, KeyStatus, Keyring, KeyringStorage, PasskeyStorageOptions, } from '@tanstack/ai-client/byok';

package/dist/byok.js

@@ -0,0 +1 @@
+export { ByokClient, EMPTY_BYOK_SNAPSHOT, decryptKeyring, defaultByokStorage, defineByok, defineByokProvider, deriveAesKey, encryptKeyring, isPasskeyStorageSupported, memoryStorage, passkeyStorage, } from '@tanstack/ai-client/byok';

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/index.d.ts

@@ -20,4 +20,4 @@ export { createGenerateVideo } from './create-generate-video.svelte';
 export type { CreateGenerateVideoOptions, CreateGenerateVideoReturn, } from './create-generate-video.svelte';
 export { createAudioRecorder } from './create-audio-recorder.svelte';
 export type { CreateAudioRecorderOptions, CreateAudioRecorderReturn, } from './create-audio-recorder.svelte';
-export { fetchServerSentEvents, localStoragePersistence, sessionStoragePersistence, indexedDBPersistence, StorageUnavailableError, type ChatClientPersistence, type ChatPersistedState, type ChatPersistenceOption, type ChatStorageAdapter, type WebStoragePersistenceOptions, type IndexedDBPersistenceOptions, fetchHttpStream, xhrServerSentEvents, xhrHttpStream, stream, rpcStream, webSocket, createChatClientOptions, clientTools, type ConnectionAdapter, type ConnectConnectionAdapter, type SubscribeConnectionAdapter, type RunAgentInputContext, type FetchConnectionOptions, type XhrConnectionOptions, type WebSocketConnectionOptions, type InferChatMessages, type GenerationClientState, type ImageGenerateInput, type AudioGenerateInput, type SpeechGenerateInput, type TranscriptionGenerateInput, type SummarizeGenerateInput, type VideoGenerateInput, type VideoGenerateResult, type VideoStatusInfo, } from '@tanstack/ai-client';
+export { AudioRecorder, ChatClient, InterruptManager, RealtimeClient, GenerationClient, VideoGenerationClient, GENERATION_EVENTS, reconstructImageResult, reconstructAudioResult, reconstructSpeechResult, reconstructTranscriptionResult, reconstructSummarizeResult, UnsupportedResponseStreamError, createAIDevtoolsGenerationPreview, StreamTruncatedError, DurableStreamIncompleteError, StreamReconnectLimitError, uiMessageToModelMessages, modelMessageToUIMessage, modelMessagesToUIMessages, convertMessagesToModelMessages, normalizeToUIMessage, generateMessageId, StreamProcessor, ImmediateStrategy, PunctuationStrategy, BatchStrategy, WordBoundaryStrategy, CompositeStrategy, parsePartialJSON, PartialJSONParser, defaultJSONParser, registerWebMCPTools, createMcpAppBridge, type McpAppBridge, type CreateMcpAppBridgeOptions, fetchServerSentEvents, localStoragePersistence, sessionStoragePersistence, indexedDBPersistence, StorageUnavailableError, type ChatClientPersistence, type ChatPersistedState, type ChatPersistenceOption, type ChatStorageAdapter, type WebStoragePersistenceOptions, type IndexedDBPersistenceOptions, fetchHttpStream, xhrServerSentEvents, xhrHttpStream, stream, rpcStream, webSocket, createChatClientOptions, clientTools, type ConnectionAdapter, type ConnectConnectionAdapter, type SubscribeConnectionAdapter, type RunAgentInputContext, type FetchConnectionOptions, type XhrConnectionOptions, type WebSocketConnectionOptions, type InferChatMessages, type GenerationClientState, type ImageGenerateInput, type AudioGenerateInput, type SpeechGenerateInput, type TranscriptionGenerateInput, type SummarizeGenerateInput, type VideoGenerateInput, type VideoGenerateResult, type VideoStatusInfo, } from '@tanstack/ai-client';

package/dist/index.js

@@ -12,4 +12,4 @@ export { createSummarize } from './create-summarize.svelte';
 export { createGenerateVideo } from './create-generate-video.svelte';
 export { createAudioRecorder } from './create-audio-recorder.svelte';
 // Re-export from ai-client for convenience
-export { fetchServerSentEvents, localStoragePersistence, sessionStoragePersistence, indexedDBPersistence, StorageUnavailableError, fetchHttpStream, xhrServerSentEvents, xhrHttpStream, stream, rpcStream, webSocket, createChatClientOptions, clientTools, } from '@tanstack/ai-client';
+export { AudioRecorder, ChatClient, InterruptManager, RealtimeClient, GenerationClient, VideoGenerationClient, GENERATION_EVENTS, reconstructImageResult, reconstructAudioResult, reconstructSpeechResult, reconstructTranscriptionResult, reconstructSummarizeResult, UnsupportedResponseStreamError, createAIDevtoolsGenerationPreview, StreamTruncatedError, DurableStreamIncompleteError, StreamReconnectLimitError, uiMessageToModelMessages, modelMessageToUIMessage, modelMessagesToUIMessages, convertMessagesToModelMessages, normalizeToUIMessage, generateMessageId, StreamProcessor, ImmediateStrategy, PunctuationStrategy, BatchStrategy, WordBoundaryStrategy, CompositeStrategy, parsePartialJSON, PartialJSONParser, defaultJSONParser, registerWebMCPTools, createMcpAppBridge, fetchServerSentEvents, localStoragePersistence, sessionStoragePersistence, indexedDBPersistence, StorageUnavailableError, fetchHttpStream, xhrServerSentEvents, xhrHttpStream, stream, rpcStream, webSocket, createChatClientOptions, clientTools, } from '@tanstack/ai-client';

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.1",
+  "version": "0.23.0",
   "description": "Svelte 5 bindings for TanStack AI streaming chat, structured outputs, and media generation.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -31,6 +31,11 @@
       "types": "./dist/ui.d.ts",
       "svelte": "./dist/ui.js",
       "import": "./dist/ui.js"
+    },
+    "./byok": {
+      "types": "./dist/byok.d.ts",
+      "svelte": "./dist/byok.js",
+      "import": "./dist/byok.js"
     }
   },
   "files": [
@@ -51,11 +56,11 @@
     "media-generation"
   ],
   "dependencies": {
-    "@tanstack/ai-client": "^0.31.1"
+    "@tanstack/ai-client": "^0.32.1"
   },
   "peerDependencies": {
     "svelte": "^5.0.0",
-    "@tanstack/ai": "^0.54.0"
+    "@tanstack/ai": "^0.55.0"
   },
   "devDependencies": {
     "@standard-schema/spec": "^1.1.0",
@@ -68,7 +73,7 @@
     "svelte-check": "^4.2.0",
     "typescript": "5.9.3",
     "vite": "^8.2.1",
-    "@tanstack/ai": "0.54.0"
+    "@tanstack/ai": "0.55.0"
   },
   "scripts": {
     "clean": "rm -rf ./dist",

package/src/byok.ts

@@ -0,0 +1,25 @@
+export {
+  ByokClient,
+  EMPTY_BYOK_SNAPSHOT,
+  decryptKeyring,
+  defaultByokStorage,
+  defineByok,
+  defineByokProvider,
+  deriveAesKey,
+  encryptKeyring,
+  isPasskeyStorageSupported,
+  memoryStorage,
+  passkeyStorage,
+} from '@tanstack/ai-client/byok'
+export type {
+  ByokPrompt,
+  ByokProvider,
+  ByokProviderInit,
+  ByokSnapshot,
+  DefineByokOptions,
+  KeyPreview,
+  KeyStatus,
+  Keyring,
+  KeyringStorage,
+  PasskeyStorageOptions,
+} from '@tanstack/ai-client/byok'

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/index.ts

@@ -68,6 +68,42 @@ export type {
 
 // Re-export from ai-client for convenience
 export {
+  AudioRecorder,
+  ChatClient,
+  InterruptManager,
+  RealtimeClient,
+  GenerationClient,
+  VideoGenerationClient,
+  GENERATION_EVENTS,
+  reconstructImageResult,
+  reconstructAudioResult,
+  reconstructSpeechResult,
+  reconstructTranscriptionResult,
+  reconstructSummarizeResult,
+  UnsupportedResponseStreamError,
+  createAIDevtoolsGenerationPreview,
+  StreamTruncatedError,
+  DurableStreamIncompleteError,
+  StreamReconnectLimitError,
+  uiMessageToModelMessages,
+  modelMessageToUIMessage,
+  modelMessagesToUIMessages,
+  convertMessagesToModelMessages,
+  normalizeToUIMessage,
+  generateMessageId,
+  StreamProcessor,
+  ImmediateStrategy,
+  PunctuationStrategy,
+  BatchStrategy,
+  WordBoundaryStrategy,
+  CompositeStrategy,
+  parsePartialJSON,
+  PartialJSONParser,
+  defaultJSONParser,
+  registerWebMCPTools,
+  createMcpAppBridge,
+  type McpAppBridge,
+  type CreateMcpAppBridgeOptions,
   fetchServerSentEvents,
   localStoragePersistence,
   sessionStoragePersistence,

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)
    */