@webkrafters/react-observable-context 4.4.4 → 4.5.0-rc.1

package/README.md

@@ -664,9 +664,13 @@ store.setState({
 <h1 id="changes">What's Changed?</h1>
 
 <table>
+	<thead><tr><th>v4.5.0</th></tr></thead>
+	<tbody>
+		<tr><td><b>1.</b></td><td><a href="#setstate-tags">Tags</a> to update non-existent state slices are now recognized. <b>Previously,</b> they had resulted in no-ops. <b>From now on,</b> they will result in new default slices matching the result of the given tag operation.</td></tr>
+	</tbody>
 	<thead><tr><th>v4.4.0</th></tr></thead>
 	<tbody>
-		<tr><td><b>1.</b></td><td>Returns <code>undefined</code> for selector map pointing at a non-existent state slice. <i>(Previously returned <code>null</code>)</i></td></tr>
+		<tr><td><b>1.</b></td><td>Returns <code>undefined</code> for selector map pointing at a non-existent state slice. <i>(Previously returned <code>null</code>)</i>.</td></tr>
 	</tbody>
 	<thead><tr><th>v4.3.0</th></tr></thead>
 	<tbody>

package/dist/main/set-state/index.js

@@ -16,6 +16,86 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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); }
 var _default = setState;
 exports["default"] = _default;
