@farberg/reveal-template 1.1.9 → 1.1.12

package/init-reveal.js

@@ -77,7 +77,16 @@ const defaultRevealOptions = {
 		boardmarkerWidth: 2,
 		chalkWidth: 3,
 		chalkEffect: 0.4,
-		theme: "chalkboard" // or "whiteboard"
+		theme: "chalkboard", // or "whiteboard"
+		grid: { color: 'rgb(50,50,10,0.5)', distance: 100, width: 3 },
+		boardmarkers: [
+			{ color: 'rgba(225, 2, 23, 1)' },
+			{ color: 'rgba(100,100,100,1)' },
+		],
+		chalks: [
+			{ color: 'rgba(225, 2, 23, 0.6)' },
+			{ color: 'rgba(100,100,100,0.6)' },
+		]
 	},
 	keyboard: {
 		33: function () { Reveal.left(); }, // Don't go up using the presenter

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farberg/reveal-template",
-  "version": "1.1.9",
+  "version": "1.1.12",
   "homepage": "https://github.com/pfisterer/reveal-template",
   "description": "Reveal.js template for Dennis' lectures",
   "main": "index.js",
@@ -15,17 +15,17 @@
   "author": "Dennis Pfisterer, http://dennis-pfisterer.de",
   "license": "Apache License 2.0",
   "dependencies": {
-    "asciinema-player": "^3.9.0",
+    "asciinema-player": "^3.15.1",
     "connect": "^3.7.0",
     "easyqrcodejs": "^4.6.2",
     "file-saver": "^2.0.5",
     "jszip": "^3.10.1",
-    "mermaid": "^11.6.0",
+    "mermaid": "^11.14.0",
     "pdf-merger-js": "^5.1.2",
-    "puppeteer": "^24.6.0",
-    "reveal.js": "^5.2.1",
-    "serve-static": "^2.2.0",
-    "@fortawesome/fontawesome-free": "^6.4.1",
+    "puppeteer": "^24.42.0",
+    "reveal.js": "^6.0.1",
+    "serve-static": "^2.2.1",
+    "@fortawesome/fontawesome-free": "^7.2.0",
     "reveal.js-plugins": "^4.6.0"
   }
 }

package/plugins/reveal-plugin-dir-tree.js

