mobx-react-use-autorun 3.1.1 → 3.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -7
- package/dist/index.d.ts +6 -4
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/dist/{lib → js}/mobx_config.d.ts +0 -0
- package/dist/{lib → js}/mobx_config.js +0 -0
- package/dist/js/mobx_config.js.map +1 -0
- package/dist/{lib → js}/useMobxEffect.d.ts +0 -0
- package/dist/{lib → js}/useMobxEffect.js +0 -0
- package/dist/js/useMobxEffect.js.map +1 -0
- package/dist/{lib → js}/useMobxState.d.ts +0 -0
- package/dist/{lib → js}/useMobxState.js +0 -0
- package/dist/js/useMobxState.js.map +1 -0
- package/lib/index.tsx +6 -4
- package/lib/{lib → js}/mobx_config.tsx +0 -0
- package/lib/{lib → js}/useMobxEffect.tsx +0 -0
- package/lib/{lib → js}/useMobxState.tsx +0 -0
- package/package.json +1 -1
- package/dist/lib/mobx_config.js.map +0 -1
- package/dist/lib/useMobxEffect.js.map +0 -1
- package/dist/lib/useMobxState.js.map +0 -1
package/README.md
CHANGED
|
@@ -195,14 +195,14 @@ Correct Example:<br/>
|
|
|
195
195
|
</div>;
|
|
196
196
|
})
|
|
197
197
|
|
|
198
|
-
##
|
|
198
|
+
## Notes - Lifecycle hooks
|
|
199
199
|
|
|
200
200
|
useMount is executed when the component loaded.<br/>
|
|
201
201
|
useUnmount is executed when the component is unmount.<br/>
|
|
202
202
|
|
|
203
|
-
import { useMount, useUnmount } from 'react-use'
|
|
204
203
|
import { Subscription, of, tap } from 'rxjs'
|
|
205
204
|
import { useMobxState, observer } from 'mobx-react-use-autorun'
|
|
205
|
+
import { useMount, useUnmount } from 'mobx-react-use-autorun'
|
|
206
206
|
|
|
207
207
|
export default observer(() => {
|
|
208
208
|
|
|
@@ -225,6 +225,12 @@ useUnmount is executed when the component is unmount.<br/>
|
|
|
225
225
|
return null;
|
|
226
226
|
})
|
|
227
227
|
|
|
228
|
+
# Learn More
|
|
229
|
+
|
|
230
|
+
1. React UI framework (https://reactjs.org)<br/>
|
|
231
|
+
2. Reactive Extensions Library for JavaScript (https://www.npmjs.com/package/rxjs)
|
|
232
|
+
3. Material UI is a library of React UI components that implements Google's Material Design (https://mui.com)
|
|
233
|
+
|
|
228
234
|
# Getting Started
|
|
229
235
|
|
|
230
236
|
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). If you have any questions, please contact zdu.strong@gmail.com.<br/>
|
|
@@ -247,13 +253,11 @@ Builds the files for production to the `dist` folder.<br/>
|
|
|
247
253
|
|
|
248
254
|
### `npm run make`
|
|
249
255
|
|
|
250
|
-
Publish to npm repository
|
|
256
|
+
Publish to npm repository<br/>
|
|
251
257
|
|
|
252
|
-
|
|
258
|
+
Pre-step, please run<br/>
|
|
253
259
|
|
|
254
|
-
|
|
255
|
-
2. Reactive Extensions Library for JavaScript (https://www.npmjs.com/package/rxjs)
|
|
256
|
-
3. Material UI is a library of React UI components that implements Google's Material Design (https://mui.com)
|
|
260
|
+
npm login --location=global
|
|
257
261
|
|
|
258
262
|
# License
|
|
259
263
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './js/mobx_config';
|
|
2
2
|
import { toJS, observable } from 'mobx';
|
|
3
3
|
import { observer } from 'mobx-react-lite';
|
|
4
|
-
import { useMobxEffect } from './
|
|
5
|
-
import { useMobxState } from './
|
|
4
|
+
import { useMobxEffect } from './js/useMobxEffect';
|
|
5
|
+
import { useMobxState } from './js/useMobxState';
|
|
6
|
+
import { useMount, useUnmount } from 'react-use';
|
|
6
7
|
export { toJS, observable, observer };
|
|
7
|
-
export {
|
|
8
|
+
export { useMobxState, useMobxEffect };
|
|
9
|
+
export { useMount, useUnmount };
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './js/mobx_config';
|
|
2
2
|
import { toJS, observable } from 'mobx';
|
|
3
3
|
import { observer } from 'mobx-react-lite';
|
|
4
|
-
import { useMobxEffect } from './
|
|
5
|
-
import { useMobxState } from './
|
|
4
|
+
import { useMobxEffect } from './js/useMobxEffect';
|
|
5
|
+
import { useMobxState } from './js/useMobxState';
|
|
6
|
+
import { useMount, useUnmount } from 'react-use';
|
|
6
7
|
export { toJS, observable, observer };
|
|
7
|
-
export {
|
|
8
|
+
export { useMobxState, useMobxEffect };
|
|
9
|
+
export { useMount, useUnmount };
|
|
8
10
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mobx_config.js","sourceRoot":"","sources":["../../lib/js/mobx_config.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEjC,SAAS,CAAC;IACN,cAAc,EAAE,OAAO;CAC1B,CAAC,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../lib/js/useMobxEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAEtE,IAAM,KAAK,GAAG,YAAY,CAAC;QACvB,YAAY,EAAE,IAAI,YAAY,EAAE;KACnC,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEhB,IAAM,MAAM,GAAG,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnE,SAAS,CAAC;QACN,IAAI,CAAC,cAAc,EAAE;YACjB,QAAQ,EAAE,CAAA;SACb;IACL,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC;QACL,IAAI,cAAc,EAAE;YAChB,IAAM,UAAQ,GAAG,QAAQ,CAAC,cAAM,OAAA,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAd,CAAc,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAE7G,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;gBACpC,UAAQ,EAAE,CAAC;YACf,CAAC,CAAC,CAAC,CAAC;SACP;IACL,CAAC,CAAC,CAAA;IAEF,UAAU,CAAC;QACP,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACrC,CAAC,CAAC,CAAA;AACN,CAAC,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../lib/js/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAKrD,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAChH,IAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;IAEjG,WAAW,CAAC;;;QAER,IAAI,KAAK,EAAE;YACP,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;gBACrB,IAAI,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAI,MAAA,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,0CAAE,GAAG,CAAA,EAAE;oBAC9E,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAQ,CAAC,CAAA;iBAC5F;qBAAM;oBACH,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;wBAC/B,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;wBACvB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;qBACvE;iBACJ;aACJ;SACJ;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC5B,CAAC"}
|
package/lib/index.tsx
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './js/mobx_config'
|
|
2
2
|
import { toJS, observable } from 'mobx';
|
|
3
3
|
import { observer } from 'mobx-react-lite';
|
|
4
|
-
import { useMobxEffect } from './
|
|
5
|
-
import { useMobxState } from './
|
|
4
|
+
import { useMobxEffect } from './js/useMobxEffect';
|
|
5
|
+
import { useMobxState } from './js/useMobxState';
|
|
6
|
+
import { useMount, useUnmount } from 'react-use';
|
|
6
7
|
|
|
7
8
|
export { toJS, observable, observer }
|
|
8
|
-
export {
|
|
9
|
+
export { useMobxState, useMobxEffect }
|
|
10
|
+
export { useMount, useUnmount }
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"mobx-react-use-autorun","version":"3.1.
|
|
1
|
+
{"name":"mobx-react-use-autorun","version":"3.1.3","description":"React Hook for mobx","scripts":{"test":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_test.ts","build":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_build.ts","make":"npx -y -p typescript -p ts-node ts-node --skipProject bin/mobx_react_make.ts"},"dependencies":{"mobx":"6.8.0","mobx-react-lite":"3.4.0","react-use":"17.4.0","rxjs":"7.8.0"},"peerDependencies":{"react":">=16.8.0"},"license":"MIT","keywords":["react","mobx","typescript"],"main":"./dist/index.js","types":"./dist/index.d.ts","eslintConfig":{"extends":["react-app","react-app/jest"]},"homepage":"https://github.com/zdu-strong/mobx-react-use-autorun#readme","repository":{"type":"git","url":"git+https://github.com/zdu-strong/mobx-react-use-autorun.git"},"files":["lib","dist"],"bugs":{"url":"https://github.com/zdu-strong/mobx-react-use-autorun/issues"},"publishConfig":{"registry":"https://registry.npmjs.org/"}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mobx_config.js","sourceRoot":"","sources":["../../lib/lib/mobx_config.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEjC,SAAS,CAAC;IACN,cAAc,EAAE,OAAO;CAC1B,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxEffect.js","sourceRoot":"","sources":["../../lib/lib/useMobxEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAoB,EAAE,cAAsB;IAEtE,IAAM,KAAK,GAAG,YAAY,CAAC;QACvB,YAAY,EAAE,IAAI,YAAY,EAAE;KACnC,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAEhB,IAAM,MAAM,GAAG,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnE,SAAS,CAAC;QACN,IAAI,CAAC,cAAc,EAAE;YACjB,QAAQ,EAAE,CAAA;SACb;IACL,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC;QACL,IAAI,cAAc,EAAE;YAChB,IAAM,UAAQ,GAAG,QAAQ,CAAC,cAAM,OAAA,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAd,CAAc,EAAE,cAAM,OAAA,KAAK,CAAC,QAAQ,EAAE,EAAhB,CAAgB,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;YAE7G,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC;gBACpC,UAAQ,EAAE,CAAC;YACf,CAAC,CAAC,CAAC,CAAC;SACP;IACL,CAAC,CAAC,CAAA;IAEF,UAAU,CAAC;QACP,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACrC,CAAC,CAAC,CAAA;AACN,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useMobxState.js","sourceRoot":"","sources":["../../lib/lib/useMobxState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAKrD,MAAM,UAAU,YAAY,CAAyD,KAAoB,EAAE,KAAS;IAChH,IAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC,CAAC;IAEjG,WAAW,CAAC;;;QAER,IAAI,KAAK,EAAE;YACP,KAAK,IAAM,GAAG,IAAI,KAAK,EAAE;gBACrB,IAAI,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAI,MAAA,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,0CAAE,GAAG,CAAA,EAAE;oBAC9E,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,GAAG,CAAQ,CAAC,CAAA;iBAC5F;qBAAM;oBACH,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;wBAC/B,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;wBACvB,gBAAgB,CAAC,SAAS,YAAI,GAAC,GAAG,IAAG,KAAK,CAAC,GAAG,CAAC,iBAAM,GAAC,GAAG,IAAG,KAAK,MAAG,CAAA;qBACvE;iBACJ;aACJ;SACJ;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,SAAgB,CAAC;AAC5B,CAAC"}
|