@unicom-cloud/utils 0.1.30 → 0.1.32

package/snapdom/src/modules/pseudo.js

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

package/snapdom/src/modules/rasterize.js

@@ -1,10 +1,9 @@
-/* 2025-11-19 09:08:12 */
-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;
+/* 2025-11-27 12:11:03 */
+import { toCanvas as i } from "../exporters/toCanvas.js";
+async function d(r, a) {
+  const e = await i(r, a), t = new Image();
+  return t.src = e.toDataURL(`image/${a.format}`, a.quality), await t.decode(), t.style.width = `${e.width / a.dpr}px`, t.style.height = `${e.height / a.dpr}px`, t;
 }
 export {
-  m as rasterize
+  d as rasterize
 };

package/snapdom/src/modules/snapFetch.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:08:12 */
+/* 2025-11-27 12:11:03 */
 import { safeEncodeURI as U } from "../utils/helpers.js";
 function E(t = "[snapDOM]", { ttlMs: e = 5 * 6e4, maxEntries: n = 12 } = {}) {
   const r = /* @__PURE__ */ new Map();