extra-react-store 0.1.1 → 0.1.3

package/README.md

@@ -51,6 +51,8 @@ function increment(state: IState): void {
 
 ## API
 ```ts
+import { Draft } from 'immer'
+
 type StoreContext<State> = React.Context<IStore<State>>
 
 interface IStore<State> {
@@ -58,6 +60,11 @@ interface IStore<State> {
   setState(newState: State): void
   subscribe(fn: (state: State) => void): () => void
 }
+
+type Updater<State> = (...args:
+| [newState: State]
+| [fn: (draft: Draft<State>) => void]
+) => void
 ```
 
 ### Store
@@ -82,7 +89,14 @@ function useSelector<State, Value>(
 
 ### useUpdater
 ```ts
-import { Updater } from 'use-immer'
-
 function useUpdater<State>(context: StoreContext<State>): Updater<State>
 ```
+
+### usePartialUpdater
+```ts
+function usePartialUpdater<State, PartialState>(
+  context: StoreContext<State>
+, extractPartialState: (state: State) => PartialState
+, mergePartialState: (state: State, partialState: PartialState) => State
+): Updater<PartialState>
+```

package/lib/index.d.ts

@@ -3,3 +3,4 @@ export * from './store.js';
 export * from './create-store-context.js';
 export * from './use-selector.js';
 export * from './use-updater.js';
+export * from './use-partial-updater.js';

package/lib/index.js

@@ -3,4 +3,5 @@ export * from './store.js';
 export * from './create-store-context.js';
 export * from './use-selector.js';
 export * from './use-updater.js';
+export * from './use-partial-updater.js';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA"}

package/lib/types.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+import { Draft } from 'immer';
 export type StoreContext<State> = React.Context<IStore<State>>;
 export interface IStore<State> {
     getState(): State;
     setState(newState: State): void;
     subscribe(fn: (state: State) => void): () => void;
 }
+export type Updater<State> = (...args: [newState: State] | [fn: (draft: Draft<State>) => void]) => void;

package/lib/use-partial-updater.d.ts

@@ -0,0 +1,2 @@
+import { StoreContext, Updater } from './types.js';
+export declare function usePartialUpdater<State, PartialState>(context: StoreContext<State>, extractPartialState: (state: State) => PartialState, mergePartialState: (state: State, partialState: PartialState) => State): Updater<PartialState>;

package/lib/use-partial-updater.js

@@ -0,0 +1,22 @@
+import { useCallback, useContext } from 'react';
+import { produce } from 'immer';
+import { go, isFunction } from '@blackglory/prelude';
+export function usePartialUpdater(context, extractPartialState, mergePartialState) {
+    const store = useContext(context);
+    const updater = useCallback(newStateOrFn => {
+        const oldState = store.getState();
+        const newPartialState = go(() => {
+            if (isFunction(newStateOrFn)) {
+                const fn = newStateOrFn;
+                return produce(extractPartialState(oldState), fn);
+            }
+            else {
+                const newState = newStateOrFn;
+                return newState;
+            }
+        });
+        store.setState(mergePartialState(oldState, newPartialState));
+    }, [store, extractPartialState, mergePartialState]);
+    return updater;
+}
+//# sourceMappingURL=use-partial-updater.js.map

package/lib/use-partial-updater.js.map

@@ -0,0 +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,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,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,YAAY,CAAC,EAAE;QAChE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;QAEjC,MAAM,eAAe,GAAiB,EAAE,CAAC,GAAG,EAAE;YAC5C,IAAI,UAAU,CAAC,YAAY,CAAC,EAAE;gBAC5B,MAAM,EAAE,GAAG,YAAY,CAAA;gBACvB,OAAO,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAA;aAClD;iBAAM;gBACL,MAAM,QAAQ,GAAG,YAAY,CAAA;gBAC7B,OAAO,QAAQ,CAAA;aAChB;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-updater.d.ts

@@ -1,3 +1,2 @@
-import { Updater } from 'use-immer';
-import { StoreContext } from './types.js';
+import { StoreContext, Updater } from './types.js';
 export declare function useUpdater<State>(context: StoreContext<State>): Updater<State>;

package/lib/use-updater.js

@@ -1,22 +1,5 @@
-import { useCallback, useContext } from 'react';
-import { produce } from 'immer';
-import { go, isFunction } from '@blackglory/prelude';
+import { usePartialUpdater } from './use-partial-updater.js';
 export function useUpdater(context) {
-    const store = useContext(context);
-    const updater = useCallback(newStateOrFn => {
-        const state = go(() => {
-            if (isFunction(newStateOrFn)) {
-                const fn = newStateOrFn;
-                const newState = produce(store.getState(), fn);
-                return newState;
-            }
-            else {
-                const newState = newStateOrFn;
-                return newState;
-            }
-        });
-        store.setState(state);
-    }, [store]);
-    return updater;
+    return usePartialUpdater(context, state => state, (_, value) => value);
 }
 //# sourceMappingURL=use-updater.js.map

package/lib/use-updater.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-updater.js","sourceRoot":"","sources":["../src/use-updater.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGpD,MAAM,UAAU,UAAU,CAAQ,OAA4B;IAC5D,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IAEjC,MAAM,OAAO,GAAmB,WAAW,CAAC,YAAY,CAAC,EAAE;QACzD,MAAM,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE;YACpB,IAAI,UAAU,CAAC,YAAY,CAAC,EAAE;gBAC5B,MAAM,EAAE,GAAG,YAAY,CAAA;gBACvB,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;gBAC9C,OAAO,QAAQ,CAAA;aAChB;iBAAM;gBACL,MAAM,QAAQ,GAAG,YAAY,CAAA;gBAC7B,OAAO,QAAQ,CAAA;aAChB;QACH,CAAC,CAAC,CAAA;QACF,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,OAAO,CAAA;AAChB,CAAC"}
+{"version":3,"file":"use-updater.js","sourceRoot":"","sources":["../src/use-updater.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAE5D,MAAM,UAAU,UAAU,CAAQ,OAA4B;IAC5D,OAAO,iBAAiB,CACtB,OAAO,EACP,KAAK,CAAC,EAAE,CAAC,KAAK,EACd,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CACpB,CAAA;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extra-react-store",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "",
   "keywords": [],
   "files": [
@@ -62,8 +62,7 @@
   },
   "dependencies": {
     "@blackglory/prelude": "^0.3.3",
-    "@blackglory/structures": "^0.13.4",
-    "use-immer": "^0.9.0"
+    "@blackglory/structures": "^0.13.4"
   },
   "peerDependencies": {
     "immer": "^10.0.2",

package/src/index.ts

@@ -3,3 +3,4 @@ export * from './store.js'
 export * from './create-store-context.js'
 export * from './use-selector.js'
 export * from './use-updater.js'
+export * from './use-partial-updater.js'

package/src/types.ts

@@ -1,3 +1,5 @@
+import { Draft } from 'immer'
+
 export type StoreContext<State> = React.Context<IStore<State>>
 
 export interface IStore<State> {
@@ -5,3 +7,8 @@ export interface IStore<State> {
   setState(newState: State): void
   subscribe(fn: (state: State) => void): () => void
 }
+
+export type Updater<State> = (...args:
+| [newState: State]
+| [fn: (draft: Draft<State>) => void]
+) => void

package/src/use-partial-updater.ts

@@ -0,0 +1,30 @@
+import { useCallback, useContext } from 'react'
+import { produce } from 'immer'
+import { go, isFunction } from '@blackglory/prelude'
+import { StoreContext, Updater } from './types.js'
+
+export function usePartialUpdater<State, PartialState>(
+  context: StoreContext<State>
+, extractPartialState: (state: State) => PartialState
+, mergePartialState: (state: State, partialState: PartialState) => State
+): Updater<PartialState> {
+  const store = useContext(context)
+
+  const updater: Updater<PartialState> = useCallback(newStateOrFn => {
+    const oldState = store.getState()
+
+    const newPartialState: PartialState = go(() => {
+      if (isFunction(newStateOrFn)) {
+        const fn = newStateOrFn
+        return produce(extractPartialState(oldState), fn)
+      } else {
+        const newState = newStateOrFn
+        return newState
+      }
+    })
+
+    store.setState(mergePartialState(oldState, newPartialState))
+  }, [store, extractPartialState, mergePartialState])
+
+  return updater
+}

package/src/use-updater.ts

@@ -1,25 +1,10 @@
-import { useCallback, useContext } from 'react'
-import { Updater } from 'use-immer'
-import { produce } from 'immer'
-import { go, isFunction } from '@blackglory/prelude'
-import { StoreContext } from './types.js'
+import { StoreContext, Updater } from './types.js'
+import { usePartialUpdater } from './use-partial-updater.js'
 
 export function useUpdater<State>(context: StoreContext<State>): Updater<State> {
-  const store = useContext(context)
-
-  const updater: Updater<State> = useCallback(newStateOrFn => {
-    const state = go(() => {
-      if (isFunction(newStateOrFn)) {
-        const fn = newStateOrFn
-        const newState = produce(store.getState(), fn)
-        return newState
-      } else {
-        const newState = newStateOrFn
-        return newState
-      }
-    })
-    store.setState(state)
-  }, [store])
-
-  return updater
+  return usePartialUpdater(
+    context
+  , state => state
+  , (_, value) => value
+  )
 }