index.js

var express = require('express');
var app = express();
var logger = require('morgan');
var stylus = require('stylus');
var autoprefixer  = require('autoprefixer-stylus');
var React = require('react');
var moment = require('moment-timezone');
var fs = require('fs');

var people = require('./people.json');

// Allow direct requiring of .jsx files
require('node-jsx').install({extension: '.jsx'});

// Should switch this out for proper Handlebars usage
function template (body, done) {
  fs.readFile('./app/views/layout.hbs', 'utf8', function (err, layout) {
    if (err) done(err);
    done(null, layout
                .replace('{{{body}}}', body)
                .replace('{{{people}}}', JSON.stringify(people)));
  });
}

app.use(logger('common'));

// Stylus
app.use(
  stylus.middleware({
    src:     __dirname + '/assets',
    dest:    __dirname + '/public',
    compile: function (str, path, fn) {
      return stylus(str)
        .use(autoprefixer())
        .set('filename', path);
        // .set('compress', true);
    }
  })
);

app.get('/', function(err, res){

  var App = require('./app/views/app.jsx');

  // The global time:
  var time = moment();

  function appendTime(person) {
    person.time = moment( time ).tz( person.tz );
  }

  function sortByTimezone(a, b){
    return a.time.zone() - b.time.zone();
  }

  // Append a moment date to each person
  people.forEach(appendTime);
  people.sort(sortByTimezone);

  // Organize into timezones
  var timezones = {};

  people.forEach(function(person){
    var offset = person.time.zone();
    if ( !timezones[ offset ] ) timezones[ offset ] = [];
    timezones[ offset ].push( person );
  });

  var body = React.renderComponentToString(
    App({
      time: time,
      timezones: timezones
    })
  );

  template(body, function(err, html){
    if (err) throw err;
    res.send(html);
  });

});

// Static files
app.use(express.static(__dirname + '/public'));

app.listen(process.env.PORT || 3000);