-
Notifications
You must be signed in to change notification settings - Fork 1
/
server.js
75 lines (60 loc) · 1.98 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
73
74
75
import fs from 'fs';
import express from 'express';
import React from 'react';
import { renderToString } from 'react-dom/server';
import { match, RoutingContext } from 'react-router';
import routes from './app/routes';
const app = express();
app.set('views', './')
app.set('view engine', 'ejs');
app.use(express.static(__dirname + '/public'));
const contacts = JSON.parse(fs.readFileSync(__dirname + '/public/contacts.json', 'utf8'));
let getPropsFromRoute = ({routes}, componentProps) => {
let props = {};
let lastRoute = routes[routes.length - 1];
routes.reduceRight((prevRoute, currRoute) => {
componentProps.forEach(componentProp => {
if (!props[componentProp] && currRoute.component[componentProp]) {
props[componentProp] = currRoute.component[componentProp];
}
});
}, lastRoute);
return props;
};
let renderRoute = (response, renderProps) => {
let routeProps = getPropsFromRoute(renderProps, ['requestInitialData']);
if (routeProps.requestInitialData) {
routeProps.requestInitialData().then((data)=>{
let handleCreateElement = (Component, props) =>(
<Component initialData={data} {...props} />
);
response.render('index',{
reactInitialData: JSON.stringify(data),
content: renderToString(
<RoutingContext createElement={handleCreateElement} {...renderProps} />
)
});
});
} else {
response.render('index',{
reactInitialData: null,
content: renderToString(<RoutingContext {...renderProps} />)
});
}
};
app.get('*', (request, response) => {
match({ routes, location: request.url }, (error, redirectLocation, renderProps) => {
if (error) {
response.status(500).send(error.message);
} else if (redirectLocation) {
response.redirect(302, redirectLocation.pathname + redirectLocation.search);
} else if (renderProps) {
renderRoute(response, renderProps);
} else {
response.status(404).send('Not found');
}
});
});
app.listen(3000, ()=>{
console.log('Express app listening on port 3000');
});