@graffy/react 0.15.6 → 0.15.8-alpha.3

package/index.cjs

@@ -0,0 +1 @@
+"use strict";var e=Object.defineProperty,r=Object.defineProperties,t=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,l=(r,t,o)=>t in r?e(r,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[t]=o,u=(e,r)=>{for(var t in r||(r={}))n.call(r,t)&&l(e,t,r[t]);if(o)for(var t of o(r))a.call(r,t)&&l(e,t,r[t]);return e},c=(e,o)=>r(e,t(o));Object.defineProperty(exports,"__esModule",{value:!0}),exports[Symbol.toStringTag]="Module";var i=require("react"),s=require("prop-types"),d=require("lodash/isEqual.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=f(i),y=f(s),b=f(d);const{createContext:g}=p.default,v=g();function O({store:e,children:r}){return p.default.createElement(v.Provider,{value:e},r)}O.propTypes={store:y.default.object.isRequired,children:y.default.node};const{useRef:x,useState:h,useEffect:j,useContext:P}=p.default;function w(e,r={}){var t=r,{once:l}=t,i=((e,r)=>{var t={};for(var l in e)n.call(e,l)&&r.indexOf(l)<0&&(t[l]=e[l]);if(null!=e&&o)for(var l of o(e))r.indexOf(l)<0&&a.call(e,l)&&(t[l]=e[l]);return t})(t,["once"]);const s=P(v),d=x(null);!b.default(d.current,e)&&(d.current=e);const f=(r=i)=>{if(!0!==y.loading&&g(c(u({},y),{loading:!0})),!l){const t=s.watch(e,r);return(async(e,r)=>{try{for await(const t of e){if(e.closed)break;r((e=>c(u({},e),{loading:!1,data:t,error:null})))}}catch(t){r((e=>c(u({},e),{loading:!1,data:null,error:t})))}})(t,g),()=>{t.closed=!0,t.return()}}(async(e,r)=>{try{const t=await e;r((e=>c(u({},e),{loading:!1,data:t,error:null})))}catch(t){r((e=>c(u({},e),{loading:!1,data:null,error:t})))}})(s.read(e,r),g)},p=f.bind(null,c(u({},i),{skipCache:!0})),[y,g]=h({loading:!0});return j(f,[d.current,s]),l?c(u({},y),{refetch:p}):y}const{useContext:q}=p.default;exports.GraffyProvider=O,exports.Query=function({query:e,options:r,children:t}){const{data:o,loading:n,error:a}=w(e,r);return t({data:o,loading:n,error:a})},exports.useQuery=w,exports.useStore=function(){return q(v)};

package/index.d.ts

@@ -0,0 +1,20 @@
+declare module "useQuery" {
+    export default function useQuery(query: any, { once, ...other }?: {
+        once: any;
+    }): any;
+}
+declare module "Query" {
+    export default function Query({ query, options, children }: {
+        query: any;
+        options: any;
+        children: any;
+    }): any;
+}
+declare module "useStore" {
+    export default function useStore(): any;
+}
+declare module "index" {
+    export { default as Query } from "./Query.js";
+    export { default as useQuery } from "./useQuery.js";
+    export { default as useStore } from "./useStore.js";
+}

package/index.mjs

@@ -0,0 +1 @@
+var r=Object.defineProperty,e=Object.defineProperties,t=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,c=(e,t,o)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,l=(r,e)=>{for(var t in e||(e={}))n.call(e,t)&&c(r,t,e[t]);if(o)for(var t of o(e))a.call(e,t)&&c(r,t,e[t]);return r},i=(r,o)=>e(r,t(o));import u from"react";import s from"prop-types";import d from"lodash/isEqual.js";const{createContext:f}=u,p=f();function y({store:r,children:e}){return u.createElement(p.Provider,{value:r},e)}y.propTypes={store:s.object.isRequired,children:s.node};const{useRef:b,useState:g,useEffect:O,useContext:h}=u;function m(r,e={}){var t=e,{once:c}=t,u=((r,e)=>{var t={};for(var c in r)n.call(r,c)&&e.indexOf(c)<0&&(t[c]=r[c]);if(null!=r&&o)for(var c of o(r))e.indexOf(c)<0&&a.call(r,c)&&(t[c]=r[c]);return t})(t,["once"]);const s=h(p),f=b(null);!d(f.current,r)&&(f.current=r);const y=(e=u)=>{if(!0!==v.loading&&j(i(l({},v),{loading:!0})),!c){const t=s.watch(r,e);return(async(r,e)=>{try{for await(const t of r){if(r.closed)break;e((r=>i(l({},r),{loading:!1,data:t,error:null})))}}catch(t){e((r=>i(l({},r),{loading:!1,data:null,error:t})))}})(t,j),()=>{t.closed=!0,t.return()}}(async(r,e)=>{try{const t=await r;e((r=>i(l({},r),{loading:!1,data:t,error:null})))}catch(t){e((r=>i(l({},r),{loading:!1,data:null,error:t})))}})(s.read(r,e),j)},m=y.bind(null,i(l({},u),{skipCache:!0})),[v,j]=g({loading:!0});return O(y,[f.current,s]),c?i(l({},v),{refetch:m}):v}function v({query:r,options:e,children:t}){const{data:o,loading:n,error:a}=m(r,e);return t({data:o,loading:n,error:a})}const{useContext:j}=u;function w(){return j(p)}export{y as GraffyProvider,v as Query,m as useQuery,w as useStore};

package/package.json

@@ -2,16 +2,21 @@
   "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.6",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "version": "0.15.8-alpha.3",
+  "main": "./index.cjs",
+  "exports": {
+    "import": "./index.mjs",
+    "require": "./index.cjs"
+  },
+  "module": "./index.mjs",
+  "types": "./index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/usegraffy/graffy.git"
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.15.3",
+    "prop-types": "^15.7.2",
     "lodash": "^4.17.19"
   },
   "peerDependencies": {

package/cjs/Query.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = Query;
-
-var _useQuery2 = _interopRequireDefault(require("./useQuery.js"));
-
-function Query(_ref) {
-  var query = _ref.query,
-      options = _ref.options,
-      children = _ref.children;
-
-  var _useQuery = (0, _useQuery2.default)(query, options),
-      data = _useQuery.data,
-      loading = _useQuery.loading,
-      error = _useQuery.error;
-
-  return children({
-    data: data,
-    loading: loading,
-    error: error
-  });
-}
-
-module.exports = exports.default;

package/cjs/index.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.useStore = exports.useQuery = exports.Query = exports.GraffyProvider = void 0;
-
-var _GraffyContext = require("./GraffyContext.jsx");
-
-exports.GraffyProvider = _GraffyContext.GraffyProvider;
-
-var _Query = _interopRequireDefault(require("./Query.js"));
-
-exports.Query = _Query.default;
-
-var _useQuery = _interopRequireDefault(require("./useQuery.js"));
-
-exports.useQuery = _useQuery.default;
-
-var _useStore = _interopRequireDefault(require("./useStore.js"));
-
-exports.useStore = _useStore.default;

package/cjs/useQuery.js

@@ -1,253 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = useQuery;
-
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose"));
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
-
-var _asyncIterator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncIterator"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
-var _GraffyContext = _interopRequireDefault(require("./GraffyContext.jsx"));
-
-var _excluded = ["once"];
-var useRef = _react.default.useRef,
-    useState = _react.default.useState,
-    useEffect = _react.default.useEffect,
-    useContext = _react.default.useContext;
-
-var consumeSubscription = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(subscription, setState) {
-    var _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, _ret;
-
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _iteratorAbruptCompletion = false;
-            _didIteratorError = false;
-            _context.prev = 3;
-
-            _loop = function _loop() {
-              var data = _step.value;
-
-              if (subscription.closed) {
-                // console.warn('Ignoring update after subscription has closed.');
-                return "break";
-              }
-
-              setState(function (prevState) {
-                return (0, _extends2.default)({}, prevState, {
-                  loading: false,
-                  data: data,
-                  error: null
-                });
-              });
-            };
-
-            _iterator = (0, _asyncIterator2.default)(subscription);
-
-          case 6:
-            _context.next = 8;
-            return _iterator.next();
-
-          case 8:
-            if (!(_iteratorAbruptCompletion = !(_step = _context.sent).done)) {
-              _context.next = 15;
-              break;
-            }
-
-            _ret = _loop();
-
-            if (!(_ret === "break")) {
-              _context.next = 12;
-              break;
-            }
-
-            return _context.abrupt("break", 15);
-
-          case 12:
-            _iteratorAbruptCompletion = false;
-            _context.next = 6;
-            break;
-
-          case 15:
-            _context.next = 21;
-            break;
-
-          case 17:
-            _context.prev = 17;
-            _context.t0 = _context["catch"](3);
-            _didIteratorError = true;
-            _iteratorError = _context.t0;
-
-          case 21:
-            _context.prev = 21;
-            _context.prev = 22;
-
-            if (!(_iteratorAbruptCompletion && _iterator.return != null)) {
-              _context.next = 26;
-              break;
-            }
-
-            _context.next = 26;
-            return _iterator.return();
-
-          case 26:
-            _context.prev = 26;
-
-            if (!_didIteratorError) {
-              _context.next = 29;
-              break;
-            }
-
-            throw _iteratorError;
-
-          case 29:
-            return _context.finish(26);
-
-          case 30:
-            return _context.finish(21);
-
-          case 31:
-            _context.next = 36;
-            break;
-
-          case 33:
-            _context.prev = 33;
-            _context.t1 = _context["catch"](0);
-            // console.error('Error reading stream in useQuery', e);
-            setState(function (prevState) {
-              return (0, _extends2.default)({}, prevState, {
-                loading: false,
-                data: null,
-                error: _context.t1
-              });
-            });
-
-          case 36:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee, null, [[0, 33], [3, 17, 21, 31], [22,, 26, 30]]);
-  }));
-
-  return function consumeSubscription(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var retrieveResult = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(promise, setState) {
-    var data;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.prev = 0;
-            _context2.next = 3;
-            return promise;
-
-          case 3:
-            data = _context2.sent;
-            setState(function (prevState) {
-              return (0, _extends2.default)({}, prevState, {
-                loading: false,
-                data: data,
-                error: null
-              });
-            });
-            _context2.next = 10;
-            break;
-
-          case 7:
-            _context2.prev = 7;
-            _context2.t0 = _context2["catch"](0);
-            // console.error('Error fetching result in useQuery', e);
-            setState(function (prevState) {
-              return (0, _extends2.default)({}, prevState, {
-                loading: false,
-                data: null,
-                error: _context2.t0
-              });
-            });
-
-          case 10:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2, null, [[0, 7]]);
-  }));
-
-  return function retrieveResult(_x3, _x4) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-
-function useQuery(query, _temp) {
-  var _ref3 = _temp === void 0 ? {} : _temp,
-      once = _ref3.once,
-      other = (0, _objectWithoutPropertiesLoose2.default)(_ref3, _excluded);
-
-  var store = useContext(_GraffyContext.default);
-  var queryRef = useRef(null);
-  var queryHasChanged = !(0, _isEqual.default)(queryRef.current, query);
-
-  if (queryHasChanged) {
-    queryRef.current = query;
-  }
-
-  var fetchData = function fetchData(options) {
-    if (options === void 0) {
-      options = other;
-    }
-
-    if (state.loading !== true) setState((0, _extends2.default)({}, state, {
-      loading: true
-    }));
-
-    if (once) {
-      retrieveResult(store.read(query, options), setState);
-    } else {
-      var subscription = store.watch(query, options);
-      consumeSubscription(subscription, setState);
-      return function () {
-        subscription.closed = true;
-        subscription.return();
-      };
-    }
-  };
-
-  var refetch = (0, _bind.default)(fetchData).call(fetchData, null, (0, _extends2.default)({}, other, {
-    skipCache: true
-  }));
-
-  var _useState = useState({
-    loading: true
-  }),
-      state = _useState[0],
-      setState = _useState[1];
-
-  useEffect(fetchData, [queryRef.current, store]);
-  return once ? (0, _extends2.default)({}, state, {
-    refetch: refetch
-  }) : state;
-}
-
-module.exports = exports.default;

package/cjs/useStore.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = useStore;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _GraffyContext = _interopRequireDefault(require("./GraffyContext.jsx"));
-
-var useContext = _react.default.useContext;
-
-function useStore() {
-  var store = useContext(_GraffyContext.default);
-  return store;
-}
-
-module.exports = exports.default;

package/types/Query.d.ts

@@ -1,5 +0,0 @@
-export default function Query({ query, options, children }: {
-    query: any;
-    options: any;
-    children: any;
-}): any;

package/types/index.d.ts

@@ -1,3 +0,0 @@
-export { default as Query } from "./Query.js";
-export { default as useQuery } from "./useQuery.js";
-export { default as useStore } from "./useStore.js";

package/types/useQuery.d.ts

@@ -1,3 +0,0 @@
-export default function useQuery(query: any, { once, ...other }?: {
-    once: any;
-}): any;

package/types/useStore.d.ts

@@ -1 +0,0 @@
-export default function useStore(): any;