fission/lib/router.js

The Reactjs Toolkit

/*globals document*/

'use strict';

var page = require('page');
var React = require('react');
var clone = require('lodash.clone');
var router = {};

var renderView = function(opt, cb) {
  opt = opt ? clone(opt) : {};

  // opt.view is a function
  if (typeof opt.view === 'function') {
    opt.view = opt.view(opt.args);
    return renderView(opt, cb);
  }

  // opt.view is already a view
  React.renderComponent(opt.view, opt.el);
  cb();
};

router.createRouteHandler = function(opt) {
  // require in a module
  if (typeof opt === 'string') {
    return function(ctx, next) {
      require([opt], function(fn) {
        fn(ctx, next);
      });
    };
  }

  // just use function (middleware)
  else if (typeof opt === 'function') {
    return function (ctx, next){
      opt(ctx, next);
    };
  }

  // use the options
  return router.createRenderHandler(opt);
};

router.createRenderHandler = function(opt) {
  opt = opt ? clone(opt) : {};
  if (opt.continue == null) {
    opt.continue = false;
  }
  // opt is a dom selector
  if (typeof opt.el === 'string') {
    opt.el = document.getElementById(opt.el);
  }

  var handler = function(ctx, next) {
    var nopt = {
      el: opt.el,
      view: opt.view,
      args: ctx
    };
    renderView(nopt, function() {
      if (opt.title != null) {
        document.title = opt.title;
      }
      if (opt.continue) {
        next();
      }
    });
  };
  return handler;
};

router.route = function() {
  var args = Array.prototype.slice.call(arguments);
  var route = args.shift();
  var handlers = args.map(router.createRouteHandler);
  page.apply(null, [route].concat(handlers));
  return router;
};

router.router = page;
router.use = router.route.bind(null, '*');
router.start = page.start;
router.show = page.show;

module.exports = router;