mobx-react-use-autorun 3.0.8 → 3.0.11

package/LICENSE

@@ -1,21 +1,24 @@
-MIT License
+## MIT License
 
-Copyright (c) 2021 Robert Taussig
+Copyright (c) 2022 zdu https://github.com/zdu-strong/mobx-react-use-autorun
 
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -90,36 +90,6 @@ Form validation<br/>
         </div>
     })
 
-## Notes - Ignore frequent asynchronous calls with useAsyncExhaust
-
-    import { TextField } from "@mui/material";
-    import { useMobxState, observer, useAsyncExhaust } from 'mobx-react-use-autorun';
-    import axios from 'axios';
-
-    export default observer(() => {
-
-        const state = useMobxState({
-            list: [],
-            searchText: ""
-        });
-
-        const search = useAsyncExhaust(async () => {
-            state.list = await axios.get("/search");
-        });
-
-        return (
-            <TextField
-                label="Please enter search content"
-                variant="outlined"
-                value={state.searchText}
-                onChange={(e) => {
-                    state.searchText = e.target.value;
-                    search();
-                }}
-            />
-        );
-    })
-
 ## Notes - Define global mutable data
 
     import { observable } from 'mobx-react-use-autorun';
@@ -136,4 +106,8 @@ Form validation<br/>
 ## Learn More
 
 1. React UI framework (https://reactjs.org)<br/>
-2. React hooks (https://www.npmjs.com/package/react-use)<br/>
+2. React hooks (https://www.npmjs.com/package/react-use)<br/>
+
+## License
+
+This project is licensed under the terms of the [MIT license](./LICENSE.md).

package/dist/index.d.ts

@@ -1,9 +1,7 @@
 import './lib/mobx_config';
 import { toJS, observable } from 'mobx';
 import { observer } from 'mobx-react-lite';
-import { useAsyncExhaust } from './lib/useAsyncExhaust';
 import { useMobxEffect } from './lib/useMobxEffect';
 import { useMobxState } from './lib/useMobxState';
 export { toJS, observable, observer };
 export { useMobxEffect, useMobxState };
-export { useAsyncExhaust };

package/dist/index.js

@@ -1,10 +1,8 @@
 import './lib/mobx_config';
 import { toJS, observable } from 'mobx';
 import { observer } from 'mobx-react-lite';
-import { useAsyncExhaust } from './lib/useAsyncExhaust';
 import { useMobxEffect } from './lib/useMobxEffect';
 import { useMobxState } from './lib/useMobxState';
 export { toJS, observable, observer };
 export { useMobxEffect, useMobxState };
-export { useAsyncExhaust };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}

package/lib/index.tsx

@@ -1,10 +1,8 @@
 import './lib/mobx_config'
 import { toJS, observable } from 'mobx';
 import { observer } from 'mobx-react-lite';
-import { useAsyncExhaust } from './lib/useAsyncExhaust';
 import { useMobxEffect } from './lib/useMobxEffect';
 import { useMobxState } from './lib/useMobxState';
 
 export { toJS, observable, observer }
-export { useMobxEffect, useMobxState }
-export { useAsyncExhaust }
+export { useMobxEffect, useMobxState }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-react-use-autorun",
-  "version": "3.0.8",
+  "version": "3.0.11",
   "description": "React Hook for mobx",
   "scripts": {
     "build": "npm install -g typescript@4.6.3 @types/node@17.0.23 ts-node@10.7.0 cross-env@7.0.3 && cross-env TS_NODE_SKIP_PROJECT=true ts-node bin/mobx_react_build.ts",
@@ -10,9 +10,7 @@
   "dependencies": {
     "mobx": ">=6.5.0",
     "mobx-react-lite": ">=3.3.0",
-    "react-use": ">=17.3.2",
-    "rxjs": ">=7.5.5",
-    "rxjs-exhaustmap-with-trailing": ">=2.0.0"
+    "react-use": ">=17.3.2"
   },
   "peerDependencies": {
     "react": ">=16.8.0"

package/dist/lib/useAsyncExhaust.d.ts

@@ -1 +0,0 @@
-export declare function useAsyncExhaust<T>(callback: T): T;

package/dist/lib/useAsyncExhaust.js

@@ -1,134 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { toJS } from 'mobx';
-import { useRef } from 'react';
-import { useMount, useUnmount } from 'react-use';
-import { catchError, concatMap, debounceTime, EMPTY, from, lastValueFrom, ReplaySubject, Subscription } from 'rxjs';
-import { exhaustMapWithTrailing } from 'rxjs-exhaustmap-with-trailing';
-import { useMobxState } from './useMobxState';
-export function useAsyncExhaust(callback) {
-    var _this = this;
-    var runCallback = function () {
-        if (state.isUnmount) {
-            var resultSubjectPromise = Promise.reject(new Error("Cancelled!"));
-            resultSubjectPromise.catch(function () { return null; });
-            return resultSubjectPromise;
-        }
-        else {
-            var resultSubject = new ReplaySubject(0);
-            var resultSubjectPromise = lastValueFrom(resultSubject);
-            state.resultSubjectList.push({
-                subject: resultSubject,
-                promise: resultSubjectPromise
-            });
-            state.subject.next({
-                params: arguments
-            });
-            return resultSubjectPromise;
-        }
-    };
-    var state = useRef({
-        subscription: new Subscription(),
-        subject: new ReplaySubject(0),
-        resultSubjectList: [],
-        isUnmount: false,
-    }).current;
-    var source = useMobxState({}, { callback: callback });
-    useMount(function () {
-        state.subscription.add(state.subject.pipe(debounceTime(0), exhaustMapWithTrailing(function (_a) {
-            var params = _a.params;
-            var resultSubjectList = toJS(state.resultSubjectList);
-            return from((function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, source.callback.apply(source, params)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            }); }); })()).pipe(concatMap(function (result) {
-                var _loop_1 = function (resultSubject) {
-                    resultSubject.subject.next(result);
-                    resultSubject.subject.complete();
-                    if (resultSubject.subject.closed) {
-                        var index = state.resultSubjectList.findIndex(function (s) { return s === resultSubject; });
-                        if (index >= 0) {
-                            state.resultSubjectList.splice(index, 1);
-                        }
-                    }
-                };
-                for (var _i = 0, resultSubjectList_1 = resultSubjectList; _i < resultSubjectList_1.length; _i++) {
-                    var resultSubject = resultSubjectList_1[_i];
-                    _loop_1(resultSubject);
-                }
-                return EMPTY;
-            }), catchError(function (error) {
-                var _loop_2 = function (resultSubject) {
-                    resultSubject.subject.error(error);
-                    if (resultSubject.subject.closed) {
-                        var index = state.resultSubjectList.findIndex(function (s) { return s === resultSubject; });
-                        if (index >= 0) {
-                            state.resultSubjectList.splice(index, 1);
-                        }
-                    }
-                };
-                for (var _i = 0, resultSubjectList_2 = resultSubjectList; _i < resultSubjectList_2.length; _i++) {
-                    var resultSubject = resultSubjectList_2[_i];
-                    _loop_2(resultSubject);
-                }
-                return EMPTY;
-            }));
-        })).subscribe());
-    });
-    useUnmount(function () {
-        state.subscription.unsubscribe();
-        state.isUnmount = true;
-        var _loop_3 = function (resultSubject) {
-            resultSubject.promise.catch(function () { return null; });
-            resultSubject.subject.error(new Error("Cancelled!"));
-            if (resultSubject.subject.closed) {
-                var index = state.resultSubjectList.findIndex(function (s) { return s === resultSubject; });
-                if (index >= 0) {
-                    state.resultSubjectList.splice(index, 1);
-                }
-            }
-        };
-        for (var _i = 0, _a = toJS(state.resultSubjectList); _i < _a.length; _i++) {
-            var resultSubject = _a[_i];
-            _loop_3(resultSubject);
-        }
-    });
-    return runCallback;
-}
-//# sourceMappingURL=useAsyncExhaust.js.map

