@unicom-cloud/utils 0.1.16 → 0.1.18

package/snapdom/src/core/clone.js

@@ -1,114 +1,130 @@
-import { cache as r } from "./cache.js";
-import { inlineAllStyles as f } from "../modules/styles.js";
-function u(e, n, a = {}, o) {
-  if (!e) throw new Error("Invalid node");
-  const p = /* @__PURE__ */ new Set();
+import { inlineAllStyles as g } from "../modules/styles.js";
+function p(t, n) {
+  try {
+    const l = t.currentSrc || t.src || "";
+    if (!l) return;
+    n.setAttribute("src", l), n.removeAttribute("srcset"), n.removeAttribute("sizes"), n.loading = "eager", n.decoding = "sync";
+  } catch {
+  }
+}
+function m(t, n, l, o, s, a = {}, h) {
+  if (!t) throw new Error("Invalid node");
+  const x = /* @__PURE__ */ new Set();
   let d = null;
-  if (e.nodeType === Node.TEXT_NODE || e.nodeType !== Node.ELEMENT_NODE)
-    return e.cloneNode(!0);
-  if (e.getAttribute("data-capture") === "exclude") {
-    const t = document.createElement("div"), i = e.getBoundingClientRect();
-    return t.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, t;
+  if (t.nodeType === Node.TEXT_NODE || t.nodeType !== Node.ELEMENT_NODE)
+    return t.cloneNode(!0);
+  if (t.getAttribute("data-capture") === "exclude") {
+    const e = document.createElement("div"), i = t.getBoundingClientRect();
+    return e.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, e;
   }
   if (a.exclude && Array.isArray(a.exclude))
-    for (const t of a.exclude)
+    for (const e of a.exclude)
       try {
-        if (e.matches?.(t)) {
-          const i = document.createElement("div"), l = e.getBoundingClientRect();
-          return i.style.cssText = `display:inline-block;width:${l.width}px;height:${l.height}px;visibility:hidden;`, i;
+        if (t.matches?.(e)) {
+          const i = document.createElement("div"), r = t.getBoundingClientRect();
+          return i.style.cssText = `display:inline-block;width:${r.width}px;height:${r.height}px;visibility:hidden;`, i;
         }
       } catch (i) {
-        console.warn(`Invalid selector in exclude option: ${t}`, i);
+        console.warn(`Invalid selector in exclude option: ${e}`, i);
       }
   if (typeof a.filter == "function")
     try {
-      if (!a.filter(e, o || e)) {
-        const t = document.createElement("div"), i = e.getBoundingClientRect();
-        return t.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, t;
+      if (!a.filter(t, h || t)) {
+        const e = document.createElement("div"), i = t.getBoundingClientRect();
+        return e.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, e;
       }
-    } catch (t) {
-      console.warn("Error in filter function:", t);
+    } catch (e) {
+      console.warn("Error in filter function:", e);
     }
-  if (e.tagName === "IFRAME") {
-    const t = document.createElement("div");
-    return t.style.cssText = `width:${e.offsetWidth}px;height:${e.offsetHeight}px;background-image:repeating-linear-gradient(45deg,#ddd,#ddd 5px,#f9f9f9 5px,#f9f9f9 10px);display:flex;align-items:center;justify-content:center;font-size:12px;color:#555;border:1px solid #aaa;`, t;
+  if (t.tagName === "IFRAME") {
+    const e = document.createElement("div");
+    return e.style.cssText = `width:${t.offsetWidth}px;height:${t.offsetHeight}px;background-image:repeating-linear-gradient(45deg,#ddd,#ddd 5px,#f9f9f9 5px,#f9f9f9 10px);display:flex;align-items:center;justify-content:center;font-size:12px;color:#555;border:1px solid #aaa;`, e;
   }
-  if (e.getAttribute("data-capture") === "placeholder") {
-    const t = e.cloneNode(!1);
-    r.preNodeMap.set(t, e), f(e, t, n);
+  if (t.getAttribute("data-capture") === "placeholder") {
+    const e = t.cloneNode(!1);
+    o.set(e, t), g(t, e, n, l, s);
     const i = document.createElement("div");
-    return i.textContent = e.getAttribute("data-placeholder-text") || "", i.style.cssText = "color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;", t.appendChild(i), t;
+    return i.textContent = t.getAttribute("data-placeholder-text") || "", i.style.cssText = "color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;", e.appendChild(i), e;
   }
-  if (e.tagName === "CANVAS") {
-    const t = e.toDataURL(), i = document.createElement("img");
-    return i.src = t, i.width = e.width, i.height = e.height, r.preNodeMap.set(i, e), f(e, i, n), i;
+  if (t.tagName === "CANVAS") {
+    const e = t.toDataURL(), i = document.createElement("img");
+    return i.src = e, i.width = t.width, i.height = t.height, o.set(i, t), g(t, i, n, l, s), i;
   }
   let c;
   try {
-    c = e.cloneNode(!1), r.preNodeMap.set(c, e);
-  } catch (t) {
-    throw console.error("[Snapdom] Failed to clone node:", e, t), t;
+    c = t.cloneNode(!1), o.set(c, t), t.tagName === "IMG" && p(t, c);
+  } catch (e) {
+    throw console.error("[Snapdom] Failed to clone node:", t, e), e;
   }
-  if (e instanceof HTMLTextAreaElement) {
-    c.textContent = e.value, c.value = e.value;
-    const t = e.getBoundingClientRect();
-    return c.style.width = `${t.width}px`, c.style.height = `${t.height}px`, c;
+  if (t instanceof HTMLTextAreaElement) {
+    c.textContent = t.value, c.value = t.value;
+    const e = t.getBoundingClientRect();
+    return c.style.width = `${e.width}px`, c.style.height = `${e.height}px`, c;
   }
-  if (e instanceof HTMLInputElement && (c.value = e.value, c.setAttribute("value", e.value), e.checked !== void 0 && (c.checked = e.checked, e.checked && c.setAttribute("checked", ""), e.indeterminate && (c.indeterminate = e.indeterminate))), e instanceof HTMLSelectElement && (d = e.value), f(e, c, n), e.shadowRoot)
-    if (Array.from(e.shadowRoot.querySelectorAll("slot")).length > 0) {
-      for (const i of e.shadowRoot.childNodes)
+  if (t instanceof HTMLInputElement && (c.value = t.value, c.setAttribute("value", t.value), t.checked !== void 0 && (c.checked = t.checked, t.checked && c.setAttribute("checked", ""), t.indeterminate && (c.indeterminate = t.indeterminate))), t instanceof HTMLSelectElement && (d = t.value), g(t, c, n, l, s), t.shadowRoot)
+    if (Array.from(t.shadowRoot.querySelectorAll("slot")).length > 0) {
+      for (const i of t.shadowRoot.childNodes)
         if (i.nodeType === Node.ELEMENT_NODE && i.tagName === "STYLE") {
-          const l = i.textContent || "";
-          l.trim() && n && (r.preStyle || (r.preStyle = /* @__PURE__ */ new WeakMap()), r.preStyle.set(i, l));
+          const r = i.textContent || "";
+          r.trim() && s && l.set(i, r);
         }
     } else {
       const i = document.createDocumentFragment();
-      for (const l of e.shadowRoot.childNodes) {
-        if (l.nodeType === Node.ELEMENT_NODE && l.tagName === "STYLE") {
-          const s = l.textContent || "";
-          s.trim() && n && (r.preStyle || (r.preStyle = /* @__PURE__ */ new WeakMap()), r.preStyle.set(l, s));
+      for (const r of t.shadowRoot.childNodes) {
+        if (r.nodeType === Node.ELEMENT_NODE && r.tagName === "STYLE") {
+          const f = r.textContent || "";
+          f.trim() && s && l.set(r, f);
           continue;
         }
-        const h = u(
-          l,
+        const u = m(
+          r,
           n,
+          l,
+          o,
+          s,
           a,
-          o || e
+          h || t
         );
-        h && i.appendChild(h);
+        u && i.appendChild(u);
       }
       c.appendChild(i);
     }
-  if (e.tagName === "SLOT") {
-    const t = e.assignedNodes?.({ flatten: !0 }) || [], i = t.length > 0 ? t : Array.from(e.childNodes), l = document.createDocumentFragment();
-    for (const h of i) {
-      const s = u(
-        h,
+  if (t.tagName === "SLOT") {
+    const e = t.assignedNodes?.({ flatten: !0 }) || [], i = e.length > 0 ? e : Array.from(t.childNodes), r = document.createDocumentFragment();
+    for (const u of i) {
+      const f = m(
+        u,
         n,
+        l,
+        o,
+        s,
         a,
-        o || e
+        h || t
       );
-      s && l.appendChild(s);
+      f && r.appendChild(f);
     }
-    return l;
+    return r;
   }
-  for (const t of e.childNodes) {
-    if (p.has(t)) continue;
-    const i = u(
-      t,
+  for (const e of t.childNodes) {
+    if (x.has(e)) continue;
+    const i = m(
+      e,
       n,
+      l,
+      o,
+      s,
       a,
-      o || e
+      h || t
     );
     i && c.appendChild(i);
   }
   if (d !== null && c instanceof HTMLSelectElement) {
     c.value = d;
-    for (const t of c.options)
-      t.value === d ? t.setAttribute("selected", "") : t.removeAttribute("selected");
+    for (const e of c.options)
+      e.value === d ? e.setAttribute("selected", "") : e.removeAttribute("selected");
   }
   return c;
 }
 export {
-  u as deepClone
+  m as deepClone
 };

package/snapdom/src/core/prepare.js

@@ -1,65 +1,187 @@
-import { cache as s } from "./cache.js";
-import { inlinePseudoElements as p } from "../modules/pseudo.js";
-import { inlineExternalDef as m } from "../modules/svgDefs.js";
-import { generateCSSClasses as g } from "../utils/cssTools.js";
-import { stripTranslate as u } from "../utils/helpers.js";
-import { deepClone as h } from "./clone.js";
-async function k(n, c = !1, y = !1, f = {}) {
-  let o, d = "";
+import { inlinePseudoElements as w } from "../modules/pseudo.js";
+import { inlineExternalDefsAndSymbols as S } from "../modules/svgDefs.js";
+import { generateCSSClasses as A } from "../utils/cssTools.js";
+import { stripTranslate as C } from "../utils/helpers.js";
+import { deepClone as N } from "./clone.js";
+async function x(t, n = !1, l = !1, a = {}) {
+  const i = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new Map();
+  let o, c = "";
+  E(t);
   try {
-    o = h(n, c, f, n);
+    S(t);
   } catch (e) {
-    throw console.warn("deepClone failed:", e), e;
+    console.warn("inlineExternal defs or symbol failed:", e);
   }
   try {
-    await p(
+    o = N(
+      t,
+      i,
+      f,
+      r,
       n,
-      o,
-      c,
-      y,
-      f.useProxy
+      a,
+      t
     );
   } catch (e) {
-    console.warn("inlinePseudoElements failed:", e);
+    throw console.warn("deepClone failed:", e), e;
   }
   try {
-    m(o);
+    await w(
+      t,
+      o,
+      i,
+      f,
+      n,
+      l,
+      a.useProxy
+    );
   } catch (e) {
-    console.warn("inlineExternalDef failed:", e);
+    console.warn("inlinePseudoElements failed:", e);
   }
-  if (c) {
-    const e = g();
-    d = Array.from(e.entries()).map(([t, r]) => `.${r}{${t}}`).join("");
-    for (const [t, r] of s.preStyleMap.entries()) {
-      if (t.tagName === "STYLE") continue;
-      const a = e.get(r);
-      a && t.classList.add(a);
-      const i = t.style?.backgroundImage, l = t.dataset?.snapdomHasIcon;
-      t.removeAttribute("style"), i && i !== "none" && (t.style.backgroundImage = i), l && (t.style.verticalAlign = "middle", t.style.display = "inline");
+  if (await L(o), n) {
+    const e = A(i);
+    c = Array.from(e.entries()).map(([s, u]) => `.${u}{${s}}`).join("");
+    for (const [s, u] of i.entries()) {
+      if (s.tagName === "STYLE") continue;
+      if (s.getRootNode && s.getRootNode() instanceof ShadowRoot) {
+        s.setAttribute("style", u.replace(/;/g, "; "));
+        continue;
+      }
+      const d = e.get(u);
+      d && s.classList.add(d);
+      const p = s.style?.backgroundImage, y = s.dataset?.snapdomHasIcon;
+      p && p !== "none" && (s.style.backgroundImage = p), y && (s.style.verticalAlign = "middle", s.style.display = "inline");
     }
   } else
-    for (const [e, t] of s.preStyleMap.entries())
-      e.tagName !== "STYLE" && e.setAttribute("style", t.replace(/;/g, "; "));
-  for (const [e, t] of s.preNodeMap.entries()) {
-    const r = t.scrollLeft, a = t.scrollTop;
-    if ((r || a) && e instanceof HTMLElement) {
+    for (const [e, s] of i.entries())
+      e.tagName !== "STYLE" && e.setAttribute("style", s.replace(/;/g, "; "));
+  for (const [e, s] of r.entries()) {
+    const u = s.scrollLeft, d = s.scrollTop;
+    if ((u || d) && e instanceof HTMLElement) {
       e.style.overflow = "hidden", e.style.scrollbarWidth = "none", e.style.msOverflowStyle = "none";
-      const l = document.createElement("div");
-      for (l.style.transform = `translate(${-r}px, ${-a}px)`, l.style.willChange = "transform", l.style.display = "inline-block", l.style.width = "100%"; e.firstChild; )
-        l.appendChild(e.firstChild);
-      e.appendChild(l);
+      const y = document.createElement("div");
+      for (y.style.transform = `translate(${-u}px, ${-d}px)`, y.style.willChange = "transform", y.style.display = "inline-block", y.style.width = "100%"; e.firstChild; )
+        y.appendChild(e.firstChild);
+      e.appendChild(y);
     }
   }
-  if (n === s.preNodeMap.get(o)) {
-    const e = s.preStyle.get(n) || window.getComputedStyle(n);
-    s.preStyle.set(n, e);
-    const t = u(e.transform);
-    o.style.margin = "0", o.style.position = "static", o.style.top = "auto", o.style.left = "auto", o.style.right = "auto", o.style.bottom = "auto", o.style.zIndex = "auto", o.style.float = "none", o.style.clear = "none", o.style.transform = t || "";
+  if (t === r.get(o)) {
+    const e = f.get(t) || window.getComputedStyle(t);
+    f.set(t, e);
+    const s = C(e.transform);
+    o.style.margin = "0", o.style.position = "static", o.style.top = "auto", o.style.left = "auto", o.style.right = "auto", o.style.bottom = "auto", o.style.zIndex = "auto", o.style.float = "none", o.style.clear = "none", o.style.transform = s || "";
+  }
+  for (const [e, s] of r.entries())
+    s.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
+  return { clone: o, classCSS: c, styleCache: f };
+}
+function E(t) {
+  const n = getComputedStyle(t), l = n.outlineStyle, a = n.outlineWidth, i = n.borderStyle, f = n.borderWidth, r = l !== "none" && parseFloat(a) > 0, o = i === "none" || parseFloat(f) === 0;
+  r && o && (t.style.border = `${a} solid transparent`);
+}
+var h = /* @__PURE__ */ new Map();
+async function b(t) {
+  if (h.has(t)) return h.get(t);
+  const n = await fetch(t);
+  if (!n.ok)
+    throw new Error(`[SnapDOM] HTTP ${n.status} on blob fetch (${t})`);
+  const l = await n.blob(), a = await new Promise((i, f) => {
+    const r = new FileReader();
+    r.onloadend = () => {
+      const o = r.result;
+      typeof o == "string" && o.startsWith("data:") ? i(o) : f(new Error("[SnapDOM] Invalid data URL from blob"));
+    }, r.onerror = () => f(new Error("[SnapDOM] FileReader error")), r.readAsDataURL(l);
+  });
+  return h.set(t, a), a;
+}
+var v = /\bblob:[^)"'\s]+/g;
+async function m(t) {
+  if (!t || t.indexOf("blob:") === -1) return t;
+  const n = Array.from(new Set(t.match(v) || []));
+  if (n.length === 0) return t;
+  let l = t;
+  for (const a of n)
+    try {
+      const i = await b(a);
+      l = l.split(a).join(i);
+    } catch {
+    }
+  return l;
+}
+function g(t) {
+  return typeof t == "string" && t.startsWith("blob:");
+}
+function q(t) {
+  return (t || "").split(",").map((n) => n.trim()).filter(Boolean).map((n) => {
+    const l = n.match(/^(\S+)(\s+.+)?$/);
+    return l ? { url: l[1], desc: l[2] || "" } : null;
+  }).filter(Boolean);
+}
+function I(t) {
+  return t.map((n) => n.desc ? `${n.url} ${n.desc.trim()}` : n.url).join(", ");
+}
+async function L(t) {
+  if (!t) return;
+  const n = t.querySelectorAll ? t.querySelectorAll("img") : [];
+  for (const r of n)
+    try {
+      const c = r.getAttribute("src") || r.currentSrc || "";
+      if (g(c)) {
+        const s = await b(c);
+        r.setAttribute("src", s);
+      }
+      const e = r.getAttribute("srcset");
+      if (e && e.includes("blob:")) {
+        const s = q(e);
+        let u = !1;
+        for (const d of s)
+          if (g(d.url))
+            try {
+              d.url = await b(d.url), u = !0;
+            } catch {
+            }
+        u && r.setAttribute("srcset", I(s));
+      }
+    } catch {
+    }
+  const l = t.querySelectorAll ? t.querySelectorAll("image") : [];
+  for (const r of l)
+    try {
+      const o = "http://www.w3.org/1999/xlink", c = r.getAttribute("href") || r.getAttributeNS?.(o, "href");
+      if (g(c)) {
+        const e = await b(c);
+        r.setAttribute("href", e), r.removeAttributeNS?.(o, "href");
+      }
+    } catch {
+    }
+  const a = t.querySelectorAll ? t.querySelectorAll("[style*='blob:']") : [];
+  for (const r of a)
+    try {
+      const o = r.getAttribute("style");
+      if (o && o.includes("blob:")) {
+        const c = await m(o);
+        r.setAttribute("style", c);
+      }
+    } catch {
+    }
+  const i = t.querySelectorAll ? t.querySelectorAll("style") : [];
+  for (const r of i)
+    try {
+      const o = r.textContent || "";
+      o.includes("blob:") && (r.textContent = await m(o));
+    } catch {
+    }
+  const f = ["poster"];
+  for (const r of f) {
+    const o = t.querySelectorAll ? t.querySelectorAll(`[${r}^='blob:']`) : [];
+    for (const c of o)
+      try {
+        const e = c.getAttribute(r);
+        g(e) && c.setAttribute(r, await b(e));
+      } catch {
+      }
   }
-  for (const [e, t] of s.preNodeMap.entries())
-    t.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
-  return { clone: o, classCSS: d };
 }
 export {
-  k as prepareClone
+  x as prepareClone
 };

package/snapdom/src/modules/background.js

@@ -1,7 +1,6 @@
-import { cache as c } from "../core/cache.js";
-import { getStyle as f, splitBackgroundImage as h, inlineSingleBackgroundEntry as y } from "../utils/helpers.js";
-async function S(d, u, b = {}) {
-  const n = [[d, u]], p = [
+import { getStyle as h, splitBackgroundImage as y, inlineSingleBackgroundEntry as P } from "../utils/helpers.js";
+async function B(l, u, a, b = {}) {
+  const s = [[l, u]], k = [
     "background-image",
     "mask",
     "mask-image",
@@ -17,24 +16,35 @@ async function S(d, u, b = {}) {
     "border-image-outset",
     "border-image-repeat"
   ];
-  for (; n.length; ) {
-    const [r, i] = n.shift(), s = c.preStyle.get(r) || f(r);
-    c.preStyle.has(r) || c.preStyle.set(r, s);
-    for (const e of p) {
-      const a = s.getPropertyValue(e);
-      if (!a || a === "none") continue;
-      const k = h(a), g = await Promise.all(
-        k.map((o) => y(o, b))
+  for (; s.length; ) {
+    const [o, g] = s.shift(), n = a.get(o) || h(o);
+    a.has(o) || a.set(o, n);
+    const p = (() => {
+      const e = n.getPropertyValue("border-image"), r = n.getPropertyValue("border-image-source");
+      return e && e !== "none" || r && r !== "none";
+    })();
+    for (const e of k) {
+      if ([
+        "border-image-slice",
+        "border-image-width",
+        "border-image-outset",
+        "border-image-repeat"
+      ].includes(e) && !p)
+        continue;
+      const r = n.getPropertyValue(e);
+      if (!r || r === "none") continue;
+      const f = y(r), d = await Promise.all(
+        f.map((t) => P(t, b))
       );
-      g.some((o) => o && o !== "none" && !/^url\(undefined/.test(o)) && i.style.setProperty(e, g.join(", "));
+      d.some((t) => t && t !== "none" && !/^url\(undefined/.test(t)) && g.style.setProperty(e, d.join(", "));
     }
-    const t = s.getPropertyValue("background-color");
-    t && t !== "transparent" && t !== "rgba(0, 0, 0, 0)" && (i.style.backgroundColor = t);
-    const l = Array.from(r.children), m = Array.from(i.children);
-    for (let e = 0; e < Math.min(l.length, m.length); e++)
-      n.push([l[e], m[e]]);
+    const i = n.getPropertyValue("background-color");
+    i && i !== "transparent" && i !== "rgba(0, 0, 0, 0)" && (g.style.backgroundColor = i);
+    const c = Array.from(o.children), m = Array.from(g.children);
+    for (let e = 0; e < Math.min(c.length, m.length); e++)
+      s.push([c[e], m[e]]);
   }
 }
 export {
-  S as inlineBackgroundImages
+  B as inlineBackgroundImages
 };