@triplit/svelte 0.2.33-canary-20250306235641 → 0.2.33-canary-20250308203743

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @triplit/svelte
 
+## 0.2.33-canary-20250308203743
+
+### Patch Changes
+
+- @triplit/client@0.7.0-canary-20250308203743
+
 ## 0.2.33-canary-20250306235641
 
 ### Patch Changes

package/dist/index.svelte.js

@@ -10,54 +10,20 @@
  * @returns An object containing the fetching state, the result of the query, any error that occurred, and a function to update the query
  */
 export function useQuery(client, query, options) {
-    // & {
-    //   updateQuery: (query: Q) => void;
-    // }
     let results = $state(undefined);
-    let isInitialFetch = $state(true);
+    let fetching = $state(true);
     let fetchingLocal = $state(true);
-    let fetchingRemote = $state(client.connectionStatus !== 'CLOSED');
-    let fetching = $derived(fetchingLocal || (isInitialFetch && fetchingRemote));
+    let fetchingRemote = $state(false);
     let error = $state(undefined);
-    let hasResponseFromServer = false;
     $effect(() => {
-        client
-            .isFirstTimeFetchingQuery($state.snapshot(query))
-            .then((isFirstFetch) => {
-            isInitialFetch = isFirstFetch;
-        });
-        const unsub = client.onConnectionStatusChange((status) => {
-            if (status === 'CLOSING' || status === 'CLOSED') {
-                fetchingRemote = false;
-                return;
-            }
-            if (status === 'OPEN' && hasResponseFromServer === false) {
-                fetchingRemote = true;
-                return;
-            }
-        }, true);
-        return () => {
-            unsub();
-        };
-    });
-    $effect(() => {
-        const unsubscribe = client.subscribe($state.snapshot(query), (localResults) => {
-            fetchingLocal = false;
-            error = undefined;
-            results = localResults;
-        }, (error) => {
-            fetchingLocal = false;
-            error = error;
-        }, {
-            ...(options ?? {}),
-            onRemoteFulfilled: () => {
-                hasResponseFromServer = true;
-                fetchingRemote = false;
-            },
-        });
-        return () => {
-            unsubscribe();
-        };
+        const unsub = client.subscribeWithStatus(query, (newVal) => {
+            results = newVal.results;
+            fetching = newVal.fetching;
+            fetchingLocal = newVal.fetchingLocal;
+            fetchingRemote = newVal.fetchingRemote;
+            error = newVal.error;
+        }, options);
+        return unsub;
     });
     return {
         get fetching() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@triplit/svelte",
   "packageManager": "yarn@3.4.1",
-  "version": "0.2.33-canary-20250306235641",
+  "version": "0.2.33-canary-20250308203743",
   "source": "./src/index.svelte.ts",
   "main": "./dist/index.svelte.js",
   "module": "./dist/index.svelte.js",
@@ -29,13 +29,13 @@
     "/dist"
   ],
   "dependencies": {
-    "@triplit/client": "^0.7.0-canary-20250306235641"
+    "@triplit/client": "^0.7.0-canary-20250308203743"
   },
   "devDependencies": {
-    "@sveltejs/package": "^2.3.5",
-    "@tsconfig/svelte": "^5.0.2",
-    "svelte": "^5.0.0-next.255",
-    "svelte-check": "^4.0.2",
+    "@sveltejs/package": "^2.3.10",
+    "@tsconfig/svelte": "^5.0.4",
+    "svelte": "^5.22.6",
+    "svelte-check": "^4.1.5",
     "tslib": "^2.6.2",
     "typescript": "^5.2.2"
   },