Skip highlight.js if not needed on the page

2024-06-02 06:31:08 +02:00
parent 3f0782d1cf
commit 1024524729
1 changed files with 9 additions and 2 deletions
@@ -2,6 +2,7 @@
 // Highlight.JS: https://highlightjs.org/

 async function initializeHighlightJS() {
+
 	const languageRE = /\blanguage-([a-zA-Z0-9_\-]+)\b/gi;
 	const noLanguageRE = /\bno-language\b/gi;
 	const languages = [
@@ -57,6 +58,12 @@ async function initializeHighlightJS() {
 		"xml",
 		"yaml",
 	];
+	const selector = "code.block[class*=\"language\"]";
+
+	if (document.querySelectorAll(selector).length == 0) {
+		console.log("highlight.JS: Skipping, as it is not needed here.");
+		return;
+	}

 	console.log("highlight.JS: Loading...");
 	let highlightJS = await import("./highlightjs/highlight.mjs");
@@ -85,10 +92,10 @@ async function initializeHighlightJS() {
 				try {
 					mod = await import(`./highlightjs/languages/${lang}.min.js`);
 					break;
-				} catch(ex) {
+				} catch (ex) {
 					err = ex;
 					await new Promise((resolve, reject) => {
-						setTimeout(() => {resolve()}, 1000);
+						setTimeout(() => { resolve() }, 1000);
 					})
 				}
 			}