Routing triggers action

index.jsx

var React = require('react');
var Router = require('./router');
var NavigationActionCreators = require('./navigation/navigationActionCreators');

Router.run(function(Handler, state) {
    NavigationActionCreators.routerNavigate(Handler, state);
    React.render(<Handler />, document.body);
});

navigationActionCreators.jsx

/*jshint globalstrict:true, devel:true, newcap:false */
/*global require, module, exports, document, window */
"use strict";

var Marty = require('marty');
var NavigationConstants = require('./navigationConstants');

function navigateTo(route, params) {
    // avoid cyclical import
    var Router = require('../router');
    Router.transitionTo(route, params || {});
}

var NavigationActionCreators = Marty.createActionCreators({

    // These trigger Router actions, which in turn trigger the NAVIGATE action.
    navigateHome: function() {
        navigateTo('home');
    },

    navigateToInstance: function(id) {
        navigateTo('instance', {instanceId: id});
    },

    navigateToAnalysis: function(instanceId, id) {
        navigateTo('analysis', {instanceId: instanceId, analysisId: id});
    },

    routerNavigate: NavigationConstants.NAVIGATE(function(handler, state) {
        this.dispatch({
            path: state.path,
            pathName: state.pathname,
            queryString: state.query,
            params: state.params,
            routes: state.routes.map(r => r.name)
        });
    }),

});

module.exports = NavigationActionCreators;