mobx 6.9.1 → 6.10.1

package/dist/mobx.esm.development.js

@@ -422,12 +422,14 @@ var Atom = /*#__PURE__*/function () {
     this.isPendingUnobservation_ = false;
     this.isBeingObserved_ = false;
     this.observers_ = new Set();
+    this.batchId_ = void 0;
     this.diffValue_ = 0;
     this.lastAccessedBy_ = 0;
     this.lowestObserverState_ = IDerivationState_.NOT_TRACKING_;
     this.onBOL = void 0;
     this.onBUOL = void 0;
     this.name_ = name_;
+    this.batchId_ = globalState.inBatch ? globalState.batchId : NaN;
   }
   // onBecomeObservedListeners
   var _proto = Atom.prototype;
@@ -456,6 +458,12 @@ var Atom = /*#__PURE__*/function () {
    * Invoke this method _after_ this method has changed to signal mobx that all its observers should invalidate.
    */;
   _proto.reportChanged = function reportChanged() {
+    if (globalState.inBatch && this.batchId_ === globalState.batchId) {
+      // Called from the same batch this atom was created in.
+      return;
+    }
+    // Avoids the possibility of hitting the same globalState.batchId when it cycled through all integers (necessary?)
+    this.batchId_ = NaN;
     startBatch();
     propagateChanged(this);
     // We could update state version only at the end of batch,
@@ -989,7 +997,9 @@ var observableFactories = {
     return new ObservableSet(initialValues, getEnhancerFromOptions(o), o.name);
   },
   object: function object(props, decorators, options) {
-    return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);
+    return initObservable(function () {
+      return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);
+    });
   },
   ref: /*#__PURE__*/createDecoratorAnnotation(observableRefAnnotation),
   shallow: /*#__PURE__*/createDecoratorAnnotation(observableShallowAnnotation),
