@unicom-cloud/utils 0.1.10 → 0.1.12

package/snapdom/src/modules/fonts.js

@@ -1,143 +1,141 @@
 import { resourceCache as c, processedFontURLs as h } from "../core/cache.js";
-import { isIconFont as b, extractURL as $ } from "../utils/helpers.js";
-async function _(f, a, l, p = 32, g = "#000") {
-  a = a.replace(/^['"]+|['"]+$/g, "");
-  const i = window.devicePixelRatio || 1, n = document.createElement("canvas").getContext("2d");
-  n.font = l ? `${l} ${p}px "${a}"` : `${p}px "${a}"`;
-  const o = n.measureText(f), m = o.actualBoundingBoxAscent || p * 0.8, s = o.actualBoundingBoxDescent || p * 0.2, d = m + s, r = o.width, u = document.createElement("canvas");
-  u.width = Math.ceil(r * i), u.height = Math.ceil(d * i);
-  const e = u.getContext("2d");
-  return e.scale(i, i), e.font = n.font, e.textAlign = "left", e.textBaseline = "alphabetic", e.fillStyle = g, e.fillText(f, 0, m), u.toDataURL();
+import { isIconFont as w } from "./iconFonts.js";
+import { extractURL as $ } from "../utils/helpers.js";
+async function _(m, l, r, y = 32, u = "#000") {
+  l = l.replace(/^['"]+|['"]+$/g, "");
+  const t = window.devicePixelRatio || 1, s = document.createElement("canvas").getContext("2d");
+  s.font = r ? `${r} ${y}px "${l}"` : `${y}px "${l}"`;
+  const i = s.measureText(m), f = i.actualBoundingBoxAscent || y * 0.8, a = i.actualBoundingBoxDescent || y * 0.2, d = f + a, p = i.width, n = document.createElement("canvas");
+  n.width = Math.ceil(p * t), n.height = Math.ceil(d * t);
+  const e = n.getContext("2d");
+  return e.scale(t, t), e.font = s.font, e.textAlign = "left", e.textBaseline = "alphabetic", e.fillStyle = u, e.fillText(m, 0, f), n.toDataURL();
 }
-function A(f) {
-  return Array.from(document.styleSheets).some((a) => a.href === f);
+function A(m) {
+  return Array.from(document.styleSheets).some((l) => l.href === m);
 }
-function C(f) {
-  return new Promise((a) => {
-    if (A(f)) return a(null);
-    const l = document.createElement("link");
-    l.rel = "stylesheet", l.href = f, l.setAttribute("data-snapdom", "injected-import"), l.onload = () => a(l), l.onerror = () => a(null), document.head.appendChild(l);
+function C(m) {
+  return new Promise((l) => {
+    if (A(m)) return l(null);
+    const r = document.createElement("link");
+    r.rel = "stylesheet", r.href = m, r.setAttribute("data-snapdom", "injected-import"), r.onload = () => l(r), r.onerror = () => l(null), document.head.appendChild(r);
   });
 }
-async function P({
-  ignoreIconFonts: f = !0,
-  preCached: a = !1
-} = {}) {
+async function P({ preCached: m = !1 } = {}) {
   if (c.has("fonts-embed-css")) {
-    if (a) {
+    if (m) {
       const t = document.createElement("style");
       t.setAttribute("data-snapdom", "embedFonts"), t.textContent = c.get("fonts-embed-css"), document.head.appendChild(t);
     }
     return c.get("fonts-embed-css");
   }
-  const l = /@import\s+url\(["']?([^"')]+)["']?\)/g, p = [];
+  const l = /@import\s+url\(["']?([^"')]+)["']?\)/g, r = [];
   for (const t of document.querySelectorAll("style")) {
-    const n = t.textContent || "", o = Array.from(n.matchAll(l));
-    for (const m of o) {
-      const s = m[1];
-      A(s) || p.push(s);
+    const o = t.textContent || "", s = Array.from(o.matchAll(l));
+    for (const i of s) {
+      const f = i[1];
+      w(f) || A(f) || r.push(f);
     }
   }
-  await Promise.all(p.map(C));
-  const g = Array.from(
+  await Promise.all(r.map(C));
+  const y = Array.from(
     document.querySelectorAll('link[rel="stylesheet"]')
   ).filter((t) => t.href);
-  let i = "";
-  for (const t of g)
+  let u = "";
+  for (const t of y)
     try {
-      const o = await (await fetch(t.href)).text();
-      if (f && (b(t.href) || b(o)))
-        continue;
-      const m = /url\((["']?)([^"')]+)\1\)/g, s = await Promise.all(
-        Array.from(o.matchAll(m)).map(async (r) => {
-          let u = $(r[0]);
-          if (!u) return null;
-          let e = u;
-          if (!e.startsWith("http") && !e.startsWith("data:") && (e = new URL(e, t.href).href), f && b(e)) return null;
-          if (c.has(e))
-            return h.add(e), {
-              original: r[0],
-              inlined: `url(${c.get(e)})`
+      const s = await (await fetch(t.href)).text();
+      if (w(t.href) || w(s)) continue;
+      const i = /url\((["']?)([^"')]+)\1\)/g, f = await Promise.all(
+        Array.from(s.matchAll(i)).map(async (d) => {
+          let p = $(d[0]);
+          if (!p) return null;
+          let n = p;
+          if (!n.startsWith("http") && !n.startsWith("data:") && (n = new URL(n, t.href).href), w(n)) return null;
+          if (c.has(n))
+            return h.add(n), {
+              original: d[0],
+              inlined: `url(${c.get(n)})`
             };
-          if (h.has(e)) return null;
+          if (h.has(n)) return null;
           try {
-            const S = await (await fetch(e)).blob(), w = await new Promise((R) => {
-              const y = new FileReader();
-              y.onload = () => R(y.result), y.readAsDataURL(S);
+            const S = await (await fetch(n)).blob(), b = await new Promise((x) => {
+              const g = new FileReader();
+              g.onload = () => x(g.result), g.readAsDataURL(S);
             });
-            return c.set(e, w), h.add(e), { original: r[0], inlined: `url(${w})` };
+            return c.set(n, b), h.add(n), { original: d[0], inlined: `url(${b})` };
           } catch {
-            return console.warn("[snapdom] Failed to fetch font resource:", e), null;
+            return console.warn("[snapdom] Failed to fetch font resource:", n), null;
           }
         })
       );
-      let d = o;
-      for (const r of s)
-        r && (d = d.replace(r.original, r.inlined));
-      i += d + `
+      let a = s;
+      for (const d of f)
+        d && (a = a.replace(d.original, d.inlined));
+      u += a + `
 `;
     } catch {
       console.warn("[snapdom] Failed to fetch CSS:", t.href);
     }
   for (const t of document.styleSheets)
     try {
-      if (!t.href || g.every((n) => n.href !== t.href)) {
-        for (const n of t.cssRules)
-          if (n.type === CSSRule.FONT_FACE_RULE) {
-            const o = n.style.getPropertyValue("src");
-            if (!o) continue;
-            const m = /url\((["']?)([^"')]+)\1\)/g;
-            let s = o;
-            const d = Array.from(o.matchAll(m));
-            for (const r of d) {
-              let u = r[2].trim();
-              if (!u) continue;
-              let e = u;
-              if (!e.startsWith("http") && !e.startsWith("data:") && (e = new URL(e, t.href || location.href).href), !(f && b(e))) {
+      if (!t.href || y.every((o) => o.href !== t.href)) {
+        for (const o of t.cssRules)
+          if (o.type === CSSRule.FONT_FACE_RULE) {
+            const s = o.style.getPropertyValue("src"), i = o.style.getPropertyValue("font-family");
+            if (!s || w(i)) continue;
+            const f = /url\((["']?)([^"')]+)\1\)/g;
+            let a = s;
+            const d = Array.from(s.matchAll(f));
+            for (const p of d) {
+              let n = p[2].trim();
+              if (!n) continue;
+              let e = n;
+              if (!e.startsWith("http") && !e.startsWith("data:") && (e = new URL(e, t.href || location.href).href), !w(e)) {
                 if (c.has(e)) {
-                  h.add(e), s = s.replace(
-                    r[0],
+                  h.add(e), a = a.replace(
+                    p[0],
                     `url(${c.get(e)})`
                   );
                   continue;
                 }
                 if (!h.has(e))
                   try {
-                    const S = await (await fetch(e)).blob(), w = await new Promise((R) => {
-                      const y = new FileReader();
-                      y.onload = () => R(y.result), y.readAsDataURL(S);
+                    const b = await (await fetch(e)).blob(), x = await new Promise((g) => {
+                      const R = new FileReader();
+                      R.onload = () => g(R.result), R.readAsDataURL(b);
                     });
-                    c.set(e, w), h.add(e), s = s.replace(r[0], `url(${w})`);
+                    c.set(e, x), h.add(e), a = a.replace(p[0], `url(${x})`);
                   } catch {
                     console.warn("[snapdom] Failed to fetch font URL:", e);
                   }
               }
             }
-            i += `@font-face {
-  font-family: ${n.style.getPropertyValue("font-family")};
-  src: ${s};
-  font-style: ${n.style.getPropertyValue("font-style") || "normal"};
-  font-weight: ${n.style.getPropertyValue("font-weight") || "normal"};
+            u += `@font-face {
+  font-family: ${i};
+  src: ${a};
+  font-style: ${o.style.getPropertyValue("font-style") || "normal"};
+  font-weight: ${o.style.getPropertyValue("font-weight") || "normal"};
 }
 `;
           }
       }
-    } catch (n) {
-      console.warn("[snapdom] Cannot access stylesheet", t.href, n);
+    } catch (o) {
+      console.warn("[snapdom] Cannot access stylesheet", t.href, o);
     }
   for (const t of document.fonts)
     if (t.family && t.status === "loaded" && t._snapdomSrc) {
-      let n = t._snapdomSrc;
-      if (!n.startsWith("data:")) {
+      if (w(t.family)) continue;
+      let o = t._snapdomSrc;
+      if (!o.startsWith("data:")) {
         if (c.has(t._snapdomSrc))
-          n = c.get(t._snapdomSrc), h.add(t._snapdomSrc);
+          o = c.get(t._snapdomSrc), h.add(t._snapdomSrc);
         else if (!h.has(t._snapdomSrc))
           try {
-            const m = await (await fetch(t._snapdomSrc)).blob();
-            n = await new Promise((s) => {
-              const d = new FileReader();
-              d.onload = () => s(d.result), d.readAsDataURL(m);
-            }), c.set(t._snapdomSrc, n), h.add(t._snapdomSrc);
+            const i = await (await fetch(t._snapdomSrc)).blob();
+            o = await new Promise((f) => {
+              const a = new FileReader();
+              a.onload = () => f(a.result), a.readAsDataURL(i);
+            }), c.set(t._snapdomSrc, o), h.add(t._snapdomSrc);
           } catch {
             console.warn(
               "[snapdom] Failed to fetch dynamic font src:",
@@ -146,19 +144,19 @@ async function P({
             continue;
           }
       }
-      i += `@font-face {
+      u += `@font-face {
   font-family: '${t.family}';
-  src: url(${n});
+  src: url(${o});
   font-style: ${t.style || "normal"};
   font-weight: ${t.weight || "normal"};
 }
 `;
     }
-  if (i && (c.set("fonts-embed-css", i), a)) {
+  if (u && (c.set("fonts-embed-css", u), m)) {
     const t = document.createElement("style");
-    t.setAttribute("data-snapdom", "embedFonts"), t.textContent = i, document.head.appendChild(t);
+    t.setAttribute("data-snapdom", "embedFonts"), t.textContent = u, document.head.appendChild(t);
   }
-  return i;
+  return u;
 }
 export {
   P as embedCustomFonts,

package/snapdom/src/modules/iconFonts.js

@@ -0,0 +1,28 @@
+var s = [
+  // /uicons/i,
+  /font\s*awesome/i,
+  /material\s*icons/i,
+  /ionicons/i,
+  /glyphicons/i,
+  /feather/i,
+  /bootstrap\s*icons/i,
+  /remix\s*icons/i,
+  /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);
+}
+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));
+}
+export {
+  r as extendIconFonts,
+  c as isIconFont
+};

package/snapdom/src/modules/images.js

@@ -1,17 +1,17 @@
-import { fetchImage as o } from "../utils/helpers.js";
-async function h(i, n = {}) {
-  const r = Array.from(i.querySelectorAll("img")), s = async (t) => {
+import { fetchImage as l } from "../utils/helpers.js";
+async function h(n, a = {}) {
+  const r = Array.from(n.querySelectorAll("img")), i = async (t) => {
     const c = t.src;
     try {
-      const e = n.crossOrigin ? n.crossOrigin(c) : "anonymous", a = await o(c, 3e3, e);
-      t.src = a, t.width || (t.width = t.naturalWidth || 100), t.height || (t.height = t.naturalHeight || 100);
+      const e = await l(c, { useProxy: a.useProxy });
+      t.src = e, t.width || (t.width = t.naturalWidth || 100), t.height || (t.height = t.naturalHeight || 100);
     } catch {
       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);
     }
   };
   for (let t = 0; t < r.length; t += 4) {
-    const c = r.slice(t, t + 4).map(s);
+    const c = r.slice(t, t + 4).map(i);
     await Promise.allSettled(c);
   }
 }

package/snapdom/src/modules/pseudo.js

@@ -1,92 +1,94 @@
 import { iconToImage as z } from "./fonts.js";
-import { getStyleKey as V } from "../utils/cssTools.js";
-import { getStyle as U, snapshotComputedStyle as I, parseContent as W, extractURL as j, fetchImage as A, safeEncodeURI as D, splitBackgroundImage as L, inlineSingleBackgroundEntry as $ } from "../utils/helpers.js";
-async function R(l, i, g, F, h, w = !1) {
-  if (!(l instanceof Element) || !(i instanceof Element)) return;
+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;
   for (const n of ["::before", "::after", "::first-letter"])
     try {
-      const t = U(l, n);
+      const t = W(c, n);
       if (!t || typeof t[Symbol.iterator] != "function") continue;
       if (n === "::first-letter") {
-        const a = getComputedStyle(l);
-        if (!(t.color !== a.color || t.fontSize !== a.fontSize || t.fontWeight !== a.fontWeight)) continue;
-        const d = Array.from(i.childNodes).find(
+        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
         );
         if (!d) continue;
-        const p = d.textContent, f = p.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0], b = p.slice(f?.length || 0);
+        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 r = document.createElement("span");
-        r.textContent = f, r.dataset.snapdomPseudo = "::first-letter";
-        const s = I(t), N = V(s, "span", h);
-        g.set(r, N);
-        const x = document.createTextNode(b);
-        i.replaceChild(x, d), i.insertBefore(r, x);
+        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);
         continue;
       }
-      const S = t.getPropertyValue("content"), u = t.getPropertyValue("background-image"), m = t.getPropertyValue("background-color"), T = S !== "none", y = u && u !== "none", C = m && m !== "transparent" && m !== "rgba(0, 0, 0, 0)";
-      if (T || y || C) {
-        const a = t.getPropertyValue("font-family"), B = parseInt(t.getPropertyValue("font-size")) || 32, d = parseInt(t.getPropertyValue("font-weight")) || !1, p = t.getPropertyValue("color") || "#000", o = document.createElement("span");
+      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 = I(t), b = V(f, "span", h);
-        g.set(o, b);
-        const r = a && /font.*awesome|material|bootstrap|glyphicons|ionicons|remixicon|simple-line-icons|octicons|feather|typicons|weathericons|lucide/i.test(
-          a
-        ), s = W(S);
-        if (!w && r && s.length === 1) {
+        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,
-            a,
+            l,
             d,
-            B,
-            p
-          ), e.style = "display:block;width:100%;height:100%;object-fit:contain;", o.appendChild(e);
+            p,
+            g
+          ), e.style = `width:${p}px;height:auto;object-fit:contain;`, o.appendChild(e);
         } else if (s.startsWith("url(")) {
-          const e = j(s);
+          const e = A(s);
           if (e && e.trim() !== "")
             try {
-              const c = document.createElement("img"), E = await A(D(e));
-              c.src = E, c.style = "display:block;width:100%;height:100%;object-fit:contain;", o.appendChild(c);
-            } catch (c) {
+              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`,
-                l,
-                c
+                c,
+                i
               );
             }
-        } else !r && s && s !== "none" && (o.textContent = s);
-        if (y)
+        } else !a && s && s !== "none" && (o.textContent = s);
+        if (C)
           try {
-            const e = L(u), c = await Promise.all(
-              e.map((E) => $(E))
+            const e = R(y), i = await Promise.all(
+              e.map((P) => K(P))
             );
-            o.style.backgroundImage = c.join(", ");
+            o.style.backgroundImage = i.join(", ");
           } catch (e) {
             console.warn(
               `[snapdom] Failed to inline background-image for ${n}`,
               e
             );
           }
-        if (C && (o.style.backgroundColor = m), !(o.childNodes.length > 0 || o.textContent && o.textContent.trim() !== "" || y || C)) continue;
-        n === "::before" ? i.insertBefore(o, i.firstChild) : i.appendChild(o);
+        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);
       }
     } catch (t) {
-      console.warn(`[snapdom] Failed to capture ${n} for`, l, t);
+      console.warn(`[snapdom] Failed to capture ${n} for`, c, t);
     }
-  const P = Array.from(l.children), k = Array.from(i.children).filter(
+  const S = Array.from(c.children), k = Array.from(r.children).filter(
     (n) => !n.dataset.snapdomPseudo
   );
-  for (let n = 0; n < Math.min(P.length, k.length); n++)
-    await R(
-      P[n],
+  for (let n = 0; n < Math.min(S.length, k.length); n++)
+    await M(
+      S[n],
       k[n],
-      g,
-      F,
       h,
+      F,
+      u,
+      T,
       w
     );
 }
 export {
-  R as inlinePseudoElements
+  M as inlinePseudoElements
 };

package/snapdom/src/modules/styles.js

@@ -1,11 +1,31 @@
-import { getStyleKey as y } from "../utils/cssTools.js";
-import { getStyle as g, snapshotComputedStyle as p } from "../utils/helpers.js";
-function r(t, n, o, e, s) {
+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;
+  }
+  return o;
+}
+function S(t, o, n, e, a) {
   if (t.tagName === "STYLE") return;
-  e.has(t) || e.set(t, g(t));
-  const a = e.get(t), i = p(a), l = t.tagName?.toLowerCase() || "div", m = y(i, l, s);
-  o.set(n, m);
+  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);
+  }
+  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));
+    return;
+  }
+  const f = t.tagName?.toLowerCase() || "div", h = c(g, f, a);
+  r.set(i, h), n.set(o, h);
 }
 export {
-  r as inlineAllStyles
+  S as inlineAllStyles
 };

package/snapdom/src/modules/svgDefs.js

@@ -0,0 +1,26 @@
+function l(s) {
+  if (!s) return;
+  const f = document.querySelectorAll("svg > defs");
+  f.length && s.querySelectorAll("svg").forEach((r) => {
+    const c = r.querySelectorAll("use");
+    if (!c.length) return;
+    const n = /* @__PURE__ */ new Set();
+    if (c.forEach((t) => {
+      const e = t.getAttribute("xlink:href") || t.getAttribute("href");
+      e && e.startsWith("#") && n.add(e.slice(1));
+    }), !n.size) return;
+    const o = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+    for (const t of n)
+      for (const e of f) {
+        const i = e.querySelector(`#${CSS.escape(t)}`);
+        if (i) {
+          o.appendChild(i.cloneNode(!0));
+          break;
+        }
+      }
+    o.childNodes.length && r.insertBefore(o, r.firstChild);
+  });
+}
+export {
+  l as inlineExternalDef
+};