@farberg/reveal-template 1.1.7 → 1.1.9

package/init-reveal.js

@@ -27,15 +27,19 @@ const externalJsLibs = [
 	'node_modules/easyqrcodejs/dist/easy.qrcode.min.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/asciinema-player/dist/bundle/asciinema-player.min.js'
+	'node_modules/asciinema-player/dist/bundle/asciinema-player.min.js',
+	'node_modules/reveal.js-plugins/customcontrols/plugin.js',
+	'node_modules/reveal.js-plugins/chalkboard/plugin.js',
+	'node_modules/@fortawesome/fontawesome-free/js/all.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/asciinema-player/dist/bundle/asciinema-player.css' }
+	{ href: 'node_modules/asciinema-player/dist/bundle/asciinema-player.css' },
+	{ href: 'node_modules/reveal.js-plugins/customcontrols/style.css' },
+	{ href: 'node_modules/reveal.js-plugins/chalkboard/style.css' },
+	{ href: 'node_modules/@fortawesome/fontawesome-free/css/all.min.css' },
 ]
 
 const extraThemeCssStylesheets = [
@@ -69,6 +73,12 @@ const defaultRevealOptions = {
 	markdown: {
 		smartypants: true,
 	},
+	chalkboard: {
+		boardmarkerWidth: 2,
+		chalkWidth: 3,
+		chalkEffect: 0.4,
+		theme: "chalkboard" // or "whiteboard"
+	},
 	keyboard: {
 		33: function () { Reveal.left(); }, // Don't go up using the presenter
 		34: function () { Reveal.right(); }, // Don't go down using the presenter
@@ -210,8 +220,9 @@ export function initReveal(opts) {
 			finalOptions.plugins = [
 				...modules,
 				...defaultDennisPlugins,
-				//window.RevealChalkboard,
-				...finalOptions.plugins
+				...finalOptions.plugins,
+				RevealChalkboard,
+				RevealCustomControls
 			]
 
 			if (options.verbose)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farberg/reveal-template",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "homepage": "https://github.com/pfisterer/reveal-template",
   "description": "Reveal.js template for Dennis' lectures",
   "main": "index.js",
@@ -24,6 +24,8 @@
     "pdf-merger-js": "^5.1.2",
     "puppeteer": "^24.6.0",
     "reveal.js": "^5.2.1",
-    "serve-static": "^2.2.0"
+    "serve-static": "^2.2.0",
+    "@fortawesome/fontawesome-free": "^6.4.1",
+    "reveal.js-plugins": "^4.6.0"
   }
 }

package/plugins/reveal-plugin-show-code-snippets.js

@@ -68,14 +68,19 @@ function extractBeginEndSnippet(code, beginMarker, endMarker) {
 }
 
 export default () => {
-
 	return {
 		id: 'show_code_snippets',
 		init: (deck) => {
 
-			deck.on('ready', () => {
+			deck.on('ready', async () => {
 				const highlightPlugin = deck.getPlugin("highlight")
 
+				highlightPlugin.hljs.configure({
+					// This suppresses the specific console warning you are seeing
+					ignoreUnescapedHTML: true
+				});
+
+
 				for (let el of deck.getRevealElement().querySelectorAll("a[data-code]")) {
 					//console.log(`Loading code snippets, looking at`, el)
 					let language = el.getAttribute("data-code");
@@ -88,26 +93,25 @@ export default () => {
 					//console.log(`language = ${language}, url = ${url}, beginMarker = ${beginMarker}, endMarker = ${endMarker}, showLink = ${showLink} `)
 
 					if (url) {
-						fetch(url, { "cache": "no-store" })
-							.then(response => response.text()).then(text => {
-								let code = extractBeginEndSnippet(text, beginMarker, endMarker)
-
-								if (outdentCode)
-									code = outdent(code)
-
-								/* const newEl = */ showCode(el, language, code, showLink ? url : null, outdent)
-								//highlightPlugin.highlightElement(newEl)
-								highlightPlugin.hljs.highlightAll()
-							}).catch(err => {
-								showError(el, err)
-							})
+						const response = await fetch(url, { "cache": "no-store" })
+						const text = await response.text()
+						let code = extractBeginEndSnippet(text, beginMarker, endMarker)
+
+						if (outdentCode)
+							code = outdent(code)
+
+						const newEl = showCode(el, language, code, showLink ? url : null, outdent)
+						highlightPlugin.hljs.highlightElement(newEl)
+
 					} else {
 						showError(el, "No URL provided in elements innerText")
 					}
 				}
 
+
 			})
 
+
 		}
 	}
 }