@@ -1811,6 +1821,7 @@ var MobXGlobals = function MobXGlobals() {
   this.runId = 0;
   this.mobxGuid = 0;
   this.inBatch = 0;
+  this.batchId = Number.MIN_SAFE_INTEGER;
   this.pendingUnobservations = [];
   this.pendingReactions = [];
   this.isRunningReactions = false;
@@ -1950,6 +1961,9 @@ function queueForUnobservation(observable) {
  * Avoids unnecessary recalculations.
  */
 function startBatch() {
+  if (globalState.inBatch === 0) {
+    globalState.batchId = globalState.batchId < Number.MAX_SAFE_INTEGER ? globalState.batchId + 1 : Number.MIN_SAFE_INTEGER;
+  }
   globalState.inBatch++;
 }
 function endBatch() {
@@ -2242,10 +2256,15 @@ var Reaction = /*#__PURE__*/function () {
       }
     }
   };
-  _proto.getDisposer_ = function getDisposer_() {
-    var r = this.dispose.bind(this);
-    r[$mobx] = this;
-    return r;
+  _proto.getDisposer_ = function getDisposer_(abortSignal) {
+    var _this2 = this;
+    var dispose = function dispose() {
+      _this2.dispose();
+      abortSignal == null ? void 0 : abortSignal.removeEventListener == null ? void 0 : abortSignal.removeEventListener("abort", dispose);
+    };
+    abortSignal == null ? void 0 : abortSignal.addEventListener == null ? void 0 : abortSignal.addEventListener("abort", dispose);
+    dispose[$mobx] = this;
+    return dispose;
   };
   _proto.toString = function toString() {
     return "Reaction[" + this.name_ + "]";
@@ -2419,7 +2438,7 @@ function isAction(thing) {
  * @returns disposer function, which can be used to stop the view from being updated in the future.
  */
 function autorun(view, opts) {
-  var _opts$name, _opts;
+  var _opts$name, _opts, _opts2, _opts2$signal, _opts3;
   if (opts === void 0) {
     opts = EMPTY_OBJECT;
   }
@@ -2458,8 +2477,10 @@ function autorun(view, opts) {
   function reactionRunner() {
     view(reaction);
   }
-  reaction.schedule_();
-  return reaction.getDisposer_();
+  if (!((_opts2 = opts) != null && (_opts2$signal = _opts2.signal) != null && _opts2$signal.aborted)) {
+    reaction.schedule_();
+  }
+  return reaction.getDisposer_((_opts3 = opts) == null ? void 0 : _opts3.signal);
 }
 var run = function run(f) {
   return f();
@@ -2470,7 +2491,7 @@ function createSchedulerFromOptions(opts) {
   } : run;
 }
 function reaction(expression, effect, opts) {
-  var _opts$name2;
+  var _opts$name2, _opts4, _opts4$signal, _opts5;
   if (opts === void 0) {
     opts = EMPTY_OBJECT;
   }
@@ -2520,8 +2541,10 @@ function reaction(expression, effect, opts) {
     }
     firstTime = false;
   }
-  r.schedule_();
-  return r.getDisposer_();
+  if (!((_opts4 = opts) != null && (_opts4$signal = _opts4.signal) != null && _opts4$signal.aborted)) {
+    r.schedule_();
+  }
+  return r.getDisposer_((_opts5 = opts) == null ? void 0 : _opts5.signal);
 }
 function wrapErrorHandler(errorHandler, baseFn) {
   return function () {
@@ -2616,17 +2639,14 @@ function extendObservable(target, properties, annotations, options) {
   }
   // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)
   var descriptors = getOwnPropertyDescriptors(properties);
-  var adm = asObservableObject(target, options)[$mobx];
-  startBatch();
-  try {
+  initObservable(function () {
+    var adm = asObservableObject(target, options)[$mobx];
     ownKeys(descriptors).forEach(function (key) {
       adm.extend_(key, descriptors[key],
       // must pass "undefined" for { key: undefined }
       !annotations ? true : key in annotations ? annotations[key] : true);
     });
-  } finally {
-    endBatch();
-  }
+  });
   return target;
 }
 
@@ -3312,10 +3332,9 @@ function notifyListeners(listenable, change) {
 }
 
 function makeObservable(target, annotations, options) {
-  var adm = asObservableObject(target, options)[$mobx];
-  startBatch();
-  try {
+  initObservable(function () {
     var _annotations;
+    var adm = asObservableObject(target, options)[$mobx];
     if ("development" !== "production" && annotations && target[storedAnnotationsSymbol]) {
       die("makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported.");
     }
@@ -3325,9 +3344,7 @@ function makeObservable(target, annotations, options) {
     ownKeys(annotations).forEach(function (key) {
       return adm.make_(key, annotations[key]);
     });
-  } finally {
-    endBatch();
-  }
+  });
   return target;
 }
 // proto[keysSymbol] = new Set<PropertyKey>()
@@ -3346,26 +3363,23 @@ function makeAutoObservable(target, overrides, options) {
   if (isPlainObject(target)) {
     return extendObservable(target, target, overrides, options);
   }
-  var adm = asObservableObject(target, options)[$mobx];
-  // Optimization: cache keys on proto
-  // Assumes makeAutoObservable can be called only once per object and can't be used in subclass
-  if (!target[keysSymbol]) {
-    var proto = Object.getPrototypeOf(target);
-    var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));
-    keys["delete"]("constructor");
-    keys["delete"]($mobx);
-    addHiddenProp(proto, keysSymbol, keys);
-  }
-  startBatch();
-  try {
+  initObservable(function () {
+    var adm = asObservableObject(target, options)[$mobx];
+    // Optimization: cache keys on proto
+    // Assumes makeAutoObservable can be called only once per object and can't be used in subclass
+    if (!target[keysSymbol]) {
+      var proto = Object.getPrototypeOf(target);
+      var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));
+      keys["delete"]("constructor");
+      keys["delete"]($mobx);
+      addHiddenProp(proto, keysSymbol, keys);
+    }
     target[keysSymbol].forEach(function (key) {
       return adm.make_(key,
       // must pass "undefined" for { key: undefined }
       !overrides ? true : key in overrides ? overrides[key] : true);
     });
-  } finally {
-    endBatch();
-  }
+  });
   return target;
 }
 
@@ -3673,16 +3687,16 @@ function createObservableArray(initialValues, enhancer, name, owned) {
     owned = false;
   }
   assertProxies();
-  var adm = new ObservableArrayAdministration(name, enhancer, owned, false);
-  addHiddenFinalProp(adm.values_, $mobx, adm);
-  var proxy = new Proxy(adm.values_, arrayTraps);
-  adm.proxy_ = proxy;
-  if (initialValues && initialValues.length) {
-    var prev = allowStateChangesStart(true);
-    adm.spliceWithArray_(0, 0, initialValues);
-    allowStateChangesEnd(prev);
-  }
-  return proxy;
+  return initObservable(function () {
+    var adm = new ObservableArrayAdministration(name, enhancer, owned, false);
+    addHiddenFinalProp(adm.values_, $mobx, adm);
+    var proxy = new Proxy(adm.values_, arrayTraps);
+    adm.proxy_ = proxy;
+    if (initialValues && initialValues.length) {
+      adm.spliceWithArray_(0, 0, initialValues);
+    }
+    return proxy;
+  });
 }
 // eslint-disable-next-line
 var arrayExtensions = {
@@ -3878,11 +3892,13 @@ var ObservableMap = /*#__PURE__*/function () {
     if (!isFunction(Map)) {
       die(18);
     }
-    this.keysAtom_ = createAtom( this.name_ + ".keys()" );
-    this.data_ = new Map();
-    this.hasMap_ = new Map();
-    allowStateChanges(true, function () {
-      _this.merge(initialData);
+    initObservable(function () {
+      _this.keysAtom_ = createAtom("development" !== "production" ? _this.name_ + ".keys()" : "ObservableMap.keys()");
+      _this.data_ = new Map();
+      _this.hasMap_ = new Map();
+      if (initialData) {
+        _this.merge(initialData);
+      }
     });
   }
   var _proto = ObservableMap.prototype;
@@ -4266,6 +4282,7 @@ _Symbol$iterator$1 = Symbol.iterator;
 _Symbol$toStringTag$1 = Symbol.toStringTag;
 var ObservableSet = /*#__PURE__*/function () {
   function ObservableSet(initialData, enhancer, name_) {
+    var _this = this;
     if (enhancer === void 0) {
       enhancer = deepEnhancer;
     }
@@ -4284,13 +4301,15 @@ var ObservableSet = /*#__PURE__*/function () {
     if (!isFunction(Set)) {
       die(22);
     }
-    this.atom_ = createAtom(this.name_);
     this.enhancer_ = function (newV, oldV) {
       return enhancer(newV, oldV, name_);
     };
-    if (initialData) {
-      this.replace(initialData);
-    }
+    initObservable(function () {
+      _this.atom_ = createAtom(_this.name_);
+      if (initialData) {
+        _this.replace(initialData);
+      }
+    });
   }
   var _proto = ObservableSet.prototype;
   _proto.dehanceValue_ = function dehanceValue_(value) {
@@ -4300,12 +4319,12 @@ var ObservableSet = /*#__PURE__*/function () {
     return value;
   };
   _proto.clear = function clear() {
-    var _this = this;
+    var _this2 = this;
     transaction(function () {
       untracked(function () {
-        for (var _iterator = _createForOfIteratorHelperLoose(_this.data_.values()), _step; !(_step = _iterator()).done;) {
+        for (var _iterator = _createForOfIteratorHelperLoose(_this2.data_.values()), _step; !(_step = _iterator()).done;) {
           var value = _step.value;
-          _this["delete"](value);
+          _this2["delete"](value);
         }
       });
     });
@@ -4317,7 +4336,7 @@ var ObservableSet = /*#__PURE__*/function () {
     }
   };
   _proto.add = function add(value) {
-    var _this2 = this;
+    var _this3 = this;
     checkIfStateModificationsAreAllowed(this.atom_);
     if (hasInterceptors(this)) {
       var change = interceptChange(this, {
@@ -4334,8 +4353,8 @@ var ObservableSet = /*#__PURE__*/function () {
 
     if (!this.has(value)) {
       transaction(function () {
-        _this2.data_.add(_this2.enhancer_(value, undefined));
-        _this2.atom_.reportChanged();
+        _this3.data_.add(_this3.enhancer_(value, undefined));
+        _this3.atom_.reportChanged();
       });
       var notifySpy =  isSpyEnabled();
       var notify = hasListeners(this);
@@ -4359,7 +4378,7 @@ var ObservableSet = /*#__PURE__*/function () {
     return this;
   };
   _proto["delete"] = function _delete(value) {
-    var _this3 = this;
+    var _this4 = this;
     if (hasInterceptors(this)) {
       var change = interceptChange(this, {
         type: DELETE,
@@ -4384,8 +4403,8 @@ var ObservableSet = /*#__PURE__*/function () {
         spyReportStart(_change2);
       }
       transaction(function () {
-        _this3.atom_.reportChanged();
-        _this3.data_["delete"](value);
+        _this4.atom_.reportChanged();
+        _this4.data_["delete"](value);
       });
       if (notify) {
         notifyListeners(this, _change2);
@@ -4438,20 +4457,20 @@ var ObservableSet = /*#__PURE__*/function () {
     });
   };
   _proto.replace = function replace(other) {
-    var _this4 = this;
+    var _this5 = this;
     if (isObservableSet(other)) {
       other = new Set(other);
     }
     transaction(function () {
       if (Array.isArray(other)) {
-        _this4.clear();
+        _this5.clear();
         other.forEach(function (value) {
-          return _this4.add(value);
+          return _this5.add(value);
         });
       } else if (isES6Set(other)) {
-        _this4.clear();
+        _this5.clear();
         other.forEach(function (value) {
-          return _this4.add(value);
+          return _this5.add(value);
         });
       } else if (other !== null && other !== undefined) {
         die("Cannot initialize set from " + other);
@@ -4715,6 +4734,7 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
     if (proxyTrap === void 0) {
       proxyTrap = false;
     }
+    checkIfStateModificationsAreAllowed(this.keysAtom_);
     try {
       startBatch();
       // Delete
@@ -4762,6 +4782,7 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
     if (proxyTrap === void 0) {
       proxyTrap = false;
     }
+    checkIfStateModificationsAreAllowed(this.keysAtom_);
     try {
       startBatch();
       // Delete
@@ -4813,6 +4834,7 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
     if (proxyTrap === void 0) {
       proxyTrap = false;
     }
+    checkIfStateModificationsAreAllowed(this.keysAtom_);
     try {
       startBatch();
       // Delete
@@ -4868,6 +4890,7 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
     if (proxyTrap === void 0) {
       proxyTrap = false;
     }
+    checkIfStateModificationsAreAllowed(this.keysAtom_);
     // No such prop
     if (!hasProp(this.target_, key)) {
       return true;
@@ -5097,6 +5120,17 @@ function assertAnnotable(adm, annotation, key) {
 
 // Bug in safari 9.* (or iOS 9 safari mobile). See #364
 var ENTRY_0 = /*#__PURE__*/createArrayEntryDescriptor(0);
+var safariPrototypeSetterInheritanceBug = /*#__PURE__*/function () {
+  var v = false;
+  var p = {};
+  Object.defineProperty(p, "0", {
+    set: function set() {
+      v = true;
+    }
+  });
+  /*#__PURE__*/Object.create(p)["0"] = 1;
+  return v === false;
+}();
 /**
  * This array buffer contains two lists of properties, so that all arrays
  * can recycle their property definitions, which significantly improves performance of creating
@@ -5129,20 +5163,20 @@ var LegacyObservableArray = /*#__PURE__*/function (_StubArray, _Symbol$toStringT
       owned = false;
     }
     _this = _StubArray.call(this) || this;
-    var adm = new ObservableArrayAdministration(name, enhancer, owned, true);
-    adm.proxy_ = _assertThisInitialized(_this);
-    addHiddenFinalProp(_assertThisInitialized(_this), $mobx, adm);
-    if (initialValues && initialValues.length) {
-      var prev = allowStateChangesStart(true);
-      // @ts-ignore
-      _this.spliceWithArray(0, 0, initialValues);
-      allowStateChangesEnd(prev);
-    }
-    {
-      // Seems that Safari won't use numeric prototype setter untill any * numeric property is
-      // defined on the instance. After that it works fine, even if this property is deleted.
-      Object.defineProperty(_assertThisInitialized(_this), "0", ENTRY_0);
-    }
+    initObservable(function () {
+      var adm = new ObservableArrayAdministration(name, enhancer, owned, true);
+      adm.proxy_ = _assertThisInitialized(_this);
+      addHiddenFinalProp(_assertThisInitialized(_this), $mobx, adm);
+      if (initialValues && initialValues.length) {
+        // @ts-ignore
+        _this.spliceWithArray(0, 0, initialValues);
+      }
+      if (safariPrototypeSetterInheritanceBug) {
+        // Seems that Safari won't use numeric prototype setter untill any * numeric property is
+        // defined on the instance. After that it works fine, even if this property is deleted.
+        Object.defineProperty(_assertThisInitialized(_this), "0", ENTRY_0);
+      }
+    });
     return _this;
   }
   var _proto = LegacyObservableArray.prototype;
@@ -5297,6 +5331,24 @@ function getDebugName(thing, property) {
   }
   return named.name_;
 }
+/**
+ * Helper function for initializing observable structures, it applies:
+ * 1. allowStateChanges so we don't violate enforceActions.
+ * 2. untracked so we don't accidentaly subscribe to anything observable accessed during init in case the observable is created inside derivation.
+ * 3. batch to avoid state version updates
+ */
+function initObservable(cb) {
+  var derivation = untrackedStart();
+  var allowStateChanges = allowStateChangesStart(true);
+  startBatch();
+  try {
+    return cb();
+  } finally {
+    endBatch();
+    allowStateChangesEnd(allowStateChanges);
+    untrackedEnd(derivation);
+  }
+}
 
 var toString = objectPrototype.toString;
 function deepEqual(a, b, depth) {