@tanstack/svelte-db 0.5.4 → 0.5.7

package/dist/useLiveInfiniteQuery.svelte.js

@@ -1,4 +1,4 @@
-import { assertLiveQueryWindowManyResult, compareLiveQueryWindowDependencies, createLiveQueryCollection, createLiveQueryWindowController, fetchNextLiveQueryWindowPage, getLiveQueryWindowCollectionWarning, normalizeLiveQueryWindowPageSize, resolveLiveQueryWindowInput, shouldPreserveLiveQueryWindowPageCount, } from '@tanstack/db';
+import { assertLiveQueryWindowManyResult, compareLiveQueryWindowDependencies, createLiveQueryCollection, createLiveQueryWindowController, fetchNextLiveQueryWindowPage, getLiveQueryWindowCollectionWarning, liveQueryWindowMatches, normalizeLiveQueryWindowPageSize, resolveLiveQueryWindowInput, shouldPreserveLiveQueryWindowPageCount, } from '@tanstack/db';
 import { tick, untrack } from 'svelte';
 const DEFAULT_GC_TIME_MS = 1;
 export function useLiveInfiniteQuery(queryFnOrCollection, config, deps = []) {
@@ -37,6 +37,8 @@ export function useLiveInfiniteQuery(queryFnOrCollection, config, deps = []) {
             ? Math.max(1, previousController.getSnapshot().pages.length)
             : 1;
         const initialPageCount = canPreservePageCount ? previousPageCount : 1;
+        // The peek-ahead window for every retained page.
+        const requiredLimit = initialPageCount * pageSize + 1;
         previousInput = input;
         previousDependencies = [...dependencies];
         previousPageSize = pageSize;
@@ -49,6 +51,12 @@ export function useLiveInfiniteQuery(queryFnOrCollection, config, deps = []) {
                 if (warning)
                     console.warn(warning);
             }
+            // Like useLiveQuery, start a supplied collection during construction when
+            // its rows are already correct. A window the controller must still adjust
+            // waits for the subscription.
+            if (liveQueryWindowMatches(collection, requiredLimit)) {
+                collection.startSyncImmediate();
+            }
             const currentController = createLiveQueryWindowController(collection, {
                 pageSize,
                 initialPageParam,
@@ -58,11 +66,16 @@ export function useLiveInfiniteQuery(queryFnOrCollection, config, deps = []) {
             return currentController;
         }
         const collection = createLiveQueryCollection({
-            query: input.query.limit(pageSize + 1).offset(0),
-            startSync: false,
+            // Size the window for every retained page, so a collection that starts
+            // syncing now never publishes fewer rows than the controller's pages.
+            query: input.query.limit(requiredLimit).offset(0),
             gcTime: DEFAULT_GC_TIME_MS,
         });
         assertLiveQueryWindowManyResult(collection);
+        // Like useLiveQuery, start sync during construction once the query is
+        // valid. Construction reads only rows the sources already hold and sends
+        // no request until the subscribing effect attaches.
+        collection.startSyncImmediate();
         const currentController = createLiveQueryWindowController(collection, {
             pageSize,
             initialPageParam,

package/dist/useLiveQuery.svelte.js

@@ -4,6 +4,12 @@ import { untrack } from 'svelte';
 import { SvelteMap } from 'svelte/reactivity';
 import { BaseQueryBuilder, UnhashableQueryIRError, createLiveQueryCollection, createLiveQueryObserver, getLiveQueryHash, getPublicCollection, getStableValueHash, isCollection, isSingleResultCollection, prepareLiveQueryValue, resolveLiveQueryValue, } from '@tanstack/db';
 import { useOptionalDbClient } from './db-context.js';
+/** Copy a snapshot's ordered rows; a single-result query's `data` is one row. */
+function snapshotRows(data) {
+    if (Array.isArray(data))
+        return [...data];
+    return data === undefined ? [] : [data];
+}
 function toValue(value) {
     if (typeof value === `function`) {
         return value();
@@ -118,7 +124,7 @@ export function useLiveQuery(configOrQueryOrCollection, deps = []) {
     // Reactive state that gets updated granularly through change events
     const state = new SvelteMap(initialSnapshot.state ?? []);
     // Reactive data array that maintains sorted order
-    let internalData = $state(Array.from(initialSnapshot.state?.values() ?? []));
+    let internalData = $state(snapshotRows(initialSnapshot.data));
     // Track collection status reactively
     let status = $state(initialSnapshot.status);
     let persistedStatus = $state(initialSnapshot.persistedStatus);
@@ -148,7 +154,7 @@ export function useLiveQuery(configOrQueryOrCollection, deps = []) {
                     state.set(key, value);
                 }
             }
-            internalData = Array.from(snapshot.state?.values() ?? []);
+            internalData = snapshotRows(snapshot.data);
         });
     };
     // Watch for collection changes and subscribe to updates

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/svelte-db",
-  "version": "0.5.4",
+  "version": "0.5.7",
   "description": "Svelte integration for @tanstack/db",
   "author": "Kyle Mathews",
   "license": "MIT",
@@ -35,7 +35,7 @@
     "skills"
   ],
   "dependencies": {
-    "@tanstack/db": "0.12.0"
+    "@tanstack/db": "0.12.3"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"