From aabf95a03adca4c88c89bf6214f3498f162c27fc Mon Sep 17 00:00:00 2001
From: Astro <astro@spaceboyz.net>
Date: Fri, 10 Dec 2010 22:04:17 +0100
Subject: [PATCH] irc joker

---
 index.html |   5 +++
 irc.png    | Bin 0 -> 3408 bytes
 irc.svg    | 102 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 quiz.css   |   8 +++++
 quiz.js    |  40 ++++++++++++++++++---
 server.js  |  73 ++++++++++++++++++++++++++++++++++++--
 6 files changed, 222 insertions(+), 6 deletions(-)
 create mode 100644 irc.png
 create mode 100644 irc.svg

diff --git a/index.html b/index.html
index fcdf559..46412b2 100644
--- a/index.html
+++ b/index.html
@@ -35,6 +35,11 @@
 	<canvas id="polls" width="400" height="400">
 	</canvas>
       </div>
+      <div id="irc">
+	<p class="caption">Backend, where are thou?</p>
+	<ul>
+	</ul>
+      </div>
       <div id="answers">
 	<ul>
 	  <li id="answer0">Montenegro</li>
diff --git a/irc.png b/irc.png
new file mode 100644
index 0000000000000000000000000000000000000000..9998c206b88ebc80c787158bbcd41c64c6cc4cc4
GIT binary patch
literal 3408
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

literal 0
HcmV?d00001

diff --git a/irc.svg b/irc.svg
new file mode 100644
index 0000000..f9910c1
--- /dev/null
+++ b/irc.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="100"
+   height="50"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.0 r9654"
+   sodipodi:docname="nedap.svg"
+   inkscape:export-filename="/home/stephan/public_html/ds-quiz/nedap.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective10" />
+    <inkscape:perspective
+       id="perspective3607"
+       inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+       inkscape:vp_z="1 : 0.5 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_x="0 : 0.5 : 1"
+       sodipodi:type="inkscape:persp3d" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#313059"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.0172413"
+     inkscape:cx="-137.86512"
+     inkscape:cy="95.227274"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1916"
+     inkscape:window-height="1177"
+     inkscape:window-x="0"
+     inkscape:window-y="19"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2816"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1002.3622)">
+    <rect
+       style="fill:#ffffff;fill-opacity:0;fill-rule:evenodd;stroke:#ffffff;stroke-opacity:1;stroke-linejoin:round;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-linecap:butt"
+       id="rect2818"
+       width="100"
+       height="50"
+       x="0"
+       y="0"
+       transform="translate(0,1002.3622)" />
+    <text
+       xml:space="preserve"
+       style="font-size:37.23656082px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:TratexSvart;-inkscape-font-specification:TratexSvart"
+       x="2.8389449"
+       y="805.90045"
+       id="text3958"
+       sodipodi:linespacing="125%"
+       transform="scale(0.77024439,1.2982892)"><tspan
+         sodipodi:role="line"
+         id="tspan3960"
+         x="2.8389449"
+         y="805.90045">:6667</tspan></text>
+  </g>
+</svg>
diff --git a/quiz.css b/quiz.css
index 9554b0c..848e31f 100644
--- a/quiz.css
+++ b/quiz.css
@@ -57,6 +57,14 @@ p {
   font-size: 200%;
 }
 
+#irc ul {
+  list-style-type: none;
+  font-family: monospace;
+  font-size: 150%;
+  text-align: left;
+  width: 40em;
+}
+
 #answers {
   position: absolute;
   bottom: 0;
