@triplit/react 0.0.37 → 0.0.38-beta.1

package/dist/index.d.ts

@@ -1,13 +1,2 @@
-import { FetchResult, TriplitClient, ClientQuery, ClientQueryBuilder, SubscriptionOptions, Models, CollectionNameFromModels } from "@triplit/client";
-export function useQuery<CQ extends ClientQuery<any>>(client: TriplitClient<any>, query: ClientQueryBuilder<CQ>, options?: SubscriptionOptions): {
-    fetching: boolean;
-    results: FetchResult<CQ> | undefined;
-    error: any;
-};
-export function useEntity<M extends Models<any, any> | undefined, CN extends CollectionNameFromModels<M>>(client: TriplitClient<M>, collectionName: CN, id: string, options?: SubscriptionOptions): {
-    fetching: boolean;
-    results: any;
-    error: any;
-};
-
-//# sourceMappingURL=index.d.ts.map
+export * from './use-query.js';
+export * from './use-entity.js';

package/dist/index.js

@@ -1,78 +1,2 @@
-var $2yxZb$react = require("react");
-
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
-}
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $8789f74c7c312f3c$exports = {};
-
-$parcel$export($8789f74c7c312f3c$exports, "useQuery", () => $8789f74c7c312f3c$export$dd0a697e1782aedd);
-
-function $8789f74c7c312f3c$export$dd0a697e1782aedd(client, query, options) {
-    const [results, setResults] = (0, $2yxZb$react.useState)(undefined);
-    const [fetching, setFetching] = (0, $2yxZb$react.useState)(true);
-    const [error, setError] = (0, $2yxZb$react.useState)(undefined);
-    const builtQuery = query && query.build();
-    const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);
-    (0, $2yxZb$react.useEffect)(()=>{
-        if (!client) return;
-        setResults(undefined);
-        setFetching(true);
-        const unsubscribe = client.subscribe(builtQuery, (localResults)=>{
-            setFetching(false);
-            setError(undefined);
-            setResults(new Map(localResults));
-        }, (error)=>{
-            setFetching(false);
-            setError(error);
-        }, options);
-        return ()=>{
-            unsubscribe();
-        };
-    }, [
-        stringifiedQuery,
-        client
-    ]);
-    return {
-        fetching: fetching,
-        results: results,
-        error: error
-    };
-}
-
-
-var $6ea15837a6dcd4eb$exports = {};
-
-$parcel$export($6ea15837a6dcd4eb$exports, "useEntity", () => $6ea15837a6dcd4eb$export$fab329b658bf30c7);
-
-function $6ea15837a6dcd4eb$export$fab329b658bf30c7(client, collectionName, id, options) {
-    const { fetching: fetching, results: results, error: error } = (0, $8789f74c7c312f3c$export$dd0a697e1782aedd)(client, // @ts-ignore TODO: generics getting weird with models and collection queries...probably worth refactoring when we have joins (as we'll need to redo some typing then anyway)
-    client.query(collectionName).entityId(id), options);
-    return {
-        fetching: fetching,
-        results: results ? results.get(id) : undefined,
-        error: error
-    };
-}
-
-
-$parcel$exportWildcard(module.exports, $8789f74c7c312f3c$exports);
-$parcel$exportWildcard(module.exports, $6ea15837a6dcd4eb$exports);
-
-
-//# sourceMappingURL=index.js.map
+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 } 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: any;
+    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 { 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<ClientQuery<M, CN>>, options?: SubscriptionOptions): {
+    fetching: boolean;
+    fetchingRemote: boolean;
+    results: (M extends Models<any, any> ? Map<string, import("packages/db/src/schema.js").ResultTypeFromModel<import("packages/db/src/db.js").ModelFromModels<M, CN>>> : M extends undefined ? Map<string, any> : never) | 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,23 +1,31 @@
 {
   "name": "@triplit/react",
   "packageManager": "yarn@3.4.1",
-  "version": "0.0.37",
-  "source": "src/index.ts",
-  "main": "dist/index.js",
-  "module": "dist/module.js",
-  "types": "dist/index.d.ts",
+  "version": "0.0.38-beta.1",
+  "source": "./src/index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
   "scripts": {
-    "build": "yarn build:setup && parcel build . --no-cache && yarn build:cleanup",
-    "build:setup": "mv tsconfig.json tsconfig.tmp.json && mv tsconfig.build.json tsconfig.json",
-    "build:cleanup": "mv tsconfig.json tsconfig.build.json && mv tsconfig.tmp.json tsconfig.json",
-    "lint": "tsc",
+    "build": "tsc --build --force",
+    "lint:build": "npx publint",
+    "lint": "tsc --noEmit",
     "publish-pkg": "node ../../scripts/npm-check-version-and-publish.js"
   },
   "files": [
     "/dist"
   ],
   "dependencies": {
-    "@triplit/client": "^0.0.37"
+    "@triplit/client": "^0.0.38-beta.1"
   },
   "devDependencies": {
     "@parcel/config-default": "^2.9.3",

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";AASA,yBAAyB,EAAE,SAAS,YAAY,GAAG,CAAC,EAClD,MAAM,EAAE,cAAc,GAAG,CAAC,EAC1B,KAAK,EAAE,mBAAmB,EAAE,CAAC,EAC7B,OAAO,CAAC,EAAE,mBAAmB;;;;EAuC9B;AC3CD,0BACE,CAAC,SAAS,OAAO,GAAG,EAAE,GAAG,CAAC,GAAG,SAAS,EACtC,EAAE,SAAS,yBAAyB,CAAC,CAAC,EAEtC,MAAM,EAAE,cAAc,CAAC,CAAC,EACxB,cAAc,EAAE,EAAE,EAClB,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE,mBAAmB;;;;EAa9B","sources":["packages/react/src/src/use-query.ts","packages/react/src/src/use-entity.ts","packages/react/src/src/index.ts","packages/react/src/index.ts"],"sourcesContent":[null,null,null,"export * from './use-query';\nexport * from './use-entity';\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;ACSM,SAAU,0CACd,MAA0B,EAC1B,KAA6B,EAC7B,OAA6B;IAE7B,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAA,EAC5B;IAEF,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,qBAAA,EAAS;IACzC,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,qBAAA,EAAc;IAExC,MAAM,aAAa,SAAS,MAAM;IAClC,MAAM,mBAAmB,cAAc,KAAK,UAAU;IAEtD,CAAA,GAAA,sBAAA,EAAU;QACR,IAAI,CAAC,QAAQ;QACb,WAAW;QACX,YAAY;QACZ,MAAM,cAAc,OAAO,UACzB,YACA,CAAC;YACC,YAAY;YACZ,SAAS;YACT,WAAW,IAAI,IAAI;QACrB,GACA,CAAC;YACC,YAAY;YACZ,SAAS;QACX,GACA;QAGF,OAAO;YACL;QACF;IACF,GAAG;QAAC;QAAkB;KAAO;IAE7B,OAAO;kBACL;iBACA;eACA;IACD;AACH;;;;;;;AC3CM,SAAU,0CAId,MAAwB,EACxB,cAAkB,EAClB,EAAU,EACV,OAA6B;IAE7B,MAAM,YAAE,QAAQ,WAAE,OAAO,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAA,EACnC,QACA,6KAA6K;IAC7K,OAAO,MAAM,gBAAgB,SAAS,KACtC;IAEF,OAAO;kBACL;QACA,SAAS,UAAU,QAAQ,IAAI,MAAM;eACrC;IACD;AACH;;","sources":["packages/react/src/index.ts","packages/react/src/use-query.ts","packages/react/src/use-entity.ts"],"sourcesContent":["export * from './use-query';\nexport * from './use-entity';\n","import { useEffect, useState } from 'react';\nimport {\n  FetchResult,\n  TriplitClient,\n  ClientQuery,\n  ClientQueryBuilder,\n  SubscriptionOptions,\n} from '@triplit/client';\n\nexport function useQuery<CQ extends ClientQuery<any>>(\n  client: TriplitClient<any>,\n  query: ClientQueryBuilder<CQ>,\n  options?: SubscriptionOptions\n) {\n  const [results, setResults] = useState<FetchResult<CQ> | undefined>(\n    undefined\n  );\n  const [fetching, setFetching] = useState(true);\n  const [error, setError] = useState<any>(undefined);\n\n  const builtQuery = query && query.build();\n  const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);\n\n  useEffect(() => {\n    if (!client) return;\n    setResults(undefined);\n    setFetching(true);\n    const unsubscribe = client.subscribe(\n      builtQuery,\n      (localResults) => {\n        setFetching(false);\n        setError(undefined);\n        setResults(new Map(localResults) as FetchResult<CQ>);\n      },\n      (error) => {\n        setFetching(false);\n        setError(error);\n      },\n      options\n    );\n\n    return () => {\n      unsubscribe();\n    };\n  }, [stringifiedQuery, client]);\n\n  return {\n    fetching,\n    results,\n    error,\n  };\n}\n","import {\n  TriplitClient,\n  Models,\n  CollectionNameFromModels,\n  SubscriptionOptions,\n} from '@triplit/client';\nimport { useQuery } from './use-query';\n\nexport function useEntity<\n  M extends Models<any, any> | undefined,\n  CN extends CollectionNameFromModels<M>\n>(\n  client: TriplitClient<M>,\n  collectionName: CN,\n  id: string,\n  options?: SubscriptionOptions\n) {\n  const { fetching, results, error } = useQuery(\n    client,\n    // @ts-ignore TODO: generics getting weird with models and collection queries...probably worth refactoring when we have joins (as we'll need to redo some typing then anyway)\n    client.query(collectionName).entityId(id),\n    options\n  );\n  return {\n    fetching,\n    results: results ? results.get(id) : undefined,\n    error,\n  };\n}\n"],"names":[],"version":3,"file":"index.js.map"}

package/dist/module.js

@@ -1,61 +0,0 @@
-import {useState as $3QJOh$useState, useEffect as $3QJOh$useEffect} from "react";
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $c765280007267fba$exports = {};
-
-$parcel$export($c765280007267fba$exports, "useQuery", () => $c765280007267fba$export$dd0a697e1782aedd);
-
-function $c765280007267fba$export$dd0a697e1782aedd(client, query, options) {
-    const [results, setResults] = (0, $3QJOh$useState)(undefined);
-    const [fetching, setFetching] = (0, $3QJOh$useState)(true);
-    const [error, setError] = (0, $3QJOh$useState)(undefined);
-    const builtQuery = query && query.build();
-    const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);
-    (0, $3QJOh$useEffect)(()=>{
-        if (!client) return;
-        setResults(undefined);
-        setFetching(true);
-        const unsubscribe = client.subscribe(builtQuery, (localResults)=>{
-            setFetching(false);
-            setError(undefined);
-            setResults(new Map(localResults));
-        }, (error)=>{
-            setFetching(false);
-            setError(error);
-        }, options);
-        return ()=>{
-            unsubscribe();
-        };
-    }, [
-        stringifiedQuery,
-        client
-    ]);
-    return {
-        fetching: fetching,
-        results: results,
-        error: error
-    };
-}
-
-
-var $8f8fbf6d34fed11e$exports = {};
-
-$parcel$export($8f8fbf6d34fed11e$exports, "useEntity", () => $8f8fbf6d34fed11e$export$fab329b658bf30c7);
-
-function $8f8fbf6d34fed11e$export$fab329b658bf30c7(client, collectionName, id, options) {
-    const { fetching: fetching, results: results, error: error } = (0, $c765280007267fba$export$dd0a697e1782aedd)(client, // @ts-ignore TODO: generics getting weird with models and collection queries...probably worth refactoring when we have joins (as we'll need to redo some typing then anyway)
-    client.query(collectionName).entityId(id), options);
-    return {
-        fetching: fetching,
-        results: results ? results.get(id) : undefined,
-        error: error
-    };
-}
-
-
-
-
-export {$c765280007267fba$export$dd0a697e1782aedd as useQuery, $8f8fbf6d34fed11e$export$fab329b658bf30c7 as useEntity};
-//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;ACSM,SAAU,0CACd,MAA0B,EAC1B,KAA6B,EAC7B,OAA6B;IAE7B,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAA,EAC5B;IAEF,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,eAAA,EAAS;IACzC,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAA,EAAc;IAExC,MAAM,aAAa,SAAS,MAAM;IAClC,MAAM,mBAAmB,cAAc,KAAK,UAAU;IAEtD,CAAA,GAAA,gBAAA,EAAU;QACR,IAAI,CAAC,QAAQ;QACb,WAAW;QACX,YAAY;QACZ,MAAM,cAAc,OAAO,UACzB,YACA,CAAC;YACC,YAAY;YACZ,SAAS;YACT,WAAW,IAAI,IAAI;QACrB,GACA,CAAC;YACC,YAAY;YACZ,SAAS;QACX,GACA;QAGF,OAAO;YACL;QACF;IACF,GAAG;QAAC;QAAkB;KAAO;IAE7B,OAAO;kBACL;iBACA;eACA;IACD;AACH;;;;;;;AC3CM,SAAU,0CAId,MAAwB,EACxB,cAAkB,EAClB,EAAU,EACV,OAA6B;IAE7B,MAAM,YAAE,QAAQ,WAAE,OAAO,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAA,EACnC,QACA,6KAA6K;IAC7K,OAAO,MAAM,gBAAgB,SAAS,KACtC;IAEF,OAAO;kBACL;QACA,SAAS,UAAU,QAAQ,IAAI,MAAM;eACrC;IACD;AACH;;","sources":["packages/react/src/index.ts","packages/react/src/use-query.ts","packages/react/src/use-entity.ts"],"sourcesContent":["export * from './use-query';\nexport * from './use-entity';\n","import { useEffect, useState } from 'react';\nimport {\n  FetchResult,\n  TriplitClient,\n  ClientQuery,\n  ClientQueryBuilder,\n  SubscriptionOptions,\n} from '@triplit/client';\n\nexport function useQuery<CQ extends ClientQuery<any>>(\n  client: TriplitClient<any>,\n  query: ClientQueryBuilder<CQ>,\n  options?: SubscriptionOptions\n) {\n  const [results, setResults] = useState<FetchResult<CQ> | undefined>(\n    undefined\n  );\n  const [fetching, setFetching] = useState(true);\n  const [error, setError] = useState<any>(undefined);\n\n  const builtQuery = query && query.build();\n  const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);\n\n  useEffect(() => {\n    if (!client) return;\n    setResults(undefined);\n    setFetching(true);\n    const unsubscribe = client.subscribe(\n      builtQuery,\n      (localResults) => {\n        setFetching(false);\n        setError(undefined);\n        setResults(new Map(localResults) as FetchResult<CQ>);\n      },\n      (error) => {\n        setFetching(false);\n        setError(error);\n      },\n      options\n    );\n\n    return () => {\n      unsubscribe();\n    };\n  }, [stringifiedQuery, client]);\n\n  return {\n    fetching,\n    results,\n    error,\n  };\n}\n","import {\n  TriplitClient,\n  Models,\n  CollectionNameFromModels,\n  SubscriptionOptions,\n} from '@triplit/client';\nimport { useQuery } from './use-query';\n\nexport function useEntity<\n  M extends Models<any, any> | undefined,\n  CN extends CollectionNameFromModels<M>\n>(\n  client: TriplitClient<M>,\n  collectionName: CN,\n  id: string,\n  options?: SubscriptionOptions\n) {\n  const { fetching, results, error } = useQuery(\n    client,\n    // @ts-ignore TODO: generics getting weird with models and collection queries...probably worth refactoring when we have joins (as we'll need to redo some typing then anyway)\n    client.query(collectionName).entityId(id),\n    options\n  );\n  return {\n    fetching,\n    results: results ? results.get(id) : undefined,\n    error,\n  };\n}\n"],"names":[],"version":3,"file":"module.js.map"}