mobx 6.1.4 → 6.1.8

package/dist/mobx.esm.js

@@ -78,6 +78,10 @@ function die(error) {
 
 var mockGlobal = {};
 function getGlobal() {
+  if (typeof globalThis !== "undefined") {
+    return globalThis;
+  }
+
   if (typeof window !== "undefined") {
     return window;
   }
@@ -359,9 +363,7 @@ function storeAnnotation(prototype, key, annotation) {
   assertNotDecorated(prototype, annotation, key); // Ignore override
 
   if (!isOverride(annotation)) {
-    prototype[storedAnnotationsSymbol][key] = _extends({}, annotation, {
-      isDecorator_: true
-    });
+    prototype[storedAnnotationsSymbol][key] = annotation;
   }
 }
 
@@ -401,7 +403,7 @@ var Atom = /*#__PURE__*/function () {
    */
   function Atom(name_) {
     if (name_ === void 0) {
-      name_ = "Atom@" + getNextId();
+      name_ = process.env.NODE_ENV !== "production" ? "Atom@" + getNextId() : "Atom";
     }
 
     this.name_ = void 0;
@@ -591,7 +593,7 @@ function createActionAnnotation(name, options) {
 }
 
 function make_$1(adm, key) {
-  var _this$options_$bound, _this$options_;
+  var _this$options_$bound, _this$options_, _adm$target_$storedAn;
 
   var annotated = false;
   var source = adm.target_;
@@ -641,7 +643,7 @@ function make_$1(adm, key) {
 
   if (annotated) {
     recordAnnotationApplied(adm, this, key);
-  } else if (!this.isDecorator_) {
+  } else if (!((_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? void 0 : _adm$target_$storedAn[key])) {
     // Throw on missing key, except for decorators:
     // Decorator annotations are collected from whole prototype chain.
     // When called from super() some props may not exist yet.
@@ -705,6 +707,8 @@ function createFlowAnnotation(name, options) {
 }
 
 function make_$2(adm, key) {
+  var _adm$target_$storedAn;
+
   var annotated = false;
   var source = adm.target_;
 
@@ -742,7 +746,7 @@ function make_$2(adm, key) {
 
   if (annotated) {
     recordAnnotationApplied(adm, this, key);
-  } else if (!this.isDecorator_) {
+  } else if (!((_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? void 0 : _adm$target_$storedAn[key])) {
     // Throw on missing key, except for decorators:
     // Decorator annotations are collected from whole prototype chain.
     // When called from super() some props may not exist yet.
@@ -796,6 +800,8 @@ function createComputedAnnotation(name, options) {
 }
 
 function make_$3(adm, key) {
+  var _adm$target_$storedAn;
+
   var source = adm.target_;
 
   while (source && source !== objectPrototype) {
@@ -820,7 +826,7 @@ function make_$3(adm, key) {
     source = Object.getPrototypeOf(source);
   }
 
-  if (!this.isDecorator_) {
+  if (!((_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? void 0 : _adm$target_$storedAn[key])) {
     // Throw on missing key, except for decorators:
     // Decorator annotations are collected from whole prototype chain.
     // When called from super() some props may not exist yet.
@@ -857,6 +863,8 @@ function createObservableAnnotation(name, options) {
 }
 
 function make_$4(adm, key) {
+  var _adm$target_$storedAn;
+
   var source = adm.target_; // Copy props from proto as well, see test:
   // "decorate should work with Object.create"
 
@@ -881,7 +889,7 @@ function make_$4(adm, key) {
     source = Object.getPrototypeOf(source);
   }
 
-  if (!this.isDecorator_) {
+  if (!((_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? void 0 : _adm$target_$storedAn[key])) {
     // Throw on missing key, except for decorators:
     // Decorator annotations are collected from whole prototype chain.
     // When called from super() some props may not exist yet.
@@ -965,7 +973,7 @@ function createObservable(v, arg2, arg3) {
 
   if (typeof v === "object" && v !== null) return v; // anything else
 
-  return observable.box(v);
+  return observable.box(v, arg2);
 }
 
 Object.assign(createObservable, observableDecoratorAnnotation);
@@ -1027,7 +1035,7 @@ var computed = function computed(arg1, arg2) {
 
   var opts = isPlainObject(arg2) ? arg2 : {};
   opts.get = arg1;
-  opts.name = opts.name || arg1.name || "";
+  opts.name || (opts.name = arg1.name || "");
   /* for generated name */
 
   return new ComputedValue(opts);
@@ -1175,7 +1183,7 @@ var ObservableValue = /*#__PURE__*/function (_Atom) {
     var _this;
 
     if (name_ === void 0) {
-      name_ = "ObservableValue@" + getNextId();
+      name_ = process.env.NODE_ENV !== "production" ? "ObservableValue@" + getNextId() : "ObservableValue";
     }
 
     if (notifySpy === void 0) {
@@ -1375,7 +1383,6 @@ var ComputedValue = /*#__PURE__*/function () {
     this.lastAccessedBy_ = 0;
     this.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;
     this.unboundDepsCount_ = 0;
-    this.mapid_ = "#" + getNextId();
     this.value_ = new CaughtException(null);
     this.name_ = void 0;
     this.triggeredBy_ = void 0;
@@ -1392,8 +1399,12 @@ var ComputedValue = /*#__PURE__*/function () {
     this.onBUOL = void 0;
     if (!options.get) die(31);
     this.derivation = options.get;
-    this.name_ = options.name || "ComputedValue@" + getNextId();
-    if (options.set) this.setter_ = createAction(this.name_ + "-setter", options.set);
+    this.name_ = options.name || (process.env.NODE_ENV !== "production" ? "ComputedValue@" + getNextId() : "ComputedValue");
+
+    if (options.set) {
+      this.setter_ = createAction(process.env.NODE_ENV !== "production" ? this.name_ + "-setter" : "ComputedValue-setter", options.set);
+    }
+
     this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer["default"]);
     this.scope_ = options.context;
     this.requiresReaction_ = !!options.requiresReaction;
@@ -2169,7 +2180,7 @@ var Reaction = /*#__PURE__*/function () {
   // nodes we are looking at. Our value depends on these nodes
   function Reaction(name_, onInvalidate_, errorHandler_, requiresObservable_) {
     if (name_ === void 0) {
-      name_ = "Reaction@" + getNextId();
+      name_ = process.env.NODE_ENV !== "production" ? "Reaction@" + getNextId() : "Reaction";
     }
 
     if (requiresObservable_ === void 0) {
@@ -2186,7 +2197,6 @@ var Reaction = /*#__PURE__*/function () {
     this.diffValue_ = 0;
     this.runId_ = 0;
     this.unboundDepsCount_ = 0;
-    this.mapid_ = "#" + getNextId();
     this.isDisposed_ = false;
     this.isScheduled_ = false;
     this.isTrackPending_ = false;
@@ -2525,6 +2535,8 @@ function isAction(thing) {
  */
 
 function autorun(view, opts) {
+  var _opts$name, _opts;
+
   if (opts === void 0) {
     opts = EMPTY_OBJECT;
   }
@@ -2534,7 +2546,7 @@ function autorun(view, opts) {
     if (isAction(view)) die("Autorun does not accept actions since actions are untrackable");
   }
 
-  var name = opts && opts.name || view.name || "Autorun@" + getNextId();
+  var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name : process.env.NODE_ENV !== "production" ? view.name || "Autorun@" + getNextId() : "Autorun";
   var runSync = !opts.scheduler && !opts.delay;
   var reaction;
 
@@ -2577,6 +2589,8 @@ function createSchedulerFromOptions(opts) {
 }
 
 function reaction(expression, effect, opts) {
+  var _opts$name2;
+
   if (opts === void 0) {
     opts = EMPTY_OBJECT;
   }
@@ -2586,7 +2600,7 @@ function reaction(expression, effect, opts) {
     if (!isPlainObject(opts)) die("Third argument of reactions should be an object");
   }
 
-  var name = opts.name || "Reaction@" + getNextId();
+  var name = (_opts$name2 = opts.name) != null ? _opts$name2 : process.env.NODE_ENV !== "production" ? "Reaction@" + getNextId() : "Reaction";
   var effectAction = action(name, opts.onError ? wrapErrorHandler(opts.onError, effect) : effect);
   var runSync = !opts.scheduler && !opts.delay;
   var scheduler = createSchedulerFromOptions(opts);
@@ -3224,8 +3238,8 @@ function _when(predicate, effect, opts) {
     }, opts.timeout);
   }
 
-  opts.name = opts.name || "When@" + getNextId();
-  var effectAction = createAction(opts.name + "-effect", effect); // eslint-disable-next-line
+  opts.name = process.env.NODE_ENV !== "production" ? opts.name || "When@" + getNextId() : "When";
+  var effectAction = createAction(process.env.NODE_ENV !== "production" ? opts.name + "-effect" : "When-effect", effect); // eslint-disable-next-line
 
   var disposer = autorun(function (r) {
     // predicate should not change state
@@ -3409,9 +3423,20 @@ function makeAutoObservable(target, overrides, options) {
   startBatch();
 
   try {
+    // Use cached inferred annotations if available (only in classes)
     if (target[inferredAnnotationsSymbol]) {
-      for (var key in target[inferredAnnotationsSymbol]) {
-        adm.make_(key, target[inferredAnnotationsSymbol][key]);
+      target[inferredAnnotationsSymbol].forEach(function (value, key) {
+        return adm.make_(key, value);
+      }); // Overrides are not cached, unless `true`, see #2832
+
+      if (overrides) {
+        ownKeys(overrides).forEach(function (key) {
+          var annotation = overrides[key];
+
+          if (annotation !== true) {
+            adm.make_(key, annotation);
+          }
+        });
       }
     } else {
       var _ignoreKeys;
@@ -3482,6 +3507,10 @@ var arrayTraps = {
 var ObservableArrayAdministration = /*#__PURE__*/function () {
   // this is the prop that gets proxied, so can't replace it!
   function ObservableArrayAdministration(name, enhancer, owned_, legacyMode_) {
+    if (name === void 0) {
+      name = process.env.NODE_ENV !== "production" ? "ObservableArray@" + getNextId() : "ObservableArray";
+    }
+
     this.owned_ = void 0;
     this.legacyMode_ = void 0;
     this.atom_ = void 0;
@@ -3494,10 +3523,10 @@ var ObservableArrayAdministration = /*#__PURE__*/function () {
     this.lastKnownLength_ = 0;
     this.owned_ = owned_;
     this.legacyMode_ = legacyMode_;
-    this.atom_ = new Atom(name || "ObservableArray@" + getNextId());
+    this.atom_ = new Atom(name);
 
     this.enhancer_ = function (newV, oldV) {
-      return enhancer(newV, oldV, name + "[..]");
+      return enhancer(newV, oldV, process.env.NODE_ENV !== "production" ? name + "[..]" : "ObservableArray[..]");
     };
   }
 
@@ -3712,7 +3741,7 @@ var ObservableArrayAdministration = /*#__PURE__*/function () {
 }();
 function createObservableArray(initialValues, enhancer, name, owned) {
   if (name === void 0) {
-    name = "ObservableArray@" + getNextId();
+    name = process.env.NODE_ENV !== "production" ? "ObservableArray@" + getNextId() : "ObservableArray";
   }
 
   if (owned === void 0) {
@@ -3934,7 +3963,7 @@ var ObservableMap = /*#__PURE__*/function () {
     }
 
     if (name_ === void 0) {
-      name_ = "ObservableMap@" + getNextId();
+      name_ = process.env.NODE_ENV !== "production" ? "ObservableMap@" + getNextId() : "ObservableMap";
     }
 
     this.enhancer_ = void 0;
@@ -3953,7 +3982,7 @@ var ObservableMap = /*#__PURE__*/function () {
       die(18);
     }
 
-    this.keysAtom_ = createAtom(this.name_ + ".keys()");
+    this.keysAtom_ = createAtom(process.env.NODE_ENV !== "production" ? this.name_ + ".keys()" : "ObservableMap.keys()");
     this.data_ = new Map();
     this.hasMap_ = new Map();
     this.merge(initialData);
@@ -3972,7 +4001,7 @@ var ObservableMap = /*#__PURE__*/function () {
     var entry = this.hasMap_.get(key);
 
     if (!entry) {
-      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer, this.name_ + "." + stringifyKey(key) + "?", false);
+      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer, process.env.NODE_ENV !== "production" ? this.name_ + "." + stringifyKey(key) + "?" : "ObservableMap.key?", false);
       this.hasMap_.set(key, newEntry);
       onBecomeUnobserved(newEntry, function () {
         return _this.hasMap_["delete"](key);
@@ -4088,7 +4117,7 @@ var ObservableMap = /*#__PURE__*/function () {
 
     checkIfStateModificationsAreAllowed(this.keysAtom_);
     transaction(function () {
-      var observable = new ObservableValue(newValue, _this3.enhancer_, _this3.name_ + "." + stringifyKey(key), false);
+      var observable = new ObservableValue(newValue, _this3.enhancer_, process.env.NODE_ENV !== "production" ? _this3.name_ + "." + stringifyKey(key) : "ObservableMap.key", false);
 
       _this3.data_.set(key, observable);
 
@@ -4385,7 +4414,7 @@ var ObservableSet = /*#__PURE__*/function () {
     }
 
     if (name_ === void 0) {
-      name_ = "ObservableSet@" + getNextId();
+      name_ = process.env.NODE_ENV !== "production" ? "ObservableSet@" + getNextId() : "ObservableSet";
     }
 
     this.name_ = void 0;
@@ -4669,7 +4698,7 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
     this.name_ = name_;
     this.defaultAnnotation_ = defaultAnnotation_;
     this.autoBind_ = autoBind_;
-    this.keysAtom_ = new Atom(name_ + ".keys"); // Optimization: we use this frequently
+    this.keysAtom_ = new Atom(process.env.NODE_ENV !== "production" ? this.name_ + ".keys" : "ObservableObject.keys"); // Optimization: we use this frequently
 
     this.isPlainObject_ = isPlainObject(this.target_);
 
@@ -4796,7 +4825,7 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
     var entry = this.pendingKeys_.get(key);
 
     if (!entry) {
-      entry = new ObservableValue(key in this.target_, referenceEnhancer, this.name_ + "." + stringifyKey(key) + "?", false);
+      entry = new ObservableValue(key in this.target_, referenceEnhancer, process.env.NODE_ENV !== "production" ? this.name_ + "." + stringifyKey(key) + "?" : "ObservableObject.key?", false);
       this.pendingKeys_.set(key, entry);
     }
 
@@ -4856,7 +4885,7 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
     var _this$target_$inferre;
 
     // Inherited is fine - annotation cannot differ in subclass
-    var annotation = (_this$target_$inferre = this.target_[inferredAnnotationsSymbol]) == null ? void 0 : _this$target_$inferre[key];
+    var annotation = (_this$target_$inferre = this.target_[inferredAnnotationsSymbol]) == null ? void 0 : _this$target_$inferre.get(key);
     if (annotation) return annotation;
     var current = this.target_;
 
@@ -4883,10 +4912,10 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
       var closestProto = Object.getPrototypeOf(this.target_);
 
       if (!hasProp(closestProto, inferredAnnotationsSymbol)) {
-        addHiddenProp(closestProto, inferredAnnotationsSymbol, {});
+        addHiddenProp(closestProto, inferredAnnotationsSymbol, new Map());
       }
 
-      closestProto[inferredAnnotationsSymbol][key] = annotation;
+      closestProto[inferredAnnotationsSymbol].set(key, annotation);
     }
 
     return annotation;
@@ -4994,7 +5023,7 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
         defineProperty(this.target_, key, descriptor);
       }
 
-      var _observable = new ObservableValue(value, enhancer, this.name_ + "." + stringifyKey(key), false);
+      var _observable = new ObservableValue(value, enhancer, process.env.NODE_ENV !== "production" ? this.name_ + "." + key.toString() : "ObservableObject.key", false);
 
       this.values_.set(key, _observable); // Notify (value possibly changed by ObservableValue)
 
@@ -5033,7 +5062,7 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
         if (!change) return null;
       }
 
-      options.name || (options.name = this.name_ + "." + stringifyKey(key));
+      options.name || (options.name = process.env.NODE_ENV !== "production" ? this.name_ + "." + key.toString() : "ObservableObject.key");
       options.context = this.proxy_ || this.target_;
       var cachedDescriptor = getCachedObservablePropDescriptor(key);
       var descriptor = {
@@ -5225,10 +5254,17 @@ function asObservableObject(target, options) {
     die("Options can't be provided for already observable objects.");
   }
 
-  if (hasProp(target, $mobx)) return target;
+  if (hasProp(target, $mobx)) {
+    if (process.env.NODE_ENV !== "production" && !(getAdministration(target) instanceof ObservableObjectAdministration)) {
+      die("Cannot convert '" + getDebugName(target) + "' into observable object:" + "\nThe target is already observable of different type." + "\nExtending builtins is not supported.");
+    }
+
+    return target;
+  }
+
   if (process.env.NODE_ENV !== "production" && !Object.isExtensible(target)) die("Cannot make the designated object observable; it is not extensible");
-  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name : (isPlainObject(target) ? "ObservableObject" : target.constructor.name) + "@" + getNextId();
-  var adm = new ObservableObjectAdministration(target, new Map(), stringifyKey(name), getAnnotationFromOptions(options), options == null ? void 0 : options.autoBind);
+  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name : process.env.NODE_ENV !== "production" ? (isPlainObject(target) ? "ObservableObject" : target.constructor.name) + "@" + getNextId() : "ObservableObject";
+  var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options), options == null ? void 0 : options.autoBind);
   addHiddenProp(target, $mobx, adm);
   return target;
 }
@@ -5253,14 +5289,14 @@ function isObservableObject(thing) {
   return false;
 }
 function recordAnnotationApplied(adm, annotation, key) {
+  var _adm$target_$storedAn;
+
   if (process.env.NODE_ENV !== "production") {
     adm.appliedAnnotations_[key] = annotation;
   } // Remove applied decorator annotation so we don't try to apply it again in subclass constructor
 
 
-  if (annotation.isDecorator_) {
-    delete adm.target_[storedAnnotationsSymbol][key];
-  }
+  (_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null ? true : delete _adm$target_$storedAn[key];
 }
 
 function assertAnnotable(adm, annotation, key) {
@@ -5340,7 +5376,7 @@ var LegacyObservableArray = /*#__PURE__*/function (_StubArray) {
     var _this;
 
     if (name === void 0) {
-      name = "ObservableArray@" + getNextId();
+      name = process.env.NODE_ENV !== "production" ? "ObservableArray@" + getNextId() : "ObservableArray";
     }
 
     if (owned === void 0) {
@@ -5499,7 +5535,17 @@ function getAdministration(thing, property) {
 }
 function getDebugName(thing, property) {
   var named;
-  if (property !== undefined) named = getAtom(thing, property);else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) named = getAdministration(thing);else named = getAtom(thing); // valid for arrays as well
+
+  if (property !== undefined) {
+    named = getAtom(thing, property);
+  } else if (isAction(thing)) {
+    return thing.name;
+  } else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) {
+    named = getAdministration(thing);
+  } else {
+    // valid for arrays as well
+    named = getAtom(thing);
+  }
 
   return named.name_;
 }