@webkrafters/react-observable-context 4.7.7 → 5.0.0-rc.0

package/dist/main/hooks/use-store/index.js

@@ -1,103 +1,117 @@
 "use strict";
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+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 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 _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 _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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.deps = exports["default"] = void 0;
-var _react = require("react");
-var _lodash = _interopRequireDefault(require("lodash.isboolean"));
-var _lodash2 = _interopRequireDefault(require("lodash.isempty"));
-var _uuid = require("uuid");
-var _constants = require("../../../constants");
-var _utils = require("../../../utils");
-var _storage2 = _interopRequireDefault(require("../../../model/storage"));
-var _usePrehooksRef = _interopRequireDefault(require("../use-prehooks-ref"));
-var _useStateManager2 = _interopRequireDefault(require("../use-state-manager"));
-var _setState2 = _interopRequireDefault(require("../../set-state"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, 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 normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-var deps = {
-  setState: _setState2["default"],
-  uuid: _uuid.v4
+exports.deps = void 0;
+var react_1 = require("react");
+var lodash_isboolean_1 = __importDefault(require("lodash.isboolean"));
+var lodash_isempty_1 = __importDefault(require("lodash.isempty"));
+var data_distillery_1 = __importDefault(require("@webkrafters/data-distillery"));
+var path_dotize_1 = __importDefault(require("@webkrafters/path-dotize"));
+var auto_immutable_1 = __importDefault(require("@webkrafters/auto-immutable"));
+var constants_1 = require("../../../constants");
+var storage_1 = __importDefault(require("../../../model/storage"));
+var use_prehooks_ref_1 = __importDefault(require("../use-prehooks-ref"));
+var iCount = -1;
+var createStorageKey = function createStorageKey() {
+  return "".concat(++iCount, ":").concat(Date.now(), ":").concat(Math.random());
+};
+// to facilitate testing
+exports.deps = {
+  createStorageKey: createStorageKey
 };
-exports.deps = deps;
 function runPrehook(prehooks, name, args) {
   if (!(name in prehooks)) {
     return true;
   }
   var res = prehooks[name].apply(prehooks, _toConsumableArray(args));
-  if (!(0, _lodash["default"])(res)) {
+  if (!(0, lodash_isboolean_1["default"])(res)) {
     throw new TypeError("`".concat(name, "` prehook must return a boolean value."));
   }
   return res;
 }
+/** @param storage - is Closed to modification post-initialization */
 var useStore = function useStore(prehooks, value, storage) {
-  var mounted = (0, _react.useRef)(false);
-  var prehooksRef = (0, _usePrehooksRef["default"])(prehooks);
-  var storageKey = (0, _react.useRef)();
-  var _useStateManager = (0, _useStateManager2["default"])(value),
-    select = _useStateManager.select,
-    state = _useStateManager.state,
-    stateWatch = _useStateManager.stateWatch,
-    unlink = _useStateManager.unlink;
-  var _useState = (0, _react.useState)(function () {
+  var mounted = (0, react_1.useRef)(false);
+  var prehooksRef = (0, use_prehooks_ref_1["default"])(prehooks);
+  var storageKey = (0, react_1.useRef)();
+  var _ref = (0, react_1.useState)(function () {
+      var cache = new auto_immutable_1["default"](value);
+      return [cache, cache.connect()];
+    }),
+    _ref2 = _slicedToArray(_ref, 1),
+    _ref2$ = _slicedToArray(_ref2[0], 2),
+    cache = _ref2$[0],
+    ownConnection = _ref2$[1];
+  var _ref3 = (0, react_1.useState)(function () {
       return new Set();
     }),
-    _useState2 = _slicedToArray(_useState, 1),
-    listeners = _useState2[0];
-  var _useState3 = (0, _react.useState)(function () {
+    _ref4 = _slicedToArray(_ref3, 1),
+    listeners = _ref4[0];
+  var _ref5 = (0, react_1.useState)(function () {
       var isKeyRequired = true;
       var _storage = storage;
       if (!storage) {
-        _storage = new _storage2["default"]();
+        _storage = new storage_1["default"]();
         isKeyRequired = _storage.isKeyRequired;
       }
-      storageKey.current = isKeyRequired ? "".concat(deps.uuid(), ":").concat(Date.now(), ":").concat(Math.random()) : null;
+      storageKey.current = isKeyRequired ? exports.deps.createStorageKey() : null;
       return _storage;
     }),
-    _useState4 = _slicedToArray(_useState3, 1),
-    _storage = _useState4[0];
+    _ref6 = _slicedToArray(_ref5, 1),
+    _storage = _ref6[0];
   var onChange = function onChange(changes) {
     return listeners.forEach(function (listener) {
       return listener(changes);
     });
   };
-  var resetState = (0, _react.useCallback)(function () {
-    var propertyPaths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var resetState = (0, react_1.useCallback)(function (connection) {
+    var propertyPaths = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     var original = _storage.clone(_storage.getItem(storageKey.current));
     var resetData;
     if (!propertyPaths.length) {
       resetData = {};
-    } else if (propertyPaths.includes(_constants.FULL_STATE_SELECTOR)) {
-      resetData = (0, _lodash2["default"])(original) ? _constants.CLEAR_TAG : _defineProperty({}, _constants.REPLACE_TAG, original);
+    } else if (propertyPaths.includes(constants_1.FULL_STATE_SELECTOR)) {
+      resetData = (0, lodash_isempty_1["default"])(original) ? constants_1.CLEAR_TAG : _defineProperty({}, constants_1.REPLACE_TAG, original);
     } else {
       var visitedPathMap = {};
-      resetData = (0, _utils.mapPathsToObject)(original, propertyPaths, function (_ref2) {
-        var trail = _ref2.trail,
-          value = _ref2.value;
-        visitedPathMap[trail] = null;
-        return _defineProperty({}, _constants.REPLACE_TAG, value);
-      });
+      var transformer = function transformer(_ref8) {
+        var trail = _ref8.trail,
+          value = _ref8.value;
+        visitedPathMap[trail.join('.')] = null;
+        return _defineProperty({}, constants_1.REPLACE_TAG, value);
+      };
+      resetData = (0, data_distillery_1["default"])(original, propertyPaths, transformer);
       if (Object.keys(visitedPathMap).length < propertyPaths.length) {
         var _iterator = _createForOfIteratorHelper(propertyPaths),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var path = _step.value;
-            path = (0, _utils.stringToDotPath)(path);
+            path = (0, path_dotize_1["default"])(path);
             if (path in visitedPathMap) {
               continue;
             }
@@ -110,7 +124,7 @@ var useStore = function useStore(prehooks, value, storage) {
             try {
               for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
                 var t = _step2.value;
-                if ((0, _lodash2["default"])(node[t])) {
+                if ((0, lodash_isempty_1["default"])(node[t])) {
                   node[t] = {};
                 }
                 node = node[t];
@@ -120,11 +134,11 @@ var useStore = function useStore(prehooks, value, storage) {
             } finally {
               _iterator2.f();
             }
-            if (_constants.DELETE_TAG in node) {
-              var _node$DELETE_TAG;
-              (_node$DELETE_TAG = node[_constants.DELETE_TAG]).push.apply(_node$DELETE_TAG, _toConsumableArray(keyTuple));
+            if (constants_1.DELETE_TAG in node) {
+              var _node$constants_1$DEL;
+              (_node$constants_1$DEL = node[constants_1.DELETE_TAG]).push.apply(_node$constants_1$DEL, _toConsumableArray(keyTuple));
             } else {
-              node[_constants.DELETE_TAG] = keyTuple;
+              node[constants_1.DELETE_TAG] = keyTuple;
             }
           }
         } catch (err) {
@@ -135,59 +149,65 @@ var useStore = function useStore(prehooks, value, storage) {
       }
     }
     runPrehook(prehooksRef.current, 'resetState', [resetData, {
-      current: (0, _utils.clonedeep)(state),
+      current: connection.get(constants_1.GLOBAL_SELECTOR)[constants_1.GLOBAL_SELECTOR],
       original: original
-    }]) && deps.setState(state, resetData, onChange);
+    }]) && connection.set(resetData, onChange);
   }, []);
-  var setState = (0, _react.useCallback)(function (changes) {
-    changes = (0, _utils.clonedeep)(changes);
-    runPrehook(prehooksRef.current, 'setState', [changes]) && deps.setState(state, changes, onChange);
+  function transformPayload(payload) {
+    if ((0, lodash_isempty_1["default"])(payload) || !(constants_1.FULL_STATE_SELECTOR in payload)) {
+      return payload;
+    }
+    payload = _objectSpread(_objectSpread({}, payload), {}, _defineProperty({}, constants_1.GLOBAL_SELECTOR, payload[constants_1.FULL_STATE_SELECTOR]));
+    delete payload[constants_1.FULL_STATE_SELECTOR];
+    return payload;
+  }
+  var setState = (0, react_1.useCallback)(function (connection, changes) {
+    if (!runPrehook(prehooksRef.current, 'setState', [changes])) {
+      return;
+    }
+    if (!Array.isArray(changes)) {
+      return connection.set(transformPayload(changes), onChange);
+    }
+    changes = changes.slice();
+    for (var c = changes.length; c--;) {
+      changes[c] = transformPayload(changes[c]);
+    }
+    connection.set(changes, onChange);
   }, []);
-  var subscribe = (0, _react.useCallback)(function (listener) {
+  var subscribe = (0, react_1.useCallback)(function (listener) {
     listeners.add(listener);
     return function () {
       return listeners["delete"](listener);
     };
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, react_1.useEffect)(function () {
     var sKey = storageKey.current;
     _storage.setItem(sKey, _storage.clone(value));
     return function () {
       return _storage.removeItem(sKey);
     };
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, react_1.useEffect)(function () {
     if (!mounted.current) {
       mounted.current = true;
       return;
     }
-    setState(value);
+    setState(ownConnection, value);
   }, [value]);
-  (0, _react.useEffect)(function () {
-    if (!listeners.size) {
-      listeners.add(stateWatch);
-    } else {
-      var newList = Array.from(listeners);
-      newList.unshift(stateWatch);
-      listeners.clear();
-      newList.forEach(function (l) {
-        listeners.add(l);
-      });
-    }
+  (0, react_1.useEffect)(function () {
     return function () {
-      return listeners["delete"](stateWatch);
+      ownConnection.disconnect();
+      cache.close();
+      listeners.clear();
     };
-  }, [stateWatch]);
-  return (0, _react.useState)(function () {
+  }, []);
+  return (0, react_1.useState)(function () {
     return {
-      getState: select,
+      cache: cache,
       resetState: resetState,
       setState: setState,
-      state: state,
-      subscribe: subscribe,
-      unlinkCache: unlink
+      subscribe: subscribe
     };
   })[0];
 };
-var _default = useStore;
-exports["default"] = _default;
+exports["default"] = useStore;

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

@@ -0,0 +1 @@
+import '../../../test-artifacts/suppress-render-compat';