@unicom-cloud/utils 0.1.23 → 0.1.25

package/snapdom/src/modules/iconFonts.js

@@ -1,4 +1,5 @@
-var s = [
+/* 2025-11-03 10:27:31 */
+var S = [
   // /uicons/i,
   /font\s*awesome/i,
   /material\s*icons/i,
@@ -10,19 +11,103 @@ var s = [
   /heroicons/i,
   /layui/i,
   /lucide/i
-], o = [];
-function r(i) {
-  const e = Array.isArray(i) ? i : [i];
-  for (const t of e)
-    t instanceof RegExp ? o.push(t) : typeof t == "string" ? o.push(new RegExp(t, "i")) : console.warn("[snapdom] Ignored invalid iconFont value:", t);
+], d = [];
+function M(n) {
+  const t = Array.isArray(n) ? n : [n];
+  for (const o of t)
+    o instanceof RegExp ? d.push(o) : typeof o == "string" ? d.push(new RegExp(o, "i")) : console.warn("[snapdom] Ignored invalid iconFont value:", o);
 }
-function c(i) {
-  const e = typeof i == "string" ? i : "", t = [...s, ...o];
-  for (const n of t)
-    if (n instanceof RegExp && n.test(e)) return !0;
-  return !!(/icon/i.test(e) || /glyph/i.test(e) || /symbols/i.test(e) || /feather/i.test(e) || /fontawesome/i.test(e));
+function $(n) {
+  const t = typeof n == "string" ? n : "", o = [...S, ...d];
+  for (const s of o)
+    if (s instanceof RegExp && s.test(t)) return !0;
+  return !!(/icon/i.test(t) || /glyph/i.test(t) || /symbols/i.test(t) || /feather/i.test(t) || /fontawesome/i.test(t));
+}
+function b(n = "") {
+  const t = String(n).toLowerCase();
+  return /\bmaterial\s*icons\b/.test(t) || /\bmaterial\s*symbols\b/.test(t);
+}
+async function I(n = "Material Icons", t = 24) {
+  try {
+    await Promise.all([
+      document.fonts.load(`400 ${t}px "${n.replace(/["']/g, "")}"`),
+      document.fonts.ready
+    ]);
+  } catch {
+  }
+}
+function v(n) {
+  let t = n.getPropertyValue("-webkit-text-fill-color")?.trim() || "";
+  const o = /rgba?\(\s*0\s*,\s*0\s*,\s*0\s*,\s*0\s*\)/i.test(t);
+  if (t && !o && t.toLowerCase() !== "currentcolor")
+    return t;
+  const s = n.color?.trim();
+  return s && s !== "inherit" ? s : "#000";
+}
+async function F(n, {
+  family: t = "Material Icons",
+  weight: o = "normal",
+  fontSize: s = 32,
+  color: u = "#000",
+  variation: y = ""
+} = {}) {
+  const i = String(t || "").replace(/^['"]+|['"]+$/g, ""), r = window.devicePixelRatio || 1;
+  await I(i, s);
+  const e = document.createElement("span");
+  e.textContent = n, e.style.position = "absolute", e.style.visibility = "hidden", e.style.left = "-99999px", e.style.whiteSpace = "nowrap", e.style.fontFamily = `"${i}"`, e.style.fontWeight = String(o || "normal"), e.style.fontSize = `${s}px`, e.style.lineHeight = "1", e.style.margin = "0", e.style.padding = "0", e.style.fontFeatureSettings = "'liga' 1", e.style.fontVariantLigatures = "normal", y && (e.style.fontVariationSettings = y), e.style.color = u, document.body.appendChild(e);
+  const a = e.getBoundingClientRect(), g = Math.max(1, Math.ceil(a.width)), m = Math.max(1, Math.ceil(a.height));
+  document.body.removeChild(e);
+  const c = document.createElement("canvas");
+  c.width = g * r, c.height = m * r;
+  const l = c.getContext("2d");
+  l.scale(r, r), l.font = `${o ? `${o} ` : ""}${s}px "${i}"`, l.textAlign = "left", l.textBaseline = "top", l.fillStyle = u;
+  try {
+    l.fontKerning = "normal";
+  } catch {
+  }
+  return l.fillText(n, 0, 0), {
+    dataUrl: c.toDataURL(),
+    width: g,
+    height: m
+  };
+}
+async function A(n, t) {
+  if (!(n instanceof Element)) return 0;
+  const o = '.material-icons, [class*="material-symbols"]', s = Array.from(n.querySelectorAll(o)).filter(
+    (i) => i && i.textContent && i.textContent.trim()
+  );
+  if (s.length === 0) return 0;
+  const u = t instanceof Element ? Array.from(t.querySelectorAll(o)).filter(
+    (i) => i && i.textContent && i.textContent.trim()
+  ) : [];
+  let y = 0;
+  for (let i = 0; i < s.length; i++) {
+    const r = s[i], e = u[i] || null;
+    try {
+      const a = getComputedStyle(e || r), g = a.fontFamily || "Material Icons";
+      if (!b(g)) continue;
+      const m = (e || r).textContent.trim();
+      if (!m) continue;
+      const c = parseInt(a.fontSize, 10) || 24, l = a.fontWeight && a.fontWeight !== "normal" ? a.fontWeight : "normal", h = v(a), p = a.fontVariationSettings && a.fontVariationSettings !== "normal" ? a.fontVariationSettings : "", { dataUrl: x, width: w, height: C } = await F(m, {
+        family: g,
+        weight: l,
+        fontSize: c,
+        color: h,
+        variation: p
+      });
+      r.textContent = "";
+      const f = r.ownerDocument.createElement("img");
+      f.src = x, f.alt = m, f.style.height = `${c}px`, f.style.width = `${Math.max(1, Math.round(w / C * c))}px`, f.style.objectFit = "contain", f.style.verticalAlign = getComputedStyle(r).verticalAlign || "baseline", r.appendChild(f), y++;
+    } catch {
+    }
+  }
+  return y;
 }
 export {
-  r as extendIconFonts,
-  c as isIconFont
+  I as ensureMaterialFontsReady,
+  M as extendIconFonts,
+  $ as isIconFont,
+  b as isMaterialFamily,
+  A as ligatureIconToImage,
+  F as materialIconToImage
 };

package/snapdom/src/modules/images.js

@@ -1,25 +1,60 @@
-import { fetchImage as a } from "../utils/helpers.js";
-async function l(s, n = {}) {
-  const c = Array.from(s.querySelectorAll("img")), o = async (t) => {
+/* 2025-11-03 10:27:31 */
+import { snapFetch as f } from "./snapFetch.js";
+async function H(u, s = {}) {
+  const i = Array.from(u.querySelectorAll("img")), p = async (t) => {
     if (!t.getAttribute("src")) {
       const e = t.currentSrc || t.src || "";
       e && t.setAttribute("src", e);
     }
     t.removeAttribute("srcset"), t.removeAttribute("sizes");
-    const r = t.src;
-    try {
-      const e = await a(r, { useProxy: n.useProxy });
-      t.src = e, t.width || (t.width = t.naturalWidth || 100), t.height || (t.height = t.naturalHeight || 100);
-    } catch {
+    const a = t.src || "";
+    if (!a) return;
+    const r = await f(a, {
+      as: "dataURL",
+      useProxy: s.useProxy
+    });
+    if (r.ok && typeof r.data == "string" && r.data.startsWith("data:")) {
+      t.src = r.data, t.width || (t.width = t.naturalWidth || 100), t.height || (t.height = t.naturalHeight || 100);
+      return;
+    }
+    const { fallbackURL: n } = s || {};
+    if (n)
+      try {
+        const e = parseInt(t.dataset?.snapdomWidth || "", 10) || 0, y = parseInt(t.dataset?.snapdomHeight || "", 10) || 0, w = parseInt(t.getAttribute("width") || "", 10) || 0, b = parseInt(t.getAttribute("height") || "", 10) || 0, x = parseFloat(t.style?.width || "") || 0, W = parseFloat(t.style?.height || "") || 0, h = e || x || w || t.width || void 0, l = y || W || b || t.height || void 0, d = typeof n == "function" ? await n({ width: h, height: l, src: a, element: t }) : n;
+        if (d) {
+          const k = await f(d, {
+            as: "dataURL",
+            useProxy: s.useProxy
+          });
+          t.src = k.data, !t.width && h && (t.width = h), !t.height && l && (t.height = l), t.width || (t.width = t.naturalWidth || 100), t.height || (t.height = t.naturalHeight || 100);
+          return;
+        }
+      } catch {
+      }
+    const o = t.width || t.naturalWidth || 100, c = t.height || t.naturalHeight || 100;
+    if (s.placeholders !== !1) {
+      const e = document.createElement("div");
+      e.style.cssText = [
+        `width:${o}px`,
+        `height:${c}px`,
+        "background:#ccc",
+        "display:inline-block",
+        "text-align:center",
+        `line-height:${c}px`,
+        "color:#666",
+        "font-size:12px",
+        "overflow:hidden"
+      ].join(";"), e.textContent = "img", t.replaceWith(e);
+    } else {
       const e = document.createElement("div");
-      e.style = `width: ${t.width || 100}px; height: ${t.height || 100}px; background: #ccc; display: inline-block; text-align: center; line-height: ${t.height || 100}px; color: #666; font-size: 12px;`, e.innerText = "img", t.replaceWith(e);
+      e.style.cssText = `display:inline-block;width:${o}px;height:${c}px;visibility:hidden;`, t.replaceWith(e);
     }
   };
-  for (let t = 0; t < c.length; t += 4) {
-    const r = c.slice(t, t + 4).map(o);
-    await Promise.allSettled(r);
+  for (let t = 0; t < i.length; t += 4) {
+    const a = i.slice(t, t + 4).map(p);
+    await Promise.allSettled(a);
   }
 }
 export {
-  l as inlineImages
+  H as inlineImages
 };

package/snapdom/src/modules/lineClamp.js

@@ -0,0 +1,42 @@
+/* 2025-11-03 10:27:31 */
+function h(t) {
+  if (!t) return () => {
+  };
+  const e = c(t);
+  if (e <= 0) return () => {
+  };
+  if (!f(t)) return () => {
+  };
+  const n = getComputedStyle(t), r = Math.round(d(n) * e + p(n)), o = t.textContent ?? "", l = o;
+  if (t.scrollHeight <= r + 0.5)
+    return () => {
+    };
+  let a = 0, s = o.length, u = -1;
+  for (; a <= s; ) {
+    const i = a + s >> 1;
+    t.textContent = o.slice(0, i) + "…", t.scrollHeight <= r + 0.5 ? (u = i, a = i + 1) : s = i - 1;
+  }
+  return t.textContent = (u >= 0 ? o.slice(0, u) : "") + "…", () => {
+    t.textContent = l;
+  };
+}
+function c(t) {
+  const e = getComputedStyle(t);
+  let n = e.getPropertyValue("-webkit-line-clamp") || e.getPropertyValue("line-clamp");
+  n = (n || "").trim();
+  const r = parseInt(n, 10);
+  return Number.isFinite(r) && r > 0 ? r : 0;
+}
+function d(t) {
+  const e = (t.lineHeight || "").trim(), n = parseFloat(t.fontSize) || 16;
+  return !e || e === "normal" ? Math.round(n * 1.2) : e.endsWith("px") ? parseFloat(e) : /^\d+(\.\d+)?$/.test(e) ? Math.round(parseFloat(e) * n) : e.endsWith("%") ? Math.round(parseFloat(e) / 100 * n) : Math.round(n * 1.2);
+}
+function p(t) {
+  return (parseFloat(t.paddingTop) || 0) + (parseFloat(t.paddingBottom) || 0);
+}
+function f(t) {
+  return t.childElementCount > 0 ? !1 : Array.from(t.childNodes).some((e) => e.nodeType === Node.TEXT_NODE);
+}
+export {
+  h as lineClamp
+};

package/snapdom/src/modules/pseudo.js

@@ -1,83 +1,224 @@
-import { iconToImage as X } from "./fonts.js";
-import { isIconFont as _ } from "./iconFonts.js";
-import { getStyleKey as $ } from "../utils/cssTools.js";
-import { getStyle as q, snapshotComputedStyle as U, parseContent as G, extractURL as J, fetchImage as Q, safeEncodeURI as Y, splitBackgroundImage as Z, inlineSingleBackgroundEntry as tt } from "../utils/helpers.js";
-async function nt(a, r, g, z, d) {
-  if (!(a instanceof Element) || !(r instanceof Element)) return;
-  for (const n of ["::before", "::after", "::first-letter"])
+/* 2025-11-03 10:27:31 */
+import { cache as J } from "../core/cache.js";
+import { buildCounterContext as Q, hasCounters as Z, resolveCountersInContent as tt } from "./counter.js";
+import { iconToImage as nt } from "./fonts.js";
+import { isIconFont as et } from "./iconFonts.js";
+import { getStyle as ot, snapshotComputedStyle as T, getStyleKey as U, splitBackgroundImage as rt } from "../utils/css.js";
+import { extractURL as st, safeEncodeURI as it } from "../utils/helpers.js";
+import { inlineSingleBackgroundEntry as at } from "../utils/image.js";
+import { snapFetch as ct } from "./snapFetch.js";
+var k = /* @__PURE__ */ new WeakMap(), L = -1;
+function lt(n) {
+  return (n || "").replace(/"([^"]*)"/g, "$1");
+}
+function dt(n) {
+  if (!n) return "";
+  const r = [], a = /"([^"]*)"/g;
+  let c;
+  for (; c = a.exec(n); ) r.push(c[1]);
+  return r.length ? r.join("") : lt(n);
+}
+function v(n, r) {
+  const a = n.parentElement, c = a ? k.get(a) : null;
+  return c ? {
+    get(l, f) {
+      const d = r.get(l, f), g = c.get(f);
+      return typeof g == "number" ? Math.max(d, g) : d;
+    },
+    getStack(l, f) {
+      const d = r.getStack(l, f);
+      if (!d.length) return d;
+      const g = c.get(f);
+      if (typeof g == "number") {
+        const e = d.slice();
+        return e[e.length - 1] = Math.max(e[e.length - 1], g), e;
+      }
+      return d;
+    }
+  } : r;
+}
+function F(n, r, a) {
+  const c = /* @__PURE__ */ new Map();
+  function l(e) {
+    const t = [];
+    if (!e || e === "none") return t;
+    for (const h of String(e).split(",")) {
+      const b = h.trim().split(/\s+/), s = b[0], y = Number.isFinite(Number(b[1])) ? Number(b[1]) : void 0;
+      s && t.push({ name: s, num: y });
+    }
+    return t;
+  }
+  const f = l(r?.counterReset), d = l(r?.counterIncrement);
+  function g(e) {
+    if (c.has(e)) return c.get(e).slice();
+    let t = a.getStack(n, e);
+    t = t.length ? t.slice() : [];
+    const h = f.find((s) => s.name === e);
+    if (h) {
+      const s = Number.isFinite(h.num) ? h.num : 0;
+      t = t.length ? [...t, s] : [s];
+    }
+    const b = d.find((s) => s.name === e);
+    if (b) {
+      const s = Number.isFinite(b.num) ? b.num : 1;
+      t.length === 0 && (t = [0]), t[t.length - 1] += s;
+    }
+    return c.set(e, t.slice()), t;
+  }
+  return {
+    get(e, t) {
+      const h = g(t);
+      return h.length ? h[h.length - 1] : 0;
+    },
+    getStack(e, t) {
+      return g(t);
+    },
+    /** expone increments del pseudo para que el caller pueda propagar a hermanos */
+    __incs: d
+  };
+}
+function ut(n, r, a) {
+  let c;
+  try {
+    c = getComputedStyle(n, r);
+  } catch {
+  }
+  const l = c?.content;
+  if (!l || l === "none" || l === "normal") return { text: "", incs: [] };
+  const f = v(n, a), d = F(n, c, f);
+  let g = Z(l) ? tt(l, n, d) : l;
+  return { text: dt(g), incs: d.__incs || [] };
+}
+async function ft(n, r, a, c) {
+  if (!(n instanceof Element) || !(r instanceof Element)) return;
+  const l = J?.session?.__counterEpoch ?? 0;
+  if (L !== l && (k = /* @__PURE__ */ new WeakMap(), a && (a.__counterCtx = null), L = l), !a.__counterCtx)
     try {
-      const t = q(a, n);
+      a.__counterCtx = Q(
+        n.ownerDocument || document
+      );
+    } catch {
+    }
+  const f = a.__counterCtx;
+  for (const e of ["::before", "::after", "::first-letter"])
+    try {
+      const t = ot(n, e);
       if (!t || typeof t[Symbol.iterator] != "function" || t.content === "none" && t.backgroundImage === "none" && t.backgroundColor === "transparent" && (t.borderStyle === "none" || parseFloat(t.borderWidth) === 0) && (!t.transform || t.transform === "none") && t.display === "inline") continue;
-      if (n === "::first-letter") {
-        const o = getComputedStyle(a);
-        if (!(t.color !== o.color || t.fontSize !== o.fontSize || t.fontWeight !== o.fontWeight)) continue;
-        const i = Array.from(r.childNodes).find(
-          (T) => T.nodeType === Node.TEXT_NODE && T.textContent?.trim().length > 0
+      if (e === "::first-letter") {
+        const i = getComputedStyle(n);
+        if (!(t.color !== i.color || t.fontSize !== i.fontSize || t.fontWeight !== i.fontWeight)) continue;
+        const m = Array.from(r.childNodes).find(
+          (z) => z.nodeType === Node.TEXT_NODE && z.textContent?.trim().length > 0
         );
-        if (!i) continue;
-        const l = i.textContent, h = l.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0], K = l.slice(h?.length || 0);
-        if (!h || /[\uD800-\uDFFF]/.test(h)) continue;
-        const p = document.createElement("span");
-        p.textContent = h, p.dataset.snapdomPseudo = "::first-letter";
-        const M = U(t), O = $(M, "span", d);
-        g.set(p, O);
-        const W = document.createTextNode(K);
-        r.replaceChild(W, i), r.insertBefore(p, W);
+        if (!m) continue;
+        const p = m.textContent, E = p.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0], H = p.slice(E?.length || 0);
+        if (!E || /[\uD800-\uDFFF]/.test(E)) continue;
+        const w = document.createElement("span");
+        w.textContent = E, w.dataset.snapdomPseudo = "::first-letter";
+        const K = T(t), G = U(K, "span");
+        a.styleMap.set(w, G);
+        const $ = document.createTextNode(H);
+        r.replaceChild($, m), r.insertBefore(w, $);
+        continue;
+      }
+      const b = t.content, { text: s, incs: y } = ut(
+        n,
+        e,
+        f
+      ), _ = t.backgroundImage, C = t.backgroundColor, M = t.fontFamily, x = parseInt(t.fontSize) || 32, j = parseInt(t.fontWeight) || !1, O = t.color || "#000", N = t.borderStyle, X = parseFloat(t.borderWidth), W = t.transform, B = et(M), R = b !== "none" && s !== "", P = _ && _ !== "none", I = C && C !== "transparent" && C !== "rgba(0, 0, 0, 0)", A = N && N !== "none" && X > 0, D = W && W !== "none";
+      if (!(R || P || I || A || D)) {
+        if (y && y.length && n.parentElement) {
+          const i = k.get(n.parentElement) || /* @__PURE__ */ new Map();
+          for (const { name: u } of y) {
+            if (!u) continue;
+            const m = v(n, f), S = F(
+              n,
+              getComputedStyle(n, e),
+              m
+            ).get(n, u);
+            i.set(u, S);
+          }
+          k.set(n.parentElement, i);
+        }
         continue;
       }
-      const u = t.content, c = /counter\s*\(|counters\s*\(/.test(u) ? "- " : G(u), y = t.backgroundImage, f = t.backgroundColor, S = t.fontFamily, m = parseInt(t.fontSize) || 32, A = parseInt(t.fontWeight) || !1, R = t.color || "#000", j = t.display, D = parseFloat(t.width), L = parseFloat(t.height), w = t.borderStyle, V = parseFloat(t.borderWidth), F = t.transform, I = _(S), k = u !== "none" && c !== "", b = y && y !== "none", C = f && f !== "transparent" && f !== "rgba(0, 0, 0, 0)", B = j !== "inline" && (D > 0 || L > 0), N = w && w !== "none" && V > 0, P = F && F !== "none";
-      if (!(k || b || C || B || N || P)) continue;
-      const e = document.createElement("span");
-      e.dataset.snapdomPseudo = n, e.style.verticalAlign = "middle";
-      const v = U(t), H = $(v, "span", d);
-      if (g.set(e, H), I && c.length === 1) {
-        const { dataUrl: o, width: s, height: i } = await X(
-          c,
-          S,
-          A,
-          m,
-          R
-        ), l = document.createElement("img");
-        l.src = o, l.style = `height:${m}px;width:${s / i * m}px;object-fit:contain;`, e.appendChild(l), r.dataset.snapdomHasIcon = "true";
-      } else if (c.startsWith("url(")) {
-        const o = J(c);
-        if (o?.trim())
+      const o = document.createElement("span");
+      o.dataset.snapdomPseudo = e, o.style.display = "inline", o.style.verticalAlign = "baseline", o.style.pointerEvents = "none";
+      const V = T(t), Y = U(V, "span");
+      if (a.styleMap.set(o, Y), B && s && s.length === 1) {
+        const {
+          dataUrl: i,
+          width: u,
+          height: m
+        } = await nt(
+          s,
+          M,
+          j,
+          x,
+          O
+        ), p = document.createElement("img");
+        p.src = i, p.style = `height:${x}px;width:${u / m * x}px;object-fit:contain;`, o.appendChild(p), r.dataset.snapdomHasIcon = "true";
+      } else if (s && s.startsWith("url(")) {
+        const i = st(s);
+        if (i?.trim())
           try {
-            const s = document.createElement("img"), i = await Q(Y(o), d);
-            s.src = i, s.style = `width:${m}px;height:auto;object-fit:contain;`, e.appendChild(s);
-          } catch (s) {
-            console.error(`[snapdom] Error in pseudo ${n} for`, a, s);
+            const u = document.createElement("img"), m = await ct(it(i), {
+              as: "dataURL",
+              useProxy: c.useProxy
+            });
+            u.src = m.data, u.style = `width:${x}px;height:auto;object-fit:contain;`, o.appendChild(u);
+          } catch (u) {
+            console.error(`[snapdom] Error in pseudo ${e} for`, n, u);
           }
-      } else !I && k && (e.textContent = c);
-      if (b)
+      } else !B && R && (o.textContent = s);
+      o.style.backgroundImage = "none", "maskImage" in o.style && (o.style.maskImage = "none"), "webkitMaskImage" in o.style && (o.style.webkitMaskImage = "none");
+      try {
+        o.style.backgroundRepeat = t.backgroundRepeat, o.style.backgroundSize = t.backgroundSize, t.backgroundPositionX && t.backgroundPositionY ? (o.style.backgroundPositionX = t.backgroundPositionX, o.style.backgroundPositionY = t.backgroundPositionY) : o.style.backgroundPosition = t.backgroundPosition, o.style.backgroundOrigin = t.backgroundOrigin, o.style.backgroundClip = t.backgroundClip, o.style.backgroundAttachment = t.backgroundAttachment, o.style.backgroundBlendMode = t.backgroundBlendMode;
+      } catch {
+      }
+      if (P)
         try {
-          const o = Z(y), s = await Promise.all(
-            o.map(tt)
+          const i = rt(_), u = await Promise.all(
+            i.map(at)
           );
-          e.style.backgroundImage = s.join(", ");
-        } catch (o) {
+          o.style.backgroundImage = u.join(", ");
+        } catch (i) {
           console.warn(
-            `[snapdom] Failed to inline background-image for ${n}`,
-            o
+            `[snapdom] Failed to inline background-image for ${e}`,
+            i
           );
         }
-      if (C && (e.style.backgroundColor = f), !(e.childNodes.length > 0 || e.textContent?.trim() !== "" || b || C || B || N || P)) continue;
-      n === "::before" ? r.insertBefore(e, r.firstChild) : r.appendChild(e);
+      I && (o.style.backgroundColor = C);
+      const q = o.childNodes.length > 0 || o.textContent?.trim() !== "" || P || I || A || D;
+      if (y && y.length && n.parentElement) {
+        const i = k.get(n.parentElement) || /* @__PURE__ */ new Map(), u = v(n, f), m = F(
+          n,
+          getComputedStyle(n, e),
+          u
+        );
+        for (const { name: p } of y) {
+          if (!p) continue;
+          const S = m.get(n, p);
+          i.set(p, S);
+        }
+        k.set(n.parentElement, i);
+      }
+      if (!q) continue;
+      e === "::before" ? r.insertBefore(o, r.firstChild) : r.appendChild(o);
     } catch (t) {
-      console.warn(`[snapdom] Failed to capture ${n} for`, a, t);
+      console.warn(`[snapdom] Failed to capture ${e} for`, n, t);
     }
-  const E = Array.from(a.children), x = Array.from(r.children).filter(
-    (n) => !n.dataset.snapdomPseudo
+  const d = Array.from(n.children), g = Array.from(r.children).filter(
+    (e) => !e.dataset.snapdomPseudo
   );
-  for (let n = 0; n < Math.min(E.length, x.length); n++)
-    await nt(
-      E[n],
-      x[n],
-      g,
-      z,
-      d
+  for (let e = 0; e < Math.min(d.length, g.length); e++)
+    await ft(
+      d[e],
+      g[e],
+      a,
+      c
     );
 }
 export {
-  nt as inlinePseudoElements
+  ft as inlinePseudoElements
 };

package/snapdom/src/modules/rasterize.js

@@ -0,0 +1,10 @@
+/* 2025-11-03 10:27:31 */
+import { toCanvas as d } from "../exporters/toCanvas.js";
+import { createBackground as n } from "../utils/image.js";
+async function m(c, a) {
+  const e = await d(c, a), t = a.backgroundColor ? n(e, a.backgroundColor) : e, r = new Image();
+  return r.src = t.toDataURL(`image/${a.format}`, a.quality), await r.decode(), r.style.width = `${t.width / a.dpr}px`, r.style.height = `${t.height / a.dpr}px`, r;
+}
+export {
+  m as rasterize
+};