Routing with Mithril and Redux

gistfile1.txt

var store = redux.createStore(function(state, action) {
    var defaultState = {
        view: LOGIN,
        subview: '',
    }
    if (!state) {
      return defaultState;
    }

    switch(action.type) {
      // ...
    }
})


store.subscribe(function () {
    m.redraw();

    var state = store.getState();

    var viewState = {};
    viewState.view = state.view;
    viewState.subview = state.subview;

    window.location.hash = JSON.stringify(viewState);

});

var lastLocation = {};
function handleNewHash() {
    var location
    try {
        if (window.location.hash) {
            var hash = window.location.hash.replace(/^#\/?|\/$/g, '');
    	    location = JSON.parse(hash);
        }
    } catch (e) {
        console.error(e);
    }

    if (location) {

        if (!_.isEqual(lastLocation, location)) {
            store.dispatch({
                type: VIEW,
                view: location.view,
                subview: location.subview,
            })
        }

        lastLocation = location;
    }
}

// Handle the initial route and browser navigation events
handleNewHash()
window.addEventListener('hashchange', handleNewHash, false);