@graffy/react 0.15.25-alpha.5 → 0.15.25-alpha.7

package/index.cjs

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const PropTypes = require("prop-types");
+const isEqual = require("lodash/isEqual.js");
+const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const React__default = /* @__PURE__ */ _interopDefaultLegacy(React);
+const PropTypes__default = /* @__PURE__ */ _interopDefaultLegacy(PropTypes);
+const isEqual__default = /* @__PURE__ */ _interopDefaultLegacy(isEqual);
+const { createContext } = React__default.default;
+const GraffyContext = createContext(null);
+function GraffyProvider({ store, children }) {
+  return /* @__PURE__ */ React__default.default.createElement(GraffyContext.Provider, {
+    value: store
+  }, children);
+}
+GraffyProvider.propTypes = {
+  store: PropTypes__default.default.object.isRequired,
+  children: PropTypes__default.default.node
+};
+const { useRef, useState, useEffect, useContext: useContext$1 } = React__default.default;
+const consumeSubscription = async (subscription, setState) => {
+  try {
+    for await (const data of subscription) {
+      if (subscription.closed) {
+        break;
+      }
+      setState((prevState) => ({
+        ...prevState,
+        loading: false,
+        data,
+        error: null
+      }));
+    }
+  } catch (error) {
+    setState((prevState) => ({
+      ...prevState,
+      loading: false,
+      data: null,
+      error
+    }));
+  }
+};
+const retrieveResult = async (promise, setState) => {
+  try {
+    const data = await promise;
+    setState((prevState) => ({
+      ...prevState,
+      loading: false,
+      data,
+      error: null
+    }));
+  } catch (error) {
+    setState((prevState) => ({
+      ...prevState,
+      loading: false,
+      data: null,
+      error
+    }));
+  }
+};
+function useQuery(query, { once = false, ...other } = {}) {
+  const store = useContext$1(GraffyContext);
+  const queryRef = useRef(null);
+  if (!store)
+    throw Error("graffy_react.no_store_in_context");
+  const queryHasChanged = !isEqual__default.default(queryRef.current, query);
+  if (queryHasChanged) {
+    queryRef.current = query;
+  }
+  const fetchData = (options = other) => {
+    if (state.loading !== true)
+      setState({ ...state, loading: true });
+    if (once) {
+      retrieveResult(store.read(query, options), setState);
+    } else {
+      const subscription = store.watch(query, options);
+      consumeSubscription(subscription, setState);
+      return () => {
+        subscription.closed = true;
+        subscription.return();
+      };
+    }
+  };
+  const refetch = fetchData.bind(null, { ...other, skipCache: true });
+  const [state, setState] = useState({ loading: true });
+  useEffect(fetchData, [queryRef.current, store]);
+  return once ? { ...state, refetch } : state;
+}
+function Query({ query, options, children }) {
+  const { data, loading, error } = useQuery(query, options);
+  return children({ data, loading, error });
+}
+const { useContext } = React__default.default;
+function useStore() {
+  const store = useContext(GraffyContext);
+  return store;
+}
+exports.GraffyProvider = GraffyProvider;
+exports.Query = Query;
+exports.useQuery = useQuery;
+exports.useStore = useStore;

package/package.json

@@ -2,8 +2,13 @@
   "name": "@graffy/react",
   "description": "This built-in module provides an idiomatic React API to a Graffy store.",
   "author": "aravind (https://github.com/aravindet)",
-  "version": "0.15.25-alpha.5",
-  "main": "./index.mjs",
+  "version": "0.15.25-alpha.7",
+  "main": "./index.cjs",
+  "exports": {
+    "import": "./index.mjs",
+    "require": "./index.cjs"
+  },
+  "module": "./index.mjs",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",