@triplit/svelte 0.1.21 → 0.1.23

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @triplit/svelte
 
+## 0.1.23
+
+### Patch Changes
+
+- 19e147e: update query hook types to accept WorkerClient
+- Updated dependencies [19e147e]
+  - @triplit/client@0.3.51
+
+## 0.1.22
+
+### Patch Changes
+
+- Updated dependencies [3f633a1]
+  - @triplit/client@0.3.50
+
 ## 0.1.21
 
 ### Patch Changes

package/dist/index.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { ClientFetchResult, ClientQuery, QueryBuilder, Models, SubscriptionOptions, TriplitClient } from '@triplit/client';
-export declare function useQuery<M extends Models<any, any> | undefined, Q extends ClientQuery<M, any, any, any>>(client: TriplitClient<any>, query: QueryBuilder<Q>, options?: Partial<SubscriptionOptions>): {
+import { WorkerClient } from '@triplit/client/worker-client';
+export declare function useQuery<M extends Models<any, any> | undefined, Q extends ClientQuery<M, any, any, any>>(client: TriplitClient<any> | WorkerClient<any>, query: QueryBuilder<Q>, options?: Partial<SubscriptionOptions>): {
     fetching: boolean;
     fetchingLocal: boolean;
     fetchingRemote: boolean;
@@ -7,6 +8,6 @@ export declare function useQuery<M extends Models<any, any> | undefined, Q exten
     error: any;
     updateQuery: (query: QueryBuilder<Q>) => void;
 };
-export declare function useConnectionStatus(client: TriplitClient<any>): {
+export declare function useConnectionStatus(client: TriplitClient<any> | WorkerClient<any>): {
     readonly status: string;
 };

package/dist/index.svelte.js

@@ -3,7 +3,7 @@ export function useQuery(client, query, options) {
     let results = $state(undefined);
     let isInitialFetch = $state(true);
     let fetchingLocal = $state(false);
-    let fetchingRemote = $state(client.syncEngine.connectionStatus !== 'CLOSED');
+    let fetchingRemote = $state(client.connectionStatus !== 'CLOSED');
     let fetching = $derived(fetchingLocal || (isInitialFetch && fetchingRemote));
     let error = $state(undefined);
     let hasResponseFromServer = false;
@@ -15,12 +15,10 @@ export function useQuery(client, query, options) {
         hasResponseFromServer = false;
     }
     $effect(() => {
-        client.syncEngine
-            .isFirstTimeFetchingQuery(builtQuery)
-            .then((isFirstFetch) => {
+        client.isFirstTimeFetchingQuery(builtQuery).then((isFirstFetch) => {
             isInitialFetch = isFirstFetch;
         });
-        const unsub = client.syncEngine.onConnectionStatusChange((status) => {
+        const unsub = client.onConnectionStatusChange((status) => {
             if (status === 'CLOSING' || status === 'CLOSED') {
                 fetchingRemote = false;
                 return;
@@ -75,7 +73,7 @@ export function useQuery(client, query, options) {
 export function useConnectionStatus(client) {
     let status = $state('CONNECTING');
     $effect(() => {
-        const unsub = client.syncEngine.onConnectionStatusChange((newStatus) => {
+        const unsub = client.onConnectionStatusChange((newStatus) => {
             status = newStatus;
         }, true);
         return () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@triplit/svelte",
   "packageManager": "yarn@3.4.1",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "source": "./src/index.svelte.ts",
   "main": "./dist/index.svelte.js",
   "module": "./dist/index.svelte.js",
@@ -27,7 +27,7 @@
     "/dist"
   ],
   "dependencies": {
-    "@triplit/client": "^0.3.49"
+    "@triplit/client": "^0.3.51"
   },
   "devDependencies": {
     "@sveltejs/package": "^2.3.0",