Hyperapp#2 dispatch logger

example.js

import { h, app } from 'hyperapp'
import { logger } from 'helpers/logger'

const init = () => ({ initalized: true })
app({ init }, logger(process.env.NODE_ENV==='development'))

logger.js

const isArray = Array.isArray
const isFunction = param => typeof param === 'function'

export const logger = (env, output = console.debug) =>
  env && (dispatch => (action, props, obj) => {
    if(isFunction(action))
      output('Action', action.name, props, obj)
    else if(isArray(action)){
      // 'tuple action' logged with next dispatch iteration
      if(isArray(action[1]))
        output('Effect', action[1][0].name, action[1][1])
    } else output('State', action)
    return dispatch(action, props, obj)
  })
export default logger