RubyGems - slideit - Versions diffs - 0.1.0 - Mend

slideit 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

checksums.yaml +7 -0
data/.gitignore +9 -0
data/.travis.yml +5 -0
data/CODE_OF_CONDUCT.md +49 -0
data/Gemfile +4 -0
data/README.md +38 -0
data/Rakefile +10 -0
data/bin/slideit +34 -0
data/lib/slideit/version.rb +3 -0
data/lib/slideit.rb +110 -0
data/res/reveal.js-3.3.0/.gitignore +13 -0
data/res/reveal.js-3.3.0/.travis.yml +5 -0
data/res/reveal.js-3.3.0/CONTRIBUTING.md +23 -0
data/res/reveal.js-3.3.0/Gruntfile.js +176 -0
data/res/reveal.js-3.3.0/LICENSE +19 -0
data/res/reveal.js-3.3.0/README.md +1104 -0
data/res/reveal.js-3.3.0/bower.json +27 -0
data/res/reveal.js-3.3.0/css/print/paper.css +202 -0
data/res/reveal.js-3.3.0/css/print/pdf.css +160 -0
data/res/reveal.js-3.3.0/css/reveal.css +1331 -0
data/res/reveal.js-3.3.0/css/reveal.scss +1411 -0
data/res/reveal.js-3.3.0/css/theme/README.md +21 -0
data/res/reveal.js-3.3.0/css/theme/beige.css +291 -0
data/res/reveal.js-3.3.0/css/theme/black.css +287 -0
data/res/reveal.js-3.3.0/css/theme/blood.css +310 -0
data/res/reveal.js-3.3.0/css/theme/league.css +293 -0
data/res/reveal.js-3.3.0/css/theme/moon.css +291 -0
data/res/reveal.js-3.3.0/css/theme/night.css +285 -0
data/res/reveal.js-3.3.0/css/theme/serif.css +287 -0
data/res/reveal.js-3.3.0/css/theme/simple.css +287 -0
data/res/reveal.js-3.3.0/css/theme/sky.css +294 -0
data/res/reveal.js-3.3.0/css/theme/solarized.css +291 -0
data/res/reveal.js-3.3.0/css/theme/source/beige.scss +39 -0
data/res/reveal.js-3.3.0/css/theme/source/black.scss +49 -0
data/res/reveal.js-3.3.0/css/theme/source/blood.scss +79 -0
data/res/reveal.js-3.3.0/css/theme/source/league.scss +34 -0
data/res/reveal.js-3.3.0/css/theme/source/moon.scss +57 -0
data/res/reveal.js-3.3.0/css/theme/source/night.scss +35 -0
data/res/reveal.js-3.3.0/css/theme/source/serif.scss +35 -0
data/res/reveal.js-3.3.0/css/theme/source/simple.scss +38 -0
data/res/reveal.js-3.3.0/css/theme/source/sky.scss +46 -0
data/res/reveal.js-3.3.0/css/theme/source/solarized.scss +63 -0
data/res/reveal.js-3.3.0/css/theme/source/white.scss +49 -0
data/res/reveal.js-3.3.0/css/theme/template/mixins.scss +29 -0
data/res/reveal.js-3.3.0/css/theme/template/settings.scss +43 -0
data/res/reveal.js-3.3.0/css/theme/template/theme.scss +346 -0
data/res/reveal.js-3.3.0/css/theme/white.css +287 -0
data/res/reveal.js-3.3.0/demo.html +410 -0
data/res/reveal.js-3.3.0/index.html +52 -0
data/res/reveal.js-3.3.0/js/reveal.js +4744 -0
data/res/reveal.js-3.3.0/lib/css/zenburn.css +80 -0
data/res/reveal.js-3.3.0/lib/font/league-gothic/LICENSE +2 -0
data/res/reveal.js-3.3.0/lib/font/league-gothic/league-gothic.css +10 -0
data/res/reveal.js-3.3.0/lib/font/league-gothic/league-gothic.eot +0 -0
data/res/reveal.js-3.3.0/lib/font/league-gothic/league-gothic.ttf +0 -0
data/res/reveal.js-3.3.0/lib/font/league-gothic/league-gothic.woff +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/LICENSE +45 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-italic.eot +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-italic.ttf +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-italic.woff +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-regular.eot +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-regular.ttf +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-regular.woff +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-semibold.eot +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-semibold.ttf +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-semibold.woff +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff +0 -0
data/res/reveal.js-3.3.0/lib/font/source-sans-pro/source-sans-pro.css +39 -0
data/res/reveal.js-3.3.0/lib/js/classList.js +2 -0
data/res/reveal.js-3.3.0/lib/js/head.min.js +9 -0
data/res/reveal.js-3.3.0/lib/js/html5shiv.js +7 -0
data/res/reveal.js-3.3.0/package.json +44 -0
data/res/reveal.js-3.3.0/plugin/highlight/highlight.js +31 -0
data/res/reveal.js-3.3.0/plugin/markdown/example.html +129 -0
data/res/reveal.js-3.3.0/plugin/markdown/example.md +31 -0
data/res/reveal.js-3.3.0/plugin/markdown/markdown.js +405 -0
data/res/reveal.js-3.3.0/plugin/markdown/marked.js +6 -0
data/res/reveal.js-3.3.0/plugin/math/math.js +67 -0
data/res/reveal.js-3.3.0/plugin/multiplex/client.js +13 -0
data/res/reveal.js-3.3.0/plugin/multiplex/index.js +64 -0
data/res/reveal.js-3.3.0/plugin/multiplex/master.js +31 -0
data/res/reveal.js-3.3.0/plugin/multiplex/package.json +19 -0
data/res/reveal.js-3.3.0/plugin/notes/notes.html +414 -0
data/res/reveal.js-3.3.0/plugin/notes/notes.js +136 -0
data/res/reveal.js-3.3.0/plugin/notes-server/client.js +65 -0
data/res/reveal.js-3.3.0/plugin/notes-server/index.js +69 -0
data/res/reveal.js-3.3.0/plugin/notes-server/notes.html +407 -0
data/res/reveal.js-3.3.0/plugin/print-pdf/print-pdf.js +48 -0
data/res/reveal.js-3.3.0/plugin/search/search.js +196 -0
data/res/reveal.js-3.3.0/plugin/zoom-js/zoom.js +278 -0
data/res/reveal.js-3.3.0/simple.html +90 -0
data/res/reveal.js-3.3.0/test/examples/assets/image1.png +0 -0
data/res/reveal.js-3.3.0/test/examples/assets/image2.png +0 -0
data/res/reveal.js-3.3.0/test/examples/barebones.html +41 -0
data/res/reveal.js-3.3.0/test/examples/embedded-media.html +49 -0
data/res/reveal.js-3.3.0/test/examples/math.html +185 -0
data/res/reveal.js-3.3.0/test/examples/slide-backgrounds.html +144 -0
data/res/reveal.js-3.3.0/test/examples/slide-transitions.html +101 -0
data/res/reveal.js-3.3.0/test/qunit-1.12.0.css +244 -0
data/res/reveal.js-3.3.0/test/qunit-1.12.0.js +2212 -0
data/res/reveal.js-3.3.0/test/test-markdown-element-attributes.html +134 -0
data/res/reveal.js-3.3.0/test/test-markdown-element-attributes.js +46 -0
data/res/reveal.js-3.3.0/test/test-markdown-slide-attributes.html +128 -0
data/res/reveal.js-3.3.0/test/test-markdown-slide-attributes.js +47 -0
data/res/reveal.js-3.3.0/test/test-markdown.html +52 -0
data/res/reveal.js-3.3.0/test/test-markdown.js +15 -0
data/res/reveal.js-3.3.0/test/test-pdf.html +83 -0
data/res/reveal.js-3.3.0/test/test-pdf.js +15 -0
data/res/reveal.js-3.3.0/test/test.html +86 -0
data/res/reveal.js-3.3.0/test/test.js +597 -0
data/res/reveal.js-3.3.0/test.md +31 -0
data/slideit.gemspec +25 -0
metadata +199 -0