diff --git a/quiz.js b/quiz.js
index 220bc8d..56399b6 100644
--- a/quiz.js
+++ b/quiz.js
@@ -60,7 +60,7 @@ function setupWs() {
     };
     ws.onclose = function() {
 	console.error('WebSocket closed');
-	setupWs();
+	window.setTimeout(setupWs, 100);
     };
     ws.onmessage = function(event) {
 	try {
@@ -141,7 +141,7 @@ function startQuiz() {
         if (name) {
             playerNames[i] = name;
             playerScores[i] = 0;
-            $('#scoreboard dl').append('<dt></dt><dd><span class="score">0</span><img src="fiftyfifty.png" class="fiftyfifty"><img src="audience.png" class="audience"><img src="phone.png" class="phone"><img src="nedap.png" class="nedap"></dd>');
+            $('#scoreboard dl').append('<dt></dt><dd><span class="score">0</span><img src="fiftyfifty.png" class="fiftyfifty"><img src="audience.png" class="audience"><img src="phone.png" class="phone"><img src="nedap.png" class="nedap"><img src="irc.png" class="irc"></dd>');
             $('#scoreboard dl dt').last().text(name);
             $('#players').append('<li class="player'+i+'"><span class="name"></span><span class="score">0</span></li>');
             $('#players li.player'+i+' span.name').text(name);
@@ -195,6 +195,10 @@ function takeJoker(activePlayer, joker) {
 	// Joker already taken
 	return;
 
+    /* Hide previous special jokers */
+    $('#nedap').hide();
+    $('#irc').hide();
+
     playerJokers[activePlayer][joker] = true;
     $('#tier').append('<img src="' + joker + '.png">');
     $('#scoreboard dd').eq(activePlayer).find('.' + joker).remove();
@@ -253,7 +257,6 @@ function takeJoker(activePlayer, joker) {
 		/* Fill */
 		ctx.fillStyle = '#ccc';
 		var barHeight = (y2 - y1) * scores[i] / total;
-console.log({x1:x1,y1:y1,x2:x2,y2:y2,barHeight:barHeight});
 		ctx.fillRect(x1, y2 - barHeight, x2 - x1, barHeight);
 
 		/* Outline */
@@ -270,10 +273,35 @@ console.log({x1:x1,y1:y1,x2:x2,y2:y2,barHeight:barHeight});
 	onBackendMessage = function(msg) {
 	    if (msg.nedap && msg.nedap.scores)
 		scores = msg.nedap.scores;
-console.log('scores: '+JSON.stringify(scores));
+	    console.log('scores: '+JSON.stringify(scores));
 	    redraw();
 	};
     }
+    if (joker === 'irc') {
+	sendToBackend({ irc: "activate" });
+	onBackendMessage = function(msg) {
+	    if (msg.irc && msg.irc.nick && msg.irc.text) {
+		var ircPane = $('#irc ul');
+		var line = $('<li></li>');
+		line.text('<' + msg.irc.nick + '> ' + msg.irc.text);
+		line.hide();
+		ircPane.append(line);
+		line.slideDown(200);
+
+		if (ircPane.children().length > 8) {
+		    var line1 = ircPane.children().first();
+		    line1.slideUp(200, function() {
+			line1.remove();
+		    });
+		}
+	    }
+	    if (msg.irc && msg.irc.server && msg.irc.channel) {
+		$('#irc .caption').text(msg.irc.server + ' ' + msg.irc.channel);
+	    }
+	};
+	$('#irc ul').empty();
+	$('#irc').slideDown(500);
+    }
 }
 
 function setQuestionContents(q) {
@@ -404,10 +432,14 @@ function switchToGame() {
 	} else if (activePlayer !== null &&
 		   key === 'n') {
 	    takeJoker(activePlayer, 'nedap');
+	} else if (activePlayer !== null &&
+		   key === 'i') {
+	    takeJoker(activePlayer, 'irc');
 	}
     };
 
     $('#nedap').hide();
+    $('#irc').hide();
     onBackendMessage = null;
     // Instantly show the question:
     $('#game').show();
diff --git a/server.js b/server.js
index fac8414..2e059ae 100644
--- a/server.js
+++ b/server.js
@@ -1,9 +1,15 @@
 var Connect = require('connect');
 var wss = require('websocket-server');
 var wsc = require('websocket-client');
+var irc = require('irc-js');
 
 var frontend;
 
+
+/*
+ * Nedap backend connection
+ */
+
 /* TODO: url */
 var nedap;
 function connectNedap() {
@@ -24,7 +30,7 @@ function connectNedap() {
 	try {
 	    var msg = JSON.parse(data);
 	    console.log({ fromNedap: msg });
-	    frontend.send(JSON.stringify({ nedap: msg }));
+	    sendToFrontend({ nedap: msg });
 	} catch (e) {
 	    console.error(e.stack);
 	}
@@ -32,6 +38,56 @@ function connectNedap() {
 }
 connectNedap();
 
+
+/*
+ * IRC client
+ */
+
+var IRC_SERVER = 'irc.freenode.net';
+var IRC_CHAN = '#pentanews';
+var chat = new irc({ server: IRC_SERVER,
+		     encoding: 'utf-8',
+		     nick: '[Ceiling]Cat'
+		   });
+function connectChat() {
+    chat.connect();
+}
+connectChat();
+chat.addListener('376', function() {
+    chat.join(IRC_CHAN);
+});
+chat.addListener('366', function(msg) {
+    if (msg.params[1] === IRC_CHAN) {
+	console.log('Successfully joined ' + IRC_CHAN);
+	pushIrcInfo();
+    }
+});
+chat.addListener('privmsg', function(msg) {
+    console.log({PRIVMSG:msg});
+    var nick = msg.person.nick;
+    var channel = msg.params[0];
+    var text = msg.params[1];
+    if (nick && channel === IRC_CHAN && text && frontend) {
+	sendToFrontend({ irc: { nick: nick,
+				text: text
+			      } });
+    }
+});
+chat.addListener('disconnected', function() {
+    console.error('Chat disconnected!');
+    process.nextTick(connectChat);
+});
+
+function pushIrcInfo() {
+    sendToFrontend({ irc: { server: IRC_SERVER,
+			    channel: IRC_CHAN } });
+}
+
+
+/*
+ * Web server
+ */
+
 var server = Connect.createServer(
     Connect.logger(),
     Connect.bodyDecoder(),
@@ -39,6 +95,10 @@ var server = Connect.createServer(
     Connect.errorHandler({ dumpExceptions: true, showStack: true })
 );
 
+/*
+ * WebSocket server
+ */
+
 wss.createServer({ server: server }).on('connection', function(conn) {
     frontend = conn;
 
@@ -50,7 +110,9 @@ wss.createServer({ server: server }).on('connection', function(conn) {
 		console.log({ toNedap: msg.nedap });
 		nedap.send(JSON.stringify(msg.nedap));
 	    }
-	    
+	    else if (msg.irc === "activate") {
+		pushIrcInfo();
+	    }
 	} catch (e) {
 	    console.error(e.stack);
 	}
@@ -63,4 +125,11 @@ wss.createServer({ server: server }).on('connection', function(conn) {
     conn.on('error', reset);
 });
 
+function sendToFrontend(obj) {
+    if (!frontend)
+	return;
+
+    frontend.send(JSON.stringify(obj));
+}
+
 server.listen(8081);