mobx 6.9.1 → 6.10.1

package/dist/mobx.umd.development.js

@@ -428,12 +428,14 @@
         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;
@@ -462,6 +464,12 @@
        * 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,
@@ -995,7 +1003,9 @@
         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),
@@ -1817,6 +1827,7 @@
       this.runId = 0;
       this.mobxGuid = 0;
       this.inBatch = 0;
+      this.batchId = Number.MIN_SAFE_INTEGER;
       this.pendingUnobservations = [];
       this.pendingReactions = [];
       this.isRunningReactions = false;
@@ -1956,6 +1967,9 @@
      * 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() {
@@ -2248,10 +2262,15 @@
           }
         }
       };
-      _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_ + "]";
@@ -2425,7 +2444,7 @@
      * @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;
       }
@@ -2464,8 +2483,10 @@
       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();
@@ -2476,7 +2497,7 @@
       } : run;
     }
     function reaction(expression, effect, opts) {
-      var _opts$name2;
+      var _opts$name2, _opts4, _opts4$signal, _opts5;
       if (opts === void 0) {
         opts = EMPTY_OBJECT;
       }
@@ -2526,8 +2547,10 @@
         }
         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 () {
@@ -2622,17 +2645,14 @@
       }
       // 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;
     }
 
@@ -3318,10 +3338,9 @@
     }
 
     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.");
         }
@@ -3331,9 +3350,7 @@
         ownKeys(annotations).forEach(function (key) {
           return adm.make_(key, annotations[key]);
         });
-      } finally {
-        endBatch();
-      }
+      });
       return target;
     }
     // proto[keysSymbol] = new Set<PropertyKey>()
@@ -3352,26 +3369,23 @@
       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;
     }
 
@@ -3679,16 +3693,16 @@
         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 = {
@@ -3884,11 +3898,13 @@
         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;
@@ -4272,6 +4288,7 @@
     _Symbol$toStringTag$1 = Symbol.toStringTag;
     var ObservableSet = /*#__PURE__*/function () {
       function ObservableSet(initialData, enhancer, name_) {
+        var _this = this;
         if (enhancer === void 0) {
           enhancer = deepEnhancer;
         }
@@ -4290,13 +4307,15 @@
         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) {
@@ -4306,12 +4325,12 @@
         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);
             }
           });
         });
@@ -4323,7 +4342,7 @@
         }
       };
       _proto.add = function add(value) {
-        var _this2 = this;
+        var _this3 = this;
         checkIfStateModificationsAreAllowed(this.atom_);
         if (hasInterceptors(this)) {
           var change = interceptChange(this, {
@@ -4340,8 +4359,8 @@
 
         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);
@@ -4365,7 +4384,7 @@
         return this;
       };
       _proto["delete"] = function _delete(value) {
-        var _this3 = this;
+        var _this4 = this;
         if (hasInterceptors(this)) {
           var change = interceptChange(this, {
             type: DELETE,
@@ -4390,8 +4409,8 @@
             spyReportStart(_change2);
           }
           transaction(function () {
-            _this3.atom_.reportChanged();
-            _this3.data_["delete"](value);
+            _this4.atom_.reportChanged();
+            _this4.data_["delete"](value);
           });
           if (notify) {
             notifyListeners(this, _change2);
@@ -4444,20 +4463,20 @@
         });
       };
       _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);
@@ -4721,6 +4740,7 @@
         if (proxyTrap === void 0) {
           proxyTrap = false;
         }
+        checkIfStateModificationsAreAllowed(this.keysAtom_);
         try {
           startBatch();
           // Delete
@@ -4768,6 +4788,7 @@
         if (proxyTrap === void 0) {
           proxyTrap = false;
         }
+        checkIfStateModificationsAreAllowed(this.keysAtom_);
         try {
           startBatch();
           // Delete
@@ -4819,6 +4840,7 @@
         if (proxyTrap === void 0) {
           proxyTrap = false;
         }
+        checkIfStateModificationsAreAllowed(this.keysAtom_);
         try {
           startBatch();
           // Delete
@@ -4874,6 +4896,7 @@
         if (proxyTrap === void 0) {
           proxyTrap = false;
         }
+        checkIfStateModificationsAreAllowed(this.keysAtom_);
         // No such prop
         if (!hasProp(this.target_, key)) {
           return true;
@@ -5103,6 +5126,17 @@
 
     // 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
@@ -5135,20 +5169,20 @@
           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;
@@ -5303,6 +5337,24 @@
       }
       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) {