@wenyan-md/core 1.0.12 → 1.0.14

package/dist/core.js

@@ -1,350 +1,509 @@
-import { marked as g } from "marked";
-import { markedHighlight as H } from "marked-highlight";
-import x from "highlight.js";
-import P from "front-matter";
-import * as f from "css-tree";
-import { mathjax as j } from "mathjax-full/js/mathjax.js";
-import { TeX as V } from "mathjax-full/js/input/tex.js";
-import { SVG as q } from "mathjax-full/js/output/svg.js";
-import { liteAdaptor as I } from "mathjax-full/js/adaptors/liteAdaptor.js";
-import { RegisterHTMLHandler as k } from "mathjax-full/js/handlers/html.js";
-import { AllPackages as R } from "mathjax-full/js/input/tex/AllPackages.js";
-import { themes as b } from "./theme.js";
-import { hlThemes as C } from "./hltheme.js";
-const z = {
-  inlineMath: [["$", "$"], ["\\(", "\\)"]],
-  displayMath: [["$$", "$$"], ["\\[", "\\]"]],
-  processEscapes: !0,
-  packages: R
-}, D = {
+import { marked } from "marked";
+import { markedHighlight } from "marked-highlight";
+import hljs from "highlight.js";
+import fm from "front-matter";
+import * as csstree from "css-tree";
+import { mathjax } from "mathjax-full/js/mathjax.js";
+import { TeX } from "mathjax-full/js/input/tex.js";
+import { SVG } from "mathjax-full/js/output/svg.js";
+import { liteAdaptor } from "mathjax-full/js/adaptors/liteAdaptor.js";
+import { RegisterHTMLHandler } from "mathjax-full/js/handlers/html.js";
+import { AllPackages } from "mathjax-full/js/input/tex/AllPackages.js";
+import { themes } from "./theme.js";
+import { hlThemes } from "./hltheme.js";
+const texConfig = {
+  inlineMath: [
+    ["$", "$"],
+    ["\\(", "\\)"]
+  ],
+  displayMath: [
+    ["$$", "$$"],
+    ["\\[", "\\]"]
+  ],
+  processEscapes: true,
+  packages: AllPackages
+};
+const svgConfig = {
   fontCache: "none"
 };
-let m;
-if (!m) {
-  m = I();
+let adaptor;
+if (!adaptor) {
+  adaptor = liteAdaptor();
   try {
-    k(m);
-  } catch {
+    RegisterHTMLHandler(adaptor);
+  } catch (e) {
   }
 }
-k(m);
-const E = new V(z), N = new q(D);
-function A(t, i) {
-  const l = t.display ? "section" : "span", o = t.display ? "block-equation" : "inline-equation";
-  t.typesetRoot = i.adaptor.node(l, { class: o }, [t.typesetRoot]);
+RegisterHTMLHandler(adaptor);
+const tex = new TeX(texConfig);
+const svg = new SVG(svgConfig);
+function addContainer(math, doc) {
+  const tag = math.display ? "section" : "span";
+  const cls = math.display ? "block-equation" : "inline-equation";
+  const container = math.typesetRoot;
+  if (math.math) {
+    doc.adaptor.setAttribute(container, "math", math.math);
+  }
+  const node = doc.adaptor.node(tag, { class: cls }, [container]);
+  math.typesetRoot = node;
 }
-async function F(t) {
+async function renderMathInHtml(htmlString) {
   try {
-    const i = j.document(t, {
-      InputJax: E,
-      OutputJax: N,
+    const html = mathjax.document(htmlString, {
+      InputJax: tex,
+      OutputJax: svg,
       renderActions: {
-        addContainer: [190, (o) => {
-          for (const r of o.math)
-            A(r, o);
-        }, A]
+        addContainer: [
+          190,
+          (doc) => {
+            for (const math of doc.math) {
+              addContainer(math, doc);
+            }
+          },
+          addContainer
+        ]
       }
     });
-    i.render();
-    const l = m.body(i.document);
-    return m.innerHTML(l);
-  } catch (i) {
-    throw console.error("Error rendering MathJax:", i), i;
+    html.render();
+    const body = adaptor.body(html.document);
+    return adaptor.innerHTML(body);
+  } catch (error) {
+    console.error("Error rendering MathJax:", error);
+    throw error;
   }
 }
-const G = `#wenyan pre::before {
+const macStyleCss = `#wenyan pre::before {
     display: block;
     content: "";
     background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="45" height="12" viewBox="0 0 450 130"><ellipse cx="65" cy="65" rx="50" ry="52" stroke="rgb(220,60,54)" stroke-width="2" fill="rgb(237,108,96)"/><ellipse cx="225" cy="65" rx="50" ry="52"  stroke="rgb(218,151,33)" stroke-width="2" fill="rgb(247,193,81)"/><ellipse cx="385" cy="65" rx="50" ry="52" stroke="rgb(27,161,37)" stroke-width="2" fill="rgb(100,200,86)"/></svg>');
     background-repeat: no-repeat;
     width: 100%;
     height: 16px;
-}`, ie = "ui-serif, Georgia, Cambria, 'Noto Serif', 'Times New Roman', serif", B = "ui-sans-serif, system-ui, 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Symbol', 'Noto Sans', 'Roboto', sans-serif", L = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Roboto Mono', 'Courier New', 'Microsoft YaHei', monospace";
-function le() {
-  const t = H({
-    emptyLangClass: "hljs",
-    langPrefix: "hljs language-",
-    highlight: function(r, s, a) {
-      const e = x.getLanguage(s) ? s : "plaintext";
-      return x.highlight(r, { language: e }).value;
-    }
-  });
-  g.use(t);
-  const i = {
-    name: "attributeImage",
-    level: "inline",
-    start(r) {
-      return r.indexOf("![");
-    },
-    tokenizer(r) {
-      const a = /^!\[([^\]]*)\]\(([^)]+)\)\{(.*?)\}/.exec(r);
-      if (a)
-        return {
-          type: "attributeImage",
-          raw: a[0],
-          alt: a[1],
-          href: a[2],
-          attrs: a[3]
-        };
-    },
-    renderer(r) {
-      const s = J(r.attrs), a = Array.from(s).map(
-        ([e, n]) => /^\d+$/.test(n) ? `${e}:${n}px` : `${e}:${n}`
-      ).join("; ");
-      return `<img src="${r.href}" alt="${r.alt || ""}" title="${r.alt || ""}" style="${a}">`;
-    }
-  };
-  g.use({ extensions: [i] });
-  const l = g.Renderer, o = g.Parser;
-  l.heading = function(r) {
-    const s = o.parseInline(r.tokens), a = r.depth;
-    return `<h${a}><span>${s}</span></h${a}>
+}`;
+const serif = "Georgia, Cambria, 'Noto Serif', 'Times New Roman', serif";
+const sansSerif = "system-ui, 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Symbol', 'Noto Sans', 'Roboto', sans-serif";
+const monospace = "Menlo, Monaco, Consolas, 'Liberation Mono', 'Roboto Mono', 'Courier New', 'Microsoft YaHei', monospace";
+let markedConfigured = false;
+let configurePromise = null;
+async function configureMarked() {
+  if (markedConfigured) return;
+  if (configurePromise) return configurePromise;
+  configurePromise = (async () => {
+    const highlightExtension = markedHighlight({
+      emptyLangClass: "hljs",
+      langPrefix: "hljs language-",
+      highlight: function(code, lang, info) {
+        const language = hljs.getLanguage(lang) ? lang : "plaintext";
+        return hljs.highlight(code, { language }).value;
+      }
+    });
+    marked.use(highlightExtension);
+    const attributeImageExtension = {
+      name: "attributeImage",
+      level: "inline",
+      start(src) {
+        return src.indexOf("![");
+      },
+      tokenizer(src) {
+        const rule = /^!\[([^\]]*)\]\(([^)]+)\)\{(.*?)\}/;
+        const match = rule.exec(src);
+        if (match) {
+          return {
+            type: "attributeImage",
+            raw: match[0],
+            alt: match[1],
+            href: match[2],
+            attrs: match[3]
+          };
+        }
+      },
+      renderer(token) {
+        const attrs = stringToMap(token.attrs);
+        const attrStr = Array.from(attrs).map(
+          ([k, v]) => /^\d+$/.test(v) ? `${k}:${v}px` : `${k}:${v}`
+        ).join("; ");
+        return `<img src="${token.href}" alt="${token.alt || ""}" title="${token.alt || ""}" style="${attrStr}">`;
+      }
+    };
+    marked.use({ extensions: [attributeImageExtension] });
+    const renderer = marked.Renderer;
+    const parser = marked.Parser;
+    renderer.heading = function(heading) {
+      const text = parser.parseInline(heading.tokens);
+      const level = heading.depth;
+      return `<h${level}><span>${text}</span></h${level}>
+`;
+    };
+    renderer.paragraph = function(paragraph) {
+      const text = paragraph.text;
+      if (text.length > 4 && (/\$\$[\s\S]*?\$\$/g.test(text) || /\\\[[\s\S]*?\\\]/g.test(text))) {
+        return `${text}
 `;
-  }, l.paragraph = function(r) {
-    const s = r.text;
-    return s.length > 4 && (/\$\$[\s\S]*?\$\$/g.test(s) || /\\\[[\s\S]*?\\\]/g.test(s)) ? `${s}
-` : `<p>${o.parseInline(r.tokens)}</p>
+      } else {
+        return `<p>${parser.parseInline(paragraph.tokens)}</p>
 `;
-  }, l.image = function(r, s, a) {
-    return `<img src="${r.href}" alt="${r.text || ""}" title="${r.text || ""}">`;
-  }, g.use({ renderer: l });
+      }
+    };
+    renderer.image = function(token, title, text) {
+      const src = token.href;
+      return `<img src="${src}" alt="${token.text || ""}" title="${token.text || ""}">`;
+    };
+    marked.use({ renderer });
+    markedConfigured = true;
+  })();
+  return configurePromise;
 }
