mobx 6.9.1 → 6.10.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # mobx
 
+## 6.10.0
+
+### Minor Changes
+
+-   [`bebd5f05`](https://github.com/mobxjs/mobx/commit/bebd5f0507a109145f401c78630ed9d59e4a1101) [#3727](https://github.com/mobxjs/mobx/pull/3727) Thanks [@rluvaton](https://github.com/rluvaton)! - Added support for `signal` (AbortSignal) in `autorun`, `reaction` and sync `when` options to dispose them
+
+### Patch Changes
+
+-   [`55f78ddc`](https://github.com/mobxjs/mobx/commit/55f78ddc20e84f38a7aa88b99a51ad994e558241) [#3717](https://github.com/mobxjs/mobx/pull/3717) Thanks [@liucan233](https://github.com/liucan233)! - remove proxy option for makeObservable and makeAutoObservable
+
 ## 6.9.1
 
 ### Patch Changes

package/dist/api/autorun.d.ts

@@ -1,4 +1,4 @@
-import { IEqualsComparer, IReactionDisposer, IReactionPublic } from "../internal";
+import { IEqualsComparer, IReactionDisposer, IReactionPublic, GenericAbortSignal } from "../internal";
 export interface IAutorunOptions {
     delay?: number;
     name?: string;
@@ -9,6 +9,7 @@ export interface IAutorunOptions {
     requiresObservable?: boolean;
     scheduler?: (callback: () => void) => any;
     onError?: (error: any) => void;
+    signal?: GenericAbortSignal;
 }
 /**
  * Creates a named reactive view and keeps it alive, so that the view is always

package/dist/api/makeObservable.d.ts

@@ -1,5 +1,6 @@
 import { AnnotationsMap, CreateObservableOptions } from "../internal";
 declare type NoInfer<T> = [T][T extends any ? 0 : never];
-export declare function makeObservable<T extends object, AdditionalKeys extends PropertyKey = never>(target: T, annotations?: AnnotationsMap<T, NoInfer<AdditionalKeys>>, options?: CreateObservableOptions): T;
-export declare function makeAutoObservable<T extends object, AdditionalKeys extends PropertyKey = never>(target: T, overrides?: AnnotationsMap<T, NoInfer<AdditionalKeys>>, options?: CreateObservableOptions): T;
+declare type MakeObservableOptions = Omit<CreateObservableOptions, "proxy">;
+export declare function makeObservable<T extends object, AdditionalKeys extends PropertyKey = never>(target: T, annotations?: AnnotationsMap<T, NoInfer<AdditionalKeys>>, options?: MakeObservableOptions): T;
+export declare function makeAutoObservable<T extends object, AdditionalKeys extends PropertyKey = never>(target: T, overrides?: AnnotationsMap<T, NoInfer<AdditionalKeys>>, options?: MakeObservableOptions): T;
 export {};

package/dist/api/when.d.ts

@@ -1,10 +1,4 @@
-import { IReactionDisposer, Lambda } from "../internal";
-interface GenericAbortSignal {
-    readonly aborted: boolean;
-    onabort?: ((...args: any) => any) | null;
-    addEventListener?: (...args: any) => any;
-    removeEventListener?: (...args: any) => any;
-}
+import { IReactionDisposer, Lambda, GenericAbortSignal } from "../internal";
 export interface IWhenOptions {
     name?: string;
     timeout?: number;
@@ -15,4 +9,3 @@ export declare function when(predicate: () => boolean, opts?: IWhenOptions): Pro
     cancel(): void;
 };
 export declare function when(predicate: () => boolean, effect: Lambda, opts?: IWhenOptions): IReactionDisposer;
-export {};

package/dist/core/reaction.d.ts

@@ -1,4 +1,4 @@
-import { IDerivation, IDerivationState_, IObservable, Lambda, TraceMode } from "../internal";
+import { IDerivation, IDerivationState_, IObservable, Lambda, TraceMode, GenericAbortSignal } from "../internal";
 /**
  * Reactions are a special kind of derivations. Several things distinguishes them from normal reactive computations
  *
@@ -52,7 +52,7 @@ export declare class Reaction implements IDerivation, IReactionPublic {
     track(fn: () => void): void;
     reportExceptionInDerivation_(error: any): void;
     dispose(): void;
-    getDisposer_(): IReactionDisposer;
+    getDisposer_(abortSignal?: GenericAbortSignal): IReactionDisposer;
     toString(): string;
     trace(enterBreakPoint?: boolean): void;
 }

package/dist/internal.d.ts

@@ -11,6 +11,7 @@ export * from "./types/flowannotation";
 export * from "./types/computedannotation";
 export * from "./types/observableannotation";
 export * from "./types/autoannotation";
+export * from "./types/generic-abort-signal";
 export * from "./api/observable";
 export * from "./api/computed";
 export * from "./core/action";

package/dist/mobx.cjs.development.js

@@ -2246,10 +2246,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_ + "]";
@@ -2423,7 +2428,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;
   }
@@ -2462,8 +2467,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();
@@ -2474,7 +2481,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;
   }
@@ -2524,8 +2531,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 () {