@triplit/react 0.0.28 → 0.0.29

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './use-query';

package/dist/index.js

@@ -0,0 +1 @@
+export * from './use-query';

package/dist/use-query.d.ts

@@ -0,0 +1,6 @@
+import { QueryResults, TriplitClient, ClientQuery, toBuilder } from '@triplit/client';
+export declare function useQuery<CQ extends ClientQuery<any>>(client: TriplitClient<any>, query: toBuilder<CQ>): {
+    fetchingLocal: boolean;
+    results: QueryResults<CQ> | undefined;
+    error: null;
+};

package/dist/use-query.js

@@ -0,0 +1,25 @@
+import { useEffect, useState } from 'react';
+export function useQuery(client, query) {
+    const [results, setResults] = useState(undefined);
+    const [fetchingLocal, setFetchingLocal] = useState(false);
+    // const [fetchingRemote, setFetchingRemote] = useState(false);
+    const builtQuery = query.build();
+    const stringifiedQuery = JSON.stringify(builtQuery);
+    useEffect(() => {
+        setResults(undefined);
+        setFetchingLocal(true);
+        const unsubscribe = client.subscribe(builtQuery, (localResults) => {
+            setFetchingLocal(false);
+            setResults(localResults);
+        });
+        return () => {
+            unsubscribe();
+        };
+    }, [stringifiedQuery, client]);
+    return {
+        fetchingLocal,
+        // fetchingRemote,
+        results,
+        error: null,
+    };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@triplit/react",
   "packageManager": "yarn@3.4.1",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "type": "module",
@@ -14,7 +14,7 @@
     "/dist"
   ],
   "dependencies": {
-    "@triplit/client": "^0.0.28"
+    "@triplit/client": "^0.0.29"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",