data/res/reveal.js-3.3.0/plugin/multiplex/index.js ADDED Viewed

@@ -0,0 +1,64 @@
+var http        = require('http');
+var express		= require('express');
+var fs			= require('fs');
+var io			= require('socket.io');
+var crypto		= require('crypto');
+var app       	= express();
+var staticDir 	= express.static;
+var server    	= http.createServer(app);
+io = io(server);
+var opts = {
+	port: process.env.PORT || 1948,
+	baseDir : __dirname + '/../../'
+};
+io.on( 'connection', function( socket ) {
+	socket.on('multiplex-statechanged', function(data) {
+		if (typeof data.secret == 'undefined' || data.secret == null || data.secret === '') return;
+		if (createHash(data.secret) === data.socketId) {
+			data.secret = null;
+			socket.broadcast.emit(data.socketId, data);
+		};
+	});
+});
+[ 'css', 'js', 'plugin', 'lib' ].forEach(function(dir) {
+	app.use('/' + dir, staticDir(opts.baseDir + dir));
+});
+app.get("/", function(req, res) {
+	res.writeHead(200, {'Content-Type': 'text/html'});
+	var stream = fs.createReadStream(opts.baseDir + '/index.html');
+	stream.on('error', function( error ) {
+		res.write('<style>body{font-family: sans-serif;}</style><h2>reveal.js multiplex server.</h2><a href="/token">Generate token</a>');
+		res.end();
+	});
+	stream.on('readable', function() {
+		stream.pipe(res);
+	});
+});
+app.get("/token", function(req,res) {
+	var ts = new Date().getTime();
+	var rand = Math.floor(Math.random()*9999999);
+	var secret = ts.toString() + rand.toString();
+	res.send({secret: secret, socketId: createHash(secret)});
+});
+var createHash = function(secret) {
+	var cipher = crypto.createCipher('blowfish', secret);
+	return(cipher.final('hex'));
+};
+// Actually listen
+server.listen( opts.port || null );
+var brown = '\033[33m',
+	green = '\033[32m',
+	reset = '\033[0m';
+console.log( brown + "reveal.js:" + reset + " Multiplex running on port " + green + opts.port + reset );

