2010-12-04 20:20:25 +01:00
|
|
|
var Connect = require('connect');
|
2011-10-14 02:56:16 +02:00
|
|
|
var wss = require('websocket').server;
|
2010-12-04 20:20:25 +01:00
|
|
|
var ltx = require('ltx');
|
2011-12-13 16:07:09 +01:00
|
|
|
var fs = require('fs');
|
|
|
|
|
var mime = require('mime');
|
2010-12-04 20:20:25 +01:00
|
|
|
|
2011-12-26 18:57:42 +01:00
|
|
|
var WS_KEY = 'nedap-RuJejdymmesAktiOdyitEdivRiectij';
|
2011-04-23 19:57:58 +02:00
|
|
|
var MIME_HTML = 'text/html; charset=UTF-8';
|
2011-12-14 16:56:35 +01:00
|
|
|
var ROOT_HEADERS = { 'Content-type': MIME_HTML,
|
|
|
|
|
'Pragma': 'no-cache',
|
|
|
|
|
'Expires': '-1',
|
|
|
|
|
'Cache-Control': 'no-cache, must-revalidate, max-age=1'
|
|
|
|
|
};
|
2011-12-13 19:25:38 +01:00
|
|
|
var UPLOAD_DIR = "static/gifs";
|
|
|
|
|
var GIFS_PREFIX = "http://localhost:2342/gifs/";
|
2011-12-13 16:07:09 +01:00
|
|
|
try { fs.mkdirSync(UPLOAD_DIR); } catch (e) {}
|
2010-12-04 20:20:25 +01:00
|
|
|
|
2011-12-12 18:49:54 +01:00
|
|
|
var backend, question, answers, scores, mode;
|
2010-12-04 20:20:25 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
function html(body) {
|
|
|
|
|
return "<!DOCTYPE html>\n" +
|
|
|
|
|
"<html><head><title>Pentanews Game Show</title></head>\n" +
|
2010-12-10 17:26:23 +01:00
|
|
|
"<link href='style.css' rel='stylesheet' type='text/css'>" +
|
2010-12-04 20:20:25 +01:00
|
|
|
"<body><h1>Pentanews Game Show</h1>\n" +
|
|
|
|
|
body +
|
|
|
|
|
"</body></html>";
|
|
|
|
|
}
|
|
|
|
|
|
2011-04-22 00:27:30 +02:00
|
|
|
var voteTokens = {};
|
|
|
|
|
var TOKEN_TIMEOUT = 30 * 1000;
|
|
|
|
|
var Token = {
|
|
|
|
|
generate: function() {
|
|
|
|
|
var token = Math.round(Math.random() * 10000000).toString();
|
|
|
|
|
|
|
|
|
|
voteTokens[token] = setTimeout(function() {
|
|
|
|
|
delete voteTokens[token];
|
|
|
|
|
}, TOKEN_TIMEOUT);
|
|
|
|
|
|
|
|
|
|
return token;
|
|
|
|
|
},
|
|
|
|
|
validate: function(token) {
|
|
|
|
|
if (voteTokens.hasOwnProperty(token)) {
|
|
|
|
|
clearTimeout(voteTokens[token]);
|
|
|
|
|
delete voteTokens[token];
|
|
|
|
|
return true;
|
|
|
|
|
} else {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
2011-04-22 17:40:39 +02:00
|
|
|
var updateBackendTimeout;
|
|
|
|
|
function updateBackend() {
|
|
|
|
|
if (!updateBackendTimeout) {
|
|
|
|
|
updateBackendTimeout = setTimeout(function() {
|
2011-10-14 21:15:45 +02:00
|
|
|
if (backend)
|
|
|
|
|
backend.sendUTF(JSON.stringify({ scores: scores }));
|
2011-04-22 17:40:39 +02:00
|
|
|
updateBackendTimeout = undefined;
|
|
|
|
|
}, 50);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2011-12-14 17:05:10 +01:00
|
|
|
function errorResponse(res) {
|
|
|
|
|
res.writeHead(503, { 'Content-type': MIME_HTML });
|
|
|
|
|
res.write("<img src=\"/503.png\">");
|
|
|
|
|
res.end();
|
|
|
|
|
}
|
|
|
|
|
|
2010-12-04 20:20:25 +01:00
|
|
|
function nedap(app) {
|
|
|
|
|
app.get('/', function(req, res) {
|
2011-12-12 18:49:54 +01:00
|
|
|
if (mode === 'nedap' &&
|
|
|
|
|
question && answers) {
|
|
|
|
|
|
|
|
|
|
console.log({question:question,answers:answers})
|
2010-12-04 20:20:25 +01:00
|
|
|
var form = new ltx.Element('form',
|
|
|
|
|
{ action: '/',
|
|
|
|
|
method: 'POST',
|
|
|
|
|
enctype: 'application/x-www-form-urlencoded' });
|
2010-12-06 19:10:44 +01:00
|
|
|
form.c('p').t(question);
|
2010-12-04 20:20:25 +01:00
|
|
|
var ul = form.c('ul');
|
|
|
|
|
for(var i = 0; i < answers.length; i++) {
|
|
|
|
|
ul.c('li').
|
|
|
|
|
c('input', { type: 'radio',
|
|
|
|
|
id: 'a'+i,
|
|
|
|
|
name: 'a',
|
|
|
|
|
value: ''+i }).
|
|
|
|
|
c('label', { for: 'a'+i }).
|
2010-12-06 19:10:44 +01:00
|
|
|
t(answers[i].text);
|
2010-12-04 20:20:25 +01:00
|
|
|
}
|
2011-04-22 00:27:30 +02:00
|
|
|
form.c('input', { type: 'hidden',
|
|
|
|
|
name: 'token',
|
|
|
|
|
value: Token.generate() });
|
2010-12-04 20:20:25 +01:00
|
|
|
form.c('input', { type: 'submit',
|
|
|
|
|
value: 'Submit' });
|
|
|
|
|
|
2011-12-14 16:56:35 +01:00
|
|
|
res.writeHead(200, ROOT_HEADERS);
|
2010-12-04 20:20:25 +01:00
|
|
|
res.write(html(form.toString()));
|
|
|
|
|
res.end();
|
2011-12-12 18:49:54 +01:00
|
|
|
} else if (mode === 'gif') {
|
|
|
|
|
var form = new ltx.Element('form', { action: "/i",
|
|
|
|
|
method: "POST",
|
|
|
|
|
enctype: "multipart/form-data"
|
|
|
|
|
});
|
2011-12-13 16:50:22 +01:00
|
|
|
form.c('p').t(question);
|
2011-12-13 16:07:09 +01:00
|
|
|
form.c('input', { type: 'file', name: 'gif' });
|
2011-12-12 18:49:54 +01:00
|
|
|
form.c('input', { type: 'submit', value: "Submit" });
|
2011-12-13 19:28:42 +01:00
|
|
|
form.c('input', { type: 'hidden',
|
|
|
|
|
name: 'token',
|
|
|
|
|
value: Token.generate() });
|
2011-12-13 16:50:22 +01:00
|
|
|
form.c('p').t("Max file size: 2 MB");
|
2011-12-14 16:56:35 +01:00
|
|
|
res.writeHead(200, ROOT_HEADERS);
|
2011-12-12 18:49:54 +01:00
|
|
|
res.write(html(form.toString()));
|
|
|
|
|
res.end();
|
2010-12-04 20:20:25 +01:00
|
|
|
} else {
|
2011-12-14 16:56:35 +01:00
|
|
|
res.writeHead(404, ROOT_HEADERS);
|
2010-12-10 17:26:23 +01:00
|
|
|
res.write(html('<p>No question left on server.</p>'));
|
2010-12-04 20:20:25 +01:00
|
|
|
res.end();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
app.post('/', function(req, res) {
|
2011-04-23 21:36:08 +02:00
|
|
|
var a;
|
|
|
|
|
if (req.body && (a = req.body.a) && /^\d+$/.test(a)) {
|
2010-12-04 20:20:25 +01:00
|
|
|
var i = parseInt(a, 10);
|
2011-04-22 14:30:27 +02:00
|
|
|
if (scores && i < scores.length && Token.validate(req.body.token)) {
|
2010-12-04 20:20:25 +01:00
|
|
|
scores[i]++;
|
2011-04-22 17:40:39 +02:00
|
|
|
updateBackend();
|
2010-12-04 20:20:25 +01:00
|
|
|
|
2011-04-23 19:57:58 +02:00
|
|
|
res.writeHead(303, { 'Content-type': MIME_HTML,
|
2010-12-10 17:26:23 +01:00
|
|
|
'Location': '/thanks' });
|
2010-12-04 20:20:25 +01:00
|
|
|
res.end();
|
|
|
|
|
} else {
|
2011-12-14 17:05:10 +01:00
|
|
|
errorResponse(res);
|
2010-12-04 20:20:25 +01:00
|
|
|
}
|
|
|
|
|
} else {
|
2011-12-14 17:05:10 +01:00
|
|
|
errorResponse(res);
|
2010-12-04 20:20:25 +01:00
|
|
|
}
|
|
|
|
|
});
|
2010-12-10 17:26:23 +01:00
|
|
|
|
|
|
|
|
app.get('/thanks', function(req, res) {
|
2011-04-23 19:57:58 +02:00
|
|
|
res.writeHead(200, { 'Content-type': MIME_HTML });
|
2011-12-14 16:56:35 +01:00
|
|
|
res.write(html("<p>Thanks, your vote may have been counted. <a href='/'>Back</a></p>"));
|
2010-12-10 17:26:23 +01:00
|
|
|
res.end();
|
|
|
|
|
});
|
2011-12-12 18:49:54 +01:00
|
|
|
|
|
|
|
|
app.post('/i', function(req, res) {
|
2011-12-13 16:07:09 +01:00
|
|
|
if (req.files.gif) {
|
2011-12-13 19:28:42 +01:00
|
|
|
if (!Token.validate(req.body.token)) {
|
2011-12-14 17:05:10 +01:00
|
|
|
errorResponse(res);
|
2011-12-13 19:28:42 +01:00
|
|
|
return;
|
|
|
|
|
}
|
2011-12-13 16:07:09 +01:00
|
|
|
/* pass to frontend */
|
|
|
|
|
var gif = req.files.gif;
|
|
|
|
|
var path = gif.path + "." + mime.extension(gif.type);
|
|
|
|
|
fs.rename(gif.path, path, function(err) {
|
|
|
|
|
if (err)
|
|
|
|
|
return;
|
|
|
|
|
path = path.split('/').pop();
|
|
|
|
|
console.log("file", gif.name, path, gif.type);
|
|
|
|
|
if (backend)
|
2011-12-13 19:25:38 +01:00
|
|
|
backend.sendUTF(JSON.stringify({ gif: { path: GIFS_PREFIX + path,
|
|
|
|
|
name: gif.name,
|
|
|
|
|
size: gif.size
|
|
|
|
|
} }));
|
2011-12-13 16:07:09 +01:00
|
|
|
});
|
|
|
|
|
|
2011-12-14 16:56:35 +01:00
|
|
|
res.writeHead(303, { 'Content-type': MIME_HTML,
|
|
|
|
|
'Location': '/thanks' });
|
2011-12-12 18:49:54 +01:00
|
|
|
res.end();
|
2011-12-13 16:07:09 +01:00
|
|
|
} else {
|
|
|
|
|
console.error(err.stack || err);
|
2011-12-14 17:05:10 +01:00
|
|
|
errorResponse(res);
|
2011-12-13 16:07:09 +01:00
|
|
|
}
|
2011-12-12 18:49:54 +01:00
|
|
|
});
|
|
|
|
|
|
2010-12-04 20:20:25 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var server = Connect.createServer(
|
|
|
|
|
Connect.logger(),
|
2011-12-13 16:07:09 +01:00
|
|
|
Connect.bodyParser({ uploadDir: UPLOAD_DIR }),
|
2010-12-04 20:20:25 +01:00
|
|
|
Connect.router(nedap),
|
2011-10-14 18:32:30 +02:00
|
|
|
Connect.static(__dirname + '/static'),
|
2010-12-04 20:20:25 +01:00
|
|
|
Connect.errorHandler({ dumpExceptions: true, showStack: true })
|
|
|
|
|
);
|
|
|
|
|
|
2011-10-14 20:47:24 +02:00
|
|
|
new wss({ httpServer: server }).on('request', function(req) {
|
|
|
|
|
var conn = req.accept(req.requestedProtocols[0], req.origin);
|
2010-12-06 19:10:44 +01:00
|
|
|
var authed = false;
|
2010-12-04 20:20:25 +01:00
|
|
|
|
2011-10-14 02:56:16 +02:00
|
|
|
conn.on('message', function(wsmsg) {
|
2010-12-06 19:10:44 +01:00
|
|
|
if (!authed) {
|
2011-10-14 02:56:16 +02:00
|
|
|
if (wsmsg.utf8Data.toString() === WS_KEY) {
|
2010-12-06 19:10:44 +01:00
|
|
|
console.warn('Authorized WebSocket');
|
|
|
|
|
backend = conn;
|
|
|
|
|
authed = true;
|
|
|
|
|
|
|
|
|
|
var reset = function() {
|
|
|
|
|
backend = null;
|
|
|
|
|
};
|
|
|
|
|
conn.on('close', reset);
|
|
|
|
|
conn.on('error', reset);
|
|
|
|
|
} else {
|
|
|
|
|
console.warn('Unauthorized backend WebSocket');
|
|
|
|
|
conn.close();
|
|
|
|
|
}
|
|
|
|
|
} else {
|
2010-12-04 22:04:58 +01:00
|
|
|
try {
|
2011-10-14 02:56:16 +02:00
|
|
|
var msg = JSON.parse(wsmsg.utf8Data);
|
2010-12-04 22:04:58 +01:00
|
|
|
console.log({msg: msg});
|
|
|
|
|
if (msg.joker) {
|
|
|
|
|
question = msg.joker.question;
|
2011-12-12 18:49:54 +01:00
|
|
|
if (msg.joker.type === 'nedap') {
|
|
|
|
|
mode = 'nedap';
|
|
|
|
|
answers = msg.joker.answers;
|
|
|
|
|
scores = [];
|
|
|
|
|
for(var i = 0; i < answers.length; i++)
|
|
|
|
|
scores[i] = 0;
|
|
|
|
|
} else if (msg.joker.type === 'gif') {
|
|
|
|
|
mode = 'gif';
|
|
|
|
|
}
|
2010-12-04 22:04:58 +01:00
|
|
|
}
|
|
|
|
|
if (msg.clear) {
|
|
|
|
|
question = null;
|
|
|
|
|
answers = null;
|
|
|
|
|
scores = null;
|
|
|
|
|
}
|
|
|
|
|
} catch (e) {
|
|
|
|
|
console.error(e.stack);
|
2010-12-04 20:20:25 +01:00
|
|
|
}
|
2010-12-06 19:10:44 +01:00
|
|
|
}
|
|
|
|
|
});
|
2010-12-04 20:20:25 +01:00
|
|
|
});
|
2010-12-06 18:01:48 +01:00
|
|
|
|
2011-10-14 18:32:44 +02:00
|
|
|
server.listen(2342, '::');
|
