@farberg/reveal-template 1.0.52 → 1.0.54

package/init-reveal.js

@@ -9,6 +9,8 @@ import ShowHTMLExample from './plugins/reveal-plugin-html-example.js';
 import ToggleSolutionsPlugin from './plugins/reveal-plugin-toggle-solutions.js';
 import DirTreePlugin from './plugins/reveal-plugin-dir-tree.js';
 import PrefixUrlPlugin from './plugins/reveal-plugin-prefix-with-base-url.js';
+import AsciinemaPlugin from './plugins/reveal-plugin-asciinema.js';
+
 
 const defaultOptions = {
 	revealOptions: {},
@@ -25,13 +27,15 @@ const externalJsLibs = [
 	'node_modules/qrcode/build/qrcode.js',
 	'node_modules/file-saver/dist/FileSaver.min.js',
 	'node_modules/jszip/dist/jszip.min.js',
-	'node_modules/reveal.js-plugins/chalkboard/plugin.js'
+	'node_modules/reveal.js-plugins/chalkboard/plugin.js',
+	'node_modules/asciinema-player/dist/bundle/asciinema-player.min.js'
 ]
 
 const extraStylesheets = [
 	{ href: 'node_modules/reveal.js/dist/reveal.css' },
 	{ href: 'node_modules/reveal.js/plugin/highlight/zenburn.css' },
-	{ href: 'node_modules/reveal.js-plugins/chalkboard/style.css' }
+	{ href: 'node_modules/reveal.js-plugins/chalkboard/style.css' },
+	{ href: 'node_modules/asciinema-player/dist/bundle/asciinema-player.css' }
 ]
 
 const extraThemeCssStylesheets = [
@@ -42,7 +46,7 @@ const extraThemeCssStylesheets = [
 const defaultDennisPlugins = [
 	ShowCodeSnippets, ShowToc, ShowAttribution, ShowQrCode, ShowTitle,
 	ModifyFontSize, ShowHTMLExample, ToggleSolutionsPlugin, DirTreePlugin,
-	PrefixUrlPlugin
+	PrefixUrlPlugin, AsciinemaPlugin
 ]
 
 const defaultRevealOptions = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farberg/reveal-template",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "homepage": "https://github.com/pfisterer/reveal-template",
   "description": "Reveal.js template for Dennis' lectures",
   "main": "index.js",

package/plugins/reveal-plugin-asciinema.js

@@ -6,23 +6,29 @@ export default () => {
 		init: (deck) => {
 
 			deck.on('ready', () => {
-				// Workaround to get elements into an array before they are replaced
-				const els = []
-				for (let el of deck.getRevealElement().getElementsByTagName("asciinema")) {
-					els.push(el)
-				}
-
-				for (let el of els) {
-					console.log("Looking @", el)
-					const source = el.getAttribute('src')
-					const conf = el.getAttribute('data-conf')
-					const div = document.createElement('div')
-
-					el.parentElement.replaceChild(div, el)
-
-					console.log("Playing", source, "with options", conf)
-					console.log(AsciinemaPlayer.create(source, div, JSON.parse(conf)));
-				}
+
+				deck.addEventListener('slidechanged', function (event) {
+
+					// Workaround to get elements into an array before they are replaced
+					const els = []
+					for (let el of deck.getRevealElement().getElementsByTagName("asciinema")) {
+						els.push(el)
+					}
+
+					for (let el of els) {
+						console.log("Looking @", el)
+						const source = el.getAttribute('src')
+						const conf = el.getAttribute('data-conf')
+						const div = document.createElement('div')
+
+						el.parentElement.replaceChild(div, el)
+
+						console.log("Playing", source, "with options", conf)
+						console.log(AsciinemaPlayer.create(source, div, JSON.parse(conf)));
+					}
+				})
+
+
 			})
 
 		}