@triplit/react 0.0.38-beta.0 → 0.0.38-beta.2

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/use-entity.d.ts

@@ -0,0 +1,7 @@
+import { TriplitClient, Models, CollectionNameFromModels, SubscriptionOptions, ResultTypeFromModel, ModelFromModels } from '@triplit/client';
+export declare function useEntity<M extends Models<any, any> | undefined, CN extends CollectionNameFromModels<M>>(client: TriplitClient<M>, collectionName: CN, id: string, options?: SubscriptionOptions): {
+    fetching: boolean;
+    fetchingRemote: boolean;
+    results: ResultTypeFromModel<ModelFromModels<M, CN>> | undefined;
+    error: any;
+};

package/dist/use-entity.js

@@ -0,0 +1,10 @@
+import { useQuery } from './use-query.js';
+export function useEntity(client, collectionName, id, options) {
+    const { fetching, fetchingRemote, results, error } = useQuery(client, client.query(collectionName).entityId(id), options);
+    return {
+        fetching,
+        fetchingRemote,
+        results: results ? results.get(id) : undefined,
+        error,
+    };
+}

package/dist/use-query.d.ts

@@ -0,0 +1,7 @@
+import { ClientFetchResult, TriplitClient, ClientQuery, ClientQueryBuilder, SubscriptionOptions, CollectionNameFromModels, Models } from '@triplit/client';
+export declare function useQuery<M extends Models<any, any> | undefined, CN extends CollectionNameFromModels<M>>(client: TriplitClient<any>, query: ClientQueryBuilder<M, CN>, options?: SubscriptionOptions): {
+    fetching: boolean;
+    fetchingRemote: boolean;
+    results: ClientFetchResult<ClientQuery<M, CN>> | undefined;
+    error: any;
+};

package/dist/use-query.js

@@ -0,0 +1,33 @@
+import { useEffect, useState } from 'react';
+export function useQuery(client, query, options) {
+    const [results, setResults] = useState(undefined);
+    const [fetching, setFetching] = useState(true);
+    const [fetchingRemote, setFetchingRemote] = useState(true);
+    const [error, setError] = useState(undefined);
+    const builtQuery = query && query.build();
+    const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);
+    useEffect(() => {
+        if (!client)
+            return;
+        setResults(undefined);
+        setFetching(true);
+        const unsubscribe = client.subscribe(builtQuery, (localResults, { hasRemoteFulfilled }) => {
+            setFetching(false);
+            setError(undefined);
+            setFetchingRemote(!hasRemoteFulfilled);
+            setResults(new Map(localResults));
+        }, (error) => {
+            setFetching(false);
+            setError(error);
+        }, options);
+        return () => {
+            unsubscribe();
+        };
+    }, [stringifiedQuery, client]);
+    return {
+        fetching,
+        fetchingRemote,
+        results,
+        error,
+    };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@triplit/react",
   "packageManager": "yarn@3.4.1",
-  "version": "0.0.38-beta.0",
+  "version": "0.0.38-beta.2",
   "source": "./src/index.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,7 +16,7 @@
     }
   },
   "scripts": {
-    "build": "tsc -b",
+    "build": "tsc --build --force",
     "lint:build": "npx publint",
     "lint": "tsc --noEmit",
     "publish-pkg": "node ../../scripts/npm-check-version-and-publish.js"
@@ -25,7 +25,7 @@
     "/dist"
   ],
   "dependencies": {
-    "@triplit/client": "^0.0.38-beta.0"
+    "@triplit/client": "^0.0.38-beta.2"
   },
   "devDependencies": {
     "@parcel/config-default": "^2.9.3",