logging hooks for actions and state

In development I want to hook into choo to log all actions as they happen, and having access to state so I can bind it to window.state - it would make debugging a lot better

[timwis]

Forgot to say thanks for the background!

[yoshuawuyts]

Think all that’s needed is a * operator in effects. E.g.

const app = choo()
app.model({
  effects: {
    '*': function (state, action) {
      window.state = state
      console.log(action.type, action)
    }
  }
})

For toggling can wrap in an if (window.debug) inside the effect