/* global React */
const { useState, useEffect, useRef, useCallback } = React;
function Icon({ name, size = 16 }) {
const s = { width: size, height: size, fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" };
switch (name) {
case "sun": return ();
case "moon": return ();
case "star": return ();
case "github": return ();
case "search": return ();
case "copy": return ();
case "check": return ();
case "close": return ();
case "arrow": return ();
case "terminal": return ();
default: return null;
}
}
function CopyButton({ text, label = "Copy" }) {
const [copied, setCopied] = useState(false);
const onCopy = () => {
navigator.clipboard?.writeText(text).catch(() => {});
setCopied(true);
setTimeout(() => setCopied(false), 1400);
};
return (
);
}
function CodeBlock({ lang = "bash", children, copyText }) {
const text = typeof children === "string" ? children : copyText || "";
const html = highlight(text, lang);
return (
);
}
function escapeHtml(s) {
return s.replace(/&/g, "&").replace(//g, ">");
}
function highlight(src, lang) {
const esc = escapeHtml(src);
if (lang === "bash" || lang === "sh") {
return esc;
}
if (lang === "yaml" || lang === "yml") {
return esc
.replace(/(^|\n)([ \t]*)([\w\-.]+)(:)/g, '$1$2$3$4')
.replace(/(#[^\n]*)/g, '$1')
.replace(/("[^"]*"|'[^']*')/g, '$1');
}
if (lang === "js" || lang === "javascript") {
return esc
.replace(/\b(const|let|var|function|return|if|else|await|async|import|from|export|new)\b/g, '$1')
.replace(/("[^"]*"|'[^']*'|`[^`]*`)/g, '$1')
.replace(/\b(\d+)\b/g, '$1')
.replace(/(\/\/[^\n]*)/g, '$1');
}
return esc;
}
function useTheme() {
const [theme, setTheme] = useState(() => {
return localStorage.getItem("__theme") || "light";
});
useEffect(() => {
document.documentElement.setAttribute("data-theme", theme);
localStorage.setItem("__theme", theme);
}, [theme]);
return [theme, setTheme];
}
function useToast() {
const [msg, setMsg] = useState(null);
const show = (m) => {
setMsg(m);
setTimeout(() => setMsg(null), 1800);
};
const node = msg ? {msg}
: null;
return [show, node];
}
Object.assign(window, { Icon, CopyButton, CodeBlock, useTheme, useToast, highlight, escapeHtml });