// This file is used by the webpack HMR dev server to load your component without using Rails
// It should simply match routes to basic HTML or jade files that render your component
/* eslint-disable no-console, func-names, no-var */
var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var jade = require('jade');
var config = require('./webpack.client.hot.config');

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,
  },
});

// The following code is commented out because the HelloWorld example
// does not use any asynchronous functionality. It is meant to serve
// as an example of how one might implement an API in express for their
// webpack dev server
// Note, it would be necessary to run `npm i --save body-parser sleep` for
// the following to work:
// var bodyParser = require('body-parser');
// var sleep = require('sleep');
// See tutorial for example of using AJAX:
// https://github.com/shakacode/react-webpack-rails-tutorial

// server.app.use(bodyParser.json(null));
// server.app.use(bodyParser.urlencoded({extended: true}));
// server.app.get('/hello_world.json', function(req, res) {
//   res.setHeader('Content-Type', 'application/json');
//   res.send(JSON.stringify(name));
// });

// server.app.post('/hello_world.json', function(req, res) {
//   console.log('Processing name: %j', req.body.name);
//   console.log('(shhhh...napping 1 seconds)');
//   sleep.sleep(1);
//   console.log('Just got done with nap!');
//   name = req.body.name;
//   res.setHeader('Content-Type', 'application/json');
//   res.send(JSON.stringify(req.body.name));
// });

var initialName = 'Stranger';

server.app.use('/', function routePath(req, res) {
  var locals = {
    props: JSON.stringify(initialName),
  };
  var layout = process.cwd() + '/index.jade';
  var html = jade.compileFile(layout, { pretty: true })(locals);
  res.send(html);
});

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