Querystate w/ history

state.js

import querystate from 'querystate'
import nanobus from 'nanobus'

const state = querystate()
const bus = nanobus()

// emit state on history change
;(function(history){
  var pushState = history.pushState
  var popState = history.popState
  history.pushState = function(s) {
    bus.emit('history', state)
    return pushState.apply(history, arguments)
  }
  window.onpopstate = function (s) {
    const urlParams = new URLSearchParams(window.location.search)
    urlParams.forEach((value, key) => {
      state.queryState[key] = value
    })
    bus.emit('history', state)
  }
})(window.history);

export { state as default, state, bus }