diff options
Diffstat (limited to 'filters/syntax-highlighting.js/loader.js')
| -rw-r--r-- | filters/syntax-highlighting.js/loader.js | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/filters/syntax-highlighting.js/loader.js b/filters/syntax-highlighting.js/loader.js new file mode 100644 index 0000000..40cd71c --- /dev/null +++ b/filters/syntax-highlighting.js/loader.js @@ -0,0 +1,57 @@ +/* SPDX-License-Identifier: GPL-2.0-only */ +(function () { + const base = new URL(".", document.currentScript.src); + + document.addEventListener("DOMContentLoaded", async function () { + const code = document.querySelector("#cgit table.blob td.lines pre > code"); + if (!code || code.children.length) + return; + const style = document.createElement("link"); + style.rel = "stylesheet"; + style.href = new URL("style.css", base).href; + document.head.appendChild(style); + const crumb = document.querySelector("#cgit .path a:last-child"); + const filename = crumb?.textContent.split("/").pop() || ""; + const text = code.textContent; + try { + const { rules, interpreters, dependencies } = await import(new URL("filenames.js", base).href); + let names = rules.filter(([, pattern]) => pattern.test(filename)).map(([name]) => name); + const shebang = !names.length && /^#![ \t]*(\S+)([^\r\n]*)/.exec(text); + if (shebang) { + let command = shebang[1]; + if (command.split("/").pop() === "env") { + const args = shebang[2].trim(); + const split = /^(?:-S[ \t]*|--split-string(?:=|[ \t]+))/.exec(args); + const word = split + ? /^(?:"([\w./+-]+)"|'([\w./+-]+)'|([\w./+-]+))(?:[ \t]|$)/.exec(args.slice(split[0].length)) + : /^([\w./+-]+)$/.exec(args); + command = word?.slice(1).find(Boolean) || ""; + } + const interpreter = command.split("/").pop(); + names = interpreters.filter(([, pattern]) => pattern.test(interpreter)).map(([name]) => name); + } + names = [...new Set(names)].filter(name => name !== "plaintext"); + if (!names.length) + return; + + const { default: hljs } = await import(new URL("core.min.js", base).href); + const needed = new Set(names.flatMap(name => [name, ...(dependencies[name] || [])])); + await Promise.all([...needed].map(async name => { + const { default: grammar } = await import(new URL(`languages/${name}.min.js`, base).href); + hljs.registerLanguage(name, grammar); + })); + let best; + for (const language of names) { + const result = hljs.highlight(text, { language, ignoreIllegals: names.length === 1 }); + if (!result.illegal && (!best || result.relevance > best.relevance)) + best = result; + } + if (best) { + code.innerHTML = best.value; + code.classList.add("hljs"); + } + } catch (error) { + console.warn("Syntax highlighting failed:", error); + } + }); +})(); |
