1
0
mirror of https://github.com/coalaura/whiskr.git synced 2025-09-09 01:09:54 +00:00

dropdowns

This commit is contained in:
Laura
2025-08-09 22:14:35 +02:00
parent 9db37f64cb
commit 91d9ce4449
7 changed files with 163 additions and 117 deletions

View File

@@ -1,105 +1,3 @@
(() => {
const timeouts = new WeakMap(),
images = {};
marked.use({
async: false,
breaks: false,
gfm: true,
pedantic: false,
walkTokens: (token) => {
const { type, lang, text } = token;
if (type !== "code") {
return;
}
let code;
if (lang && hljs.getLanguage(lang)) {
code = hljs.highlight(text, {
language: lang,
});
} else {
code = hljs.highlightAuto(text);
}
token.escaped = true;
token.text = code.value;
},
renderer: {
code(code) {
const header = `<div class="pre-header">${escapeHtml(code.lang)}<button class="pre-copy" title="Copy code contents"></button></div>`;
return `<pre>${header}<code>${code.text}</code></pre>`;
},
image(image) {
const { href } = image;
const id = `i_${btoa(href).replace(/=/g, "")}`,
style = prepareImage(id, href) || "";
return `<div class="image ${id}" style="${style}"></div>`;
},
},
});
function prepareImage(id, href) {
if (href in images) {
return images[href];
}
images[href] = false;
const image = new Image();
image.addEventListener("load", () => {
const style = `aspect-ratio:${image.naturalWidth}/${image.naturalHeight};width:${image.naturalWidth}px;background-image:url(${href})`;
images[href] = style;
document.querySelectorAll(`.image.${id}`).forEach((img) => {
img.setAttribute("style", style);
});
});
image.addEventListener("error", () => {
console.error(`Failed to load image: ${href}`);
});
image.src = href;
return false;
}
document.body.addEventListener("click", (event) => {
const button = event.target,
header = button.closest(".pre-header"),
pre = header?.closest("pre"),
code = pre?.querySelector("code");
if (!code) {
return;
}
clearTimeout(timeouts.get(pre));
navigator.clipboard.writeText(code.textContent.trim());
button.classList.add("copied");
timeouts.set(
pre,
setTimeout(() => {
button.classList.remove("copied");
}, 1000),
);
});
})();
function storeValue(key, value) {
if (!value) {
localStorage.removeItem(key);