data/res/reveal.js-3.3.0/plugin/multiplex/master.js ADDED Viewed

@@ -0,0 +1,31 @@
+(function() {
+	// Don't emit events from inside of notes windows
+	if ( window.location.search.match( /receiver/gi ) ) { return; }
+	var multiplex = Reveal.getConfig().multiplex;
+	var socket = io.connect( multiplex.url );
+	function post() {
+		var messageData = {
+			state: Reveal.getState(),
+			secret: multiplex.secret,
+			socketId: multiplex.id
+		};
+		socket.emit( 'multiplex-statechanged', messageData );
+	};
+	// Monitor events that trigger a change in state
+	Reveal.addEventListener( 'slidechanged', post );
+	Reveal.addEventListener( 'fragmentshown', post );
+	Reveal.addEventListener( 'fragmenthidden', post );
+	Reveal.addEventListener( 'overviewhidden', post );
+	Reveal.addEventListener( 'overviewshown', post );
+	Reveal.addEventListener( 'paused', post );
+	Reveal.addEventListener( 'resumed', post );
+}());

data/res/reveal.js-3.3.0/plugin/multiplex/package.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "name": "reveal-js-multiplex",
+  "version": "1.0.0",
+  "description": "reveal.js multiplex server",
+  "homepage": "http://lab.hakim.se/reveal-js",
+  "scripts": {
+    "start": "node index.js"
+  },
+  "engines": {
+    "node": "~4.1.1"
+  },
+  "dependencies": {
+    "express": "~4.13.3",
+    "grunt-cli": "~0.1.13",
+    "mustache": "~2.2.1",
+    "socket.io": "~1.3.7"
+  },
+  "license": "MIT"
+}

