mirror of
https://github.com/saicaca/fuwari.git
synced 2026-01-10 14:22:51 +01:00
ee48c2f09d
* feat: improve code block feature with Expressive Code * docs: add example Markdown file for visual review * feat: improve styles of Expressive Code * fix: errors from the merging * chore: formatting * chore: update config * chore: update dependencies * fix: fix build error * fix: minor fixes * fix: style tweaks * docs: update example post * fix: isolate copy button timeouts to avoid cross-button interference --------- Co-authored-by: Hasenpfote <Hasenpfote36@gmail.com>
44 lines
1.4 KiB
Plaintext
44 lines
1.4 KiB
Plaintext
---
|
|
import "@fontsource-variable/jetbrains-mono";
|
|
import "@fontsource-variable/jetbrains-mono/wght-italic.css";
|
|
|
|
interface Props {
|
|
class: string;
|
|
}
|
|
const className = Astro.props.class;
|
|
---
|
|
<div data-pagefind-body class={`prose dark:prose-invert prose-base !max-w-none custom-md ${className}`}>
|
|
<!--<div class="prose dark:prose-invert max-w-none custom-md">-->
|
|
<!--<div class="max-w-none custom-md">-->
|
|
<slot/>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener("click", function (e: MouseEvent) {
|
|
const target = e.target as Element | null;
|
|
if (target && target.classList.contains("copy-btn")) {
|
|
const preEle = target.closest("pre");
|
|
const codeEle = preEle?.querySelector("code");
|
|
const code = Array.from(codeEle?.querySelectorAll(".code:not(summary *)") ?? [])
|
|
.map(el => el.textContent)
|
|
.map(t => t === "\n" ? "" : t)
|
|
.join("\n");
|
|
navigator.clipboard.writeText(code);
|
|
|
|
const timeoutId = target.getAttribute("data-timeout-id");
|
|
if (timeoutId) {
|
|
clearTimeout(parseInt(timeoutId));
|
|
}
|
|
|
|
target.classList.add("success");
|
|
|
|
// 设置新的timeout并保存ID到按钮的自定义属性中
|
|
const newTimeoutId = setTimeout(() => {
|
|
target.classList.remove("success");
|
|
}, 1000);
|
|
|
|
target.setAttribute("data-timeout-id", newTimeoutId.toString());
|
|
}
|
|
});
|
|
</script>
|