@tanstack/svelte-query 6.1.40 → 6.1.42

package/dist/containers.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"containers.svelte.d.ts","sourceRoot":"","sources":["../src/containers.svelte.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,MAAM,IAAI,CAAA;AACxB,KAAK,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,CAAA;AAEnD,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAAA;AAEnC,qBAAa,aAAa,CAAC,CAAC,CAAE,YAAW,GAAG,CAAC,CAAC,CAAC;;gBAIjC,EAAE,EAAE,MAAM,CAAC,EAAE,WAAW,EAAE,UAAU;IAKhD,IAAI,OAAO,MAGV;CACF;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,EACxD,IAAI,EAAE,CAAC,GACN,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC,CA+E5B"}
+{"version":3,"file":"containers.svelte.d.ts","sourceRoot":"","sources":["../src/containers.svelte.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,MAAM,IAAI,CAAA;AACxB,KAAK,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,CAAA;AAEnD,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAAA;AAEnC,qBAAa,aAAa,CAAC,CAAC,CAAE,YAAW,GAAG,CAAC,CAAC,CAAC;;gBAIjC,EAAE,EAAE,MAAM,CAAC,EAAE,WAAW,EAAE,UAAU;IAKhD,IAAI,OAAO,MAGV;CACF;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,EACxD,IAAI,EAAE,CAAC,GACN,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC,CAyG5B"}

package/dist/containers.svelte.js

@@ -33,7 +33,20 @@ _ReactiveValue_fn = new WeakMap(), _ReactiveValue_subscribe = new WeakMap();
 export function createRawRef(init) {
     const refObj = (Array.isArray(init) ? [] : {});
     const hiddenKeys = new SvelteSet();
+    // Absent keys have no `$state.raw` field to subscribe to, and `length` is a
+    // plain array property, so reads of either are tracked through this instead.
+    // Without it, anything observed while the ref is empty never re-runs.
+    let keyVersion = $state.raw(0);
+    const trackKeys = () => keyVersion;
     const out = new Proxy(refObj, {
+        get(target, prop, receiver) {
+            if (hiddenKeys.has(prop) ||
+                !(prop in target) ||
+                (Array.isArray(target) && prop === 'length')) {
+                trackKeys();
+            }
+            return Reflect.get(target, prop, receiver);
+        },
         set(target, prop, value, receiver) {
             hiddenKeys.delete(prop);
             if (prop in target) {
@@ -89,6 +102,14 @@ export function createRawRef(init) {
         const existingKeys = Object.keys(out);
         const newKeys = Object.keys(newValue);
         const keysToRemove = existingKeys.filter((key) => !newKeys.includes(key));
+        // Arrays: delete in descending index order so each `deleteProperty` trap
+        // sees the slot it is removing as the current tail (length-- stays valid).
+        // Forward iteration would shrink the array under our feet and the next
+        // index would no longer be `in target`, tripping the trap.
+        if (Array.isArray(newValue)) {
+            keysToRemove.sort((a, b) => Number(b) - Number(a));
+        }
+        const keysAdded = newKeys.some((key) => !existingKeys.includes(key));
         for (const key of keysToRemove) {
             // @ts-expect-error
             delete out[key];
@@ -101,6 +122,9 @@ export function createRawRef(init) {
             // (See above)
             out[key] = brand(() => newValue[key]);
         }
+        if (keysAdded || keysToRemove.length > 0) {
+            keyVersion++;
+        }
     }
     // we can't pass `init` directly into the proxy because it'll never set the state fields
     // (because (prop in target) will always be true)

package/dist/useMutationState.svelte.js

@@ -14,7 +14,7 @@ export function useMutationState(options = {}, queryClient) {
         const unsubscribe = mutationCache.subscribe(() => {
             const nextResult = replaceEqualDeep(result, getResult(mutationCache, options));
             if (result !== nextResult) {
-                Object.assign(result, nextResult);
+                result.splice(0, result.length, ...nextResult);
             }
         });
         return unsubscribe;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/svelte-query",
-  "version": "6.1.40",
+  "version": "6.1.42",
   "description": "Primitives for managing, caching and syncing asynchronous and remote data in Svelte",
   "author": "Lachlan Collins",
   "license": "MIT",
@@ -39,7 +39,7 @@
     "!src/__tests__"
   ],
   "dependencies": {
-    "@tanstack/query-core": "5.102.1"
+    "@tanstack/query-core": "5.102.2"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.5.8",

package/src/containers.svelte.ts

@@ -31,7 +31,22 @@ export function createRawRef<T extends {} | Array<unknown>>(
 ): [T, (newValue: T) => void] {
   const refObj = (Array.isArray(init) ? [] : {}) as T
   const hiddenKeys = new SvelteSet<PropertyKey>()
+  // Absent keys have no `$state.raw` field to subscribe to, and `length` is a
+  // plain array property, so reads of either are tracked through this instead.
+  // Without it, anything observed while the ref is empty never re-runs.
+  let keyVersion = $state.raw(0)
+  const trackKeys = () => keyVersion
   const out = new Proxy(refObj, {
+    get(target, prop, receiver) {
+      if (
+        hiddenKeys.has(prop) ||
+        !(prop in target) ||
+        (Array.isArray(target) && prop === 'length')
+      ) {
+        trackKeys()
+      }
+      return Reflect.get(target, prop, receiver)
+    },
     set(target, prop, value, receiver) {
       hiddenKeys.delete(prop)
       if (prop in target) {
@@ -88,6 +103,14 @@ export function createRawRef<T extends {} | Array<unknown>>(
     const existingKeys = Object.keys(out)
     const newKeys = Object.keys(newValue)
     const keysToRemove = existingKeys.filter((key) => !newKeys.includes(key))
+    // Arrays: delete in descending index order so each `deleteProperty` trap
+    // sees the slot it is removing as the current tail (length-- stays valid).
+    // Forward iteration would shrink the array under our feet and the next
+    // index would no longer be `in target`, tripping the trap.
+    if (Array.isArray(newValue)) {
+      keysToRemove.sort((a, b) => Number(b) - Number(a))
+    }
+    const keysAdded = newKeys.some((key) => !existingKeys.includes(key))
     for (const key of keysToRemove) {
       // @ts-expect-error
       delete out[key]
@@ -100,6 +123,9 @@ export function createRawRef<T extends {} | Array<unknown>>(
       // (See above)
       out[key] = brand(() => newValue[key])
     }
+    if (keysAdded || keysToRemove.length > 0) {
+      keyVersion++
+    }
   }
 
   // we can't pass `init` directly into the proxy because it'll never set the state fields

package/src/useMutationState.svelte.ts

@@ -44,7 +44,7 @@ export function useMutationState<
         getResult(mutationCache, options),
       )
       if (result !== nextResult) {
-        Object.assign(result, nextResult)
+        result.splice(0, result.length, ...nextResult)
       }
     })