2018-09-09 17:22:44 -04:00
|
|
|
import React from 'react';
|
|
|
|
|
import { StaticRouter } from 'react-router-dom';
|
|
|
|
|
import express from 'express';
|
|
|
|
|
import { renderToString } from 'react-dom/server';
|
|
|
|
|
import serialize from 'serialize-javascript';
|
2018-09-10 18:32:56 -04:00
|
|
|
import pathToRegexp from 'path-to-regexp';
|
2018-09-09 17:22:44 -04:00
|
|
|
|
2018-09-13 14:54:16 -04:00
|
|
|
import bodyParser from 'body-parser';
|
|
|
|
|
import session from 'express-session';
|
|
|
|
|
import pgConnect from 'connect-pg-simple';
|
2018-09-09 17:22:44 -04:00
|
|
|
|
|
|
|
|
import App from './frontend/app';
|
|
|
|
|
import { pool } from './db';
|
|
|
|
|
import { authUser, createUser, getUserById } from './user';
|
2018-09-11 18:30:17 -04:00
|
|
|
import { queryBuildingAtPoint, getBuildingById, saveBuilding } from './building';
|
2018-09-10 05:44:32 -04:00
|
|
|
import tileserver from './tileserver';
|
2018-09-09 17:22:44 -04:00
|
|
|
|
|
|
|
|
// create server
|
|
|
|
|
const server = express();
|
|
|
|
|
|
|
|
|
|
// reference packed assets
|
|
|
|
|
const assets = require(process.env.RAZZLE_ASSETS_MANIFEST);
|
|
|
|
|
|
|
|
|
|
// disable header
|
|
|
|
|
server.disable('x-powered-by');
|
|
|
|
|
|
|
|
|
|
// serve static files
|
|
|
|
|
server.use(express.static(process.env.RAZZLE_PUBLIC_DIR));
|
|
|
|
|
|
|
|
|
|
// parse POSTed json body
|
|
|
|
|
server.use(bodyParser.json());
|
|
|
|
|
|
|
|
|
|
// handle user sessions
|
2018-09-13 14:54:16 -04:00
|
|
|
const pgSession = pgConnect(session);
|
2018-09-09 17:22:44 -04:00
|
|
|
const sess = {
|
|
|
|
|
name: 'cl.session',
|
|
|
|
|
store: new pgSession({
|
|
|
|
|
pool: pool,
|
|
|
|
|
tableName : 'user_sessions'
|
|
|
|
|
}),
|
|
|
|
|
secret: process.env.APP_COOKIE_SECRET,
|
2018-09-10 18:32:56 -04:00
|
|
|
saveUninitialized: false,
|
2018-09-09 17:22:44 -04:00
|
|
|
resave: false,
|
|
|
|
|
cookie: { maxAge: 30 * 24 * 60 * 60 * 1000 } // 30 days
|
|
|
|
|
};
|
|
|
|
|
if (server.get('env') === 'production') {
|
|
|
|
|
// trust first proxy
|
|
|
|
|
server.set('trust proxy', 1)
|
|
|
|
|
// serve secure cookies
|
|
|
|
|
sess.cookie.secure = true
|
|
|
|
|
}
|
|
|
|
|
server.use(session(sess));
|
|
|
|
|
|
|
|
|
|
// handle HTML routes (server-side rendered React)
|
|
|
|
|
server.get('/*.html', frontendRoute);
|
|
|
|
|
server.get('/', frontendRoute);
|
|
|
|
|
|
|
|
|
|
function frontendRoute(req, res) {
|
|
|
|
|
const data = {};
|
2018-09-10 18:32:56 -04:00
|
|
|
|
2018-09-11 18:30:17 -04:00
|
|
|
const building_id = parseBuildingURL(req.url);
|
|
|
|
|
|
|
|
|
|
Promise.all([
|
|
|
|
|
req.session.user_id? getUserById(req.session.user_id) : undefined,
|
|
|
|
|
building_id? getBuildingById(building_id) : undefined
|
|
|
|
|
]).then(function(values){
|
|
|
|
|
const user = values[0];
|
|
|
|
|
const building = values[1];
|
|
|
|
|
data.user = user;
|
|
|
|
|
data.building = building;
|
|
|
|
|
renderHTML(data, req, res)
|
|
|
|
|
})
|
|
|
|
|
}
|
2018-09-10 18:32:56 -04:00
|
|
|
|
2018-09-11 18:30:17 -04:00
|
|
|
function parseBuildingURL(url){
|
|
|
|
|
const re = pathToRegexp('/building/:building.html')
|
|
|
|
|
const matches = re.exec(url)
|
|
|
|
|
if (matches && matches.length === 2) {
|
|
|
|
|
return matches[1]
|
2018-09-09 17:22:44 -04:00
|
|
|
}
|
2018-09-11 18:30:17 -04:00
|
|
|
return undefined;
|
2018-09-09 17:22:44 -04:00
|
|
|
}
|
|
|
|
|
|
2018-09-10 18:32:56 -04:00
|
|
|
function renderHTML(data, req, res){
|
|
|
|
|
const context = {};
|
2018-09-09 17:22:44 -04:00
|
|
|
const markup = renderToString(
|
|
|
|
|
<StaticRouter context={context} location={req.url}>
|
2018-09-10 18:32:56 -04:00
|
|
|
<App user={data.user} building={data.building} />
|
2018-09-09 17:22:44 -04:00
|
|
|
</StaticRouter>
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
if (context.url) {
|
|
|
|
|
res.redirect(context.url);
|
|
|
|
|
} else {
|
|
|
|
|
res.status(200).send(
|
|
|
|
|
`<!doctype html>
|
|
|
|
|
<html lang="">
|
|
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<title>Colouring London</title>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
|
<style>
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'glacial_cl';
|
|
|
|
|
src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
|
|
|
|
|
url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
${
|
|
|
|
|
assets.client.css
|
|
|
|
|
? `<link rel="stylesheet" href="${assets.client.css}">`
|
|
|
|
|
: ''
|
|
|
|
|
}
|
|
|
|
|
${
|
|
|
|
|
process.env.NODE_ENV === 'production'
|
|
|
|
|
? `<script src="${assets.client.js}" defer></script>`
|
|
|
|
|
: `<script src="${assets.client.js}" defer crossorigin></script>`
|
|
|
|
|
}
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="root">${markup}</div>
|
|
|
|
|
<script>
|
|
|
|
|
window.__PRELOADED_STATE__ = ${serialize(data)}
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>`
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2018-09-10 05:44:32 -04:00
|
|
|
// GET tiles
|
|
|
|
|
server.use('/tiles', tileserver);
|
|
|
|
|
|
2018-09-09 17:22:44 -04:00
|
|
|
|
|
|
|
|
// GET building at point
|
2018-09-10 18:32:56 -04:00
|
|
|
server.get('/buildings.json', function(req, res){
|
2018-09-09 17:22:44 -04:00
|
|
|
const { lng, lat } = req.query
|
|
|
|
|
queryBuildingAtPoint(lng, lat).then(function(result){
|
|
|
|
|
if (result) {
|
|
|
|
|
res.send(result)
|
|
|
|
|
} else {
|
|
|
|
|
res.status(404).send({error:'Not Found'})
|
|
|
|
|
}
|
|
|
|
|
}).catch(function(error){
|
|
|
|
|
res.send({error:'Database error'})
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
|
2018-09-11 18:30:17 -04:00
|
|
|
// Building routes
|
|
|
|
|
server.route('/building/:building_id.json')
|
|
|
|
|
.get(function (req, res) {
|
|
|
|
|
const { building_id } = req.params;
|
|
|
|
|
getBuildingById(building_id).then(function(result){
|
|
|
|
|
if (result) {
|
|
|
|
|
res.send(result)
|
|
|
|
|
} else {
|
|
|
|
|
res.status(404).send({error:'Not Found'})
|
|
|
|
|
}
|
|
|
|
|
}).catch(function(error){
|
|
|
|
|
res.send({error:'Database error'})
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
.post(function (req, res) {
|
|
|
|
|
const { building_id } = req.params;
|
|
|
|
|
const building = req.body;
|
|
|
|
|
saveBuilding(building_id, building).then(
|
|
|
|
|
() => res.send({success: true})
|
|
|
|
|
).catch(
|
|
|
|
|
() => res.send({error:'Database error'})
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
2018-09-09 17:22:44 -04:00
|
|
|
// POST new user
|
|
|
|
|
server.post('/users', function(req, res){
|
|
|
|
|
const user = req.body;
|
|
|
|
|
if (req.session.user_id) {
|
|
|
|
|
res.send({error: 'Already signed in'});
|
2018-09-13 11:58:05 -04:00
|
|
|
return
|
2018-09-09 17:22:44 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (user.email){
|
|
|
|
|
if (user.email != user.confirm_email) {
|
|
|
|
|
res.send({error: "Email did not match confirmation."});
|
2018-09-13 11:58:05 -04:00
|
|
|
return
|
2018-09-09 17:22:44 -04:00
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
user.email = null;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
createUser(user).then(function(result){
|
|
|
|
|
if (result.user_id) {
|
|
|
|
|
req.session.user_id = result.user_id;
|
|
|
|
|
res.send({user_id: result.user_id});
|
|
|
|
|
} else {
|
|
|
|
|
req.session.user_id = undefined;
|
|
|
|
|
res.send({error: result.error});
|
|
|
|
|
}
|
|
|
|
|
}).catch(function(err){
|
|
|
|
|
console.error(err);
|
2018-09-13 11:58:05 -04:00
|
|
|
res.send(err)
|
2018-09-09 17:22:44 -04:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// POST user auth
|
|
|
|
|
server.post('/login', function(req, res){
|
|
|
|
|
authUser(req.body.username, req.body.password).then(function(user) {
|
|
|
|
|
if (user.user_id) {
|
|
|
|
|
req.session.user_id = user.user_id;
|
|
|
|
|
} else {
|
|
|
|
|
req.session.user_id = undefined;
|
|
|
|
|
}
|
|
|
|
|
res.send(user);
|
|
|
|
|
}).catch(function(error){
|
|
|
|
|
res.send(error);
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// POST user logout
|
|
|
|
|
server.post('/logout', function(req, res){
|
|
|
|
|
req.session.destroy(function(err){
|
|
|
|
|
if (err) {
|
|
|
|
|
console.error(err);
|
|
|
|
|
res.send({error: 'Failed to end session'})
|
|
|
|
|
}
|
|
|
|
|
res.send({success: true});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// GET own user info
|
|
|
|
|
server.get('/users/me', function(req, res){
|
|
|
|
|
if (!req.session.user_id) {
|
|
|
|
|
res.send({error: 'Must be logged in'});
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
getUserById(req.session.user_id).then(function(user){
|
|
|
|
|
res.send(user);
|
|
|
|
|
}).catch(function(error){
|
|
|
|
|
res.send(error);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default server;
|
