@unicom-cloud/utils 0.1.12 → 0.1.14

package/snapdom/src/modules/pseudo.js

@@ -1,94 +1,89 @@
-import { iconToImage as z } from "./fonts.js";
-import { isIconFont as U } from "./iconFonts.js";
-import { getStyleKey as N } from "../utils/cssTools.js";
-import { getStyle as W, snapshotComputedStyle as V, parseContent as j, extractURL as A, fetchImage as D, safeEncodeURI as L, splitBackgroundImage as R, inlineSingleBackgroundEntry as K } from "../utils/helpers.js";
-async function M(c, r, h, F, u, T = !1, w) {
-  if (!(c instanceof Element) || !(r instanceof Element)) return;
+import { cache as M } from "../core/cache.js";
+import { iconToImage as q } from "./fonts.js";
+import { isIconFont as v } from "./iconFonts.js";
+import { getStyleKey as $ } from "../utils/cssTools.js";
+import { getStyle as G, snapshotComputedStyle as z, parseContent as H, extractURL as J, fetchImage as Q, safeEncodeURI as Y, splitBackgroundImage as Z, inlineSingleBackgroundEntry as tt } from "../utils/helpers.js";
+async function et(c, s, p, R = !1, b) {
+  if (!(c instanceof Element) || !(s instanceof Element)) return;
   for (const n of ["::before", "::after", "::first-letter"])
     try {
-      const t = W(c, n);
+      const t = G(c, n);
       if (!t || typeof t[Symbol.iterator] != "function") continue;
       if (n === "::first-letter") {
-        const l = getComputedStyle(c);
-        if (!(t.color !== l.color || t.fontSize !== l.fontSize || t.fontWeight !== l.fontWeight)) continue;
-        const d = Array.from(r.childNodes).find(
-          (e) => e.nodeType === Node.TEXT_NODE && e.textContent && e.textContent.trim().length > 0
+        const e = getComputedStyle(c);
+        if (!(t.color !== e.color || t.fontSize !== e.fontSize || t.fontWeight !== e.fontWeight)) continue;
+        const i = Array.from(s.childNodes).find(
+          (C) => C.nodeType === Node.TEXT_NODE && C.textContent && C.textContent.trim().length > 0
         );
-        if (!d) continue;
-        const g = d.textContent, f = g.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0], x = g.slice(f?.length || 0);
-        if (!f || /[\uD800-\uDFFF]/.test(f)) continue;
-        const a = document.createElement("span");
-        a.textContent = f, a.dataset.snapdomPseudo = "::first-letter";
-        const s = V(t), I = N(s, "span", u);
-        h.set(a, I);
-        const E = document.createTextNode(x);
-        r.replaceChild(E, d), r.insertBefore(a, E);
+        if (!i) continue;
+        const N = i.textContent, d = N.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0], O = N.slice(d?.length || 0);
+        if (!d || /[\uD800-\uDFFF]/.test(d)) continue;
+        const f = document.createElement("span");
+        f.textContent = d, f.dataset.snapdomPseudo = "::first-letter";
+        const X = z(t), _ = $(X, "span", p);
+        M.preStyleMap.set(f, _);
+        const T = document.createTextNode(O);
+        s.replaceChild(T, i), s.insertBefore(f, T);
         continue;
       }
-      const B = t.getPropertyValue("content"), y = t.getPropertyValue("background-image"), m = t.getPropertyValue("background-color"), $ = B !== "none", C = y && y !== "none", b = m && m !== "transparent" && m !== "rgba(0, 0, 0, 0)";
-      if ($ || C || b) {
-        const l = t.getPropertyValue("font-family"), p = parseInt(t.getPropertyValue("font-size")) || 32, d = parseInt(t.getPropertyValue("font-weight")) || !1, g = t.getPropertyValue("color") || "#000", o = document.createElement("span");
-        o.dataset.snapdomPseudo = n;
-        const f = V(t), x = N(f, "span", u);
-        h.set(o, x);
-        const a = U(l), s = j(B);
-        if (a && s.length === 1) {
-          const e = document.createElement("img");
-          e.src = await z(
-            s,
-            l,
-            d,
-            p,
-            g
-          ), e.style = `width:${p}px;height:auto;object-fit:contain;`, o.appendChild(e);
-        } else if (s.startsWith("url(")) {
-          const e = A(s);
-          if (e && e.trim() !== "")
-            try {
-              const i = document.createElement("img"), P = await D(
-                L(e, { useProxy: w })
-              );
-              i.src = P, i.style = `width:${p}px;height:auto;object-fit:contain;`, o.appendChild(i);
-            } catch (i) {
-              console.error(
-                `[snapdom] Error in pseudo ${n} for`,
-                c,
-                i
-              );
-            }
-        } else !a && s && s !== "none" && (o.textContent = s);
-        if (C)
+      const h = t.getPropertyValue("content"), m = t.getPropertyValue("background-image"), l = t.getPropertyValue("background-color"), E = t.getPropertyValue("font-family"), g = parseInt(t.getPropertyValue("font-size")) || 32, U = parseInt(t.getPropertyValue("font-weight")) || !1, W = t.getPropertyValue("color") || "#000", j = t.getPropertyValue("display"), A = parseFloat(t.getPropertyValue("width")), D = parseFloat(t.getPropertyValue("height")), V = t.getPropertyValue("border-style"), w = t.getPropertyValue("transform"), S = v(E);
+      let r;
+      /counter\s*\(|counters\s*\(/.test(h) ? r = "- " : r = H(h);
+      const B = h !== "none" && r !== "", u = m && m !== "none", y = l && l !== "transparent" && l !== "rgba(0, 0, 0, 0)", F = j !== "inline" && (A > 0 || D > 0), k = V && V !== "none", I = w && w !== "none";
+      if (!(B || u || y || F || k || I)) continue;
+      const o = document.createElement("span");
+      o.dataset.snapdomPseudo = n;
+      const L = z(t), K = $(L, "span", p);
+      if (M.preStyleMap.set(o, K), S && r.length === 1) {
+        const e = document.createElement("img");
+        e.src = await q(
+          r,
+          E,
+          U,
+          g,
+          W
+        ), e.style = `width:${g}px;height:auto;object-fit:contain;`, o.appendChild(e);
+      } else if (r.startsWith("url(")) {
+        const e = J(r);
+        if (e && e.trim() !== "")
           try {
-            const e = R(y), i = await Promise.all(
-              e.map((P) => K(P))
-            );
-            o.style.backgroundImage = i.join(", ");
-          } catch (e) {
-            console.warn(
-              `[snapdom] Failed to inline background-image for ${n}`,
-              e
+            const a = document.createElement("img"), i = await Q(
+              Y(e, { useProxy: b })
             );
+            a.src = i, a.style = `width:${g}px;height:auto;object-fit:contain;`, o.appendChild(a);
+          } catch (a) {
+            console.error(`[snapdom] Error in pseudo ${n} for`, c, a);
           }
-        if (b && (o.style.backgroundColor = m), !(o.childNodes.length > 0 || o.textContent && o.textContent.trim() !== "" || C || b)) continue;
-        n === "::before" ? r.insertBefore(o, r.firstChild) : r.appendChild(o);
-      }
+      } else !S && B && (o.textContent = r);
+      if (u)
+        try {
+          const e = Z(m), a = await Promise.all(
+            e.map((i) => tt(i))
+          );
+          o.style.backgroundImage = a.join(", ");
+        } catch (e) {
+          console.warn(
+            `[snapdom] Failed to inline background-image for ${n}`,
+            e
+          );
+        }
+      if (y && (o.style.backgroundColor = l), !(o.childNodes.length > 0 || o.textContent && o.textContent.trim() !== "" || u || y || F || k || I)) continue;
+      n === "::before" ? s.insertBefore(o, s.firstChild) : s.appendChild(o);
     } catch (t) {
       console.warn(`[snapdom] Failed to capture ${n} for`, c, t);
     }
-  const S = Array.from(c.children), k = Array.from(r.children).filter(
+  const x = Array.from(c.children), P = Array.from(s.children).filter(
     (n) => !n.dataset.snapdomPseudo
   );
-  for (let n = 0; n < Math.min(S.length, k.length); n++)
-    await M(
-      S[n],
-      k[n],
-      h,
-      F,
-      u,
-      T,
-      w
+  for (let n = 0; n < Math.min(x.length, P.length); n++)
+    await et(
+      x[n],
+      P[n],
+      p,
+      R,
+      b
     );
 }
 export {
-  M as inlinePseudoElements
+  et as inlinePseudoElements
 };

package/snapdom/src/modules/styles.js

@@ -1,31 +1,31 @@
-import { getStyleKey as c } from "../utils/cssTools.js";
-import { getStyle as d } from "../utils/helpers.js";
-const p = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new Map();
-function y(t) {
-  const o = {};
-  for (let n = 0; n < t.length; n++) {
-    const e = t[n];
-    let a = t.getPropertyValue(e);
-    (e === "background-image" || e === "content") && a.includes("url(") && !a.includes("data:") && (a = "none"), o[e] = a;
+import { cache as e } from "../core/cache.js";
+import { getStyleKey as y } from "../utils/cssTools.js";
+import { getStyle as m } from "../utils/helpers.js";
+function g(t) {
+  const a = {};
+  for (let o = 0; o < t.length; o++) {
+    const s = t[o];
+    let n = t.getPropertyValue(s);
+    (s === "background-image" || s === "content") && n.includes("url(") && !n.includes("data:") && (n = "none"), a[s] = n;
   }
-  return o;
+  return a;
 }
-function S(t, o, n, e, a) {
+function d(t, a, o) {
   if (t.tagName === "STYLE") return;
-  e.has(t) || e.set(t, d(t));
-  const m = e.get(t);
-  if (!p.has(t)) {
-    const s = y(m);
-    p.set(t, s);
+  e.preStyle.has(t) || e.preStyle.set(t, m(t));
+  const s = e.preStyle.get(t);
+  if (!e.snapshot.has(t)) {
+    const p = g(s);
+    e.snapshot.set(t, p);
   }
-  const g = p.get(t), i = Object.entries(g).sort(([s], [l]) => s.localeCompare(l)).map(([s, l]) => `${s}:${l}`).join(";");
-  if (r.has(i)) {
-    n.set(o, r.get(i));
+  const n = e.snapshot.get(t), l = Object.entries(n).sort(([p], [r]) => p.localeCompare(r)).map(([p, r]) => `${p}:${r}`).join(";");
+  if (e.snapshotKey.has(l)) {
+    e.preStyleMap.set(a, e.snapshotKey.get(l));
     return;
   }
-  const f = t.tagName?.toLowerCase() || "div", h = c(g, f, a);
-  r.set(i, h), n.set(o, h);
+  const h = t.tagName?.toLowerCase() || "div", i = y(n, h, o);
+  e.snapshotKey.set(l, i), e.preStyleMap.set(a, i);
 }
 export {
-  S as inlineAllStyles
+  d as inlineAllStyles
 };

package/snapdom/src/utils/cssTools.js

@@ -1,4 +1,4 @@
-import { defaultStylesCache as r } from "../core/cache.js";
+import { cache as r } from "../core/cache.js";
 const d = [
   "div",
   "span",
@@ -39,12 +39,12 @@ const d = [
   "th"
 ];
 function u() {
-  for (let t of d)
-    c(t);
+  for (let e of d)
+    c(e);
 }
-function c(t) {
-  if (r.has(t))
-    return r.get(t);
+function c(e) {
+  if (r.defaultStyle.has(e))
+    return r.defaultStyle.get(e);
   if ((/* @__PURE__ */ new Set([
     "script",
     "style",
@@ -52,54 +52,54 @@ function c(t) {
     "link",
     "noscript",
     "template"
-  ])).has(t)) {
+  ])).has(e)) {
     const o = {};
-    return r.set(t, o), o;
+    return r.defaultStyle.set(e, o), o;
   }
-  let e = document.getElementById("snapdom-sandbox");
-  e || (e = document.createElement("div"), e.id = "snapdom-sandbox", e.style.position = "absolute", e.style.left = "-9999px", e.style.top = "-9999px", e.style.width = "0", e.style.height = "0", e.style.overflow = "hidden", document.body.appendChild(e));
-  const n = document.createElement(t);
-  n.style.all = "initial", e.appendChild(n);
-  const l = getComputedStyle(n), a = {};
-  for (let o of l)
-    a[o] = l.getPropertyValue(o);
-  return e.removeChild(n), r.set(t, a), a;
+  let t = document.getElementById("snapdom-sandbox");
+  t || (t = document.createElement("div"), t.id = "snapdom-sandbox", t.style.position = "absolute", t.style.left = "-9999px", t.style.top = "-9999px", t.style.width = "0", t.style.height = "0", t.style.overflow = "hidden", document.body.appendChild(t));
+  const n = document.createElement(e);
+  n.style.all = "initial", t.appendChild(n);
+  const a = getComputedStyle(n), l = {};
+  for (let o of a)
+    l[o] = a.getPropertyValue(o);
+  return t.removeChild(n), r.defaultStyle.set(e, l), l;
 }
-function p(t, s, e = !1) {
-  const n = [], l = c(s);
-  for (let [a, o] of Object.entries(t))
-    if (!e)
-      o && n.push(`${a}:${o}`);
+function p(e, s, t = !1) {
+  const n = [], a = c(s);
+  for (let [l, o] of Object.entries(e))
+    if (!t)
+      o && n.push(`${l}:${o}`);
     else {
-      const i = l[a];
-      o && o !== i && n.push(`${a}:${o}`);
+      const i = a[l];
+      o && o !== i && n.push(`${l}:${o}`);
     }
   return n.sort().join(";");
 }
-function y(t) {
+function y(e) {
   const s = /* @__PURE__ */ new Set();
-  return t.nodeType !== Node.ELEMENT_NODE && t.nodeType !== Node.DOCUMENT_FRAGMENT_NODE ? [] : (t.tagName && s.add(t.tagName.toLowerCase()), typeof t.querySelectorAll == "function" && t.querySelectorAll("*").forEach((e) => s.add(e.tagName.toLowerCase())), Array.from(s));
+  return e.nodeType !== Node.ELEMENT_NODE && e.nodeType !== Node.DOCUMENT_FRAGMENT_NODE ? [] : (e.tagName && s.add(e.tagName.toLowerCase()), typeof e.querySelectorAll == "function" && e.querySelectorAll("*").forEach((t) => s.add(t.tagName.toLowerCase())), Array.from(s));
 }
-function h(t) {
+function h(e) {
   const s = /* @__PURE__ */ new Map();
-  for (let n of t) {
-    const l = r.get(n);
-    if (!l) continue;
-    const a = Object.entries(l).map(([o, i]) => `${o}:${i};`).sort().join("");
-    s.has(a) || s.set(a, []), s.get(a).push(n);
+  for (let n of e) {
+    const a = r.defaultStyle.get(n);
+    if (!a) continue;
+    const l = Object.entries(a).map(([o, i]) => `${o}:${i};`).sort().join("");
+    s.has(l) || s.set(l, []), s.get(l).push(n);
   }
-  let e = "";
-  for (let [n, l] of s.entries())
-    e += `${l.join(",")} { ${n} }
+  let t = "";
+  for (let [n, a] of s.entries())
+    t += `${a.join(",")} { ${n} }
 `;
-  return e;
+  return t;
 }
-function m(t) {
-  const s = new Set(t.values()), e = /* @__PURE__ */ new Map();
-  let n = 1;
-  for (const l of s)
-    e.set(l, `c${n++}`);
-  return e;
+function m() {
+  const e = new Set(r.preStyleMap.values()), s = /* @__PURE__ */ new Map();
+  let t = 1;
+  for (const n of e)
+    s.set(n, `c${t++}`);
+  return s;
 }
 export {
   y as collectUsedTagNames,