@triplit/svelte 0.2.33 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @triplit/svelte
 
+## 1.0.0
+
+### Major Changes
+
+- aa25e64d: Triplit 1.0
+
+### Patch Changes
+
+- Updated dependencies [aa25e64d]
+- Updated dependencies [70ea2813]
+  - @triplit/client@1.0.0
+
 ## 0.2.33
 
 ### Patch Changes

package/dist/index.svelte.d.ts

@@ -1,5 +1,4 @@
-import type { ClientQuery, ClientQueryBuilder, CollectionNameFromModels, FetchResult, Models, SubscriptionOptions, TriplitClient, Unalias } from '@triplit/client';
-import { WorkerClient } from '@triplit/client/worker-client';
+import type { Models, SchemaQuery, SubscriptionOptions, SubscriptionSignalPayload, TriplitClient } from '@triplit/client';
 /**
  * A hook that subscribes to a query
  *
@@ -10,20 +9,13 @@ import { WorkerClient } from '@triplit/client/worker-client';
  * @param options.onRemoteFulfilled - An optional callback that is called when the remote query has been fulfilled.
  * @returns An object containing the fetching state, the result of the query, any error that occurred, and a function to update the query
  */
-export declare function useQuery<M extends Models, CN extends CollectionNameFromModels<M>, Q extends ClientQuery<M, CN>>(client: TriplitClient<M> | WorkerClient<M>, query: ClientQueryBuilder<M, CN, Q>, options?: Partial<SubscriptionOptions>): {
-    fetching: boolean;
-    fetchingLocal: boolean;
-    fetchingRemote: boolean;
-    results: Unalias<FetchResult<M, Q>> | undefined;
-    error: any;
-    updateQuery: (query: ClientQueryBuilder<M, CN, Q>) => void;
-};
+export declare function useQuery<M extends Models<M>, Q extends SchemaQuery<M>>(client: TriplitClient<M>, query: Q, options?: Partial<SubscriptionOptions>): SubscriptionSignalPayload<M, Q>;
 /**
  * A hook that subscribes to the connection status of a client with the server
  *
  * @param client - The client instance to get the connection status of
  * @returns An object containing `status`, the current connection status of the client with the server
  */
-export declare function useConnectionStatus(client: TriplitClient<any> | WorkerClient<any>): {
-    readonly status: string;
+export declare function useConnectionStatus(client: TriplitClient<any>): {
+    readonly status: import("@triplit/client").ConnectionStatus;
 };

package/dist/index.svelte.js

@@ -11,57 +11,19 @@
  */
 export function useQuery(client, query, options) {
     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;
-    let builtQuery = $state(query && query.build());
-    function updateQuery(query) {
-        builtQuery = query.build();
-        results = undefined;
-        fetchingLocal = true;
-        hasResponseFromServer = false;
-    }
     $effect(() => {
-        client
-            .isFirstTimeFetchingQuery($state.snapshot(builtQuery))
-            .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(builtQuery), (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() {
@@ -79,7 +41,6 @@ export function useQuery(client, query, options) {
         get error() {
             return error;
         },
-        updateQuery,
     };
 }
 /**
@@ -89,7 +50,7 @@ export function useQuery(client, query, options) {
  * @returns An object containing `status`, the current connection status of the client with the server
  */
 export function useConnectionStatus(client) {
-    let status = $state('CONNECTING');
+    let status = $state(client.connectionStatus);
     $effect(() => {
         const unsub = client.onConnectionStatusChange((newStatus) => {
             status = newStatus;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@triplit/svelte",
   "packageManager": "yarn@3.4.1",
-  "version": "0.2.33",
+  "version": "1.0.0",
   "source": "./src/index.svelte.ts",
   "main": "./dist/index.svelte.js",
   "module": "./dist/index.svelte.js",
@@ -29,13 +29,13 @@
     "/dist"
   ],
   "dependencies": {
-    "@triplit/client": "^0.6.14"
+    "@triplit/client": "^1.0.0"
   },
   "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"
   },