package/dist/lib/useAsyncExhaust.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAsyncExhaust.js","sourceRoot":"","sources":["../../lib/lib/useAsyncExhaust.tsx"],"names":[],"mappings":"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"}

package/lib/lib/useAsyncExhaust.tsx

@@ -1,93 +0,0 @@
-import { toJS } from 'mobx';
-import { useRef } from 'react';
-import { useMount, useUnmount } from 'react-use';
-import { catchError, concatMap, debounceTime, EMPTY, from, lastValueFrom, ReplaySubject, Subscription } from 'rxjs';
-import { exhaustMapWithTrailing } from 'rxjs-exhaustmap-with-trailing';
-import { useMobxState } from './useMobxState';
-
-export function useAsyncExhaust<T>(callback: T) {
-
-    const runCallback: any = function () {
-        if (state.isUnmount) {
-            const resultSubjectPromise = Promise.reject(new Error("Cancelled!"));
-            resultSubjectPromise.catch(() => null);
-            return resultSubjectPromise;
-        } else {
-            const resultSubject = new ReplaySubject(0);
-            const resultSubjectPromise = lastValueFrom(resultSubject);
-            state.resultSubjectList.push({
-                subject: resultSubject,
-                promise: resultSubjectPromise
-            });
-            state.subject.next({
-                params: arguments
-            });
-            return resultSubjectPromise;
-        }
-    }
-
-    const state = useRef({
-        subscription: new Subscription(),
-        subject: new ReplaySubject(0),
-        resultSubjectList: [] as {
-            subject: ReplaySubject<any>,
-            promise: Promise<any>,
-        }[],
-        isUnmount: false,
-    }).current;
-
-    const source = useMobxState({}, { callback });
-
-    useMount(() => {
-        state.subscription.add(state.subject.pipe(
-            debounceTime(0),
-            exhaustMapWithTrailing(({ params }: any) => {
-                const resultSubjectList = toJS(state.resultSubjectList);
-                return from((async () => { return await (source.callback as any)(...params) })()).pipe(
-                    concatMap((result) => {
-                        for (const resultSubject of resultSubjectList) {
-                            resultSubject.subject.next(result);
-                            resultSubject.subject.complete();
-                            if (resultSubject.subject.closed) {
-                                const index = state.resultSubjectList.findIndex(s => s === resultSubject);
-                                if (index >= 0) {
-                                    state.resultSubjectList.splice(index, 1);
-                                }
-                            }
-                        }
-                        return EMPTY;
-                    }),
-                    catchError((error) => {
-                        for (const resultSubject of resultSubjectList) {
-                            resultSubject.subject.error(error);
-                            if (resultSubject.subject.closed) {
-                                const index = state.resultSubjectList.findIndex(s => s === resultSubject);
-                                if (index >= 0) {
-                                    state.resultSubjectList.splice(index, 1);
-                                }
-                            }
-                        }
-                        return EMPTY;
-                    })
-                );
-            }),
-        ).subscribe());
-    })
-
-    useUnmount(() => {
-        state.subscription.unsubscribe();
-        state.isUnmount = true;
-        for (const resultSubject of toJS(state.resultSubjectList)) {
-            resultSubject.promise.catch(() => null);
-            resultSubject.subject.error(new Error("Cancelled!"));
-            if (resultSubject.subject.closed) {
-                const index = state.resultSubjectList.findIndex(s => s === resultSubject);
-                if (index >= 0) {
-                    state.resultSubjectList.splice(index, 1);
-                }
-            }
-        }
-    })
-
-    return runCallback as T;
-}