use-typed-reducer 3.1.1 → 3.2.0

package/dist/index.d.ts

@@ -9,13 +9,20 @@ declare type ActionPropState<S, P> = (...args: any) => Promise<(state: S, props:
 declare type ActionPropsState<A, S, P> = {
     [K in keyof A]: ActionPropState<S, P>;
 };
-declare type DispatchProps<ST extends object, P, Reducers extends ActionPropsState<Reducers, ST, P>> = {
+declare type DispatchProps<ST extends {}, P, Reducers extends ActionPropsState<Reducers, ST, P>> = {
     [K in keyof Reducers]: (...args: any[]) => Promise<(state: ST, props: P) => ST> | ((state: ST, props: P) => ST);
 };
-declare type DefaultReducer<S extends object> = (state: S) => S;
-declare type WithProps<S extends object, P> = (state: S, props: P) => S;
-export declare type Reducer<S extends object, A extends (...args: any) => DefaultReducer<S>> = (...params: Parameters<A>) => DefaultReducer<S>;
-export declare type ReducerWithProps<S extends object, P extends object, A extends (...args: any) => WithProps<S, P>> = (...params: Parameters<A>) => WithProps<S, P>;
-export declare const useTypedReducer: <State extends object, Reducers extends Dispatch<State, Reducers>>(initialState: State, reducers: Reducers) => [state: State, dispatch: Reducers];
-export declare const useReducerWithProps: <State extends object, Props extends object, Reducers extends DispatchProps<State, Props, Reducers>>(initialState: State, props: Props, reducers: Reducers) => [state: State, dispatch: Reducers];
+declare type DefaultReducer<S extends {}> = (state: S) => S;
+declare type WithProps<S extends {}, P> = (state: S, props: P) => S;
+export declare type Reducer<S extends {}, A extends (...args: any) => DefaultReducer<S>> = (...params: Parameters<A>) => DefaultReducer<S>;
+export declare type ReducerWithProps<S extends {}, P extends {}, A extends (...args: any) => WithProps<S, P>> = (...params: Parameters<A>) => WithProps<S, P>;
+export declare const useTypedReducer: <State extends {}, Reducers extends Dispatch<State, Reducers>>(initialState: State, reducers: Reducers) => [state: State, dispatch: Reducers];
+export declare const useReducerWithProps: <State extends {}, Props extends {}, Reducers extends DispatchProps<State, Props, Reducers>>(initialState: State, props: Props, reducers: Reducers) => [state: State, dispatch: Reducers];
+declare type FnMap<State> = {
+    [k: string]: (...args: any[]) => Partial<State> | Promise<Partial<State>>;
+};
+declare type MappedReducers<State extends {}, Fns extends FnMap<State>> = {
+    [F in keyof Fns]: (...args: Parameters<Fns[F]>) => State | Promise<State>;
+};
+export declare const useReducer: <State extends {}, Reducers extends (getState: () => State, getProps: () => Props) => MappedReducers<State, FnMap<State>>, Props extends {}>(initialState: State, reducer: Reducers, props?: Props | undefined) => [state: State, dispatchers: MappedReducers<State, ReturnType<Reducers>>];
 export default useTypedReducer;

package/dist/index.es.js

@@ -147,7 +147,43 @@ var useReducerWithProps = function (initialState, props, reducers) {
         }, reducers);
     }, [reducers]);
     return [state, dispatches];
+};
+var useMutable = function (state) {
+    var mutable = useRef(state !== null && state !== void 0 ? state : {});
+    useEffect(function () { return void (mutable.current = state); }, [state]);
+    return mutable;
+};
+var useReducer = function (initialState, reducer, props) {
+    var _a = __read(useState(function () { return initialState; }), 2), state = _a[0], setState = _a[1];
+    var mutableState = useMutable(state);
+    var mutableProps = useMutable(props !== null && props !== void 0 ? props : {});
+    var dispatchers = useMemo(function () {
+        var reducers = reducer(function () { return mutableState.current; }, function () { var _a; return (_a = mutableProps.current) !== null && _a !== void 0 ? _a : {}; });
+        return entries(reducers).reduce(function (acc, _a) {
+            var _b;
+            var _c = __read(_a, 2), name = _c[0], dispatch = _c[1];
+            return (__assign(__assign({}, acc), (_b = {}, _b[name] = function () {
+                var params = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    params[_i] = arguments[_i];
+                }
+                return __awaiter(void 0, void 0, void 0, function () {
+                    var newState;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, dispatch.apply(void 0, __spread(params))];
+                            case 1:
+                                newState = _a.sent();
+                                setState(function (previousState) { return (__assign(__assign({}, previousState), newState)); });
+                                return [2 /*return*/];
+                        }
+                    });
+                });
+            }, _b)));
+        }, reducers);
+    }, []);
+    return [state, dispatchers];
 };
 
 export default useTypedReducer;
-export { useReducerWithProps, useTypedReducer };
+export { useReducer, useReducerWithProps, useTypedReducer };

package/dist/index.js

@@ -151,8 +151,45 @@ var useReducerWithProps = function (initialState, props, reducers) {
         }, reducers);
     }, [reducers]);
     return [state, dispatches];
+};
+var useMutable = function (state) {
+    var mutable = react.useRef(state !== null && state !== void 0 ? state : {});
+    react.useEffect(function () { return void (mutable.current = state); }, [state]);
+    return mutable;
+};
+var useReducer = function (initialState, reducer, props) {
+    var _a = __read(react.useState(function () { return initialState; }), 2), state = _a[0], setState = _a[1];
+    var mutableState = useMutable(state);
+    var mutableProps = useMutable(props !== null && props !== void 0 ? props : {});
+    var dispatchers = react.useMemo(function () {
+        var reducers = reducer(function () { return mutableState.current; }, function () { var _a; return (_a = mutableProps.current) !== null && _a !== void 0 ? _a : {}; });
+        return entries(reducers).reduce(function (acc, _a) {
+            var _b;
+            var _c = __read(_a, 2), name = _c[0], dispatch = _c[1];
+            return (__assign(__assign({}, acc), (_b = {}, _b[name] = function () {
+                var params = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    params[_i] = arguments[_i];
+                }
+                return __awaiter(void 0, void 0, void 0, function () {
+                    var newState;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, dispatch.apply(void 0, __spread(params))];
+                            case 1:
+                                newState = _a.sent();
+                                setState(function (previousState) { return (__assign(__assign({}, previousState), newState)); });
+                                return [2 /*return*/];
+                        }
+                    });
+                });
+            }, _b)));
+        }, reducers);
+    }, []);
+    return [state, dispatchers];
 };
 
 exports.default = useTypedReducer;
+exports.useReducer = useReducer;
 exports.useReducerWithProps = useReducerWithProps;
 exports.useTypedReducer = useTypedReducer;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "use-typed-reducer",
-    "version": "3.1.1",
+    "version": "3.2.0",
     "description": "use-reducer React hook alternative",
     "author": "g4rcez",
     "license": "MIT",
@@ -17,8 +17,7 @@
     },
     "scripts": {
         "build": "rollup -c",
-        "start": "rollup -c -w",
-        "prepare": "yarn run build"
+        "start": "rollup -c -w"
     },
     "peerDependencies": {
         "react": ">= 16.8.3"
@@ -32,6 +31,7 @@
         "babel-core": "6.26.3",
         "babel-runtime": "6.26.0",
         "cross-env": "7.0.0",
+        "prettier": "2.8.7",
         "react-scripts-ts": "3.1.0",
         "rollup": "2.26.11",
         "rollup-plugin-alias": "2.2.0",