-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathserver.js
72 lines (62 loc) · 2 KB
/
server.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
/* eslint no-console:0 */
require('babel-register');
const express = require('express');
const React = require('react');
const ReactDOMServer = require('react-dom/server');
const ReactRouter = require('react-router-dom');
const _ = require('lodash');
const fs = require('fs');
const webpackDevMiddleware = require('webpack-dev-middleware');
const webpackHotMiddleware = require('webpack-hot-middleware');
const webpack = require('webpack');
const config = require('./webpack.config');
const cors = require('cors');
const compression = require('compression');
const App = require('./app/components/App').default;
const StaticRouter = ReactRouter.StaticRouter;
const port = 8080;
const baseTemplate = fs.readFileSync('./index.html');
const template = _.template(baseTemplate);
const buffer = fs.readFileSync('./data.json');
const showsObj = JSON.parse(buffer);
const server = express();
server.use(compression());
server.use(cors());
const ratedShows = showsObj.shows.map(show =>
Object.assign(
{ rating: `${Math.floor(Math.random() * 9)}.${Math.floor(Math.random() * 9)}` },
show
)
);
const compiler = webpack(config);
server.use(
webpackDevMiddleware(compiler, {
publicPath: config.output.publicPath
})
);
server.use(webpackHotMiddleware(compiler));
server.use('/public', express.static('./public'));
server.get('/:id', (req, res) => {
const show = ratedShows.find(item => item.imdbID === req.params.id);
if (show) {
console.log(show.title);
setTimeout(() => res.json(show), Math.floor(Math.random() * 5000));
} else {
console.log(404, req.params.id);
res.status(404).json({ error: 'show not found' });
}
});
server.use((req, res) => {
console.log(req.url);
const context = {};
const body = ReactDOMServer.renderToString(
React.createElement(StaticRouter, { location: req.url, context }, React.createElement(App))
);
if (context.url) {
res.redirect(context.url);
}
res.write(template({ body }));
res.end();
});
console.log(`listing on ${port}`);
server.listen(port);