data/res/reveal.js-3.3.0/plugin/notes/notes.html ADDED Viewed

@@ -0,0 +1,414 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<title>reveal.js - Slide Notes</title>
+		<style>
+			body {
+				font-family: Helvetica;
+			}
+			#current-slide,
+			#upcoming-slide,
+			#speaker-controls {
+				padding: 6px;
+				box-sizing: border-box;
+				-moz-box-sizing: border-box;
+			}
+			#current-slide iframe,
+			#upcoming-slide iframe {
+				width: 100%;
+				height: 100%;
+				border: 1px solid #ddd;
+			}
+			#current-slide .label,
+			#upcoming-slide .label {
+				position: absolute;
+				top: 10px;
+				left: 10px;
+				font-weight: bold;
+				font-size: 14px;
+				z-index: 2;
+				color: rgba( 255, 255, 255, 0.9 );
+			}
+			#current-slide {
+				position: absolute;
+				width: 65%;
+				height: 100%;
+				top: 0;
+				left: 0;
+				padding-right: 0;
+			}
+			#upcoming-slide {
+				position: absolute;
+				width: 35%;
+				height: 40%;
+				right: 0;
+				top: 0;
+			}
+			#speaker-controls {
+				position: absolute;
+				top: 40%;
+				right: 0;
+				width: 35%;
+				height: 60%;
+				overflow: auto;
+				font-size: 18px;
+			}
+				.speaker-controls-time.hidden,
+				.speaker-controls-notes.hidden {
+					display: none;
+				}
+				.speaker-controls-time .label,
+				.speaker-controls-notes .label {
+					text-transform: uppercase;
+					font-weight: normal;
+					font-size: 0.66em;
+					color: #666;
+					margin: 0;
+				}
+				.speaker-controls-time {
+					border-bottom: 1px solid rgba( 200, 200, 200, 0.5 );
+					margin-bottom: 10px;
+					padding: 10px 16px;
+					padding-bottom: 20px;
+					cursor: pointer;
+				}
+				.speaker-controls-time .reset-button {
+					opacity: 0;
+					float: right;
+					color: #666;
+					text-decoration: none;
+				}
+				.speaker-controls-time:hover .reset-button {
+					opacity: 1;
+				}
+				.speaker-controls-time .timer,
+				.speaker-controls-time .clock {
+					width: 50%;
+					font-size: 1.9em;
+				}
+				.speaker-controls-time .timer {
+					float: left;
+				}
+				.speaker-controls-time .clock {
+					float: right;
+					text-align: right;
+				}
+				.speaker-controls-time span.mute {
+					color: #bbb;
+				}
+				.speaker-controls-notes {
+					padding: 10px 16px;
+				}
+				.speaker-controls-notes .value {
+					margin-top: 5px;
+					line-height: 1.4;
+					font-size: 1.2em;
+				}
+			.clear {
+				clear: both;
+			}
+			@media screen and (max-width: 1080px) {
+				#speaker-controls {
+					font-size: 16px;
+				}
+			}
+			@media screen and (max-width: 900px) {
+				#speaker-controls {
+					font-size: 14px;
+				}
+			}
+			@media screen and (max-width: 800px) {
+				#speaker-controls {
+					font-size: 12px;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<div id="current-slide"></div>
+		<div id="upcoming-slide"><span class="label">UPCOMING:</span></div>
+		<div id="speaker-controls">
+			<div class="speaker-controls-time">
+				<h4 class="label">Time <span class="reset-button">Click to Reset</span></h4>
+				<div class="clock">
+					<span class="clock-value">0:00 AM</span>
+				</div>
+				<div class="timer">
+					<span class="hours-value">00</span><span class="minutes-value">:00</span><span class="seconds-value">:00</span>
+				</div>
+				<div class="clear"></div>
+			</div>
+			<div class="speaker-controls-notes hidden">
+				<h4 class="label">Notes</h4>
+				<div class="value"></div>
+			</div>
+		</div>
+		<script src="../../plugin/markdown/marked.js"></script>
+		<script>
+			(function() {
+				var notes,
+					notesValue,
+					currentState,
+					currentSlide,
+					upcomingSlide,
+					connected = false;
+				window.addEventListener( 'message', function( event ) {
+					var data = JSON.parse( event.data );
+					// The overview mode is only useful to the reveal.js instance
+					// where navigation occurs so we don't sync it
+					if( data.state ) delete data.state.overview;
+					// Messages sent by the notes plugin inside of the main window
+					if( data && data.namespace === 'reveal-notes' ) {
+						if( data.type === 'connect' ) {
+							handleConnectMessage( data );
+						}
+						else if( data.type === 'state' ) {
+							handleStateMessage( data );
+						}
+					}
+					// Messages sent by the reveal.js inside of the current slide preview
+					else if( data && data.namespace === 'reveal' ) {
+						if( /ready/.test( data.eventName ) ) {
+							// Send a message back to notify that the handshake is complete
+							window.opener.postMessage( JSON.stringify({ namespace: 'reveal-notes', type: 'connected'} ), '*' );
+						}
+						else if( /slidechanged|fragmentshown|fragmenthidden|paused|resumed/.test( data.eventName ) && currentState !== JSON.stringify( data.state ) ) {
+							window.opener.postMessage( JSON.stringify({ method: 'setState', args: [ data.state ]} ), '*' );
+						}
+					}
+				} );
+				/**
+				 * Called when the main window is trying to establish a
+				 * connection.
+				 */
+				function handleConnectMessage( data ) {
+					if( connected === false ) {
+						connected = true;
+						setupIframes( data );
+						setupKeyboard();
+						setupNotes();
+						setupTimer();
+					}
+				}
+				/**
+				 * Called when the main window sends an updated state.
+				 */
+				function handleStateMessage( data ) {
+					// Store the most recently set state to avoid circular loops
+					// applying the same state
+					currentState = JSON.stringify( data.state );
+					// No need for updating the notes in case of fragment changes
+					if ( data.notes ) {
+						notes.classList.remove( 'hidden' );
+						notesValue.style.whiteSpace = data.whitespace;
+						if( data.markdown ) {
+							notesValue.innerHTML = marked( data.notes );
+						}
+						else {
+							notesValue.innerHTML = data.notes;
+						}
+					}
+					else {
+						notes.classList.add( 'hidden' );
+					}
+					// Update the note slides
+					currentSlide.contentWindow.postMessage( JSON.stringify({ method: 'setState', args: [ data.state ] }), '*' );
+					upcomingSlide.contentWindow.postMessage( JSON.stringify({ method: 'setState', args: [ data.state ] }), '*' );
+					upcomingSlide.contentWindow.postMessage( JSON.stringify({ method: 'next' }), '*' );
+				}
+				// Limit to max one state update per X ms
+				handleStateMessage = debounce( handleStateMessage, 200 );
+				/**
+				 * Forward keyboard events to the current slide window.
+				 * This enables keyboard events to work even if focus
+				 * isn't set on the current slide iframe.
+				 */
+				function setupKeyboard() {
+					document.addEventListener( 'keydown', function( event ) {
+						currentSlide.contentWindow.postMessage( JSON.stringify({ method: 'triggerKey', args: [ event.keyCode ] }), '*' );
+					} );
+				}
+				/**
+				 * Creates the preview iframes.
+				 */
+				function setupIframes( data ) {
+					var params = [
+						'receiver',
+						'progress=false',
+						'history=false',
+						'transition=none',
+						'autoSlide=0',
+						'backgroundTransition=none'
+					].join( '&' );
+					var urlSeparator = /\?/.test(data.url) ? '&' : '?';
+					var hash = '#/' + data.state.indexh + '/' + data.state.indexv;
+					var currentURL = data.url + urlSeparator + params + '&postMessageEvents=true' + hash;
+					var upcomingURL = data.url + urlSeparator + params + '&controls=false' + hash;
+					currentSlide = document.createElement( 'iframe' );
+					currentSlide.setAttribute( 'width', 1280 );
+					currentSlide.setAttribute( 'height', 1024 );
+					currentSlide.setAttribute( 'src', currentURL );
+					document.querySelector( '#current-slide' ).appendChild( currentSlide );
+					upcomingSlide = document.createElement( 'iframe' );
+					upcomingSlide.setAttribute( 'width', 640 );
+					upcomingSlide.setAttribute( 'height', 512 );
+					upcomingSlide.setAttribute( 'src', upcomingURL );
+					document.querySelector( '#upcoming-slide' ).appendChild( upcomingSlide );
+				}
+				/**
+				 * Setup the notes UI.
+				 */
+				function setupNotes() {
+					notes = document.querySelector( '.speaker-controls-notes' );
+					notesValue = document.querySelector( '.speaker-controls-notes .value' );
+				}
+				/**
+				 * Create the timer and clock and start updating them
+				 * at an interval.
+				 */
+				function setupTimer() {
+					var start = new Date(),
+						timeEl = document.querySelector( '.speaker-controls-time' ),
+						clockEl = timeEl.querySelector( '.clock-value' ),
+						hoursEl = timeEl.querySelector( '.hours-value' ),
+						minutesEl = timeEl.querySelector( '.minutes-value' ),
+						secondsEl = timeEl.querySelector( '.seconds-value' );
+					function _updateTimer() {
+						var diff, hours, minutes, seconds,
+							now = new Date();
+						diff = now.getTime() - start.getTime();
+						hours = Math.floor( diff / ( 1000 * 60 * 60 ) );
+						minutes = Math.floor( ( diff / ( 1000 * 60 ) ) % 60 );
+						seconds = Math.floor( ( diff / 1000 ) % 60 );
+						clockEl.innerHTML = now.toLocaleTimeString( 'en-US', { hour12: true, hour: '2-digit', minute:'2-digit' } );
+						hoursEl.innerHTML = zeroPadInteger( hours );
+						hoursEl.className = hours > 0 ? '' : 'mute';
+						minutesEl.innerHTML = ':' + zeroPadInteger( minutes );
+						minutesEl.className = minutes > 0 ? '' : 'mute';
+						secondsEl.innerHTML = ':' + zeroPadInteger( seconds );
+					}
+					// Update once directly
+					_updateTimer();
+					// Then update every second
+					setInterval( _updateTimer, 1000 );
+					timeEl.addEventListener( 'click', function() {
+						start = new Date();
+						_updateTimer();
+						return false;
+					} );
+				}
+				function zeroPadInteger( num ) {
+					var str = '00' + parseInt( num );
+					return str.substring( str.length - 2 );
+				}
+				/**
+				 * Limits the frequency at which a function can be called.
+				 */
+				function debounce( fn, ms ) {
+					var lastTime = 0,
+						timeout;
+					return function() {
+						var args = arguments;
+						var context = this;
+						clearTimeout( timeout );
+						var timeSinceLastCall = Date.now() - lastTime;
+						if( timeSinceLastCall > ms ) {
+							fn.apply( context, args );
+							lastTime = Date.now();
+						}
+						else {
+							timeout = setTimeout( function() {
+								fn.apply( context, args );
+								lastTime = Date.now();
+							}, ms - timeSinceLastCall );
+						}
+					}
+				}
+			})();
+		</script>
+	</body>
+</html>

data/res/reveal.js-3.3.0/plugin/notes/notes.js ADDED Viewed

@@ -0,0 +1,136 @@
+/**
+ * Handles opening of and synchronization with the reveal.js
+ * notes window.
+ *
+ * Handshake process:
+ * 1. This window posts 'connect' to notes window
+ *    - Includes URL of presentation to show
+ * 2. Notes window responds with 'connected' when it is available
+ * 3. This window proceeds to send the current presentation state
+ *    to the notes window
+ */
+var RevealNotes = (function() {
+	function openNotes( notesFilePath ) {
+		if( !notesFilePath ) {
+			var jsFileLocation = document.querySelector('script[src$="notes.js"]').src;  // this js file path
+			jsFileLocation = jsFileLocation.replace(/notes\.js(\?.*)?$/, '');   // the js folder path
+			notesFilePath = jsFileLocation + 'notes.html';
+		}
+		var notesPopup = window.open( notesFilePath, 'reveal.js - Notes', 'width=1100,height=700' );
+		/**
+		 * Connect to the notes window through a postmessage handshake.
+		 * Using postmessage enables us to work in situations where the
+		 * origins differ, such as a presentation being opened from the
+		 * file system.
+		 */
+		function connect() {
+			// Keep trying to connect until we get a 'connected' message back
+			var connectInterval = setInterval( function() {
+				notesPopup.postMessage( JSON.stringify( {
+					namespace: 'reveal-notes',
+					type: 'connect',
+					url: window.location.protocol + '//' + window.location.host + window.location.pathname + window.location.search,
+					state: Reveal.getState()
+				} ), '*' );
+			}, 500 );
+			window.addEventListener( 'message', function( event ) {
+				var data = JSON.parse( event.data );
+				if( data && data.namespace === 'reveal-notes' && data.type === 'connected' ) {
+					clearInterval( connectInterval );
+					onConnected();
+				}
+			} );
+		}
+		/**
+		 * Posts the current slide data to the notes window
+		 */
+		function post() {
+			var slideElement = Reveal.getCurrentSlide(),
+				notesElement = slideElement.querySelector( 'aside.notes' );
+			var messageData = {
+				namespace: 'reveal-notes',
+				type: 'state',
+				notes: '',
+				markdown: false,
+				whitespace: 'normal',
+				state: Reveal.getState()
+			};
+			// Look for notes defined in a slide attribute
+			if( slideElement.hasAttribute( 'data-notes' ) ) {
+				messageData.notes = slideElement.getAttribute( 'data-notes' );
+				messageData.whitespace = 'pre-wrap';
+			}
+			// Look for notes defined in an aside element
+			if( notesElement ) {
+				messageData.notes = notesElement.innerHTML;
+				messageData.markdown = typeof notesElement.getAttribute( 'data-markdown' ) === 'string';
+			}
+			notesPopup.postMessage( JSON.stringify( messageData ), '*' );
+		}
+		/**
+		 * Called once we have established a connection to the notes
+		 * window.
+		 */
+		function onConnected() {
+			// Monitor events that trigger a change in state
+			Reveal.addEventListener( 'slidechanged', post );
+			Reveal.addEventListener( 'fragmentshown', post );
+			Reveal.addEventListener( 'fragmenthidden', post );
+			Reveal.addEventListener( 'overviewhidden', post );
+			Reveal.addEventListener( 'overviewshown', post );
+			Reveal.addEventListener( 'paused', post );
+			Reveal.addEventListener( 'resumed', post );
+			// Post the initial state
+			post();
+		}
+		connect();
+	}
+	if( !/receiver/i.test( window.location.search ) ) {
+		// If the there's a 'notes' query set, open directly
+		if( window.location.search.match( /(\?|\&)notes/gi ) !== null ) {
+			openNotes();
+		}
+		// Open the notes when the 's' key is hit
+		document.addEventListener( 'keydown', function( event ) {
+			// Disregard the event if the target is editable or a
+			// modifier is present
+			if ( document.querySelector( ':focus' ) !== null || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey ) return;
+			// Disregard the event if keyboard is disabled
+			if ( Reveal.getConfig().keyboard === false ) return;
+			if( event.keyCode === 83 ) {
+				event.preventDefault();
+				openNotes();
+			}
+		}, false );
+		// Show our keyboard shortcut in the reveal.js help overlay
+		if( window.Reveal ) Reveal.registerKeyboardShortcut( 'S', 'Speaker notes view' );
+	}
+	return { open: openNotes };
+})();