diff options
author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-04 10:39:37 +0200 |
---|---|---|
committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-04 10:39:37 +0200 |
commit | 60cd098c8df9e43112ee2e32c0bbf7060dd36bbd (patch) | |
tree | f93fb14a6e0edc04967aab93638babd4a799bf29 /plugin/notes/notes.js | |
parent | a4cb3307bb6348a5ee1455cf7ee1ff114d7b8382 (diff) | |
download | fosdem-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.js | 185 |
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; |