server.js

var express = require('express')
var path = require('path')
var app = express()

require('jsx-hook')()
var routes = require('./routes/index')
var bodyParser = require('body-parser')
var passport = require('passport')
var LocalStrategy = require('passport-local').Strategy
var session = require('express-session')

var React = require('react')
var Router = require('react-router')
var match = Router.match
var RouterContext = Router.RouterContext
var ReactDOMServer = require('react-dom/server')
var clientRoutes = require('./app/routes.jsx')

var Root = require('baobab-react/wrappers').Root
var Tree = require('./app/tree')

var PRODUCTION = 'production' === process.env.NODE_ENV

var user = {
  id: 1,
  username: 'hunter33',
  password: 'password1'
}



app.use(express.static(PRODUCTION ? 'public' : 'app'))
app.set('views', path.join(__dirname, 'views'))
app.set('view engine', 'jade')

app.use(bodyParser.json())
app.use(bodyParser.urlencoded({
  extended: false
}))
app.use(session({
  secret: 'secret',
  resave: false,
  saveUnitialized: false
}))

app.use(passport.initialize())
app.use(passport.session())

passport.use(new LocalStrategy({
  usernameField: 'username',
  passwordField: 'password'
}, function(username, password, done) {
  if (username === user.username && password === user.password) {
    return done(null, user)
  } else {
    return done(null, false, {
      message: 'Username and password do not match'
    })
  }
}))

passport.serializeUser(function(user, done) {
  done(null, user.id)
})

passport.deserializeUser(function(id, done) {
  if (user.id === id) {
    done(null, user)
  } else {
    done('Wrong id')
  }
})

app.get('/getData', function(req, res) {
  var fakeData = 'Hello From servet to client'
  res.json({
    data: fakeData
  })
})

app.use('/', routes)



function safeStringify(object) {
  // there are tricky rules about safely embedding JSON within HTML
  return JSON.stringify(object)
    .replace(/</g, '\\u003c')
    .replace(/-->/g, '--\\>')
    .replace(/\u2028/g, '\\u2028')
    .replace(/\u2029/g, '\\u2029')
}

app.get('*', function(req, res) {

  match({
    routes: clientRoutes,
    location: req.url
  }, function(error, redirectLocation, renderProps) {
    if (error) {
      res.status(500).send(error.message)
    } else if (redirectLocation) {
      res.redirect(302, redirectLocation.pathname + redirectLocation.search)
    } else if (renderProps) {

      var tree = Tree(res.locals.tree)

      var props = {
        tree: tree
      }

      var page = ReactDOMServer.renderToString(React.createElement(Root, props, React.createElement(RouterContext, renderProps)))
      res.render('layout', {
        page: page,
        appTree: 'window._BAOBAB_TREE_=' + safeStringify(props),
        isProduction: PRODUCTION
      })

    } else {
      res.status(404).send('Not Found')
    }
  })
})


var port = process.env.PORT || '3000'

app.listen(port, function() {
  console.log('Server listen at *:' + port)
})