From f57de200ec32861835c9582090d52c70e73dace9 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab
Date: Mon, 9 Jul 2012 21:00:51 -0400
Subject: refactored folder structure, added /plugins which is initially only
used by #57
---
plugin/slidenotes/client.js | 35 ++++++++++++++
plugin/slidenotes/index.js | 47 +++++++++++++++++++
plugin/slidenotes/notes.html | 109 +++++++++++++++++++++++++++++++++++++++++++
3 files changed, 191 insertions(+)
create mode 100644 plugin/slidenotes/client.js
create mode 100644 plugin/slidenotes/index.js
create mode 100644 plugin/slidenotes/notes.html
(limited to 'plugin')
diff --git a/plugin/slidenotes/client.js b/plugin/slidenotes/client.js
new file mode 100644
index 0000000..1aba8b8
--- /dev/null
+++ b/plugin/slidenotes/client.js
@@ -0,0 +1,35 @@
+(function() {
+ // don't emit events from inside the previews themselves
+ if ( window.location.search.match( /receiver/gi ) ) { return; }
+
+ var socket = io.connect(window.location.origin);
+ var socketId = Math.random().toString().slice(2);
+
+ console.log('View slide notes at ' + window.location.origin + '/notes/' + socketId);
+
+ Reveal.addEventListener( 'slidechanged', function( event ) {
+ var nextindexh;
+ var nextindexv;
+ var slideElement = event.currentSlide;
+
+ if (slideElement.nextElementSibling && slideElement.parentNode.nodeName == 'SECTION') {
+ nextindexh = event.indexh;
+ nextindexv = event.indexv + 1;
+ } else {
+ nextindexh = event.indexh + 1;
+ nextindexv = 0;
+ }
+
+ var notes = slideElement.querySelector('aside.notes');
+ var slideData = {
+ notes : notes ? notes.innerHTML : '',
+ indexh : event.indexh,
+ indexv : event.indexv,
+ nextindexh : nextindexh,
+ nextindexv : nextindexv,
+ socketId : socketId
+ };
+
+ socket.emit('slidechanged', slideData);
+ } );
+}());
diff --git a/plugin/slidenotes/index.js b/plugin/slidenotes/index.js
new file mode 100644
index 0000000..41282a3
--- /dev/null
+++ b/plugin/slidenotes/index.js
@@ -0,0 +1,47 @@
+var express = require('express');
+var fs = require('fs');
+var io = require('socket.io');
+var _ = require('underscore');
+var Mustache = require('mustache');
+
+var app = express.createServer();
+var staticDir = express.static;
+
+io = io.listen(app);
+
+var opts = {
+ port : 1947,
+ baseDir : __dirname + '/../../'
+};
+
+io.sockets.on('connection', function(socket) {
+ socket.on('slidechanged', function(slideData) {
+ socket.broadcast.emit('slidedata', slideData);
+ });
+});
+
+app.configure(function() {
+ [ 'css', 'js', 'plugin', 'lib' ].forEach(function(dir) {
+ app.use('/' + dir, staticDir(opts.baseDir + dir));
+ });
+});
+
+app.get("/", function(req, res) {
+ fs.createReadStream(opts.baseDir + '/index.html').pipe(res);
+});
+
+app.get("/notes/:socketId", function(req, res) {
+
+ fs.readFile(opts.baseDir + 'plugin/slidenotes/notes.html', function(err, data) {
+ res.send(Mustache.to_html(data.toString(), {
+ socketId : req.params.socketId
+ }));
+ });
+ // fs.createReadStream(opts.baseDir + 'slidenotes/notes.html').pipe(res);
+});
+
+// Actually listen
+app.listen(opts.port || null);
+
+console.log("Open the slides at http://localhost" + (opts.port ? (':' + opts.port) : '') + " and look for a link to the speaker notes in the console");
+console.log("Advance through your slides and your notes will advance automatically");
diff --git a/plugin/slidenotes/notes.html b/plugin/slidenotes/notes.html
new file mode 100644
index 0000000..88924c0
--- /dev/null
+++ b/plugin/slidenotes/notes.html
@@ -0,0 +1,109 @@
+
+
+
+
+
+ reveal.js - Slide Notes
+
+
+
+
+
+
+
+
+
+
+
+
+ UPCOMING:
+
+
+
+
+
+
+
+
+
--
cgit v1.2.3