storion 0.11.0 → 0.11.1
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/dist/react/create.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { StateBase, ActionsBase, StoreOptions, StoreInstance, StableResult, ContainerOptions } from '../types';
|
|
1
|
+
import { StateBase, ActionsBase, StoreOptions, StoreInstance, StableResult, ContainerOptions, SelectorContext } from '../types';
|
|
2
2
|
import { BoundWithStore } from './withStore';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Selector for create() hook.
|
|
6
|
-
* Receives state and actions directly (no get needed).
|
|
6
|
+
* Receives state and actions directly (no get needed), plus SelectorContext for advanced features.
|
|
7
7
|
*/
|
|
8
|
-
export type CreateSelector<TState extends StateBase, TActions extends ActionsBase, T> = (state: Readonly<TState>, actions: TActions) => T;
|
|
8
|
+
export type CreateSelector<TState extends StateBase, TActions extends ActionsBase, T> = (state: Readonly<TState>, actions: TActions, ctx: SelectorContext) => T;
|
|
9
9
|
/**
|
|
10
10
|
* Custom hook returned by create().
|
|
11
11
|
*/
|
|
@@ -49,9 +49,10 @@ export type CreateResult<TState extends StateBase, TActions extends ActionsBase>
|
|
|
49
49
|
*
|
|
50
50
|
* // Use the hook in React components
|
|
51
51
|
* function Counter() {
|
|
52
|
-
* const { count, increment } = useCounter((state, actions) => ({
|
|
52
|
+
* const { count, increment } = useCounter((state, actions, ctx) => ({
|
|
53
53
|
* count: state.count,
|
|
54
54
|
* increment: actions.increment,
|
|
55
|
+
* // ctx provides: mixin, scoped, once, id, container, etc.
|
|
55
56
|
* }));
|
|
56
57
|
*
|
|
57
58
|
* return <button onClick={increment}>{count}</button>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/react/create.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,gBAAgB,
|
|
1
|
+
{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/react/create.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,eAAe,EAChB,MAAM,UAAU,CAAC;AAIlB,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,aAAa,CAAC;AAErB;;;GAGG;AACH,MAAM,MAAM,cAAc,CACxB,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,EAC5B,CAAC,IACC,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,eAAe,KAAK,CAAC,CAAC;AAE5E;;GAEG;AACH,MAAM,MAAM,eAAe,CACzB,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,IAC1B,CAAC,CAAC,SAAS,MAAM,EACnB,QAAQ,EAAE,cAAc,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,KAC1C,YAAY,CAAC,CAAC,CAAC,CAAC;AAErB;;;GAGG;AACH,MAAM,MAAM,mBAAmB,CAC7B,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,IAC1B,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE1C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAC1B,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,IAC1B,cAAc,CAAC,mBAAmB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,YAAY,CACtB,MAAM,SAAS,SAAS,EACxB,QAAQ,SAAS,WAAW,IAC1B,SAAS;IACX,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC;IAC/B,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC;IACjC,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,wBAAgB,MAAM,CAAC,MAAM,SAAS,SAAS,EAAE,QAAQ,SAAS,WAAW,EAC3E,YAAY,EAAE,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,EAC5C,gBAAgB,CAAC,EAAE,gBAAgB,GAClC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAqChC"}
|
package/dist/react/index.js
CHANGED
|
@@ -346,9 +346,9 @@ function create(storeOptions, containerOptions) {
|
|
|
346
346
|
const dedicatedContainer = container(containerOptions);
|
|
347
347
|
const instance = dedicatedContainer.get(spec);
|
|
348
348
|
const useCreatedStore = (selector) => {
|
|
349
|
-
return useStoreWithContainer((
|
|
350
|
-
const [state, actions] = get(spec);
|
|
351
|
-
return selector(state, actions);
|
|
349
|
+
return useStoreWithContainer((ctx) => {
|
|
350
|
+
const [state, actions] = ctx.get(spec);
|
|
351
|
+
return selector(state, actions, ctx);
|
|
352
352
|
}, dedicatedContainer);
|
|
353
353
|
};
|
|
354
354
|
const useCreatedStoreContext = (selector) => {
|