aboutsummaryrefslogtreecommitdiff
path: root/plugin/notes/notes.js
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2020-05-04 10:39:37 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2020-05-04 10:39:37 +0200
commit60cd098c8df9e43112ee2e32c0bbf7060dd36bbd (patch)
treef93fb14a6e0edc04967aab93638babd4a799bf29 /plugin/notes/notes.js
parenta4cb3307bb6348a5ee1455cf7ee1ff114d7b8382 (diff)
downloadfosdem-2021-minimalism-presentation-60cd098c8df9e43112ee2e32c0bbf7060dd36bbd.tar
fosdem-2021-minimalism-presentation-60cd098c8df9e43112ee2e32c0bbf7060dd36bbd.tar.gz
.esm suffix for module bundle, marked/highlight.js are installed via npm
Diffstat (limited to 'plugin/notes/notes.js')
-rw-r--r--plugin/notes/notes.js185
1 files changed, 0 insertions, 185 deletions
diff --git a/plugin/notes/notes.js b/plugin/notes/notes.js
deleted file mode 100644
index 8af8ff0..0000000
--- a/plugin/notes/notes.js
+++ /dev/null
@@ -1,185 +0,0 @@
-/**
- * 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
- */
-const Plugin = () => {
-
- var notesPopup = null;
-
- var deck;
-
- function openNotes( notesFilePath ) {
-
- if (notesPopup && !notesPopup.closed) {
- notesPopup.focus();
- return;
- }
-
- 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';
- notesFilePath = 'plugin/notes/notes.html'
- }
-
- notesPopup = window.open( notesFilePath, 'reveal.js - Notes', 'width=1100,height=700' );
-
- if( !notesPopup ) {
- alert( 'Speaker view popup failed to open. Please make sure popups are allowed and reopen the speaker view.' );
- return;
- }
-
- /**
- * 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: deck.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();
- }
- if( data && data.namespace === 'reveal-notes' && data.type === 'call' ) {
- callRevealApi( data.methodName, data.arguments, data.callId );
- }
- } );
- }
-
- /**
- * Calls the specified Reveal.js method with the provided argument
- * and then pushes the result to the notes frame.
- */
- function callRevealApi( methodName, methodArguments, callId ) {
-
- var result = deck[methodName].apply( deck, methodArguments );
- notesPopup.postMessage( JSON.stringify( {
- namespace: 'reveal-notes',
- type: 'return',
- result: result,
- callId: callId
- } ), '*' );
-
- }
-
- /**
- * Posts the current slide data to the notes window
- */
- function post( event ) {
-
- var slideElement = deck.getCurrentSlide(),
- notesElement = slideElement.querySelector( 'aside.notes' ),
- fragmentElement = slideElement.querySelector( '.current-fragment' );
-
- var messageData = {
- namespace: 'reveal-notes',
- type: 'state',
- notes: '',
- markdown: false,
- whitespace: 'normal',
- state: deck.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 a fragment
- if( fragmentElement ) {
- var fragmentNotes = fragmentElement.querySelector( 'aside.notes' );
- if( fragmentNotes ) {
- notesElement = fragmentNotes;
- }
- else if( fragmentElement.hasAttribute( 'data-notes' ) ) {
- messageData.notes = fragmentElement.getAttribute( 'data-notes' );
- messageData.whitespace = 'pre-wrap';
-
- // In case there are slide notes
- notesElement = null;
- }
- }
-
- // 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
- deck.on( 'slidechanged', post );
- deck.on( 'fragmentshown', post );
- deck.on( 'fragmenthidden', post );
- deck.on( 'overviewhidden', post );
- deck.on( 'overviewshown', post );
- deck.on( 'paused', post );
- deck.on( 'resumed', post );
-
- // Post the initial state
- post();
-
- }
-
- connect();
-
- }
-
- return {
- id: 'notes',
-
- init: function( reveal ) {
-
- deck = reveal;
-
- 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
- deck.addKeyBinding({keyCode: 83, key: 'S', description: 'Speaker notes view'}, function() {
- openNotes();
- } );
-
- }
-
- },
-
- open: openNotes
- };
-
-};
-
-export default Plugin;