@triplit/react 0.0.36 → 0.0.38-beta.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @triplit/react
 
+## 0.0.37
+
+### Patch Changes
+
+- af14ded: - Add fetch policy options
+  - Bug fixes
+  - Performance improvements
+- Updated dependencies [af14ded]
+- Updated dependencies [dfa258c]
+- Updated dependencies [af14ded]
+  - @triplit/client@0.0.37
+
 ## 0.0.36
 
 ### Patch Changes

package/package.json

@@ -1,30 +1,38 @@
 {
   "name": "@triplit/react",
   "packageManager": "yarn@3.4.1",
-  "version": "0.0.36",
-  "source": "src/index.ts",
-  "main": "dist/index.js",
-  "module": "dist/module.js",
-  "types": "dist/index.d.ts",
+  "version": "0.0.38-beta.0",
+  "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 -b",
+    "lint:build": "npx publint",
+    "lint": "tsc --noEmit",
     "publish-pkg": "node ../../scripts/npm-check-version-and-publish.js"
   },
   "files": [
     "/dist"
   ],
   "dependencies": {
-    "@triplit/client": "^0.0.36"
+    "@triplit/client": "^0.0.38-beta.0"
   },
   "devDependencies": {
     "@parcel/config-default": "^2.9.3",
     "@parcel/transformer-typescript-tsc": "^2.9.3",
     "@types/react": "^18.2.0",
     "parcel": "^2.9.3",
-    "typescript": "^5.0.2"
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "react": "*",

package/dist/index.d.ts

@@ -1,13 +0,0 @@
-import { FetchResult, TriplitClient, ClientQuery, toBuilder, Models, CollectionNameFromModels } from "@triplit/client";
-export function useQuery<CQ extends ClientQuery<any>>(client: TriplitClient<any>, query: toBuilder<CQ>): {
-    fetchingLocal: 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): {
-    fetchingLocal: boolean;
-    results: any;
-    error: any;
-};
-
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";AAQA,yBAAyB,EAAE,SAAS,YAAY,GAAG,CAAC,EAClD,MAAM,EAAE,cAAc,GAAG,CAAC,EAC1B,KAAK,EAAE,UAAU,EAAE,CAAC;;;;EAwCrB;AC3CD,0BACE,CAAC,SAAS,OAAO,GAAG,EAAE,GAAG,CAAC,GAAG,SAAS,EACtC,EAAE,SAAS,yBAAyB,CAAC,CAAC,EACtC,MAAM,EAAE,cAAc,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM;;;;EAUzD","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

@@ -1,79 +0,0 @@
-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) {
-    const [results, setResults] = (0, $2yxZb$react.useState)(undefined);
-    const [fetchingLocal, setFetchingLocal] = (0, $2yxZb$react.useState)(false);
-    const [error, setError] = (0, $2yxZb$react.useState)(undefined);
-    // const [fetchingRemote, setFetchingRemote] = useState(false);
-    const builtQuery = query && query.build();
-    const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);
-    (0, $2yxZb$react.useEffect)(()=>{
-        if (!client) return;
-        setResults(undefined);
-        setFetchingLocal(true);
-        const unsubscribe = client.subscribe(builtQuery, (localResults)=>{
-            setFetchingLocal(false);
-            setError(undefined);
-            setResults(localResults);
-        }, (error)=>{
-            setFetchingLocal(false);
-            setError(error);
-        });
-        return ()=>{
-            unsubscribe();
-        };
-    }, [
-        stringifiedQuery,
-        client
-    ]);
-    return {
-        fetchingLocal: fetchingLocal,
-        results: // fetchingRemote,
-        results,
-        error: error
-    };
-}
-
-
-var $6ea15837a6dcd4eb$exports = {};
-
-$parcel$export($6ea15837a6dcd4eb$exports, "useEntity", () => $6ea15837a6dcd4eb$export$fab329b658bf30c7);
-
-function $6ea15837a6dcd4eb$export$fab329b658bf30c7(client, collectionName, id) {
-    const { fetchingLocal: fetchingLocal, results: results, error: error } = (0, $8789f74c7c312f3c$export$dd0a697e1782aedd)(client, client.query(collectionName).entityId(id));
-    return {
-        fetchingLocal: fetchingLocal,
-        results: results ? results.get(id) : undefined,
-        error: error
-    };
-}
-
-
-$parcel$exportWildcard(module.exports, $8789f74c7c312f3c$exports);
-$parcel$exportWildcard(module.exports, $6ea15837a6dcd4eb$exports);
-
-
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;ACQM,SAAU,0CACd,MAA0B,EAC1B,KAAoB;IAEpB,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAA,EAC5B;IAEF,MAAM,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,qBAAA,EAAS;IACnD,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,qBAAA,EAAc;IACxC,+DAA+D;IAE/D,MAAM,aAAa,SAAS,MAAM;IAClC,MAAM,mBAAmB,cAAc,KAAK,UAAU;IAEtD,CAAA,GAAA,sBAAA,EAAU;QACR,IAAI,CAAC,QAAQ;QACb,WAAW;QACX,iBAAiB;QACjB,MAAM,cAAc,OAAO,UACzB,YACA,CAAC;YACC,iBAAiB;YACjB,SAAS;YACT,WAAW;QACb,GACA,CAAC;YACC,iBAAiB;YACjB,SAAS;QACX;QAGF,OAAO;YACL;QACF;IACF,GAAG;QAAC;QAAkB;KAAO;IAE7B,OAAO;uBACL;iBAEA,AADA,kBAAkB;QAClB;eACA;IACD;AACH;;;;;;;AC3CM,SAAU,0CAGd,MAAwB,EAAE,cAAkB,EAAE,EAAU;IACxD,MAAM,iBAAE,aAAa,WAAE,OAAO,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAA,EACxC,QACA,OAAO,MAAM,gBAAgB,SAAS;IAExC,OAAO;uBACL;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  toBuilder,\n} from '@triplit/client';\n\nexport function useQuery<CQ extends ClientQuery<any>>(\n  client: TriplitClient<any>,\n  query: toBuilder<CQ>\n) {\n  const [results, setResults] = useState<FetchResult<CQ> | undefined>(\n    undefined\n  );\n  const [fetchingLocal, setFetchingLocal] = useState(false);\n  const [error, setError] = useState<any>(undefined);\n  // const [fetchingRemote, setFetchingRemote] = useState(false);\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    setFetchingLocal(true);\n    const unsubscribe = client.subscribe(\n      builtQuery,\n      (localResults) => {\n        setFetchingLocal(false);\n        setError(undefined);\n        setResults(localResults);\n      },\n      (error) => {\n        setFetchingLocal(false);\n        setError(error);\n      }\n    );\n\n    return () => {\n      unsubscribe();\n    };\n  }, [stringifiedQuery, client]);\n\n  return {\n    fetchingLocal,\n    // fetchingRemote,\n    results,\n    error,\n  };\n}\n","import {\n  TriplitClient,\n  Models,\n  CollectionNameFromModels,\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>(client: TriplitClient<M>, collectionName: CN, id: string) {\n  const { fetchingLocal, results, error } = useQuery(\n    client,\n    client.query(collectionName).entityId(id)\n  );\n  return {\n    fetchingLocal,\n    results: results ? results.get(id) : undefined,\n    error,\n  };\n}\n"],"names":[],"version":3,"file":"index.js.map"}

package/dist/module.js

@@ -1,62 +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) {
-    const [results, setResults] = (0, $3QJOh$useState)(undefined);
-    const [fetchingLocal, setFetchingLocal] = (0, $3QJOh$useState)(false);
-    const [error, setError] = (0, $3QJOh$useState)(undefined);
-    // const [fetchingRemote, setFetchingRemote] = useState(false);
-    const builtQuery = query && query.build();
-    const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);
-    (0, $3QJOh$useEffect)(()=>{
-        if (!client) return;
-        setResults(undefined);
-        setFetchingLocal(true);
-        const unsubscribe = client.subscribe(builtQuery, (localResults)=>{
-            setFetchingLocal(false);
-            setError(undefined);
-            setResults(localResults);
-        }, (error)=>{
-            setFetchingLocal(false);
-            setError(error);
-        });
-        return ()=>{
-            unsubscribe();
-        };
-    }, [
-        stringifiedQuery,
-        client
-    ]);
-    return {
-        fetchingLocal: fetchingLocal,
-        results: // fetchingRemote,
-        results,
-        error: error
-    };
-}
-
-
-var $8f8fbf6d34fed11e$exports = {};
-
-$parcel$export($8f8fbf6d34fed11e$exports, "useEntity", () => $8f8fbf6d34fed11e$export$fab329b658bf30c7);
-
-function $8f8fbf6d34fed11e$export$fab329b658bf30c7(client, collectionName, id) {
-    const { fetchingLocal: fetchingLocal, results: results, error: error } = (0, $c765280007267fba$export$dd0a697e1782aedd)(client, client.query(collectionName).entityId(id));
-    return {
-        fetchingLocal: fetchingLocal,
-        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":";;;;;;;;;ACQM,SAAU,0CACd,MAA0B,EAC1B,KAAoB;IAEpB,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAA,EAC5B;IAEF,MAAM,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,eAAA,EAAS;IACnD,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAA,EAAc;IACxC,+DAA+D;IAE/D,MAAM,aAAa,SAAS,MAAM;IAClC,MAAM,mBAAmB,cAAc,KAAK,UAAU;IAEtD,CAAA,GAAA,gBAAA,EAAU;QACR,IAAI,CAAC,QAAQ;QACb,WAAW;QACX,iBAAiB;QACjB,MAAM,cAAc,OAAO,UACzB,YACA,CAAC;YACC,iBAAiB;YACjB,SAAS;YACT,WAAW;QACb,GACA,CAAC;YACC,iBAAiB;YACjB,SAAS;QACX;QAGF,OAAO;YACL;QACF;IACF,GAAG;QAAC;QAAkB;KAAO;IAE7B,OAAO;uBACL;iBAEA,AADA,kBAAkB;QAClB;eACA;IACD;AACH;;;;;;;AC3CM,SAAU,0CAGd,MAAwB,EAAE,cAAkB,EAAE,EAAU;IACxD,MAAM,iBAAE,aAAa,WAAE,OAAO,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAA,EACxC,QACA,OAAO,MAAM,gBAAgB,SAAS;IAExC,OAAO;uBACL;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  toBuilder,\n} from '@triplit/client';\n\nexport function useQuery<CQ extends ClientQuery<any>>(\n  client: TriplitClient<any>,\n  query: toBuilder<CQ>\n) {\n  const [results, setResults] = useState<FetchResult<CQ> | undefined>(\n    undefined\n  );\n  const [fetchingLocal, setFetchingLocal] = useState(false);\n  const [error, setError] = useState<any>(undefined);\n  // const [fetchingRemote, setFetchingRemote] = useState(false);\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    setFetchingLocal(true);\n    const unsubscribe = client.subscribe(\n      builtQuery,\n      (localResults) => {\n        setFetchingLocal(false);\n        setError(undefined);\n        setResults(localResults);\n      },\n      (error) => {\n        setFetchingLocal(false);\n        setError(error);\n      }\n    );\n\n    return () => {\n      unsubscribe();\n    };\n  }, [stringifiedQuery, client]);\n\n  return {\n    fetchingLocal,\n    // fetchingRemote,\n    results,\n    error,\n  };\n}\n","import {\n  TriplitClient,\n  Models,\n  CollectionNameFromModels,\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>(client: TriplitClient<M>, collectionName: CN, id: string) {\n  const { fetchingLocal, results, error } = useQuery(\n    client,\n    client.query(collectionName).entityId(id)\n  );\n  return {\n    fetchingLocal,\n    results: results ? results.get(id) : undefined,\n    error,\n  };\n}\n"],"names":[],"version":3,"file":"module.js.map"}