Router.js

"use strict";

var React                   = require('react');
var Preloaded               = require('react-async/lib/Preloaded');
var RoutingEnvironmentMixin = require('./RoutingEnvironmentMixin');
var matchRoutes             = require('./matchRoutes');

/**
 * A router has two responsibilities:
 *
 * 1. to determine whether it has a match for a particular path
 * 2. to render contents for the current path
 */
var RouterMixin = {

    mixins: [RoutingEnvironmentMixin],

    match: function(path) {
      path = path || this.getPath();
      return matchRoutes(this.props.children, path);
    },

    getRendered: function() {
      if (this.refs.rendered) {
        return this.refs.rendered.getRendered();
      }
    },

    hasPendingUpdate: function() {
      return this.refs.rendered && this.refs.rendered.hasPendingUpdate();
    },

    render: function() {
      var handler = this.match(this.getPath()).createHandler();

      if (handler) {
        handler = Preloaded({ref: 'rendered'}, handler);
      }

      return this.transferPropsTo(this.props.component(null, handler));
    }
};

var Locations = React.createClass({

  mixins: [RouterMixin],

  displayName: 'Locations',

  getDefaultProps: function() {
    return {component: React.DOM.div};
  }
});

var Pages = React.createClass({

  mixins: [RouterMixin],

  displayName: 'Pages',

  getDefaultProps: function() {
    return {component: React.DOM.body};
  }
});

module.exports = {
  Locations: Locations,
  Pages: Pages
}