@webkrafters/react-observable-context 6.0.5 → 7.0.0-rc.0

package/dist/main/index.js

@@ -1,30 +1,15 @@
 "use strict";
 
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _wrapNativeSuper(t) { var r = "function" == typeof Map ? new Map() : void 0; return _wrapNativeSuper = function _wrapNativeSuper(t) { if (null === t || !_isNativeFunction(t)) return t; if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function"); if (void 0 !== r) { if (r.has(t)) return r.get(t); r.set(t, Wrapper); } function Wrapper() { return _construct(t, arguments, _getPrototypeOf(this).constructor); } return Wrapper.prototype = Object.create(t.prototype, { constructor: { value: Wrapper, enumerable: !1, writable: !0, configurable: !0 } }), _setPrototypeOf(Wrapper, t); }, _wrapNativeSuper(t); }
-function _construct(t, e, r) { if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && _setPrototypeOf(p, r.prototype), p; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _isNativeFunction(t) { try { return -1 !== Function.toString.call(t).indexOf("[native code]"); } catch (n) { return "function" == typeof t; } }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -79,186 +64,141 @@ var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UsageError = exports.ObservableContext = void 0;
-exports.connect = connect;
+exports.ObservableContext = void 0;
 exports.createContext = createContext;
-exports.mkReadonly = mkReadonly;
-exports.useContext = useContext;
 var react_1 = __importStar(require("react"));
 var lodash_isequal_1 = __importDefault(require("lodash.isequal"));
 var lodash_isplainobject_1 = __importDefault(require("lodash.isplainobject"));
 var lodash_omit_1 = __importDefault(require("lodash.omit"));
-var lodash_set_1 = __importDefault(require("lodash.set"));
-var path_dotize_1 = __importDefault(require("@webkrafters/path-dotize"));
-var constants = __importStar(require("../constants"));
-var use_render_key_provider_1 = __importDefault(require("./hooks/use-render-key-provider"));
-var use_store_1 = __importDefault(require("./hooks/use-store"));
-var __CTX_SYM__ = Symbol('Context Symbol');
-var connRegister = {};
-var ChildMemo = function () {
-  var useNodeMemo = function useNodeMemo(node) {
-    var nodeRef = (0, react_1.useRef)(node);
-    if (!(0, lodash_isequal_1["default"])((0, lodash_omit_1["default"])(nodeRef.current, '_owner'), (0, lodash_omit_1["default"])(node, '_owner'))) {
-      nodeRef.current = node;
-    }
-    return nodeRef.current;
-  };
-  var ChildMemo = (0, react_1.memo)(function (_ref) {
-    var child = _ref.child;
-    return react_1["default"].createElement(react_1["default"].Fragment, null, child);
-  });
-  ChildMemo.displayName = 'ObservableContext.Provider.Internal.Guardian.ChildMemo';
-  var Guardian = function Guardian(_ref2) {
-    var child = _ref2.child;
-    return react_1["default"].createElement(ChildMemo, {
-      child: useNodeMemo(child)
-    });
-  };
-  Guardian.displayName = 'ObservableContext.Provider.Internal.Guardian';
-  return Guardian;
-}();
-var defaultPrehooks = Object.freeze({});
+var eagleeye_1 = require("@webkrafters/eagleeye");
 var ObservableContext = /*#__PURE__*/function () {
-  function ObservableContext() {
+  function ObservableContext(value, prehooks, storage) {
+    var _this = this;
     _classCallCheck(this, ObservableContext);
-    this.cxt = (0, react_1.createContext)({
-      getState: reportNonReactUsage,
-      resetState: reportNonReactUsage,
-      setState: reportNonReactUsage,
-      subscribe: reportNonReactUsage
+    this._connect = function (selectorMap) {
+      var ctx = _this;
+      function connector(WrappedComponent) {
+        var useStream = ctx.useStream;
+        var Wrapped = !((0, lodash_isplainobject_1["default"])(WrappedComponent) && 'compare' in WrappedComponent) ? (0, react_1.memo)(WrappedComponent) : WrappedComponent;
+        var ConnectedComponent = (0, react_1.memo)((0, react_1.forwardRef)(function (ownProps, ref) {
+          var store = useStream(selectorMap);
+          return memoizeImmediateChildTree(react_1["default"].createElement(Wrapped, _objectSpread(_objectSpread(_objectSpread({}, store), ownProps), {}, {
+            ref: ref
+          })));
+        }));
+        ConnectedComponent.displayName = 'ObservableContext.Connected';
+        return ConnectedComponent;
+      }
+      return connector;
+    };
+    this.consumer = (0, eagleeye_1.createEagleEye)({
+      prehooks: prehooks,
+      storage: storage,
+      value: value
     });
-    this.provider = makeObservable(this.cxt.Provider);
   }
   return _createClass(ObservableContext, [{
-    key: __CTX_SYM__,
+    key: "cache",
+    get: function get() {
+      return this.consumer.cache;
+    }
+  }, {
+    key: "closed",
+    get: function get() {
+      return this.consumer.closed;
+    }
+  }, {
+    key: "connect",
+    get: function get() {
+      return this._connect;
+    }
+  }, {
+    key: "prehooks",
+    get: function get() {
+      return this.consumer.prehooks;
+    },
+    set: function set(prehooks) {
+      this.consumer.prehooks = prehooks;
+    }
+  }, {
+    key: "storage",
     get: function get() {
-      return this.cxt;
+      return this.consumer.storage;
+    },
+    set: function set(storage) {
+      this.consumer.storage = storage;
     }
   }, {
-    key: "Consumer",
+    key: "store",
     get: function get() {
-      return this.cxt.Consumer;
+      return this.consumer.store;
     }
   }, {
-    key: "Provider",
+    key: "useStream",
     get: function get() {
-      return this.provider;
+      var stream = this.consumer.stream;
+      return function (selectorMap) {
+        var _ref = (0, react_1.useState)(function () {
+            return stream(selectorMap);
+          }),
+          _ref2 = _slicedToArray(_ref, 1),
+          channel = _ref2[0];
+        var _ref3 = (0, react_1.useState)(function () {
+            return {
+              data: channel.data,
+              resetState: channel.resetState.bind(channel),
+              setState: channel.setState.bind(channel)
+            };
+          }),
+          _ref4 = _slicedToArray(_ref3, 2),
+          store = _ref4[0],
+          setStore = _ref4[1];
+        (0, react_1.useEffect)(function () {
+          channel.selectorMap = selectorMap;
+        }, [selectorMap]);
+        (0, react_1.useEffect)(function () {
+          channel.addListener('data-changed', function () {
+            return setStore(_objectSpread(_objectSpread({}, store), {}, {
+              data: channel.data
+            }));
+          });
+          return function () {
+            return channel.endStream();
+          };
+        }, []);
+        return store;
+      };
+    }
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      this.consumer.dispose();
     }
   }]);
 }();
 exports.ObservableContext = ObservableContext;
-var reportNonReactUsage = function reportNonReactUsage() {
-  throw new UsageError('Detected usage outside of this context\'s Provider component tree. Please apply the exported Provider component');
-};
-var UsageError = /*#__PURE__*/function (_Error) {
-  function UsageError() {
-    _classCallCheck(this, UsageError);
-    return _callSuper(this, UsageError, arguments);
-  }
-  _inherits(UsageError, _Error);
-  return _createClass(UsageError);
-}(/*#__PURE__*/_wrapNativeSuper(Error));
-exports.UsageError = UsageError;
-;
-function connect(context, selectorMap) {
-  function connector(WrappedComponent) {
-    var Wrapped = !((0, lodash_isplainobject_1["default"])(WrappedComponent) && 'compare' in WrappedComponent) ? (0, react_1.memo)(WrappedComponent) : WrappedComponent;
-    var ConnectedComponent = (0, react_1.memo)((0, react_1.forwardRef)(function (ownProps, ref) {
-      var store = useContext(context, selectorMap);
-      return react_1["default"].createElement(Wrapped, _objectSpread(_objectSpread(_objectSpread({}, store), ownProps), {}, {
-        ref: ref
-      }));
-    }));
-    ConnectedComponent.displayName = 'ObservableContext.Connected';
-    return ConnectedComponent;
-  }
-  return connector;
-}
-function createContext() {
-  return new ObservableContext();
-}
-;
-function getConnectionFrom(connKey, cache) {
-  if (connKey.current === undefined) {
-    try {
-      var connection = cache.connect();
-      connKey.current = connection.instanceId;
-      connRegister[connKey.current] = connection;
-    } catch (e) {
-      reportNonReactUsage();
+var ChildMemo = function () {
+  var useNodeMemo = function useNodeMemo(node) {
+    var nodeRef = (0, react_1.useRef)(node);
+    if (!(0, lodash_isequal_1["default"])((0, lodash_omit_1["default"])(nodeRef.current, '_owner'), (0, lodash_omit_1["default"])(node, '_owner'))) {
+      nodeRef.current = node;
     }
-  }
-  return connRegister[connKey.current];
-}
-function getStoreRef(store, connection) {
-  return {
-    getState: function getState() {
-      var propertyPaths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      if (!propertyPaths.length || propertyPaths.indexOf(constants.FULL_STATE_SELECTOR) !== -1) {
-        return connection.get(constants.GLOBAL_SELECTOR)[constants.GLOBAL_SELECTOR];
-      }
-      var data = connection.get.apply(connection, _toConsumableArray(propertyPaths));
-      var state = {};
-      for (var d in data) {
-        (0, lodash_set_1["default"])(state, d, data[d]);
-      }
-      return mkReadonly(state);
-    },
-    resetState: function resetState() {
-      var propertyPaths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      return store.resetState(connection, propertyPaths);
-    },
-    setState: function setState(changes) {
-      return store.setState(connection, changes);
-    },
-    subscribe: store.subscribe
+    return nodeRef.current;
   };
-}
-function makeObservable(Provider) {
-  var Observable = (0, react_1.forwardRef)(function (_ref3, storeRef) {
-    var _ref3$children = _ref3.children,
-      children = _ref3$children === void 0 ? null : _ref3$children,
-      _ref3$prehooks = _ref3.prehooks,
-      prehooks = _ref3$prehooks === void 0 ? defaultPrehooks : _ref3$prehooks,
-      _ref3$storage = _ref3.storage,
-      storage = _ref3$storage === void 0 ? null : _ref3$storage,
-      value = _ref3.value;
-    var connKey = (0, react_1.useRef)();
-    var store = (0, use_store_1["default"])(prehooks, value, storage);
-    var _ref4 = (0, react_1.useState)(function () {
-        return getConnectionFrom(connKey, store.cache);
-      }),
-      _ref5 = _slicedToArray(_ref4, 1),
-      connection = _ref5[0];
-    (0, react_1.useImperativeHandle)(storeRef, function () {
-      var _storeRef$current;
-      return _objectSpread(_objectSpread({}, (_storeRef$current = storeRef === null || storeRef === void 0 ? void 0 : storeRef.current) !== null && _storeRef$current !== void 0 ? _storeRef$current : {}), getStoreRef(store, connection));
-    }, [storeRef === null || storeRef === void 0 ? void 0 : storeRef.current]);
-    (0, react_1.useEffect)(function () {
-      return function () {
-        connection.disconnect();
-        delete connRegister[connKey.current];
-        connKey.current = undefined;
-      };
-    }, []);
-    return react_1["default"].createElement(Provider, {
-      value: store
-    }, memoizeImmediateChildTree(children));
+  var ChildMemo = (0, react_1.memo)(function (_ref5) {
+    var child = _ref5.child;
+    return react_1["default"].createElement(react_1["default"].Fragment, null, child);
   });
-  Observable.displayName = 'ObservableContext.Provider';
-  return Observable;
-}
-function mkReadonly(v) {
-  if (Object.isFrozen(v)) {
-    return v;
-  }
-  if ((0, lodash_isplainobject_1["default"])(v) || Array.isArray(v)) {
-    for (var k in v) {
-      v[k] = mkReadonly(v[k]);
-    }
-  }
-  return Object.freeze(v);
-}
+  ChildMemo.displayName = 'ObservableContext.Provider.Internal.Guardian.ChildMemo';
+  var Guardian = function Guardian(_ref6) {
+    var child = _ref6.child;
+    return react_1["default"].createElement(ChildMemo, {
+      child: useNodeMemo(child)
+    });
+  };
+  Guardian.displayName = 'ObservableContext.Provider.Internal.Guardian';
+  return Guardian;
+}();
 function memoizeImmediateChildTree(children) {
   return react_1.Children.map(children, function (_child) {
     var _child2, _child$type$$$typeof, _child$props;
@@ -274,141 +214,6 @@ function memoizeImmediateChildTree(children) {
     });
   });
 }
-function useContext(context, selectorMap) {
-  var _react_1$default$useC = react_1["default"].useContext(context[__CTX_SYM__]),
-    cache = _react_1$default$useC.cache,
-    _resetState = _react_1$default$useC.resetState,
-    _setState = _react_1$default$useC.setState,
-    subscribe = _react_1$default$useC.subscribe;
-  var connKey = (0, react_1.useRef)();
-  var _react_1$default$useS = react_1["default"].useState(function () {
-      return getConnectionFrom(connKey, cache);
-    }),
-    _react_1$default$useS2 = _slicedToArray(_react_1$default$useS, 1),
-    connection = _react_1$default$useS2[0];
-  var _renderKeys = (0, use_render_key_provider_1["default"])(selectorMap);
-  var refineKeys = function refineKeys() {
-    var rKeys = _renderKeys.slice();
-    if (fullStateSelectorIndex !== -1) {
-      rKeys[fullStateSelectorIndex] = constants.GLOBAL_SELECTOR;
-    }
-    return rKeys;
-  };
-  var _ref6 = (0, react_1.useMemo)(function () {
-      var map = {};
-      if (!_renderKeys.length) {
-        return [map, _renderKeys.indexOf(constants.FULL_STATE_SELECTOR)];
-      }
-      for (var selectorKey in selectorMap) {
-        map[selectorMap[selectorKey]] = selectorKey;
-      }
-      return [map, _renderKeys.indexOf(constants.FULL_STATE_SELECTOR)];
-    }, [_renderKeys]),
-    _ref7 = _slicedToArray(_ref6, 2),
-    selectorMapInverse = _ref7[0],
-    fullStateSelectorIndex = _ref7[1];
-  var _react_1$default$useS3 = react_1["default"].useState(function () {
-      var _connection;
-      var data = {};
-      if (!_renderKeys.length) {
-        return data;
-      }
-      var state = (_connection = connection).get.apply(_connection, _toConsumableArray(refineKeys()));
-      var _iterator = _createForOfIteratorHelper(_renderKeys),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var propertyPath = _step.value;
-          data[selectorMapInverse[propertyPath]] = state[propertyPath === constants.FULL_STATE_SELECTOR ? constants.GLOBAL_SELECTOR : propertyPath];
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      return data;
-    }),
-    _react_1$default$useS4 = _slicedToArray(_react_1$default$useS3, 2),
-    data = _react_1$default$useS4[0],
-    setData = _react_1$default$useS4[1];
-  var dataSourceListener = function dataSourceListener(changes, changePathsTokens, netChanges, mayHaveChangesAt) {
-    for (var _Len = _renderKeys.length, _ = 0; _ < _Len; _++) {
-      if (_renderKeys[_] !== constants.FULL_STATE_SELECTOR && !mayHaveChangesAt((0, path_dotize_1["default"])(_renderKeys[_]).split('.'))) {
-        continue;
-      }
-      return updateData();
-    }
-  };
-  var updateData = function updateData() {
-    var _connection2;
-    var hasChanges = false;
-    var state = (_connection2 = connection).get.apply(_connection2, _toConsumableArray(refineKeys()));
-    var _iterator2 = _createForOfIteratorHelper(_renderKeys),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var propertyPath = _step2.value;
-        var selectorKey = selectorMapInverse[propertyPath];
-        if (propertyPath === constants.FULL_STATE_SELECTOR) {
-          if (data[selectorKey] === state[constants.GLOBAL_SELECTOR]) {
-            continue;
-          }
-          data[selectorKey] = state[constants.GLOBAL_SELECTOR];
-          hasChanges = true;
-          continue;
-        }
-        if (data[selectorKey] === state[propertyPath]) {
-          continue;
-        }
-        data[selectorKey] = state[propertyPath];
-        hasChanges = true;
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-    hasChanges && setData(_objectSpread({}, data));
-  };
-  var resetState = (0, react_1.useCallback)(function () {
-    var propertyPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _renderKeys;
-    return _resetState(connection, propertyPath);
-  }, [_resetState, connection]);
-  var setState = (0, react_1.useCallback)(function (changes) {
-    return _setState(connection, changes);
-  }, [_setState, connection]);
-  react_1["default"].useEffect(function () {
-    if (cache.closed) {
-      return;
-    }
-    connection = getConnectionFrom(connKey, cache);
-    if (!_renderKeys.length) {
-      var _default = {};
-      !(0, lodash_isequal_1["default"])(_default, data) && setData(_default);
-      return;
-    }
-    for (var selectorKey in data) {
-      if (!(selectorMap[selectorKey] in selectorMapInverse)) {
-        delete data[selectorKey];
-      }
-    }
-    var unsubscribe = subscribe(dataSourceListener);
-    updateData();
-    return function () {
-      if (cache.closed) {
-        return;
-      }
-      unsubscribe();
-      connection.disconnect();
-      delete connRegister[connKey.current];
-      connKey.current = undefined;
-    };
-  }, [_renderKeys, cache]);
-  return (0, react_1.useMemo)(function () {
-    return {
-      data: data,
-      resetState: resetState,
-      setState: setState
-    };
-  }, [data]);
+function createContext(value, prehooks, storage) {
+  return new ObservableContext(value, prehooks, storage);
 }

package/package.json

@@ -113,8 +113,8 @@
     "test:watch": "eslint --fix && jest --updateSnapshot --watchAll"
   },
   "types": "dist/index.d.ts",
-  "version": "6.0.5",
+  "version": "7.0.0-rc.0",
   "dependencies": {
-    "@webkrafters/auto-immutable": "^2.0.5"
+    "@webkrafters/eagleeye": "^1.0.0-beta.4"
   }
 }

package/dist/constants.d.ts

@@ -1,2 +0,0 @@
-export { CLEAR_TAG, DELETE_TAG, GLOBAL_SELECTOR, MOVE_TAG, NULL_SELECTOR, PUSH_TAG, REPLACE_TAG, SET_TAG, SPLICE_TAG, Tag } from '@webkrafters/auto-immutable';
-export declare const FULL_STATE_SELECTOR = "@@STATE";

package/dist/constants.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FULL_STATE_SELECTOR = exports.Tag = exports.SPLICE_TAG = exports.SET_TAG = exports.REPLACE_TAG = exports.PUSH_TAG = exports.NULL_SELECTOR = exports.MOVE_TAG = exports.GLOBAL_SELECTOR = exports.DELETE_TAG = exports.CLEAR_TAG = void 0;
-var auto_immutable_1 = require("@webkrafters/auto-immutable");
-Object.defineProperty(exports, "CLEAR_TAG", {
-  enumerable: true,
-  get: function get() {
-    return auto_immutable_1.CLEAR_TAG;
-  }
-});
-Object.defineProperty(exports, "DELETE_TAG", {
-  enumerable: true,
-  get: function get() {
-    return auto_immutable_1.DELETE_TAG;
-  }
-});
-Object.defineProperty(exports, "GLOBAL_SELECTOR", {
-  enumerable: true,
-  get: function get() {
-    return auto_immutable_1.GLOBAL_SELECTOR;
-  }
-});
-Object.defineProperty(exports, "MOVE_TAG", {
-  enumerable: true,
-  get: function get() {
-    return auto_immutable_1.MOVE_TAG;
-  }
-});
-Object.defineProperty(exports, "NULL_SELECTOR", {
-  enumerable: true,
-  get: function get() {
-    return auto_immutable_1.NULL_SELECTOR;
-  }
-});
-Object.defineProperty(exports, "PUSH_TAG", {
-  enumerable: true,
-  get: function get() {
-    return auto_immutable_1.PUSH_TAG;
-  }
-});
-Object.defineProperty(exports, "REPLACE_TAG", {
-  enumerable: true,
-  get: function get() {
-    return auto_immutable_1.REPLACE_TAG;
-  }
-});
-Object.defineProperty(exports, "SET_TAG", {
-  enumerable: true,
-  get: function get() {
-    return auto_immutable_1.SET_TAG;
-  }
-});
-Object.defineProperty(exports, "SPLICE_TAG", {
-  enumerable: true,
-  get: function get() {
-    return auto_immutable_1.SPLICE_TAG;
-  }
-});
-Object.defineProperty(exports, "Tag", {
-  enumerable: true,
-  get: function get() {
-    return auto_immutable_1.Tag;
-  }
-});
-exports.FULL_STATE_SELECTOR = '@@STATE';

package/dist/main/hooks/use-prehooks-ref/index.d.ts

@@ -1,3 +0,0 @@
-import type { Prehooks, State } from '../../..';
-declare function usePrehooksRef<T extends State>(prehooks: Prehooks<T>): import("react").MutableRefObject<Prehooks<T>>;
-export default usePrehooksRef;

package/dist/main/hooks/use-prehooks-ref/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = require("react");
-function usePrehooksRef(prehooks) {
-  var prehooksRef = (0, react_1.useRef)(prehooks);
-  (0, react_1.useEffect)(function () {
-    prehooksRef.current = prehooks;
-  }, [prehooks]);
-  return prehooksRef;
-}
-;
-exports["default"] = usePrehooksRef;

package/dist/main/hooks/use-render-key-provider/index.d.ts

@@ -1,5 +0,0 @@
-import type { ArraySelector, ObjectSelector, SelectorMap, Text } from '../../..';
-declare function useRenderKeyProvider(selectorMap: ArraySelector): Array<Text>;
-declare function useRenderKeyProvider(selectorMap: ObjectSelector): Array<Text>;
-declare function useRenderKeyProvider(selectorMap: SelectorMap): Array<Text>;
-export default useRenderKeyProvider;

package/dist/main/hooks/use-render-key-provider/index.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var react_1 = require("react");
-var lodash_isplainobject_1 = __importDefault(require("lodash.isplainobject"));
-function getCurrKeys(selectorMap) {
-  if ((0, lodash_isplainobject_1["default"])(selectorMap) || Array.isArray(selectorMap)) {
-    return Array.from(new Set(Object.values(selectorMap)));
-  }
-  if (typeof selectorMap === 'undefined' || selectorMap === null) {
-    return [];
-  }
-  throw new TypeError('Incompatible Selector Map type provided.');
-}
-;
-function useRenderKeyProvider(selectorMap) {
-  var renderKeys = (0, react_1.useRef)([]);
-  return (0, react_1.useMemo)(function () {
-    var currKeys = getCurrKeys(selectorMap);
-    if (renderKeys.current.length !== currKeys.length || renderKeys.current.some(function (k, i) {
-      return k !== currKeys[i];
-    })) {
-      renderKeys.current = currKeys;
-    }
-    return renderKeys.current;
-  }, [selectorMap]);
-}
-;
-exports["default"] = useRenderKeyProvider;

package/dist/main/hooks/use-store/index.d.ts

@@ -1,9 +0,0 @@
-import type { IStorage, StoreInternal, PartialState, Prehooks, State } from '../../..';
-export declare const deps: {
-    createStorageKey: () => string;
-};
-interface CurrentStorage<T extends State> extends IStorage<T> {
-    isKeyRequired?: boolean;
-}
-declare const useStore: <T extends State>(prehooks: Prehooks<T>, value: PartialState<T>, storage?: CurrentStorage<T>) => StoreInternal<T>;
-export default useStore;