jan/revproxy-presentation
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

bundle html inside of notes.js, no more need for relatively locating external html

Browse source
This commit is contained in:
Hakim El Hattab 2020-05-18 15:59:18 +02:00
parent 8fc2ec9238
commit 3d2371f58c
10 changed files with 38 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

2
plugin/notes/notes.esm.js
View file

File diff suppressed because one or more lines are too long

2
plugin/notes/notes.js
View file

File diff suppressed because one or more lines are too long

42
plugin/notes/plugin.js
View file

@ -1,3 +1,5 @@
import speakerViewHTML from './speaker-view.html';
/**
* Handles opening of and synchronization with the reveal.js
* notes window.
@ -11,27 +13,21 @@
*/
const Plugin = () => {
var notesPopup = null;
let popup = null;
var deck;
let deck;
function openNotes( notesFilePath ) {
function openNotes() {
if (notesPopup && !notesPopup.closed) {
notesPopup.focus();
if (popup && !popup.closed) {
popup.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'
}
popup = window.open( 'about:blank', 'reveal.js - Notes', 'width=1100,height=700' );
popup.document.write( speakerViewHTML );
notesPopup = window.open( notesFilePath, 'reveal.js - Notes', 'width=1100,height=700' );
if( !notesPopup ) {
if( !popup ) {
alert( 'Speaker view popup failed to open. Please make sure popups are allowed and reopen the speaker view.' );
return;
}
@ -44,8 +40,8 @@ const Plugin = () => {
*/
function connect() {
// Keep trying to connect until we get a 'connected' message back
var connectInterval = setInterval( function() {
notesPopup.postMessage( JSON.stringify( {
let connectInterval = setInterval( function() {
popup.postMessage( JSON.stringify( {
namespace: 'reveal-notes',
type: 'connect',
url: window.location.protocol + '//' + window.location.host + window.location.pathname + window.location.search,
@ -54,7 +50,7 @@ const Plugin = () => {
}, 500 );
window.addEventListener( 'message', function( event ) {
var data = JSON.parse( event.data );
let data = JSON.parse( event.data );
if( data && data.namespace === 'reveal-notes' && data.type === 'connected' ) {
clearInterval( connectInterval );
onConnected();
@ -71,8 +67,8 @@ const Plugin = () => {
*/
function callRevealApi( methodName, methodArguments, callId ) {
var result = deck[methodName].apply( deck, methodArguments );
notesPopup.postMessage( JSON.stringify( {
let result = deck[methodName].apply( deck, methodArguments );
popup.postMessage( JSON.stringify( {
namespace: 'reveal-notes',
type: 'return',
result: result,
@ -86,11 +82,11 @@ const Plugin = () => {
*/
function post( event ) {
var slideElement = deck.getCurrentSlide(),
let slideElement = deck.getCurrentSlide(),
notesElement = slideElement.querySelector( 'aside.notes' ),
fragmentElement = slideElement.querySelector( '.current-fragment' );
var messageData = {
let messageData = {
namespace: 'reveal-notes',
type: 'state',
notes: '',
@ -107,7 +103,7 @@ const Plugin = () => {
// Look for notes defined in a fragment
if( fragmentElement ) {
var fragmentNotes = fragmentElement.querySelector( 'aside.notes' );
let fragmentNotes = fragmentElement.querySelector( 'aside.notes' );
if( fragmentNotes ) {
notesElement = fragmentNotes;
}
@ -126,7 +122,7 @@ const Plugin = () => {
messageData.markdown = typeof notesElement.getAttribute( 'data-markdown' ) === 'string';
}
notesPopup.postMessage( JSON.stringify( messageData ), '*' );
popup.postMessage( JSON.stringify( messageData ), '*' );
}

5
plugin/notes/notes.html → plugin/notes/speaker-view.html
View file

@ -1,9 +1,8 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>reveal.js - Slide Notes</title>
<title>reveal.js - Speaker View</title>
<style>
body {
@ -851,4 +850,4 @@
</script>
</body>
</html>
</html>