const express = require('express')
const webpack = require('webpack')
const webpackDevMiddleware = require('webpack-dev-middleware')

const app = express()
const config = require('./webpack.dev.js')
const compiler = webpack(config)
const history = require('connect-history-api-fallback')

const rewrite = basename => ({
	from: new RegExp(`^/${basename}/(.*)$|^/${basename}$`),
	to: `/${basename}.html`
})

app.use(
	history({
		rewrites: ['embauche', 'infrance', 'mon-entreprise', 'publicodes'].map(
			rewrite
		)
	})
)

// Tell express to use the webpack-dev-middleware and use the webpack.config.js
// configuration file as a base.
app.use(
	webpackDevMiddleware(compiler, {
		publicPath: config.output.publicPath,
		hot: true
	})
)

app.use(require('webpack-hot-middleware')(compiler))

app.listen(8080, function() {
	console.log('Example app listening on port 8080!\n')
})