mobx-react-use-autorun 1.0.13 → 1.0.16

package/README.md

@@ -105,6 +105,36 @@ Form validation<br/>
         </div>
     })
 
+## Notes - Ignore frequent asynchronous calls with useAsyncExhaust
+
+    import { TextField } from "@mui/material";
+    import { useLocalObservable, observer, useAsyncExhaust } from 'mobx-react-use-autorun';
+    import axios from 'axios';
+
+    export default observer(() => {
+
+        const state = useLocalObservable(() => ({
+            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';

package/dist/lib/useAsLocalSource.js

@@ -1,7 +1,8 @@
 import './mobx_config';
-import { observable } from 'mobx';
+import { observable, extendObservable } from 'mobx';
 import { useRef } from 'react';
 export function useAsLocalSource(data) {
+    var _a;
     var initStateCallback = function () {
         if (Array.isArray(data)) {
             throw new Error('Arrays is unsupported!');
@@ -12,8 +13,9 @@ export function useAsLocalSource(data) {
     var state = useRef(initStateCallback());
     for (var key in data) {
         if (typeof data[key] === 'function') {
-            if (typeof state.current[key] !== 'function') {
-                state.current[key] = data[key];
+            if (data[key] !== state.current[key]) {
+                delete state.current[key];
+                extendObservable(state.current, (_a = {}, _a[key] = data[key], _a));
             }
         }
         else {

package/dist/lib/useAsLocalSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAsLocalSource.js","sourceRoot":"","sources":["../../lib/lib/useAsLocalSource.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,gBAAgB,CAAmB,IAAO;IAEtD,IAAM,iBAAiB,GAAG;QACtB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACrB,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;SAC7C;QACD,IAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAAM,CAAC;QACtC,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,IAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAE1C,KAAK,IAAM,GAAG,IAAI,IAAI,EAAE;QACpB,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,UAAU,EAAE;YACjC,IAAG,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,UAAU,EAAC;gBACxC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;aAClC;SACJ;aAAM;YACH,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;SAClC;KACJ;IAED,OAAO,KAAK,CAAC,OAAO,CAAC;AACzB,CAAC;AAAA,CAAC"}
+{"version":3,"file":"useAsLocalSource.js","sourceRoot":"","sources":["../../lib/lib/useAsLocalSource.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,MAAM,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,gBAAgB,CAAmB,IAAO;;IAEtD,IAAM,iBAAiB,GAAG;QACtB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACrB,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;SAC7C;QACD,IAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAAM,CAAC;QACtC,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,IAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAE1C,KAAK,IAAM,GAAG,IAAI,IAAI,EAAE;QACpB,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,UAAU,EAAE;YACjC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBAClC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;gBAC1B,gBAAgB,CAAC,KAAK,CAAC,OAAO,YAAI,GAAC,GAAG,IAAG,IAAI,CAAC,GAAG,CAAC,MAAG,CAAA;aACxD;SACJ;aAAM;YACH,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;SAClC;KACJ;IAED,OAAO,KAAK,CAAC,OAAO,CAAC;AACzB,CAAC;AAAA,CAAC"}

package/lib/lib/useAsLocalSource.tsx

@@ -1,5 +1,5 @@
 import './mobx_config'
-import { observable } from 'mobx';
+import { observable, extendObservable } from 'mobx';
 import { useRef } from 'react';
 
 export function useAsLocalSource<T extends object>(data: T): T {
@@ -16,8 +16,9 @@ export function useAsLocalSource<T extends object>(data: T): T {
 
     for (const key in data) {
         if (typeof data[key] === 'function') {
-            if(typeof state.current[key] !== 'function'){
-                state.current[key] = data[key];
+            if (data[key] !== state.current[key]) {
+                delete state.current[key];
+                extendObservable(state.current, { [key]: data[key] })
             }
         } else {
             state.current[key] = data[key];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-react-use-autorun",
-  "version": "1.0.13",
+  "version": "1.0.16",
   "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",