+var setAtomic = function () {
+  var toStringProto = Object.prototype.toString;
+  var getCompositeDesc = function getCompositeDesc(value) {
+    return Array.isArray(value) ? 'ARRAY' : (0, _lodash2["default"])(value) ? 'OBJECT' : undefined;
+  };
+  var finalizeAtomicSet = function finalizeAtomicSet(state, changes, stateKey) {
+    var compositeChangeDesc = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
+    var change = changes[stateKey];
+    if (!compositeChangeDesc) {
+      if (!(0, _tagFunctions.isClosedTag)(change)) {
+        state[stateKey] = change;
+        return;
+      }
+    } else if (compositeChangeDesc === 'ARRAY') {
+      state[stateKey] = [];
+    } else if (compositeChangeDesc === 'OBJECT') {
+      if (isIndexBasedObj(change)) {
+        state[stateKey] = [];
+      } else {
+        var newState = {};
+        for (var k in change) {
+          var childChange = change[k];
+          if (toStringProto.call(childChange) === '[object String]') {
+            newState[k] = childChange;
+            continue;
+          }
+          var hasProps = false;
+          for (var p in childChange !== null && childChange !== void 0 ? childChange : {}) {
+            hasProps = true;
+            break;
+          }
+          if (!hasProps) {
+            newState[k] = childChange;
+          } else if (isArrayTaggedPayload(childChange)) {
+            newState[k] = [];
+          }
+        }
+        state[stateKey] = newState;
+      }
+    }
+    return setAtomic(state, changes, stateKey);
+  };
+  var setAtomic = function setAtomic(state, changes, stateKey) {
+    var stats = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+      hasChanges: false
+    };
+    if ((0, _lodash["default"])(state[stateKey], changes[stateKey])) {
+      return;
+    }
+    var tagsResolved = resolveTags(state, changes, stateKey, stats);
+    var compositeChangeDesc = getCompositeDesc(changes[stateKey]);
+    if (Array.isArray(state[stateKey])) {
+      if (compositeChangeDesc === 'ARRAY') {
+        return setArray(state, changes, stateKey, stats);
+      }
+      if (compositeChangeDesc === 'OBJECT' && isIndexBasedObj(changes[stateKey])) {
+        return setArrayIndex(state, changes, stateKey, stats);
+      }
+    }
+    if (compositeChangeDesc === 'OBJECT' && (0, _lodash2["default"])(state[stateKey])) {
+      return setPlainObject(state, changes, stateKey, stats);
+    }
+    if (tagsResolved.length || !(stateKey in changes)) {
+      return;
+    }
+    ;
+    stats.hasChanges = true;
+    finalizeAtomicSet(state, changes, stateKey, compositeChangeDesc);
+  };
+  return setAtomic;
+}();
+function isArrayTaggedPayload(payload) {
+  for (var k in payload) {
+    if (!(0, _tagFunctions.isArrayOnlyTag)(k)) {
+      return false;
+    }
+  }
+  return true;
+}
+;
 function isIndexBasedObj(obj) {
   for (var k in obj) {
     if (!(k in _tagFunctions["default"] || Number.isInteger(+k))) {
@@ -32,6 +112,9 @@ function resolveTags(state, changes, stateKey, stats) {
   if (!(0, _utils.isDataContainer)(changes[stateKey])) {
     return resolvedTags;
   }
+  if (!(stateKey in state) && isArrayTaggedPayload(changes[stateKey])) {
+    state[stateKey] = [];
+  }
   for (var k in changes[stateKey]) {
     if (!(stateKey in changes)) {
       break;
@@ -82,31 +165,6 @@ function setArrayIndex(state, changes, rootKey, stats) {
     setAtomic(state[rootKey], changes[rootKey], i, stats);
   }
 }
-function setAtomic(state, changes, stateKey, stats) {
-  if ((0, _lodash["default"])(state[stateKey], changes[stateKey])) {
-    return;
-  }
-  var tagsResolved = resolveTags(state, changes, stateKey, stats);
-  var isPlainObjectNewState = (0, _lodash2["default"])(changes[stateKey]);
-  var isArrayNewState = Array.isArray(changes[stateKey]);
-  if (Array.isArray(state[stateKey])) {
-    if (isArrayNewState) {
-      return setArray(state, changes, stateKey, stats);
-    }
-    if (isPlainObjectNewState && isIndexBasedObj(changes[stateKey])) {
-      return setArrayIndex(state, changes, stateKey, stats);
-    }
-  }
-  if (isPlainObjectNewState && (0, _lodash2["default"])(state[stateKey])) {
-    return setPlainObject(state, changes, stateKey, stats);
-  }
-  if (tagsResolved.length || !(stateKey in changes)) {
-    return;
-  }
-  ;
-  stats.hasChanges = true;
-  state[stateKey] = isArrayNewState || isPlainObjectNewState ? (0, _utils.clonedeep)(changes[stateKey]) : changes[stateKey];
-}
 function setPlainObject(state, changes, rootKey, stats) {
   set(state[rootKey], changes[rootKey], stats);
 }

package/dist/main/set-state/tag-functions/index.d.ts

@@ -10,6 +10,7 @@ export function $set(state: T, stateKey: K, stats: Stats, changes: (import("../.
 }; })): void;
 export const $splice: TagFunction<T, K, import("../../../types").SpliceCommand>;
 export default tagMap;
+export const isArrayOnlyTag: (tag: TagKey | BaseType) => boolean;
 export const isClosedTag: (tag: TagKey | BaseType) => boolean;
 export type TagKey = keyof typeof tagMap;
 export type TagFunction<T extends any[] | import("../../../types").State, K extends keyof T, TAG extends {

package/dist/main/set-state/tag-functions/index.js

@@ -3,7 +3,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isClosedTag = exports["default"] = exports.$splice = exports.$set = exports.$replace = exports.$push = exports.$move = exports.$delete = exports.$clear = void 0;
+exports.isClosedTag = exports.isArrayOnlyTag = exports["default"] = exports.$splice = exports.$set = exports.$replace = exports.$push = exports.$move = exports.$delete = exports.$clear = void 0;
 var _lodash = _interopRequireDefault(require("lodash.isempty"));
 var _lodash2 = _interopRequireDefault(require("lodash.isequal"));
 var _lodash3 = _interopRequireDefault(require("lodash.isplainobject"));
@@ -287,10 +287,21 @@ exports.$splice = $splice;
 var tagMap = (_tagMap = {}, _defineProperty(_tagMap, _constants.CLEAR_TAG, $clear), _defineProperty(_tagMap, _constants.DELETE_TAG, $delete), _defineProperty(_tagMap, _constants.MOVE_TAG, $move), _defineProperty(_tagMap, _constants.PUSH_TAG, $push), _defineProperty(_tagMap, _constants.REPLACE_TAG, $replace), _defineProperty(_tagMap, _constants.SET_TAG, $set), _defineProperty(_tagMap, _constants.SPLICE_TAG, $splice), _tagMap);
 var _default = tagMap;
 exports["default"] = _default;
+var containsTag = function containsTag(tagsMap, tag) {
+  return tag in tagsMap && !Array.isArray(tag);
+};
+var isArrayOnlyTag = function () {
+  var _ARRAY_TAGS;
+  var ARRAY_TAGS = (_ARRAY_TAGS = {}, _defineProperty(_ARRAY_TAGS, _constants.MOVE_TAG, null), _defineProperty(_ARRAY_TAGS, _constants.PUSH_TAG, null), _defineProperty(_ARRAY_TAGS, _constants.SPLICE_TAG, null), _ARRAY_TAGS);
+  return function (tag) {
+    return containsTag(ARRAY_TAGS, tag);
+  };
+}();
+exports.isArrayOnlyTag = isArrayOnlyTag;
 var isClosedTag = function () {
   var NO_PARAM_TAGS = _defineProperty({}, _constants.CLEAR_TAG, null);
   return function (tag) {
-    return tag in NO_PARAM_TAGS && !Array.isArray(tag);
+    return containsTag(NO_PARAM_TAGS, tag);
   };
 }();
 exports.isClosedTag = isClosedTag;

package/package.json

@@ -133,5 +133,5 @@
     "test:watch": "eslint --fix && jest --updateSnapshot --watchAll"
   },
   "types": "dist/main/index.d.ts",
-  "version": "4.4.4"
+  "version": "4.5.0-rc.1"
 }