@@ -57,15 +57,24 @@ const dir_tree = {
 		}
 
 		function download(files, zipName) {
-			Promise.all(files.map(file => fetch(file)))
-				.then(promises => Promise.all(promises.map(p => p.text()))
-					.then(values => {
-						var zip = new JSZip();
-						values.forEach((text, idx) => zip.file(files[idx], text))
-						zip.generateAsync({ type: "blob" }).then(blob => {
-							saveAs(blob, zipName);
+			Promise.all(files.map(file => fetch(file, { "credentials": "include" })))
+				.then(promises => {
+					// Check for 401 responses
+					const hasUnauthorized = promises.some(p => p.status === 401);
+					if (hasUnauthorized) {
+						console.log("Authentication required (dir-tree), reloading page");
+						window.location.reload();
+						return;
+					}
+					return Promise.all(promises.map(p => p.text()))
+						.then(values => {
+							var zip = new JSZip();
+							values.forEach((text, idx) => zip.file(files[idx], text))
+							zip.generateAsync({ type: "blob" }).then(blob => {
+								saveAs(blob, zipName);
+							})
 						})
-					}))
+				})
 
 		}
 

package/plugins/reveal-plugin-mermaid.js

@@ -20,14 +20,41 @@ export default {
 			'sequence': {
 				'mirrorActors': false,
 				'useMaxWidth': true
+			},
+			'flowchart': {
+				'useMaxWidth': true,
+				'htmlLabels': true
 			}
 		});
 
+		function fixSvgScaling(el) {
+			el.querySelectorAll('pre.mermaid svg').forEach(svg => {
+				// mermaid v10+ sets style="max-width: Xpx" which constrains width —
+				// remove it and let the container CSS drive the size instead
+				svg.style.maxWidth = '100%';
+				svg.style.width = '100%';
+				svg.style.height = 'auto';
+			});
+		}
+
 		function handle(el) {
-			const mermaids = el.querySelectorAll('pre.mermaid')
-			mermaid.run({
-				nodes: mermaids,
+			// Convert ```mermaid code blocks into pre.mermaid elements.
+			// highlight.js processes them first (adding spans, encoding arrows as >),
+			// so we read textContent to strip spans and decode HTML entities back to raw source.
+			el.querySelectorAll('code.mermaid').forEach(code => {
+				if (code.closest('pre.mermaid')) return; // already converted
+				const pre = code.parentElement;
+				pre.className = 'mermaid';
+				pre.textContent = code.textContent;
 			});
+
+			const mermaids = el.querySelectorAll('pre.mermaid');
+			const result = mermaid.run({ nodes: mermaids });
+			if (result && typeof result.then === 'function') {
+				result.then(() => fixSvgScaling(el));
+			} else {
+				setTimeout(() => fixSvgScaling(el), 100);
+			}
 		}
 
 		deck.on('ready', event => {
@@ -40,12 +67,15 @@ export default {
 				border: 1px solid #e0e0e0;
 				box-shadow: none !important;
 				text-align: center;
-			  }	
+				overflow: visible;
+			  }
+			  pre.mermaid svg {
+				max-width: 100%;
+				height: auto;
+			  }
 			`;
 			document.head.appendChild(style);
 
-			//check if url contains print-pdf
-
 			const print = window.location.search.match(/print-pdf/gi);
 
 			if (print) {
@@ -55,7 +85,6 @@ export default {
 				deck.addEventListener('slidechanged', e => handle(e.currentSlide));
 				handle(event.currentSlide);
 			}
-
 		})
 	}
 }

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

@@ -93,7 +93,12 @@ export default () => {
 					//console.log(`language = ${language}, url = ${url}, beginMarker = ${beginMarker}, endMarker = ${endMarker}, showLink = ${showLink} `)
 
 					if (url) {
-						const response = await fetch(url, { "cache": "no-store" })
+						const response = await fetch(url, { "cache": "no-store", "credentials": "include" })
+						if (response.status === 401) {
+							console.log("Authentication required (show-code-snippets), reloading page");
+							window.location.reload();
+							return;
+						}
 						const text = await response.text()
 						let code = extractBeginEndSnippet(text, beginMarker, endMarker)
 

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

@@ -50,9 +50,18 @@ export default () => {
 			deck.on('ready', () => {
 				let info_json_url = (deck.getConfig().farberg_reveal_template || {}).info_json || new URL('package.json', window.location)
 				if (info_json_url)
-					fetch(info_json_url.href, { "cache": "no-store" })
-						.then(res => res.json())
-						.then(json => showLinkToSlidesAndQrCode(deck, json.homepage))
+					fetch(info_json_url.href, { "cache": "no-store", "credentials": "include" })
+						.then(res => {
+							if (res.status === 401) {
+								console.log("Authentication required, reloading page");
+								window.location.reload();
+								return;
+							}
+							return res.json();
+						})
+						.then(json => {
+							if (json) showLinkToSlidesAndQrCode(deck, json.homepage)
+						})
 						.catch(err => console.log("Error fetching info json", err))
 				else
 					console.log("show_qr_code: no URL available @ farberg_reveal_template.info_json")

package/plugins/reveal-plugin-show-title.js

@@ -53,9 +53,18 @@ export default () => {
 			deck.on('ready', () => {
 				let info_json_url = (deck.getConfig().farberg_reveal_template || {}).info_json || new URL('package.json', window.location)
 				if (info_json_url)
-					fetch(info_json_url.href, { "cache": "no-store" })
-						.then(response => response.json())
-						.then(packageJson => showTitle(deck, packageJson));
+					fetch(info_json_url.href, { "cache": "no-store", "credentials": "include" })
+						.then(res => {
+							if (res.status === 401) {
+								console.log("Authentication required (show-title), reloading page");
+								window.location.reload();
+								return;
+							}
+							return res.json();
+						})
+						.then(packageJson => {
+							if (packageJson) showTitle(deck, packageJson)
+						});
 				else
 					console.log("show_title: no URL available @ farberg_reveal_template.info_json")
 			})

package/plugins/reveal-plugin-show-toc.js

@@ -14,9 +14,18 @@
  */
 
 function showToc(url, el) {
-	fetch(url, { "cache": "no-store" })
-		.then(res => res.text())
-		.then(html => el.innerHTML = html)
+	fetch(url, { "cache": "no-store", "credentials": "include" })
+		.then(res => {
+			if (res.status === 401) {
+				console.log("Authentication required (show-toc), reloading page");
+				window.location.reload();
+				return;
+			}
+			return res.text();
+		})
+		.then(html => {
+			if (html) el.innerHTML = html
+		})
 		.catch(e => console.log(`Unable to load TOC from ${url}`, e))
 }
 

package/scripts/helpers.js

@@ -2,12 +2,15 @@ const fs = require('fs');
 
 module.exports.combined_pdf = function (package_json) {
 
+	// Extract shortnames and join with " and "
 	let authorBlock = package_json.authors.map(entry => {
 		return entry.shortname || entry.name || "unknown"
 	}).join(" and ")
 
-	const combined_pdf_name = `${package_json.description} - ${authorBlock}`
-		.replace(/[^\w- ]/gi, '') + ".pdf"
+	// Match the bash logic: Title - Shortnames.pdf
+	// Note: We avoid the regex replacement unless you specifically want 
+	// to strip the " - " separator we just added.
+	const combined_pdf_name = `${package_json.title} - ${authorBlock}.pdf`
 
 	return combined_pdf_name
 }