extra-react-store 0.1.5 → 0.1.7

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.
Files changed (8) hide show
  1. package/README.md +7 -4
  2. package/lib/use-partial-updater.js +2 -1
  3. package/lib/use-partial-updater.js.map +1 -1
  4. package/lib/use-selector.js +3 -2
  5. package/lib/use-selector.js.map +1 -1
  6. package/package.json +8 -7
  7. package/src/use-partial-updater.ts +2 -1
  8. package/src/use-selector.ts +3 -2
package/README.md CHANGED
@@ -8,6 +8,7 @@ yarn add extra-react-store
8
8
 
9
9
  ## Usage
10
10
  ```tsx
11
+ import { Draft } from 'immer'
11
12
  import { useMemo } from 'react'
12
13
  import { createStoreContext, Store, useSelector, useUpdater } from 'extra-react-store'
13
14
 
@@ -40,12 +41,14 @@ function Controller() {
40
41
  const update = useUpdater<IState>(Context)
41
42
 
42
43
  return (
43
- <button onClick={() => update(increment)}>Increment</button>
44
+ <button onClick={() => update(increment(1))}>Increment</button>
44
45
  )
45
46
  }
46
47
 
47
- function increment(state: IState): void {
48
- state.count++
48
+ function increment(value: number): (state: Draft<IState>) => void {
49
+ return state => {
50
+ state.count += value
51
+ }
49
52
  }
50
53
  ```
51
54
 
@@ -84,7 +87,7 @@ function createStoreContext<State>(): StoreContext<State>
84
87
  function useSelector<State, Value>(
85
88
  context: StoreContext<State>
86
89
  , selector: (state: State) => Value
87
- , isEqual: (a: Value, b: Value) => boolean = (a, b) => a === b
90
+ , isEqual: (a: Value, b: Value) => boolean = isReferenceEqual
88
91
  ): Value