-function J(t) {
-  const i = /* @__PURE__ */ new Map();
-  return t.split(/\s+/).forEach((l) => {
-    const [o, r] = l.split("=");
-    o && r && i.set(o, r.replace(/^["']|["']$/g, ""));
-  }), i;
+function stringToMap(str) {
+  const map = /* @__PURE__ */ new Map();
+  str.split(/\s+/).forEach((pair) => {
+    const [key, value] = pair.split("=");
+    if (key && value) {
+      map.set(key, value.replace(/^["']|["']$/g, ""));
+    }
+  });
+  return map;
 }
-function ce(t) {
-  const { attributes: i, body: l } = P(t), o = {};
-  let r = "";
-  const { title: s, description: a, cover: e } = i;
-  return s && (o.title = s), a && (r += "> " + a + `
-
-`, o.description = a), e && (o.cover = e), o.body = r + l, o;
+async function handleFrontMatter(markdown) {
+  const { attributes, body } = fm(markdown);
+  const result = {};
+  let head = "";
+  const { title, description, cover } = attributes;
+  if (title) {
+    result.title = title;
+  }
+  if (description) {
+    head += "> " + description + "\n\n";
+    result.description = description;
+  }
+  if (cover) {
+    result.cover = cover;
+  }
+  result.body = head + body;
+  return result;
 }
-async function pe(t) {
-  const i = g.parse(t);
-  return await F(i);
+async function renderMarkdown(content) {
+  await configureMarked();
+  const html = marked.parse(content);
+  const htmlWithMath = await renderMathInHtml(html);
+  return htmlWithMath;
 }
-async function fe(t, i, l, o = !0, r = !0) {
-  let s = b.default;
-  if (i && (s = b[i], s || (s = Object.values(b).find(
-    (c) => c.name.toLowerCase() === i.toLowerCase()
-  ))), !s)
+async function getContentForGzhBuiltinTheme(wenyanElement, themeId, hlThemeId, isMacStyle = true, isAddFootnote = true) {
+  let theme = themes["default"];
+  if (themeId) {
+    theme = themes[themeId];
+    if (!theme) {
+      theme = Object.values(themes).find(
+        (t) => t.name.toLowerCase() === themeId.toLowerCase()
+      );
+    }
+  }
+  if (!theme) {
     throw new Error("主题不存在");
-  if (!(l in C))
+  }
+  if (!(hlThemeId in hlThemes)) {
     throw new Error("代码块主题不存在");
-  const a = U(await s.getCss()), n = await C[l].getCss();
-  return O(t, a, n, o, r);
+  }
+  const customCss = replaceCSSVariables(await theme.getCss());
+  const hlTheme = hlThemes[hlThemeId];
+  const highlightCss = await hlTheme.getCss();
+  return getContentForGzhCustomCss(wenyanElement, customCss, highlightCss, isMacStyle, isAddFootnote);
 }
-async function O(t, i, l, o = !0, r = !0) {
-  r && Y(!1, t), i = W(i, {
+async function getContentForGzhCustomCss(wenyanElement, customCss, highlightCss, isMacStyle = true, isAddFootnote = true) {
+  if (isAddFootnote) {
+    addFootnotes(false, wenyanElement);
+  }
+  customCss = modifyCss(customCss, {
     "#wenyan pre code": [
       {
         property: "font-family",
-        value: L,
-        append: !0
+        value: monospace,
+        append: true
       }
     ],
     "#wenyan pre": [
       {
         property: "font-size",
         value: "12px",
-        append: !0
+        append: true
       }
     ]
   });
-  const s = f.parse(i, {
+  const ast = csstree.parse(customCss, {
     context: "stylesheet",
-    positions: !1,
-    parseAtrulePrelude: !1,
-    parseCustomProperty: !1,
-    parseValue: !1
-  }), a = f.parse(l, {
+    positions: false,
+    parseAtrulePrelude: false,
+    parseCustomProperty: false,
+    parseValue: false
+  });
+  const ast1 = csstree.parse(highlightCss, {
     context: "stylesheet",
-    positions: !1,
-    parseAtrulePrelude: !1,
-    parseCustomProperty: !1,
-    parseValue: !1
+    positions: false,
+    parseAtrulePrelude: false,
+    parseCustomProperty: false,
+    parseValue: false
   });
-  if (s.children.appendList(a.children), o) {
-    const n = f.parse(G, {
+  ast.children.appendList(ast1.children);
+  if (isMacStyle) {
+    const ast2 = csstree.parse(macStyleCss, {
       context: "stylesheet",
-      positions: !1,
-      parseAtrulePrelude: !1,
-      parseCustomProperty: !1,
-      parseValue: !1
+      positions: false,
+      parseAtrulePrelude: false,
+      parseCustomProperty: false,
+      parseValue: false
     });
-    s.children.appendList(n.children);
+    ast.children.appendList(ast2.children);
   }
-  f.walk(s, {
+  csstree.walk(ast, {
     visit: "Rule",
-    enter(n, c, p) {
-      const u = n.prelude.children;
-      u && u.forEach((d) => {
-        const h = f.generate(d), $ = n.block.children.toArray();
-        h === "#wenyan" ? $.forEach((y) => {
-          const v = f.generate(y.value);
-          t.style[y.property] = v;
-        }) : t.querySelectorAll(h).forEach((v) => {
-          $.forEach((w) => {
-            const T = f.generate(w.value);
-            v.style[w.property] = T;
-          });
+    enter(node, item, list) {
+      const selectorList = node.prelude.children;
+      if (selectorList) {
+        selectorList.forEach((selectorNode) => {
+          const selector = csstree.generate(selectorNode);
+          const declarations = node.block.children.toArray();
+          if (selector === "#wenyan") {
+            declarations.forEach((decl) => {
+              const value = csstree.generate(decl.value);
+              wenyanElement.style[decl.property] = value;
+            });
+          } else {
+            const elements2 = wenyanElement.querySelectorAll(selector);
+            elements2.forEach((element) => {
+              declarations.forEach((decl) => {
+                const value = csstree.generate(decl.value);
+                element.style[decl.property] = value;
+              });
+            });
+          }
         });
-      });
+      }
+    }
+  });
+  let elements = wenyanElement.querySelectorAll("mjx-container");
+  elements.forEach((element) => {
+    const svg2 = element.querySelector("svg");
+    svg2.style.width = svg2.getAttribute("width");
+    svg2.style.height = svg2.getAttribute("height");
+    svg2.removeAttribute("width");
+    svg2.removeAttribute("height");
+    const parent = element.parentElement;
+    element.remove();
+    parent.appendChild(svg2);
+    if (parent.classList.contains("block-equation")) {
+      parent.setAttribute("style", "text-align: center; margin-bottom: 1rem;");
     }
   });
-  let e = t.querySelectorAll("mjx-container");
-  return e.forEach((n) => {
-    const c = n.querySelector("svg");
-    c.style.width = c.getAttribute("width"), c.style.height = c.getAttribute("height"), c.removeAttribute("width"), c.removeAttribute("height");
-    const p = n.parentElement;
-    n.remove(), p.appendChild(c), p.classList.contains("block-equation") && p.setAttribute("style", "text-align: center; margin-bottom: 1rem;");
-  }), e = t.querySelectorAll("pre code"), e.forEach((n) => {
-    n.innerHTML = n.innerHTML.replace(/\n/g, "<br>").replace(/(>[^<]+)|(^[^<]+)/g, (c) => c.replace(/\s/g, "&nbsp;"));
-  }), e = t.querySelectorAll("h1, h2, h3, h4, h5, h6, blockquote, pre"), e.forEach((n) => {
-    const c = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
-    f.walk(s, {
+  elements = wenyanElement.querySelectorAll("pre code");
+  elements.forEach((element) => {
+    element.innerHTML = element.innerHTML.replace(/\n/g, "<br>").replace(/(>[^<]+)|(^[^<]+)/g, (str) => str.replace(/\s/g, "&nbsp;"));
+  });
+  elements = wenyanElement.querySelectorAll("h1, h2, h3, h4, h5, h6, blockquote, pre");
+  elements.forEach((element) => {
+    const afterResults = /* @__PURE__ */ new Map();
+    const beforeResults = /* @__PURE__ */ new Map();
+    csstree.walk(ast, {
       visit: "Rule",
-      enter(u) {
-        const d = f.generate(u.prelude), h = n.tagName.toLowerCase();
-        d.includes(`${h}::after`) ? M(u, c) : d.includes(`${h}::before`) && M(u, p);
+      enter(node) {
+        const selector = csstree.generate(node.prelude);
+        const tagName = element.tagName.toLowerCase();
+        if (selector.includes(`${tagName}::after`)) {
+          extractDeclarations(node, afterResults);
+        } else if (selector.includes(`${tagName}::before`)) {
+          extractDeclarations(node, beforeResults);
+        }
       }
-    }), c.size > 0 && n.appendChild(S(c, t.ownerDocument)), p.size > 0 && n.insertBefore(S(p, t.ownerDocument), n.firstChild);
-  }), e = t.querySelectorAll("li"), e.forEach((n) => {
-    const c = t.ownerDocument.createElement("section");
-    for (; n.firstChild; )
-      c.appendChild(n.firstChild);
-    n.appendChild(c);
-  }), t.setAttribute("data-provider", "WenYan"), `${t.outerHTML.replace(/class="mjx-solid"/g, 'fill="none" stroke-width="70"')}`;
+    });
+    if (afterResults.size > 0) {
+      element.appendChild(buildPseudoSpan(afterResults, wenyanElement.ownerDocument));
+    }
+    if (beforeResults.size > 0) {
+      element.insertBefore(buildPseudoSpan(beforeResults, wenyanElement.ownerDocument), element.firstChild);
+    }
+  });
+  elements = wenyanElement.querySelectorAll("li");
+  elements.forEach((li) => {
+    const section = wenyanElement.ownerDocument.createElement("section");
+    while (li.firstChild) {
+      section.appendChild(li.firstChild);
+    }
+    li.appendChild(section);
+  });
+  wenyanElement.setAttribute("data-provider", "WenYan");
+  return `${wenyanElement.outerHTML.replace(/class="mjx-solid"/g, 'fill="none" stroke-width="70"')}`;
 }
-function U(t) {
-  const i = /--([a-zA-Z0-9\-]+):\s*([^;()]*\((?:[^()]*|\([^()]*\))*\)[^;()]*|[^;]+);/g, l = /var\(--([a-zA-Z0-9\-]+)\)/g, o = {};
-  let r;
-  for (; (r = i.exec(t)) !== null; ) {
-    const e = r[1], n = r[2].trim().replaceAll(`
-`, "");
-    o[e] = n;
+function replaceCSSVariables(css) {
+  const variablePattern = /--([a-zA-Z0-9\-]+):\s*([^;()]*\((?:[^()]*|\([^()]*\))*\)[^;()]*|[^;]+);/g;
+  const varPattern = /var\(--([a-zA-Z0-9\-]+)\)/g;
+  const cssVariables = {};
+  let match;
+  while ((match = variablePattern.exec(css)) !== null) {
+    const variableName = match[1];
+    const variableValue = match[2].trim().replaceAll("\n", "");
+    cssVariables[variableName] = variableValue;
   }
-  o["sans-serif-font"] || (o["sans-serif-font"] = B), o["monospace-font"] || (o["monospace-font"] = L);
-  function s(e, n, c = /* @__PURE__ */ new Set()) {
-    if (c.has(e)) return e;
-    c.add(e);
-    let p = e, u;
-    for (; (u = l.exec(p)) !== null; ) {
-      const d = u[1];
-      if (n[d]) {
-        const h = s(n[d], n, c);
-        p = p.replace(u[0], h);
+  if (!cssVariables["sans-serif-font"]) {
+    cssVariables["sans-serif-font"] = sansSerif;
+  }
+  if (!cssVariables["monospace-font"]) {
+    cssVariables["monospace-font"] = monospace;
+  }
+  function resolveVariable(value, variables, resolved = /* @__PURE__ */ new Set()) {
+    if (resolved.has(value)) return value;
+    resolved.add(value);
+    let resolvedValue = value;
+    let match2;
+    while ((match2 = varPattern.exec(resolvedValue)) !== null) {
+      const varName = match2[1];
+      if (variables[varName]) {
+        const resolvedVar = resolveVariable(variables[varName], variables, resolved);
+        resolvedValue = resolvedValue.replace(match2[0], resolvedVar);
       }
     }
-    return p;
+    return resolvedValue;
   }
-  for (const e in o) {
-    const n = s(o[e], o);
-    o[e] = n;
+  for (const key in cssVariables) {
+    const resolvedValue = resolveVariable(cssVariables[key], cssVariables);
+    cssVariables[key] = resolvedValue;
   }
-  let a = t;
-  for (; (r = l.exec(t)) !== null; ) {
-    const e = r[1];
-    o[e] && (a = a.replace(r[0], o[e]));
+  let modifiedCSS = css;
+  while ((match = varPattern.exec(css)) !== null) {
+    const varName = match[1];
+    if (cssVariables[varName]) {
+      modifiedCSS = modifiedCSS.replace(match[0], cssVariables[varName]);
+    }
   }
-  return a.replace(/:root\s*\{[^}]*\}/g, "");
+  return modifiedCSS.replace(/:root\s*\{[^}]*\}/g, "");
 }
-function W(t, i) {
-  const l = f.parse(t, {
+function modifyCss(customCss, updates) {
+  const ast = csstree.parse(customCss, {
     context: "stylesheet",
-    positions: !1,
-    parseAtrulePrelude: !1,
-    parseCustomProperty: !1,
-    parseValue: !1
+    positions: false,
+    parseAtrulePrelude: false,
+    parseCustomProperty: false,
+    parseValue: false
   });
-  return f.walk(l, {
+  csstree.walk(ast, {
     visit: "Rule",
-    leave: (o, r, s) => {
-      if (o.prelude.type !== "SelectorList") return;
-      const a = o.prelude.children.toArray().map((e) => f.generate(e));
-      if (a) {
-        const e = a[0], n = i[e];
-        if (!n) return;
-        for (const { property: c, value: p, append: u } of n)
-          if (p) {
-            let d = !1;
-            f.walk(o.block, (h) => {
-              h.type === "Declaration" && h.property === c && (h.value = f.parse(p, { context: "value" }), d = !0);
-            }), !d && u && o.block.children.prepend(
-              s.createItem({
-                type: "Declaration",
-                property: c,
-                value: f.parse(p, { context: "value" })
-              })
-            );
+    leave: (node, item, list) => {
+      if (node.prelude.type !== "SelectorList") return;
+      const selectors = node.prelude.children.toArray().map((sel) => csstree.generate(sel));
+      if (selectors) {
+        const selector = selectors[0];
+        const update = updates[selector];
+        if (!update) return;
+        for (const { property, value, append } of update) {
+          if (value) {
+            let found = false;
+            csstree.walk(node.block, (decl) => {
+              if (decl.type === "Declaration" && decl.property === property) {
+                decl.value = csstree.parse(value, { context: "value" });
+                found = true;
+              }
+            });
+            if (!found && append) {
+              node.block.children.prepend(
+                list.createItem({
+                  type: "Declaration",
+                  property,
+                  value: csstree.parse(value, { context: "value" })
+                })
+              );
+            }
           }
+        }
       }
     }
-  }), f.generate(l);
+  });
+  return csstree.generate(ast);
 }
-function M(t, i) {
-  f.walk(t.block, {
+function extractDeclarations(ruleNode, resultMap) {
+  csstree.walk(ruleNode.block, {
     visit: "Declaration",
-    enter(l) {
-      const o = l.property, r = f.generate(l.value);
-      i.set(o, r);
+    enter(declNode) {
+      const property = declNode.property;
+      const value = csstree.generate(declNode.value);
+      resultMap.set(property, value);
     }
   });
 }
-function S(t, i) {
-  const l = i.createElement("section");
-  t.get("content") && (l.textContent = t.get("content").replace(/['"]/g, ""), t.delete("content"));
-  for (const [s, a] of t)
-    if (a.includes("url(")) {
-      const e = a.match(/data:image\/svg\+xml;utf8,(.*<\/svg>)/), n = a.match(/data:image\/svg\+xml;base64,([^"'\)]*)["']?\)/), c = a.match(/(?:"|')?(https?[^"'\)]*)(?:"|')?\)/);
-      if (e) {
-        const p = decodeURIComponent(e[1]);
-        l.innerHTML = p;
-      } else if (n) {
-        const p = atob(n[1]);
-        l.innerHTML = p;
-      } else if (c) {
-        const p = i.createElement("img");
-        p.src = c[1], p.setAttribute("style", "vertical-align: top;"), l.appendChild(p);
+function buildPseudoSpan(beforeRresults, document) {
+  const span = document.createElement("section");
+  if (beforeRresults.get("content")) {
+    span.textContent = beforeRresults.get("content").replace(/['"]/g, "");
+    beforeRresults.delete("content");
+  }
+  for (const [k, v] of beforeRresults) {
+    if (v.includes("url(")) {
+      const svgMatch = v.match(/data:image\/svg\+xml;utf8,(.*<\/svg>)/);
+      const base64SvgMatch = v.match(/data:image\/svg\+xml;base64,([^"'\)]*)["']?\)/);
+      const httpMatch = v.match(/(?:"|')?(https?[^"'\)]*)(?:"|')?\)/);
+      if (svgMatch) {
+        const svgCode = decodeURIComponent(svgMatch[1]);
+        span.innerHTML = svgCode;
+      } else if (base64SvgMatch) {
+        const decodedString = atob(base64SvgMatch[1]);
+        span.innerHTML = decodedString;
+      } else if (httpMatch) {
+        const img = document.createElement("img");
+        img.src = httpMatch[1];
+        img.setAttribute("style", "vertical-align: top;");
+        span.appendChild(img);
       }
-      t.delete(s);
+      beforeRresults.delete(k);
     }
-  const r = Array.from(t.entries()).map(([s, a]) => `${s}: ${a}`).join("; ");
-  return l.style.cssText = r, l;
+  }
+  const entries = Array.from(beforeRresults.entries());
+  const cssString = entries.map(([key, value]) => `${key}: ${value}`).join("; ");
+  span.style.cssText = cssString;
+  return span;
 }
-function Y(t, i) {
-  let l = [], o = 0;
-  if (i.querySelectorAll("a[href]").forEach((s) => {
-    const a = s.textContent || s.innerText, e = s.getAttribute("href");
-    l.push([++o, a, e]);
-    const n = i.ownerDocument.createElement("sup");
-    n.setAttribute("class", "footnote"), n.innerHTML = `[${o}]`, s.after(n);
-  }), o > 0)
-    if (t) {
-      const a = `<h3>引用链接</h3><div id="footnotes"><ul>${l.map((e) => e[1] === e[2] ? `<li id="#footnote-${e[0]}">[${e[0]}]: <i>${e[1]}</i></li>` : `<li id="#footnote-${e[0]}">[${e[0]}] ${e[1]}: <i>${e[2]}</i></li>`).join("")}</ul></div>`;
-      i.innerHTML += a;
+function addFootnotes(listStyle, element) {
+  let footnotes = [];
+  let footnoteIndex = 0;
+  const links = element.querySelectorAll("a[href]");
+  links.forEach((linkElement) => {
+    const title = linkElement.textContent || linkElement.innerText;
+    const href = linkElement.getAttribute("href");
+    footnotes.push([++footnoteIndex, title, href]);
+    const footnoteMarker = element.ownerDocument.createElement("sup");
+    footnoteMarker.setAttribute("class", "footnote");
+    footnoteMarker.innerHTML = `[${footnoteIndex}]`;
+    linkElement.after(footnoteMarker);
+  });
+  if (footnoteIndex > 0) {
+    if (!listStyle) {
+      let footnoteArray = footnotes.map((x) => {
+        if (x[1] === x[2]) {
+          return `<p><span class="footnote-num">[${x[0]}]</span><span class="footnote-txt"><i>${x[1]}</i></span></p>`;
+        }
+        return `<p><span class="footnote-num">[${x[0]}]</span><span class="footnote-txt">${x[1]}: <i>${x[2]}</i></span></p>`;
+      });
+      const footnotesHtml = `<h3>引用链接</h3><section id="footnotes">${footnoteArray.join("")}</section>`;
+      element.innerHTML += footnotesHtml;
     } else {
-      const a = `<h3>引用链接</h3><section id="footnotes">${l.map((e) => e[1] === e[2] ? `<p><span class="footnote-num">[${e[0]}]</span><span class="footnote-txt"><i>${e[1]}</i></span></p>` : `<p><span class="footnote-num">[${e[0]}]</span><span class="footnote-txt">${e[1]}: <i>${e[2]}</i></span></p>`).join("")}</section>`;
-      i.innerHTML += a;
+      let footnoteArray = footnotes.map((x) => {
+        if (x[1] === x[2]) {
+          return `<li id="#footnote-${x[0]}">[${x[0]}]: <i>${x[1]}</i></li>`;
+        }
+        return `<li id="#footnote-${x[0]}">[${x[0]}] ${x[1]}: <i>${x[2]}</i></li>`;
+      });
+      const footnotesHtml = `<h3>引用链接</h3><div id="footnotes"><ul>${footnoteArray.join("")}</ul></div>`;
+      element.innerHTML += footnotesHtml;
     }
+  }
 }
 export {
-  Y as addFootnotes,
-  S as buildPseudoSpan,
-  le as configureMarked,
-  M as extractDeclarations,
-  fe as getContentForGzhBuiltinTheme,
-  O as getContentForGzhCustomCss,
-  ce as handleFrontMatter,
-  W as modifyCss,
-  L as monospace,
-  pe as renderMarkdown,
-  U as replaceCSSVariables,
-  B as sansSerif,
-  ie as serif
+  addFootnotes,
+  buildPseudoSpan,
+  configureMarked,
+  extractDeclarations,
+  getContentForGzhBuiltinTheme,
+  getContentForGzhCustomCss,
+  handleFrontMatter,
+  modifyCss,
+  monospace,
+  renderMarkdown,
+  replaceCSSVariables,
+  sansSerif,
+  serif
 };