server-express.js

/* eslint-disable no-console, func-names, no-var */
var bodyParser = require('body-parser');
var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var pug = require('pug');
var sleep = require('sleep');
var config = require('./webpack.client.express.config');
var uuid = require('node-uuid');

var comments = [
  { author: 'Pete Hunt', text: 'Hey there!', id: uuid.v4() },
  { author: 'Justin Gordon', text: 'Aloha from @railsonmaui', id: uuid.v4() },
];

var server = new WebpackDevServer(webpack(config), {
  publicPath: config.output.publicPath,
  hot: true,
  historyApiFallback: true,
  stats: {
    colors: true,
    hash: false,
    version: false,
    chunks: false,
    children: false,
  },
});

server.app.use(bodyParser.json(null));
server.app.use(bodyParser.urlencoded({ extended: true }));

server.app.get('/comments.json', (req, res) => {
  sleep.sleep(1);
  res.setHeader('Content-Type', 'application/json');
  res.send(JSON.stringify({ comments }));
});

server.app.post('/comments.json', (req, res) => {
  const comment = req.body.comment;
  comment.id = uuid.v4();

  console.log('Processing comment: %j', comment);
  console.log('(shhhh...napping 1 seconds)');
  sleep.sleep(1);
  console.log('Just got done with nap!');
  comments.push(comment);
  res.setHeader('Content-Type', 'application/json');
  res.send(JSON.stringify(comment));
});

server.app.use('/', (req, res) => {
  var locals = {
    props: JSON.stringify({ comments }),
  };
  var layout = `${process.cwd()}/index.pug`;
  var html = pug.compileFile(layout, { pretty: true })(locals);
  res.send(html);
});

server.listen(4000, 'localhost', (err) => {
  if (err) console.log(err);
  console.log('Listening at localhost:4000...');
});