pass mutations in constructor as a map

Changes

@@ -1,5 +1,8 @@
 # Revision history for Updux
 
+NEXT
+    - Mutations passed to the constructor can be arrays of arrays.
+
 1.2.0 2019-11-06
     - The middleware's 'getState' returns the local state of its updux,
         instead of the root state. Plus we add `getRootState` to get

src/addMutations.test.ts

@@ -1,21 +1,18 @@
-import Updux, { actionCreator } from './updux';
+import Updux, { actionCreator } from "./updux";
 
 type MyState = {
-    sum: number
+  sum: number;
-}
+};
 
-test( 'added mutation is present', () => {
+test("added mutation is present", () => {
   const updux = new Updux<MyState>({
-        initial: { sum: 0 },
+    initial: { sum: 0 }
   });
 
-    const add = actionCreator('add', (n : number) => ({n}) )
+  const add = actionCreator("add", (n: number) => ({ n }));
+
+  updux.addMutation(add, ({ n }, action) => ({ sum }) => ({ sum: sum + n }));
 
-    // must add 'add' in the actions 9.9
-    updux.addMutation(
-        add, ({n},action) => ({sum}) => ({sum: sum + n})
-    );
-    updux.mutations;
   const store = updux.createStore();
   store.dispatch.add(3);
 

src/buildActions/index.ts

@@ -1,28 +1,40 @@
-import fp from 'lodash/fp';
+import fp from "lodash/fp";
-import { Action, ActionCreator, ActionPayloadGenerator, Dictionary } from '../types';
+import {
-
+  Action,
-export function actionCreator<T extends string,P extends any>( type: T, transform: (...args: any[]) => P ): ActionCreator<T,P>
+  ActionCreator,
-export function actionCreator<T extends string>( type: T, transform: never ): ActionCreator<T,undefined>
+  ActionPayloadGenerator,
-export function actionCreator<T extends string>( type: T, transform: null ): ActionCreator<T,null>
+  Dictionary
-export function actionCreator(type:any, transform:any ) {
+} from "../types";
 
+export function actionCreator<T extends string, P extends any>(
+  type: T,
+  transform: (...args: any[]) => P
+): ActionCreator<T, P>;
+export function actionCreator<T extends string>(
+  type: T,
+  transform: null
+): ActionCreator<T, null>;
+export function actionCreator<T extends string>(
+  type: T
+): ActionCreator<T, undefined>;
+export function actionCreator(type: any, transform?: any) {
   if (transform) {
     return Object.assign(
       (...args: any[]) => ({ type, payload: transform(...args) }),
-                { type } )
+      { type }
+    );
   }
 
   if (transform === null) {
-        return Object.assign( () => ({ type }), { type } )
+    return Object.assign(() => ({ type }), { type });
   }
 
-    return Object.assign( (payload: unknown) => ({type, payload}) );
+  return Object.assign((payload: unknown) => ({ type, payload }), { type });
 }
 
-function actionFor(type:string): ActionCreator {
+export function actionFor(type: string): ActionCreator {
-  const f = ( (payload = undefined, meta = undefined) =>
+  const f = (payload = undefined, meta = undefined) =>
-    fp.pickBy(v => v !== undefined)({type, payload, meta}) as Action
+    fp.pickBy(v => v !== undefined)({ type, payload, meta }) as Action;
-  );
 
   return Object.assign(f, {
     _genericAction: true,
@@ -35,22 +47,26 @@ type ActionPair = [ string, ActionCreator ];
 function buildActions(
   generators: Dictionary<ActionPayloadGenerator> = {},
   actionNames: string[] = [],
-  subActions : ActionPair[] = [],
+  subActions: ActionPair[] = []
 ): Dictionary<ActionCreator> {
-
   // priority => generics => generic subs => craft subs => creators
 
-  const [ crafted, generic ] = fp.partition(
+  const [crafted, generic] = fp.partition(([type, f]) => !f._genericAction)(
-      ([type,f]) => !f._genericAction
+    subActions
-  )( subActions );
+  );
 
   const actions: any = [
-        ...(actionNames.map( type => [ type, actionFor(type) ] )),
+    ...actionNames.map(type => [type, actionFor(type)]),
     ...generic,
     ...crafted,
-        ...Object.entries(generators).map(
+    ...Object.entries(
-            ([type, payload]: [ string, Function ]): any => [type, (payload as any).type ? payload : (...args: any) => ({ type, payload: payload(...args) })]
+      generators
-        ),
+    ).map(([type, payload]: [string, Function]): any => [
+      type,
+      (payload as any).type
+        ? payload
+        : (...args: any) => ({ type, payload: payload(...args) })
+    ])
   ];
 
   return fp.fromPairs(actions);

src/buildMutations/index.ts

@@ -1,18 +1,18 @@
-import fp from 'lodash/fp';
+import fp from "lodash/fp";
-import u from 'updeep';
+import u from "updeep";
-import {Mutation, Action, Dictionary} from '../types';
+import { Mutation, Action, Dictionary, MutationEntry } from "../types";
 
 const composeMutations = (mutations: Mutation[]) =>
   mutations.reduce((m1, m2) => (payload: any = null, action: Action) => state =>
-    m2(payload, action)(m1(payload, action)(state)),
+    m2(payload, action)(m1(payload, action)(state))
   );
 
 type SubMutations = {
-    [ slice: string ]: Dictionary<Mutation>
+  [slice: string]: Dictionary<Mutation>;
-}
+};
 
 function buildMutations(
-    mutations :Dictionary<Mutation|([Mutation,boolean|undefined])> = {},
+  mutations: Dictionary<Mutation | [Mutation, boolean | undefined]> = {},
   subduxes = {}
 ) {
   // we have to differentiate the subduxes with '*' than those
@@ -21,23 +21,23 @@ function buildMutations(
   const actions = fp.uniq(
     Object.keys(mutations).concat(
       ...Object.values(subduxes).map(({ mutations = {} }: any) =>
-        Object.keys(mutations),
+        Object.keys(mutations)
-      ),
+      )
-    ),
+    )
   );
 
   let mergedMutations: Dictionary<Mutation[]> = {};
 
   let [globby, nonGlobby] = fp.partition(
-    ([_, {mutations = {}}]:any) => mutations['*'],
+    ([_, { mutations = {} }]: any) => mutations["*"],
-    Object.entries(subduxes),
+    Object.entries(subduxes)
   );
 
   globby = fp.flow([
     fp.fromPairs,
     fp.mapValues(({ reducer }) => (_: any, action: Action) => (state: any) =>
-      reducer(state, action),
+      reducer(state, action)
-    ),
+    )
   ])(globby);
 
   const globbyMutation = (payload: any, action: Action) =>
@@ -51,7 +51,7 @@ function buildMutations(
     Object.entries(mutations).forEach(([type, mutation]) => {
       const localized = (payload = null, action: Action) => {
         return u.updateIn(slice)((mutation as Mutation)(payload, action));
-      }
+      };
 
       mergedMutations[type].push(localized);
     });
@@ -60,13 +60,9 @@ function buildMutations(
   Object.entries(mutations).forEach(([type, mutation]) => {
     if (Array.isArray(mutation)) {
       if (mutation[1]) {
-            mergedMutations[type] = [
+        mergedMutations[type] = [mutation[0]];
-                mutation[0]
+      } else mergedMutations[type].push(mutation[0]);
-            ]
+    } else mergedMutations[type].push(mutation);
-        }
-        else mergedMutations[type].push( mutation[0] );
-    }
-    else mergedMutations[type].push(mutation);
   });
 
   return fp.mapValues(composeMutations)(mergedMutations);

src/index.ts

@@ -1,8 +1,8 @@
-import Updux from './updux';
+import Updux from "./updux";
 
-export { default as Updux } from './updux';
+export { default as Updux } from "./updux";
-export {
+export { UpduxConfig } from "./types";
-    UpduxConfig
+
-} from './types';
+export { actionCreator } from "./buildActions";
 
 export default Updux;

src/mutations.test.ts

@@ -0,0 +1,25 @@
+import Updux, { actionCreator } from "./updux";
+
+describe("as array of arrays", () => {
+  const doIt = actionCreator("doIt");
+
+  const updux = new Updux({
+    initial: "",
+    mutations: [
+      [doIt, () => () => "bingo"],
+      ["thisToo", () => () => "straight type"]
+    ]
+  });
+
+  const store = updux.createStore();
+
+  test("doIt", () => {
+    store.dispatch.doIt();
+    expect(store.getState()).toEqual("bingo");
+  });
+
+  test("straight type", () => {
+    store.dispatch.thisToo();
+    expect(store.getState()).toEqual("straight type");
+  });
+});

src/types.ts

@@ -1,4 +1,4 @@
-import {Dispatch, Middleware} from 'redux';
+import { Dispatch, Middleware } from "redux";
 
 type MaybePayload<P> = P extends object | string | boolean | number
   ? {
@@ -13,12 +13,18 @@ export type Action<T extends string = string, P = any> = {
 export type Dictionary<T> = { [key: string]: T };
 
 export type Mutation<S = any, A extends Action = Action> = (
-  payload: A['payload'],
+  payload: A["payload"],
-  action: A,
+  action: A
 ) => (state: S) => S;
 
 export type ActionPayloadGenerator = (...args: any[]) => any;
 
+export type MutationEntry = [
+  ActionCreator | string,
+  Mutation<any, Action<string, any>>,
+  boolean?
+];
+
 export type ActionCreator<T extends string = string, P = any> = {
   type: T;
   _genericAction?: boolean;
@@ -26,7 +32,6 @@ export type ActionCreator<T extends string = string, P = any> = {
 
 export type UpduxDispatch = Dispatch & Dictionary<Function>;
 
-
 /**
  * Configuration object given to Updux's constructor.
  * @typeparam S Type of the Updux's state. Defaults to `any`.
@@ -155,7 +160,7 @@ export type UpduxConfig<S=any> = {
    *     }
    * });
    */
-  mutations?: any;
+  mutations?: { [actionType: string]: Mutation<S> } | MutationEntry[];
 
   groomMutations?: (m: Mutation<S>) => Mutation<S>;
 
@@ -184,10 +189,10 @@ export type UpduxConfig<S=any> = {
 export type Upreducer<S = any> = (action: Action) => (state: S) => S;
 
 export interface UpduxMiddlewareAPI<S> {
-    dispatch: UpduxDispatch,
+  dispatch: UpduxDispatch;
-    getState(): any,
+  getState(): any;
-    getRootState(): S
+  getRootState(): S;
-
 }
-export type UpduxMiddleware<S=any> = (api: UpduxMiddlewareAPI<S> ) => ( next: UpduxDispatch ) => ( action: Action ) => any;
+export type UpduxMiddleware<S = any> = (
-
+  api: UpduxMiddlewareAPI<S>
+) => (next: UpduxDispatch) => (action: Action) => any;

src/updux.ts

@@ -1,14 +1,14 @@
-import fp from 'lodash/fp';
+import fp from "lodash/fp";
-import u from 'updeep';
+import u from "updeep";
-import {observable, computed, toJS} from 'mobx';
+import { observable, computed, toJS } from "mobx";
 
-import buildActions from './buildActions';
+import buildActions, { actionFor } from "./buildActions";
-import buildInitial from './buildInitial';
+import buildInitial from "./buildInitial";
-import buildMutations from './buildMutations';
+import buildMutations from "./buildMutations";
 
-import buildCreateStore from './buildCreateStore';
+import buildCreateStore from "./buildCreateStore";
-import buildMiddleware from './buildMiddleware';
+import buildMiddleware from "./buildMiddleware";
-import buildUpreducer from './buildUpreducer';
+import buildUpreducer from "./buildUpreducer";
 import {
   UpduxConfig,
   Dictionary,
@@ -17,11 +17,12 @@ import {
   Mutation,
   Upreducer,
   UpduxDispatch,
-  UpduxMiddleware
+  UpduxMiddleware,
-} from './types';
+  MutationEntry
+} from "./types";
 
-import {Middleware, Store} from 'redux';
+import { Middleware, Store } from "redux";
-export {actionCreator} from './buildActions';
+export { actionCreator } from "./buildActions";
 
 type StoreWithDispatchActions<
   S = any,
@@ -32,14 +33,14 @@ type StoreWithDispatchActions<
 
 export type Dux<S> = Pick<
   Updux<S>,
-  | 'subduxes'
+  | "subduxes"
-  | 'actions'
+  | "actions"
-  | 'initial'
+  | "initial"
-  | 'mutations'
+  | "mutations"
-  | 'reducer'
+  | "reducer"
-  | 'middleware'
+  | "middleware"
-  | 'createStore'
+  | "createStore"
-  | 'upreducer'
+  | "upreducer"
 >;
 
 /**
@@ -98,35 +99,36 @@ export class Updux<S = any> {
    */
   groomMutations: (mutation: Mutation<S>) => Mutation<S>;
 
-  @observable private localEffects: Dictionary<
+  @observable private localEffects: Dictionary<UpduxMiddleware<S>>;
-    UpduxMiddleware<S>
-  >;
 
   @observable private localActions: Dictionary<ActionCreator>;
 
   @observable private localMutations: Dictionary<
     Mutation<S> | [Mutation<S>, boolean | undefined]
-  >;
+  > = {};
 
   constructor(config: UpduxConfig = {}) {
     this.groomMutations = config.groomMutations || ((x: Mutation<S>) => x);
 
     this.subduxes = fp.mapValues((value: UpduxConfig | Updux) =>
-      fp.isPlainObject(value) ? new Updux(value) : value,
+      fp.isPlainObject(value) ? new Updux(value) : value
-    )(fp.getOr({}, 'subduxes', config)) as Dictionary<Updux>;
+    )(fp.getOr({}, "subduxes", config)) as Dictionary<Updux>;
 
-    this.localActions = fp.getOr({}, 'actions', config);
+    this.localActions = fp.getOr({}, "actions", config);
 
-    this.localEffects = fp.getOr({}, 'effects', config);
+    this.localEffects = fp.getOr({}, "effects", config);
 
     this.initial = buildInitial<any>(
       config.initial,
-      fp.mapValues(({initial}) => initial)(this.subduxes),
+      fp.mapValues(({ initial }) => initial)(this.subduxes)
     );
 
-    this.localMutations = fp.mapValues((m: Mutation<S>) =>
+    let mutations = fp.getOr([], "mutations", config);
-      this.groomMutations(m),
+    if (!Array.isArray(mutations)) {
-    )(fp.getOr({}, 'mutations', config));
+      mutations = fp.toPairs(mutations);
+    }
+
+    mutations.forEach(args => (this.addMutation as any)(...args));
   }
 
   /**
@@ -138,11 +140,7 @@ export class Updux<S = any> {
    * alongside `getState` to get the root state.
    */
   @computed get middleware(): UpduxMiddleware<S> {
-    return buildMiddleware(
+    return buildMiddleware(this.localEffects, this.actions, this.subduxes);
-      this.localEffects,
-      this.actions,
-      this.subduxes,
-    );
   }
 
   /**
@@ -165,9 +163,9 @@ export class Updux<S = any> {
       [...Object.keys(this.localMutations), ...Object.keys(this.localEffects)],
       fp.flatten(
         Object.values(this.subduxes).map(({ actions }: Updux) =>
-          Object.entries(actions),
+          Object.entries(actions)
-        ),
+        )
-      ),
+      )
     );
   }
 
@@ -245,7 +243,7 @@ export class Updux<S = any> {
       this.reducer,
       this.initial,
       this.middleware as Middleware,
-      this.actions,
+      this.actions
     ) as () => StoreWithDispatchActions<S, typeof actions>;
   }
 
@@ -264,7 +262,7 @@ export class Updux<S = any> {
       actions: this.actions,
       reducer: this.reducer,
       mutations: this.mutations,
-      initial: this.initial,
+      initial: this.initial
     };
   }
 
@@ -283,12 +281,15 @@ export class Updux<S = any> {
   addMutation<A extends ActionCreator>(
     creator: A,
     mutation: Mutation<S, A extends (...args: any[]) => infer R ? R : never>,
-    isSink?: boolean,
+    isSink?: boolean
   ) {
-    this.localActions[creator.type] = creator;
+    let c = fp.isFunction(creator) ? creator : actionFor(creator);
-    this.localMutations[creator.type] = [
+
+    this.localActions[c.type] = c;
+
+    this.localMutations[c.type] = [
       this.groomMutations(mutation as any) as Mutation<S>,
-      isSink,
+      isSink
     ];
   }
 }