foster/website
1
0
Fork 0
Code Issues 8 Pull requests Activity

Convert Plantuml code to images using Kroki

Browse source
This commit is contained in:
Foster Hangdaan 2024-09-14 08:03:30 -04:00
parent f17e39f432
commit e3f5e470c5
Signed by: foster
GPG key ID: E48D7F49A852F112
1 changed files with 26 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
_config.ts
View file

@ -11,6 +11,10 @@ import lang_typescript from "npm:highlight.js/lib/languages/typescript";
import lang_javascript from "npm:highlight.js/lib/languages/javascript";
import lang_bash from "npm:highlight.js/lib/languages/bash";
import { deflateSync } from "node:zlib";
const textEncoder = new TextEncoder();
const site = lume({
src: "./src",
location: new URL("https://www.fosterhangdaan.com/"),
@ -90,6 +94,28 @@ site.process([".html"], (pages) => {
codeCommentElement.classList.add("docstring");
}
}
/**
* Convert Plantuml code to images using Kroki.
*/
const diagrams = page.document.getElementsByClassName(
"language-plantuml",
);
if (diagrams.length > 0) {
for (const diagram of diagrams) {
if (diagram.textContent && diagram.parentElement) {
const encoded = textEncoder.encode(diagram.textContent);
const compressed = deflateSync(encoded);
const result = compressed.toString("base64url");
const img = page.document.createElement("img");
const url = new URL(
`https://kroki.fosterhangdaan.com/plantuml/svg/${result}`,
);
img.setAttribute("src", url.toString());
diagram.parentElement.replaceWith(img);
}
}
}
}
});
});