89
92
  ```
90
93
 
package/lib/use-partial-updater.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { useCallback, useContext } from 'react';
2
2
  import { produce } from 'immer';
3
- import { go, isFunction } from '@blackglory/prelude';
3
+ import { go } from '@blackglory/prelude';
4
+ import { isFunction } from 'extra-utils';
4
5
  export function usePartialUpdater(context, extractPartialState, mergePartialState) {
5
6
  const store = useContext(context);
6
7
  const updater = useCallback(newPartialStateOrFn => {
package/lib/use-partial-updater.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-partial-updater.js","sourceRoot":"","sources":["../src/use-partial-updater.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAS,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGpD,MAAM,UAAU,iBAAiB,CAC/B,OAA4B,EAC5B,mBAAmD,EACnD,iBAAsE;IAEtE,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IAEjC,MAAM,OAAO,GAA0B,WAAW,CAAC,mBAAmB,CAAC,EAAE;QACvE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;QAEjC,MAAM,eAAe,GAAiB,EAAE,CAAC,GAAG,EAAE;YAC5C,IAAI,UAAU,CAAC,mBAAmB,CAAC,EAAE;gBACnC,MAAM,EAAE,GAAG,mBAAmB,CAAA;gBAC9B,MAAM,eAAe,GAAG,OAAO,CAC7B,mBAAmB,CAAC,QAAQ,CAAC,EAE7B,EAAE,CACH,CAAA;gBACD,OAAO,eAAe,CAAA;aACvB;iBAAM;gBACL,MAAM,eAAe,GAAG,mBAAmB,CAAA;gBAC3C,OAAO,eAAe,CAAA;aACvB;QACH,CAAC,CAAC,CAAA;QAEF,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAA;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEnD,OAAO,OAAO,CAAA;AAChB,CAAC"}
1
+ {"version":3,"file":"use-partial-updater.js","sourceRoot":"","sources":["../src/use-partial-updater.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAS,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,MAAM,UAAU,iBAAiB,CAC/B,OAA4B,EAC5B,mBAAmD,EACnD,iBAAsE;IAEtE,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IAEjC,MAAM,OAAO,GAA0B,WAAW,CAAC,mBAAmB,CAAC,EAAE;QACvE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;QAEjC,MAAM,eAAe,GAAiB,EAAE,CAAC,GAAG,EAAE;YAC5C,IAAI,UAAU,CAAC,mBAAmB,CAAC,EAAE,CAAC;gBACpC,MAAM,EAAE,GAAG,mBAAmB,CAAA;gBAC9B,MAAM,eAAe,GAAG,OAAO,CAC7B,mBAAmB,CAAC,QAAQ,CAAC,EAE7B,EAAE,CACH,CAAA;gBACD,OAAO,eAAe,CAAA;YACxB,CAAC;iBAAM,CAAC;gBACN,MAAM,eAAe,GAAG,mBAAmB,CAAA;gBAC3C,OAAO,eAAe,CAAA;YACxB,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAA;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEnD,OAAO,OAAO,CAAA;AAChB,CAAC"}
package/lib/use-selector.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { useState, useContext, useEffect } from 'react';
2
- export function useSelector(context, selector, isEqual = (a, b) => a === b) {
2
+ import { isReferenceEqual } from 'extra-utils';
3
+ export function useSelector(context, selector, isEqual = isReferenceEqual) {
3
4
  const store = useContext(context);
4
5
  const [[value], setBox] = useState(() => [selector(store.getState())]);
5
6
  useEffect(() => {
@@ -9,7 +10,7 @@ export function useSelector(context, selector, isEqual = (a, b) => a === b) {
9
10
  setBox([newValue]);
10
11
  }
11
12
  });
12
- }, [store, selector, value, setBox]);
13
+ }, [store, selector, isEqual, value, setBox]);
13
14
  return value;
14
15
  }
15
16
  //# sourceMappingURL=use-selector.js.map
package/lib/use-selector.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-selector.js","sourceRoot":"","sources":["../src/use-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGvD,MAAM,UAAU,WAAW,CACzB,OAA4B,EAC5B,QAAiC,EACjC,UAA2C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC;IAE5D,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACjC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;YAEhC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE;gBAC7B,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;aACnB;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEpC,OAAO,KAAK,CAAA;AACd,CAAC"}
1
+ {"version":3,"file":"use-selector.js","sourceRoot":"","sources":["../src/use-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAE9C,MAAM,UAAU,WAAW,CACzB,OAA4B,EAC5B,QAAiC,EACjC,UAA2C,gBAAgB;IAE3D,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACjC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;YAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;YAEhC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC;gBAC9B,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;YACpB,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAE7C,OAAO,KAAK,CAAA;AACd,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "extra-react-store",
3
- "version": "0.1.5",
3
+ "version": "0.1.7",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "files": [
@@ -37,8 +37,8 @@
37
37
  "@commitlint/config-conventional": "^17.6.7",
38
38
  "@testing-library/react": "^14.0.0",
39
39
  "@types/react": "^18.2.15",
40
- "@typescript-eslint/eslint-plugin": "^6.1.0",
41
- "@typescript-eslint/parser": "^6.1.0",
40
+ "@typescript-eslint/eslint-plugin": "^6.14.0",
41
+ "@typescript-eslint/parser": "^6.14.0",
42
42
  "@vitejs/plugin-react": "^4.0.3",
43
43
  "eslint": "^8.45.0",
44
44
  "eslint-plugin-react": "^7.33.0",
@@ -52,9 +52,9 @@
52
52
  "react-dom": "^18.2.0",
53
53
  "rimraf": "^5.0.1",
54
54
  "standard-version": "^9.3.2",
55
- "ts-patch": "^3.0.2",
56
- "tslib": "^2.6.0",
57
- "typescript": "5.1.6",
55
+ "ts-patch": "^3.1.1",
56
+ "tslib": "^2.6.2",
57
+ "typescript": "5.3.3",
58
58
  "typescript-transform-paths": "^3.4.6",
59
59
  "vite": "^4.4.5",
60
60
  "vite-tsconfig-paths": "^4.2.0",
@@ -62,7 +62,8 @@
62
62
  },
63
63
  "dependencies": {
64
64
  "@blackglory/prelude": "^0.3.3",
65
- "@blackglory/structures": "^0.13.4"
65
+ "@blackglory/structures": "^0.13.4",
66
+ "extra-utils": "^5.4.0"
66
67
  },
67
68
  "peerDependencies": {
68
69
  "immer": "^10.0.2",
package/src/use-partial-updater.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { useCallback, useContext } from 'react'
2
2
  import { Draft, produce } from 'immer'
3
- import { go, isFunction } from '@blackglory/prelude'
3
+ import { go } from '@blackglory/prelude'
4
+ import { isFunction } from 'extra-utils'
4
5
  import { StoreContext, Updater } from './types.js'
5
6
 
6
7
  export function usePartialUpdater<State, PartialState>(
package/src/use-selector.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import { useState, useContext, useEffect } from 'react'
2
2
  import { StoreContext } from './types.js'
3
+ import { isReferenceEqual } from 'extra-utils'
3
4
 
4
5
  export function useSelector<State, Value>(
5
6
  context: StoreContext<State>
6
7
  , selector: (state: State) => Value
7
- , isEqual: (a: Value, b: Value) => boolean = (a, b) => a === b
8
+ , isEqual: (a: Value, b: Value) => boolean = isReferenceEqual
8
9
  ): Value {
9
10
  const store = useContext(context)
10
11
  const [[value], setBox] = useState(() => [selector(store.getState())])
@@ -17,7 +18,7 @@ export function useSelector<State, Value>(
17
18
  setBox([newValue])
18
19
  }
19
20
  })
20
- }, [store, selector, value, setBox])
21
+ }, [store, selector, isEqual, value, setBox])
21
22
 
22
23
  return value
23
24
  }