omniscient with react-router and immstruct

omni-react.js

/**
 * @jsx React.DOM
 */

window.React   = require('react/addons');
var Immutable  = require('immutable')
var component = require('omniscient')
var immstruct  = require('immstruct')

var Router = require('react-router')
var {Routes, Route, Redirect, NotFoundRoute, DefaultRoute, RouteHandler, Link} = Router

//var Details = require('./Details')
//var List    = require('./List')

var state = immstruct({
  greeting: "Hello World"
})

// ROUTER EXAMPLES
    //<DefaultRoute handler={Home} />
    //<Route name="about" handler={About} />
    //<Route name="users" handler={Users}>
      //<Route name="recent-users" path="recent" handler={RecentUsers} />
      //<Route name="user" path="/user/:userId" handler={User} />
      //<NotFoundRoute handler={UserRouteNotFound}/>
    //</Route>
    //<NotFoundRoute handler={NotFound}/>
    //<Redirect from="company" to="about" />

var App = React.createClass({

  render: function() {
    return <div>
      <header>
        <ul>
          <li><Link to="main">Main</Link></li>
          <li><Link to="woot">woot</Link></li>
          <li><Link to="boot">boot</Link></li>
        </ul>
        Logged in as Jane
      </header>

      <RouteHandler {...this.props}/>
    </div>
  },
})

var Blah = React.createClass({
  render: function() {
    return <div>Main</div>
  }
})

var Woot = component(function({state}) {

  function gogogo() {
    state.set('greeting', 'laksjdflkasjdfklj')
  }

  return <div>
    <p>Woot {state.get('greeting')}</p>
    <p><button onClick={gogogo}>Click Me</button></p>
  </div>
}).jsx

var Boot = component(function({state}) {
  return <div>Boot</div>
}).jsx

var routes = <Route path="/" handler={App}>
  <DefaultRoute name="main" handler={Blah}/>
  <Route name="woot"    handler={Woot}/>
  <Route name="boot"    handler={Boot}/>
</Route>

var Handler;

Router.run(routes, function (h) {
  Handler = h
  render()
});

function render() {
  React.render(
    <Handler state={state.cursor()}/>, 
    document.getElementById('content')
  );
}

state.on('swap', function() {
  render()  
})

//React.render(
  //<CommentBox />,
  //document.getElementById('content')
//);

//React.renderComponent(Hello, document.getElementById("main"));