mobx 5.15.3 → 5.15.4

package/lib/mobx.es6.js

@@ -21,6 +21,8 @@ function invariant(check, message) {
  */
 const deprecatedMessages = [];
 function deprecated(msg, thing) {
+    if (process.env.NODE_ENV === "production")
+        return false;
     if (thing) {
         return deprecated(`'${msg}', use '${thing}' instead.`);
     }
@@ -81,7 +83,7 @@ function isPropertyConfigurable(object, prop) {
     return !descriptor || (descriptor.configurable !== false && descriptor.writable !== false);
 }
 function assertPropertyConfigurable(object, prop) {
-    if (!isPropertyConfigurable(object, prop))
+    if (process.env.NODE_ENV !== "production" && !isPropertyConfigurable(object, prop))
         fail(`Cannot make property '${prop.toString()}' observable, it is not configurable and writable in the target object`);
 }
 function createInstanceofPredicate(name, clazz) {
@@ -258,7 +260,7 @@ function createPropDecorator(propertyInitiallyEnumerable, propertyCreator) {
                 propertyCreator(target, prop, descriptor, target, decoratorArguments);
                 return null;
             }
-            if (!quacksLikeADecorator(arguments))
+            if (process.env.NODE_ENV !== "production" && !quacksLikeADecorator(arguments))
                 fail("This function is a decorator, but it wasn't invoked like a decorator");
             if (!Object.prototype.hasOwnProperty.call(target, mobxPendingDecorators)) {
                 const inheritedDecorators = target[mobxPendingDecorators];
@@ -319,14 +321,15 @@ function shallowEnhancer(v, _, name) {
         return observable.map(v, { name, deep: false });
     if (isES6Set(v))
         return observable.set(v, { name, deep: false });
-    return fail("The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets");
+    return fail(process.env.NODE_ENV !== "production" &&
+        "The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets");
 }
 function referenceEnhancer(newValue) {
     // never turn into an observable
     return newValue;
 }
 function refStructEnhancer(v, oldValue, name) {
-    if (isObservable(v))
+    if (process.env.NODE_ENV !== "production" && isObservable(v))
         throw `observable.struct should not be used with observable values`;
     if (deepEqual(v, oldValue))
         return oldValue;
@@ -336,7 +339,7 @@ function refStructEnhancer(v, oldValue, name) {
 function createDecoratorForEnhancer(enhancer) {
     invariant(enhancer);
     const decorator = createPropDecorator(true, (target, propertyName, descriptor, _decoratorTarget, decoratorArgs) => {
-        {
+        if (process.env.NODE_ENV !== "production") {
             invariant(!descriptor || !descriptor.get, `@observable cannot be used on getter (property "${stringifyKey(propertyName)}"), use @computed instead.`);
         }
         const initialValue = descriptor
@@ -348,7 +351,7 @@ function createDecoratorForEnhancer(enhancer) {
     });
     const res = 
     // Extra process checks, as this happens during module initialization
-    typeof process !== "undefined" && process.env && "development" !== "production"
+    typeof process !== "undefined" && process.env && process.env.NODE_ENV !== "production"
         ? function observableDecorator() {
             // This wrapper function is just to detect illegal decorator invocations, deprecate in a next version
             // and simply return the created prop decorator
@@ -379,7 +382,7 @@ function asCreateObservableOptions(thing) {
         return defaultCreateObservableOptions;
     if (typeof thing === "string")
         return { name: thing, deep: true, proxy: true };
-    {
+    if (process.env.NODE_ENV !== "production") {
         if (typeof thing !== "object")
             return fail("expected options object");
         Object.keys(thing).forEach(assertValidOption);
@@ -423,7 +426,8 @@ function createObservable(v, arg2, arg3) {
     if (res !== v)
         return res;
     // otherwise, just box it
-    fail(`The provided value could not be converted into an observable. If you want just create an observable reference to the object use 'observable.box(value)'`);
+    fail(process.env.NODE_ENV !== "production" &&
+        `The provided value could not be converted into an observable. If you want just create an observable reference to the object use 'observable.box(value)'`);
 }
 const observableFactories = {
     box(value, options) {
@@ -475,7 +479,7 @@ const observable = createObservable;
 Object.keys(observableFactories).forEach(name => (observable[name] = observableFactories[name]));
 function incorrectlyUsedAsDecorator(methodName) {
     fail(
-    // "development" !== "production" &&
+    // process.env.NODE_ENV !== "production" &&
     `Expected one or two arguments to observable.${methodName}. Did you accidentally try to use observable.${methodName} as decorator?`);
 }
 
@@ -503,7 +507,7 @@ const computed = function computed(arg1, arg2, arg3) {
         return computedDecorator.apply(null, arguments);
     }
     // computed(expr, options?)
-    {
+    if (process.env.NODE_ENV !== "production") {
         invariant(typeof arg1 === "function", "First argument to `computed` should be an expression.");
         invariant(arguments.length < 3, "Computed takes one or two arguments if used as function");
     }
@@ -610,7 +614,7 @@ function shouldCompute(derivation) {
 // function invariantShouldCompute(derivation: IDerivation) {
 //     const newDepState = (derivation as any).dependenciesState
 //     if (
-//         "development" === "production" &&
+//         process.env.NODE_ENV === "production" &&
 //         (newDepState === IDerivationState.POSSIBLY_STALE ||
 //             newDepState === IDerivationState.NOT_TRACKING)
 //     )
@@ -623,16 +627,19 @@ function checkIfStateModificationsAreAllowed(atom) {
     const hasObservers = atom.observers.size > 0;
     // Should never be possible to change an observed observable from inside computed, see #798
     if (globalState.computationDepth > 0 && hasObservers)
-        fail(`Computed values are not allowed to cause side effects by changing observables that are already being observed. Tried to modify: ${atom.name}`);
+        fail(process.env.NODE_ENV !== "production" &&
+            `Computed values are not allowed to cause side effects by changing observables that are already being observed. Tried to modify: ${atom.name}`);
     // Should not be possible to change observed state outside strict mode, except during initialization, see #563
     if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === "strict"))
-        fail((globalState.enforceActions
+        fail(process.env.NODE_ENV !== "production" &&
+            (globalState.enforceActions
                 ? "Since strict-mode is enabled, changing observed observable values outside actions is not allowed. Please wrap the code in an `action` if this change is intended. Tried to modify: "
                 : "Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, the render function of a React component? Tried to modify: ") +
                 atom.name);
 }
 function checkIfStateReadsAreAllowed(observable) {
-    if (!globalState.allowStateReads &&
+    if (process.env.NODE_ENV !== "production" &&
+        !globalState.allowStateReads &&
         globalState.observableRequiresReaction) {
         console.warn(`[mobx] Observable ${observable.name} being read outside a reactive context`);
     }
@@ -671,6 +678,8 @@ function trackDerivedFunction(derivation, f, context) {
     return result;
 }
 function warnAboutDerivationWithoutDependencies(derivation) {
+    if (process.env.NODE_ENV === "production")
+        return;
     if (derivation.observing.length !== 0)
         return;
     if (globalState.reactionRequiresObservable || derivation.requiresObservable) {
@@ -790,7 +799,7 @@ let nextActionId = 1;
 const functionNameDescriptor = Object.getOwnPropertyDescriptor(() => { }, "name");
 const isFunctionNameConfigurable = functionNameDescriptor && functionNameDescriptor.configurable;
 function createAction(actionName, fn, ref) {
-    {
+    if (process.env.NODE_ENV !== "production") {
         invariant(typeof fn === "function", "`action` can only be invoked on functions");
         if (typeof actionName !== "string" || !actionName)
             fail(`actions should have valid names, got: '${actionName}'`);
@@ -799,7 +808,7 @@ function createAction(actionName, fn, ref) {
         return executeAction(actionName, fn, ref || this, arguments);
     };
     res.isMobxAction = true;
-    {
+    if (process.env.NODE_ENV !== "production") {
         if (isFunctionNameConfigurable) {
             Object.defineProperty(res, "name", { value: actionName });
         }
@@ -822,7 +831,7 @@ function executeAction(actionName, fn, scope, args) {
 function _startAction(actionName, scope, args) {
     const notifySpy = isSpyEnabled() && !!actionName;
     let startTime = 0;
-    if (notifySpy && "development" !== "production") {
+    if (notifySpy && process.env.NODE_ENV !== "production") {
         startTime = Date.now();
         const l = (args && args.length) || 0;
         const flattendArgs = new Array(l);
@@ -864,7 +873,7 @@ function _endAction(runInfo) {
     allowStateReadsEnd(runInfo.prevAllowStateReads);
     endBatch();
     untrackedEnd(runInfo.prevDerivation);
-    if (runInfo.notifySpy && "development" !== "production") {
+    if (runInfo.notifySpy && process.env.NODE_ENV !== "production") {
         spyReportEnd({ time: Date.now() - runInfo.startTime });
     }
     globalState.suppressReactionErrors = false;
@@ -909,7 +918,7 @@ class ObservableValue extends Atom {
         this.equals = equals;
         this.hasUnreportedChange = false;
         this.value = enhancer(value, undefined, name);
-        if (notifySpy && isSpyEnabled() && "development" !== "production") {
+        if (notifySpy && isSpyEnabled() && process.env.NODE_ENV !== "production") {
             // only notify spy if this is a stand-alone observable
             spyReport({ type: "create", name: this.name, newValue: "" + this.value });
         }
@@ -924,7 +933,7 @@ class ObservableValue extends Atom {
         newValue = this.prepareNewValue(newValue);
         if (newValue !== globalState.UNCHANGED) {
             const notifySpy = isSpyEnabled();
-            if (notifySpy && "development" !== "production") {
+            if (notifySpy && process.env.NODE_ENV !== "production") {
                 spyReportStart({
                     type: "update",
                     name: this.name,
@@ -933,7 +942,7 @@ class ObservableValue extends Atom {
                 });
             }
             this.setNewValue(newValue);
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportEnd();
         }
     }
@@ -1118,10 +1127,11 @@ class ComputedValue {
             }
         }
         else
-            invariant(false, `[ComputedValue '${this.name}'] It is not possible to assign a new value to a computed value.`);
+            invariant(false, process.env.NODE_ENV !== "production" &&
+                `[ComputedValue '${this.name}'] It is not possible to assign a new value to a computed value.`);
     }
     trackAndCompute() {
-        if (isSpyEnabled() && "development" !== "production") {
+        if (isSpyEnabled() && process.env.NODE_ENV !== "production") {
             spyReport({
                 object: this.scope,
                 type: "compute",
@@ -1191,6 +1201,8 @@ class ComputedValue {
         });
     }
     warnAboutUntrackedRead() {
+        if (process.env.NODE_ENV === "production")
+            return;
         if (this.requiresReaction === true) {
             fail(`[mobx] Computed value ${this.name} is read outside a reactive context`);
         }
@@ -1659,7 +1671,7 @@ class Reaction {
                     this.onInvalidate();
                     if (this._isTrackPending &&
                         isSpyEnabled() &&
-                        "development" !== "production") {
+                        process.env.NODE_ENV !== "production") {
                         // onInvalidate didn't trigger track right away..
                         spyReport({
                             name: this.name,
@@ -1682,7 +1694,7 @@ class Reaction {
         startBatch();
         const notify = isSpyEnabled();
         let startTime;
-        if (notify && "development" !== "production") {
+        if (notify && process.env.NODE_ENV !== "production") {
             startTime = Date.now();
             spyReportStart({
                 name: this.name,
@@ -1699,7 +1711,7 @@ class Reaction {
         }
         if (isCaughtException(result))
             this.reportExceptionInDerivation(result.cause);
-        if (notify && "development" !== "production") {
+        if (notify && process.env.NODE_ENV !== "production") {
             spyReportEnd({
                 time: Date.now() - startTime
             });
@@ -1801,9 +1813,11 @@ function setReactionScheduler(fn) {
 }
 
 function isSpyEnabled() {
-    return !!globalState.spyListeners.length;
+    return process.env.NODE_ENV !== "production" && !!globalState.spyListeners.length;
 }
 function spyReport(event) {
+    if (process.env.NODE_ENV === "production")
+        return; // dead code elimination can do the rest
     if (!globalState.spyListeners.length)
         return;
     const listeners = globalState.spyListeners;
@@ -1811,18 +1825,26 @@ function spyReport(event) {
         listeners[i](event);
 }
 function spyReportStart(event) {
+    if (process.env.NODE_ENV === "production")
+        return;
     const change = Object.assign(Object.assign({}, event), { spyReportStart: true });
     spyReport(change);
 }
 const END_EVENT = { spyReportEnd: true };
 function spyReportEnd(change) {
+    if (process.env.NODE_ENV === "production")
+        return;
     if (change)
         spyReport(Object.assign(Object.assign({}, change), { spyReportEnd: true }));
     else
         spyReport(END_EVENT);
 }
 function spy(listener) {
-    {
+    if (process.env.NODE_ENV === "production") {
+        console.warn(`[mobx.spy] Is a no-op in production builds`);
+        return function () { };
+    }
+    else {
         globalState.spyListeners.push(listener);
         return once(() => {
             globalState.spyListeners = globalState.spyListeners.filter(l => l !== listener);
@@ -1831,12 +1853,12 @@ function spy(listener) {
 }
 
 function dontReassignFields() {
-    fail("@action fields are not reassignable");
+    fail(process.env.NODE_ENV !== "production" && "@action fields are not reassignable");
 }
 function namedActionDecorator(name) {
     return function (target, prop, descriptor) {
         if (descriptor) {
-            if (descriptor.get !== undefined) {
+            if (process.env.NODE_ENV !== "production" && descriptor.get !== undefined) {
                 return fail("@action cannot be used with getters");
             }
             // babel / typescript
@@ -1936,7 +1958,7 @@ action.bound = boundActionDecorator;
 function runInAction(arg1, arg2) {
     const actionName = typeof arg1 === "string" ? arg1 : arg1.name || "<unnamed action>";
     const fn = typeof arg1 === "function" ? arg1 : arg2;
-    {
+    if (process.env.NODE_ENV !== "production") {
         invariant(typeof fn === "function" && fn.length === 0, "`runInAction` expects a function without arguments");
         if (typeof actionName !== "string" || !actionName)
             fail(`actions should have valid names, got: '${actionName}'`);
@@ -1957,7 +1979,7 @@ function defineBoundAction(target, propertyName, fn) {
  * @returns disposer function, which can be used to stop the view from being updated in the future.
  */
 function autorun(view, opts = EMPTY_OBJECT) {
-    {
+    if (process.env.NODE_ENV !== "production") {
         invariant(typeof view === "function", "Autorun expects a function as first argument");
         invariant(isAction(view) === false, "Autorun does not accept actions since actions are untrackable");
     }
@@ -2000,7 +2022,7 @@ function createSchedulerFromOptions(opts) {
             : run;
 }
 function reaction(expression, effect, opts = EMPTY_OBJECT) {
-    {
+    if (process.env.NODE_ENV !== "production") {
         invariant(typeof expression === "function", "First argument to reaction should be a function");
         invariant(typeof opts === "object", "Third argument of reactions should be an object");
     }
@@ -2072,7 +2094,7 @@ function interceptHook(hook, thing, arg2, arg3) {
     }
     const orig = atom[hook];
     if (typeof orig !== "function")
-        return fail("Not an atom that can be (un)observed");
+        return fail(process.env.NODE_ENV !== "production" && "Not an atom that can be (un)observed");
     return function () {
         const hookListeners = atom[listenersKey];
         if (hookListeners) {
@@ -2136,14 +2158,16 @@ function configure(options) {
 }
 
 function decorate(thing, decorators) {
-    invariant(isPlainObject(decorators), "Decorators should be a key value map");
+    process.env.NODE_ENV !== "production" &&
+        invariant(isPlainObject(decorators), "Decorators should be a key value map");
     const target = typeof thing === "function" ? thing.prototype : thing;
     for (let prop in decorators) {
         let propertyDecorators = decorators[prop];
         if (!Array.isArray(propertyDecorators)) {
             propertyDecorators = [propertyDecorators];
         }
-        invariant(propertyDecorators.every(decorator => typeof decorator === "function"), `Decorate: expected a decorator function or array of decorator functions for '${prop}'`);
+        process.env.NODE_ENV !== "production" &&
+            invariant(propertyDecorators.every(decorator => typeof decorator === "function"), `Decorate: expected a decorator function or array of decorator functions for '${prop}'`);
         const descriptor = Object.getOwnPropertyDescriptor(target, prop);
         const newDescriptor = propertyDecorators.reduce((accDescriptor, decorator) => decorator(target, prop, accDescriptor), descriptor);
         if (newDescriptor)
@@ -2153,7 +2177,7 @@ function decorate(thing, decorators) {
 }
 
 function extendObservable(target, properties, decorators, options) {
-    {
+    if (process.env.NODE_ENV !== "production") {
         invariant(arguments.length >= 2 && arguments.length <= 4, "'extendObservable' expected 2-4 arguments");
         invariant(typeof target === "object", "'extendObservable' expects an object as first argument");
         invariant(!isObservableMap(target), "'extendObservable' should not be used on maps, use map.merge instead");
@@ -2170,7 +2194,7 @@ function getDefaultDecoratorFromObjectOptions(options) {
     return options.defaultDecorator || (options.deep === false ? refDecorator : deepDecorator);
 }
 function extendObservableObjectWithProperties(target, properties, decorators, defaultDecorator) {
-    {
+    if (process.env.NODE_ENV !== "production") {
         invariant(!isObservable(properties), "Extending an object with another observable (object) is not supported. Please construct an explicit propertymap, using `toJS` if need. See issue #540");
         if (decorators) {
             const keys = getPlainObjectKeys(decorators);
@@ -2185,7 +2209,7 @@ function extendObservableObjectWithProperties(target, properties, decorators, de
         const keys = getPlainObjectKeys(properties);
         for (const key of keys) {
             const descriptor = Object.getOwnPropertyDescriptor(properties, key);
-            {
+            if (process.env.NODE_ENV !== "production") {
                 if (!isPlainObject(properties))
                     fail(`'extendObservabe' only accepts plain objects as second argument`);
                 if (isComputed(descriptor.value))
@@ -2196,7 +2220,7 @@ function extendObservableObjectWithProperties(target, properties, decorators, de
                 : descriptor.get
                     ? computedDecorator
                     : defaultDecorator;
-            if (typeof decorator !== "function")
+            if (process.env.NODE_ENV !== "production" && typeof decorator !== "function")
                 fail(`Not a valid decorator for '${stringifyKey(key)}', got: ${decorator}`);
             const resultDescriptor = decorator(target, key, descriptor, true);
             if (resultDescriptor // otherwise, assume already applied, due to `applyToInstance`
@@ -2242,7 +2266,7 @@ function isFlowCancellationError(error) {
 }
 function flow(generator) {
     if (arguments.length !== 1)
-        fail(`Flow expects 1 argument and cannot be used as decorator`);
+        fail(!!process.env.NODE_ENV && `Flow expects 1 argument and cannot be used as decorator`);
     const name = generator.name || "<unnamed flow>";
     // Implementation based on https://github.com/tj/co/blob/master/index.js
     return function () {
@@ -2322,14 +2346,16 @@ function interceptReads(thing, propOrHandler, handler) {
     }
     else if (isObservableObject(thing)) {
         if (typeof propOrHandler !== "string")
-            return fail(`InterceptReads can only be used with a specific property, not with an object in general`);
+            return fail(process.env.NODE_ENV !== "production" &&
+                `InterceptReads can only be used with a specific property, not with an object in general`);
         target = getAdministration(thing, propOrHandler);
     }
     else {
-        return fail(`Expected observable map, object or array as first array`);
+        return fail(process.env.NODE_ENV !== "production" &&
+            `Expected observable map, object or array as first array`);
     }
     if (target.dehancer !== undefined)
-        return fail(`An intercept reader was already established`);
+        return fail(process.env.NODE_ENV !== "production" && `An intercept reader was already established`);
     target.dehancer = typeof propOrHandler === "function" ? propOrHandler : handler;
     return () => {
         target.dehancer = undefined;
@@ -2364,12 +2390,14 @@ function _isComputed(value, property) {
 }
 function isComputed(value) {
     if (arguments.length > 1)
-        return fail(`isComputed expects only 1 argument. Use isObservableProp to inspect the observability of a property`);
+        return fail(process.env.NODE_ENV !== "production" &&
+            `isComputed expects only 1 argument. Use isObservableProp to inspect the observability of a property`);
     return _isComputed(value);
 }
 function isComputedProp(value, propName) {
     if (typeof propName !== "string")
-        return fail(`isComputed expected a property name as second argument`);
+        return fail(process.env.NODE_ENV !== "production" &&
+            `isComputed expected a property name as second argument`);
     return _isComputed(value, propName);
 }
 
@@ -2377,7 +2405,8 @@ function _isObservable(value, property) {
     if (value === null || value === undefined)
         return false;
     if (property !== undefined) {
-        if (isObservableMap(value) || isObservableArray(value))
+        if (process.env.NODE_ENV !== "production" &&
+            (isObservableMap(value) || isObservableArray(value)))
             return fail("isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.");
         if (isObservableObject(value)) {
             return value[$mobx].values.has(property);
@@ -2393,12 +2422,13 @@ function _isObservable(value, property) {
 }
 function isObservable(value) {
     if (arguments.length !== 1)
-        fail(`isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property`);
+        fail(process.env.NODE_ENV !== "production" &&
+            `isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property`);
     return _isObservable(value);
 }
 function isObservableProp(value, propName) {
     if (typeof propName !== "string")
-        return fail(`expected a property name as second argument`);
+        return fail(process.env.NODE_ENV !== "production" && `expected a property name as second argument`);
     return _isObservable(value, propName);
 }
 
@@ -2415,7 +2445,8 @@ function keys(obj) {
     if (isObservableArray(obj)) {
         return obj.map((_, index) => index);
     }
-    return fail("'keys()' can only be used on observable objects, arrays, sets and maps");
+    return fail(process.env.NODE_ENV !== "production" &&
+        "'keys()' can only be used on observable objects, arrays, sets and maps");
 }
 function values(obj) {
     if (isObservableObject(obj)) {
@@ -2430,7 +2461,8 @@ function values(obj) {
     if (isObservableArray(obj)) {
         return obj.slice();
     }
-    return fail("'values()' can only be used on observable objects, arrays, sets and maps");
+    return fail(process.env.NODE_ENV !== "production" &&
+        "'values()' can only be used on observable objects, arrays, sets and maps");
 }
 function entries(obj) {
     if (isObservableObject(obj)) {
@@ -2445,7 +2477,8 @@ function entries(obj) {
     if (isObservableArray(obj)) {
         return obj.map((key, index) => [index, key]);
     }
-    return fail("'entries()' can only be used on observable objects, arrays and maps");
+    return fail(process.env.NODE_ENV !== "production" &&
+        "'entries()' can only be used on observable objects, arrays and maps");
 }
 function set(obj, key, value) {
     if (arguments.length === 2 && !isObservableSet(obj)) {
@@ -2487,7 +2520,8 @@ function set(obj, key, value) {
         endBatch();
     }
     else {
-        return fail("'set()' can only be used on observable objects, arrays and maps");
+        return fail(process.env.NODE_ENV !== "production" &&
+            "'set()' can only be used on observable objects, arrays and maps");
     }
 }
 function remove(obj, key) {
@@ -2507,7 +2541,8 @@ function remove(obj, key) {
         obj.splice(key, 1);
     }
     else {
-        return fail("'remove()' can only be used on observable objects, arrays and maps");
+        return fail(process.env.NODE_ENV !== "production" &&
+            "'remove()' can only be used on observable objects, arrays and maps");
     }
 }
 function has(obj, key) {
@@ -2526,7 +2561,8 @@ function has(obj, key) {
         return key >= 0 && key < obj.length;
     }
     else {
-        return fail("'has()' can only be used on observable objects, arrays and maps");
+        return fail(process.env.NODE_ENV !== "production" &&
+            "'has()' can only be used on observable objects, arrays and maps");
     }
 }
 function get(obj, key) {
@@ -2542,7 +2578,8 @@ function get(obj, key) {
         return obj[key];
     }
     else {
-        return fail("'get()' can only be used on observable objects, arrays and maps");
+        return fail(process.env.NODE_ENV !== "production" &&
+            "'get()' can only be used on observable objects, arrays and maps");
     }
 }
 
@@ -2658,7 +2695,8 @@ function trace(...args) {
         enterBreakPoint = args.pop();
     const derivation = getAtomFromArgs(args);
     if (!derivation) {
-        return fail(`'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly`);
+        return fail(process.env.NODE_ENV !== "production" &&
+            `'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly`);
     }
     if (derivation.isTracing === TraceMode.NONE) {
         console.log(`[mobx.trace] '${derivation.name}' tracing enabled`);
@@ -2725,7 +2763,7 @@ function _when(predicate, effect, opts) {
     return disposer;
 }
 function whenPromise(predicate, opts) {
-    if (opts && opts.onError)
+    if (process.env.NODE_ENV !== "production" && opts && opts.onError)
         return fail(`the options 'onError' and 'promise' cannot be combined`);
     let cancel;
     const res = new Promise((resolve, reject) => {
@@ -3005,7 +3043,7 @@ class ObservableArrayAdministration {
             newItems = change.added;
         }
         newItems = newItems.length === 0 ? newItems : newItems.map(v => this.enhancer(v, undefined));
-        {
+        if (process.env.NODE_ENV !== "production") {
             const lengthDelta = newItems.length - deleteCount;
             this.updateArrayLength(length, lengthDelta); // checks if internal array wasn't modified
         }
@@ -3040,12 +3078,12 @@ class ObservableArrayAdministration {
             : null;
         // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't
         // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled
-        if (notifySpy && "development" !== "production")
+        if (notifySpy && process.env.NODE_ENV !== "production")
             spyReportStart(Object.assign(Object.assign({}, change), { name: this.atom.name }));
         this.atom.reportChanged();
         if (notify)
             notifyListeners(this, change);
-        if (notifySpy && "development" !== "production")
+        if (notifySpy && process.env.NODE_ENV !== "production")
             spyReportEnd();
     }
     notifyArraySplice(index, added, removed) {
@@ -3062,13 +3100,13 @@ class ObservableArrayAdministration {
                 addedCount: added.length
             }
             : null;
-        if (notifySpy && "development" !== "production")
+        if (notifySpy && process.env.NODE_ENV !== "production")
             spyReportStart(Object.assign(Object.assign({}, change), { name: this.atom.name }));
         this.atom.reportChanged();
         // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe
         if (notify)
             notifyListeners(this, change);
-        if (notifySpy && "development" !== "production")
+        if (notifySpy && process.env.NODE_ENV !== "production")
             spyReportEnd();
     }
 }
@@ -3140,7 +3178,7 @@ const arrayExtensions = {
         // reverse by default mutates in place before returning the result
         // which makes it both a 'derivation' and a 'mutation'.
         // so we deviate from the default and just make it an dervitation
-        {
+        if (process.env.NODE_ENV !== "production") {
             console.warn("[mobx] `observableArray.reverse()` will not update the array in place. Use `observableArray.slice().reverse()` to suppress this warning and perform the operation on a copy, or `observableArray.replace(observableArray.slice().reverse())` to reverse & update in place");
         }
         const clone = this.slice();
@@ -3149,7 +3187,7 @@ const arrayExtensions = {
     sort(compareFn) {
         // sort by default mutates in place before returning the result
         // which goes against all good practices. Let's not change the array in place!
-        {
+        if (process.env.NODE_ENV !== "production") {
             console.warn("[mobx] `observableArray.sort()` will not update the array in place. Use `observableArray.slice().sort()` to suppress this warning and perform the operation on a copy, or `observableArray.replace(observableArray.slice().sort())` to sort & update in place");
         }
         const clone = this.slice();
@@ -3313,7 +3351,7 @@ class ObservableMap {
                     name: key
                 }
                 : null;
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportStart(Object.assign(Object.assign({}, change), { name: this.name, key }));
             transaction(() => {
                 this._keysAtom.reportChanged();
@@ -3324,7 +3362,7 @@ class ObservableMap {
             });
             if (notify)
                 notifyListeners(this, change);
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportEnd();
             return true;
         }
@@ -3351,12 +3389,12 @@ class ObservableMap {
                     newValue
                 }
                 : null;
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportStart(Object.assign(Object.assign({}, change), { name: this.name, key }));
             observable.setNewValue(newValue);
             if (notify)
                 notifyListeners(this, change);
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportEnd();
         }
     }
@@ -3379,11 +3417,11 @@ class ObservableMap {
                 newValue
             }
             : null;
-        if (notifySpy && "development" !== "production")
+        if (notifySpy && process.env.NODE_ENV !== "production")
             spyReportStart(Object.assign(Object.assign({}, change), { name: this.name, key }));
         if (notify)
             notifyListeners(this, change);
-        if (notifySpy && "development" !== "production")
+        if (notifySpy && process.env.NODE_ENV !== "production")
             spyReportEnd();
     }
     get(key) {
@@ -3520,7 +3558,8 @@ class ObservableMap {
      * for callback details
      */
     observe(listener, fireImmediately) {
-        invariant(fireImmediately !== true, "`observe` doesn't support fireImmediately=true in combination with maps.");
+        process.env.NODE_ENV !== "production" &&
+            invariant(fireImmediately !== true, "`observe` doesn't support fireImmediately=true in combination with maps.");
         return registerListener(this, listener);
     }
     intercept(handler) {
@@ -3597,11 +3636,11 @@ class ObservableSet {
                     newValue: value
                 }
                 : null;
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportStart(change);
             if (notify)
                 notifyListeners(this, change);
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportEnd();
         }
         return this;
@@ -3626,7 +3665,7 @@ class ObservableSet {
                     oldValue: value
                 }
                 : null;
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportStart(Object.assign(Object.assign({}, change), { name: this.name }));
             transaction(() => {
                 this._atom.reportChanged();
@@ -3634,7 +3673,7 @@ class ObservableSet {
             });
             if (notify)
                 notifyListeners(this, change);
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportEnd();
             return true;
         }
@@ -3695,7 +3734,8 @@ class ObservableSet {
     }
     observe(listener, fireImmediately) {
         // TODO 'fireImmediately' can be true?
-        invariant(fireImmediately !== true, "`observe` doesn't support fireImmediately=true in combination with sets.");
+        process.env.NODE_ENV !== "production" &&
+            invariant(fireImmediately !== true, "`observe` doesn't support fireImmediately=true in combination with sets.");
         return registerListener(this, listener);
     }
     intercept(handler) {
@@ -3757,12 +3797,12 @@ class ObservableObjectAdministration {
                     newValue
                 }
                 : null;
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportStart(Object.assign(Object.assign({}, change), { name: this.name, key }));
             observable.setNewValue(newValue);
             if (notify)
                 notifyListeners(this, change);
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportEnd();
         }
     }
@@ -3846,11 +3886,11 @@ class ObservableObjectAdministration {
                     name: key
                 }
                 : null;
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportStart(Object.assign(Object.assign({}, change), { name: this.name, key }));
             if (notify)
                 notifyListeners(this, change);
-            if (notifySpy && "development" !== "production")
+            if (notifySpy && process.env.NODE_ENV !== "production")
                 spyReportEnd();
         }
         finally {
@@ -3885,7 +3925,8 @@ class ObservableObjectAdministration {
      * for callback details
      */
     observe(callback, fireImmediately) {
-        invariant(fireImmediately !== true, "`observe` doesn't support the fire immediately property for observable objects.");
+        process.env.NODE_ENV !== "production" &&
+            invariant(fireImmediately !== true, "`observe` doesn't support the fire immediately property for observable objects.");
         return registerListener(this, callback);
     }
     intercept(handler) {
@@ -3902,11 +3943,11 @@ class ObservableObjectAdministration {
                 newValue
             }
             : null;
-        if (notifySpy && "development" !== "production")
+        if (notifySpy && process.env.NODE_ENV !== "production")
             spyReportStart(Object.assign(Object.assign({}, change), { name: this.name, key }));
         if (notify)
             notifyListeners(this, change);
-        if (notifySpy && "development" !== "production")
+        if (notifySpy && process.env.NODE_ENV !== "production")
             spyReportEnd();
         if (this.pendingKeys) {
             const entry = this.pendingKeys.get(key);
@@ -3928,7 +3969,8 @@ class ObservableObjectAdministration {
 function asObservableObject(target, name = "", defaultEnhancer = deepEnhancer) {
     if (Object.prototype.hasOwnProperty.call(target, $mobx))
         return target[$mobx];
-    invariant(Object.isExtensible(target), "Cannot make the designated object observable; it is not extensible");
+    process.env.NODE_ENV !== "production" &&
+        invariant(Object.isExtensible(target), "Cannot make the designated object observable; it is not extensible");
     if (!isPlainObject(target))
         name = (target.constructor.name || "ObservableObject") + "@" + getNextId();
     if (!name)
@@ -3989,7 +4031,8 @@ function getAtom(thing, property) {
     if (typeof thing === "object" && thing !== null) {
         if (isObservableArray(thing)) {
             if (property !== undefined)
-                fail("It is not possible to get index atoms from arrays");
+                fail(process.env.NODE_ENV !== "production" &&
+                    "It is not possible to get index atoms from arrays");
             return thing[$mobx].atom;
         }
         if (isObservableSet(thing)) {
@@ -4001,7 +4044,8 @@ function getAtom(thing, property) {
                 return anyThing._keysAtom;
             const observable = anyThing._data.get(property) || anyThing._hasMap.get(property);
             if (!observable)
-                fail(`the entry '${property}' does not exist in the observable map '${getDebugName(thing)}'`);
+                fail(process.env.NODE_ENV !== "production" &&
+                    `the entry '${property}' does not exist in the observable map '${getDebugName(thing)}'`);
             return observable;
         }
         // Initializers run lazily when transpiling to babel, so make sure they are run...
@@ -4010,10 +4054,11 @@ function getAtom(thing, property) {
             thing[property]; // See #1072
         if (isObservableObject(thing)) {
             if (!property)
-                return fail(`please specify a property`);
+                return fail(process.env.NODE_ENV !== "production" && `please specify a property`);
             const observable = thing[$mobx].values.get(property);
             if (!observable)
-                fail(`no observable property '${property}' found on the observable object '${getDebugName(thing)}'`);
+                fail(process.env.NODE_ENV !== "production" &&
+                    `no observable property '${property}' found on the observable object '${getDebugName(thing)}'`);
             return observable;
         }
         if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {
@@ -4026,7 +4071,7 @@ function getAtom(thing, property) {
             return thing[$mobx];
         }
     }
-    return fail("Cannot obtain atom from " + thing);
+    return fail(process.env.NODE_ENV !== "production" && "Cannot obtain atom from " + thing);
 }
 function getAdministration(thing, property) {
     if (!thing)
@@ -4041,7 +4086,7 @@ function getAdministration(thing, property) {
     initializeInstance(thing);
     if (thing[$mobx])
         return thing[$mobx];
-    fail("Cannot obtain administration from " + thing);
+    fail(process.env.NODE_ENV !== "production" && "Cannot obtain administration from " + thing);
 }
 function getDebugName(thing, property) {
     let named;
@@ -4234,6 +4279,10 @@ if (typeof Proxy === "undefined" || typeof Symbol === "undefined") {
     throw new Error("[mobx] MobX 5+ requires Proxy and Symbol objects. If your environment doesn't support Symbol or Proxy objects, please downgrade to MobX 4. For React Native Android, consider upgrading JSCore.");
 }
 try {
+    // define process.env if needed
+    // if this is not a production build in the first place
+    // (in which case the expression below would be substituted with 'production')
+    process.env.NODE_ENV;
 }
 catch (e) {
     const g = getGlobal();
@@ -4244,8 +4293,8 @@ catch (e) {
 (() => {
     function testCodeMinification() { }
     if (testCodeMinification.name !== "testCodeMinification" &&
-        "development" !== "production" &&
-        process.env.IGNORE_MOBX_MINIFY_WARNING !== "true") {
+        process.env.NODE_ENV !== "production" &&
+        typeof process !== 'undefined' && process.env.IGNORE_MOBX_MINIFY_WARNING !== "true") {
         // trick so it doesn't get replaced
         const varName = ["process", "env", "NODE_ENV"].join(".");
         console.warn(`[mobx] you are running a minified build, but '${varName}' was not set to 'production' in your bundler. This results in an unnecessarily large and slow bundle`);