@unicom-cloud/utils 0.1.31 → 0.1.33

package/snapdom/src/core/prepare.js

@@ -1,186 +1,77 @@
-/* 2025-11-19 10:03:21 */
-import { cache as h } from "./cache.js";
-import { freezeSticky as b } from "../modules/changeCSS.js";
-import { inlinePseudoElements as w } from "../modules/pseudo.js";
-import { snapFetch as A } from "../modules/snapFetch.js";
+/* 2025-12-17 18:26:57 */
+import { cache as c } from "./cache.js";
+import { freezeSticky as h } from "../modules/changeCSS.js";
+import { inlinePseudoElements as g } from "../modules/pseudo.js";
 import { inlineExternalDefsAndSymbols as C } from "../modules/svgDefs.js";
-import { generateCSSClasses as E } from "../utils/css.js";
-import { stripTranslate as M } from "../utils/helpers.js";
-import { deepClone as N } from "./clone.js";
-async function H(t, r = {}) {
-  const o = {
-    styleMap: h.session.styleMap,
-    styleCache: h.session.styleCache,
-    nodeMap: h.session.nodeMap
+import { resolveBlobUrlsInTree as u } from "../utils/clone.helpers.js";
+import { generateCSSClasses as w } from "../utils/css.js";
+import { stripTranslate as S } from "../utils/helpers.js";
+import { stabilizeLayout as E } from "../utils/prepare.helpers.js";
+import { deepClone as M } from "./clone.js";
+async function R(s, d = {}) {
+  const n = {
+    styleMap: c.session.styleMap,
+    styleCache: c.session.styleCache,
+    nodeMap: c.session.nodeMap
   };
-  let s, c = "", y = "";
-  q(t);
+  let t, i = "", y = "";
+  E(s);
   try {
-    C(t);
+    C(s);
   } catch (e) {
     console.warn("inlineExternal defs or symbol failed:", e);
   }
   try {
-    s = await N(t, o, r, t);
+    t = await M(s, n, d, s);
   } catch (e) {
     throw console.warn("deepClone failed:", e), e;
   }
   try {
-    await w(t, s, o, r);
+    await g(s, t, n, d);
   } catch (e) {
     console.warn("inlinePseudoElements failed:", e);
   }
-  await k(s);
+  await u(t);
   try {
-    const e = s.querySelectorAll("style[data-sd]");
-    for (const l of e)
-      y += l.textContent || "", l.remove();
+    const e = t.querySelectorAll("style[data-sd]");
+    for (const o of e)
+      y += o.textContent || "", o.remove();
   } catch {
   }
-  const n = E(o.styleMap);
-  c = Array.from(n.entries()).map(([e, l]) => `.${l}{${e}}`).join(""), c = y + c;
-  for (const [e, l] of o.styleMap.entries()) {
+  const f = w(n.styleMap);
+  i = Array.from(f.entries()).map(([e, o]) => `.${o}{${e}}`).join(""), i = y + i;
+  for (const [e, o] of n.styleMap.entries()) {
     if (e.tagName === "STYLE") continue;
     if (e.getRootNode && e.getRootNode() instanceof ShadowRoot) {
-      e.setAttribute("style", l.replace(/;/g, "; "));
+      e.setAttribute("style", o.replace(/;/g, "; "));
       continue;
     }
-    const i = n.get(l);
-    i && e.classList.add(i);
-    const f = e.style?.backgroundImage, d = e.dataset?.snapdomHasIcon;
-    f && f !== "none" && (e.style.backgroundImage = f), d && (e.style.verticalAlign = "middle", e.style.display = "inline");
+    const r = f.get(o);
+    r && e.classList.add(r);
+    const l = e.style?.backgroundImage, m = e.dataset?.snapdomHasIcon;
+    l && l !== "none" && (e.style.backgroundImage = l), m && (e.style.verticalAlign = "middle", e.style.display = "inline");
   }
-  for (const [e, l] of o.nodeMap.entries()) {
-    const i = l.scrollLeft, f = l.scrollTop;
-    if ((i || f) && e instanceof HTMLElement) {
+  for (const [e, o] of n.nodeMap.entries()) {
+    const r = o.scrollLeft, l = o.scrollTop;
+    if ((r || l) && e instanceof HTMLElement) {
       e.style.overflow = "hidden", e.style.scrollbarWidth = "none", e.style.msOverflowStyle = "none";
-      const u = document.createElement("div");
-      for (u.style.transform = `translate(${-i}px, ${-f}px)`, u.style.willChange = "transform", u.style.display = "inline-block", u.style.width = "100%"; e.firstChild; )
-        u.appendChild(e.firstChild);
-      e.appendChild(u);
+      const a = document.createElement("div");
+      for (a.style.transform = `translate(${-r}px, ${-l}px)`, a.style.willChange = "transform", a.style.display = "inline-block", a.style.width = "100%"; e.firstChild; )
+        a.appendChild(e.firstChild);
+      e.appendChild(a);
     }
   }
-  const a = s instanceof HTMLElement && s.firstElementChild instanceof HTMLElement ? s.firstElementChild : s;
-  if (b(t, a), t === o.nodeMap.get(s)) {
-    const e = o.styleCache.get(t) || window.getComputedStyle(t);
-    o.styleCache.set(t, e);
-    const l = M(e.transform);
-    s.style.margin = "0", s.style.top = "auto", s.style.left = "auto", s.style.right = "auto", s.style.bottom = "auto", s.style.animation = "none", s.style.transition = "none", s.style.willChange = "auto", s.style.float = "none", s.style.clear = "none", s.style.transform = l || "";
-  }
-  for (const [e, l] of o.nodeMap.entries())
-    l.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
-  return { clone: s, classCSS: c, styleCache: o.styleCache };
-}
-function q(t) {
-  const r = getComputedStyle(t), o = r.outlineStyle, s = r.outlineWidth, c = r.borderStyle, y = r.borderWidth, n = o !== "none" && parseFloat(s) > 0, a = c === "none" || parseFloat(y) === 0;
-  n && a && (t.style.border = `${s} solid transparent`);
-}
-var p = /* @__PURE__ */ new Map();
-async function m(t) {
-  if (h.resource?.has(t)) return h.resource.get(t);
-  if (p.has(t)) return p.get(t);
-  const r = (async () => {
-    const o = await A(t, { as: "dataURL", silent: !0 });
-    if (!o.ok || typeof o.data != "string")
-      throw new Error(`[snapDOM] Failed to read blob URL: ${t}`);
-    return h.resource?.set(t, o.data), o.data;
-  })();
-  p.set(t, r);
-  try {
-    const o = await r;
-    return p.set(t, o), o;
-  } catch (o) {
-    throw p.delete(t), o;
-  }
-}
-var L = /\bblob:[^)"'\s]+/g;
-async function S(t) {
-  if (!t || t.indexOf("blob:") === -1) return t;
-  const r = Array.from(new Set(t.match(L) || []));
-  if (r.length === 0) return t;
-  let o = t;
-  for (const s of r)
-    try {
-      const c = await m(s);
-      o = o.split(s).join(c);
-    } catch {
-    }
-  return o;
-}
-function g(t) {
-  return typeof t == "string" && t.startsWith("blob:");
-}
-function v(t) {
-  return (t || "").split(",").map((r) => r.trim()).filter(Boolean).map((r) => {
-    const o = r.match(/^(\S+)(\s+.+)?$/);
-    return o ? { url: o[1], desc: o[2] || "" } : null;
-  }).filter(Boolean);
-}
-function $(t) {
-  return t.map((r) => r.desc ? `${r.url} ${r.desc.trim()}` : r.url).join(", ");
-}
-async function k(t) {
-  if (!t) return;
-  const r = t.querySelectorAll ? t.querySelectorAll("img") : [];
-  for (const n of r)
-    try {
-      const e = n.getAttribute("src") || n.currentSrc || "";
-      if (g(e)) {
-        const i = await m(e);
-        n.setAttribute("src", i);
-      }
-      const l = n.getAttribute("srcset");
-      if (l && l.includes("blob:")) {
-        const i = v(l);
-        let f = !1;
-        for (const d of i)
-          if (g(d.url))
-            try {
-              d.url = await m(d.url), f = !0;
-            } catch {
-            }
-        f && n.setAttribute("srcset", $(i));
-      }
-    } catch {
-    }
-  const o = t.querySelectorAll ? t.querySelectorAll("image") : [];
-  for (const n of o)
-    try {
-      const a = "http://www.w3.org/1999/xlink", e = n.getAttribute("href") || n.getAttributeNS?.(a, "href");
-      if (g(e)) {
-        const l = await m(e);
-        n.setAttribute("href", l), n.removeAttributeNS?.(a, "href");
-      }
-    } catch {
-    }
-  const s = t.querySelectorAll ? t.querySelectorAll("[style*='blob:']") : [];
-  for (const n of s)
-    try {
-      const a = n.getAttribute("style");
-      if (a && a.includes("blob:")) {
-        const e = await S(a);
-        n.setAttribute("style", e);
-      }
-    } catch {
-    }
-  const c = t.querySelectorAll ? t.querySelectorAll("style") : [];
-  for (const n of c)
-    try {
-      const a = n.textContent || "";
-      a.includes("blob:") && (n.textContent = await S(a));
-    } catch {
-    }
-  const y = ["poster"];
-  for (const n of y) {
-    const a = t.querySelectorAll ? t.querySelectorAll(`[${n}^='blob:']`) : [];
-    for (const e of a)
-      try {
-        const l = e.getAttribute(n);
-        g(l) && e.setAttribute(n, await m(l));
-      } catch {
-      }
+  const p = t instanceof HTMLElement && t.firstElementChild instanceof HTMLElement ? t.firstElementChild : t;
+  if (h(s, p), s === n.nodeMap.get(t)) {
+    const e = n.styleCache.get(s) || window.getComputedStyle(s);
+    n.styleCache.set(s, e);
+    const o = S(e.transform);
+    t.style.margin = "0", t.style.top = "auto", t.style.left = "auto", t.style.right = "auto", t.style.bottom = "auto", t.style.animation = "none", t.style.transition = "none", t.style.willChange = "auto", t.style.float = "none", t.style.clear = "none", t.style.transform = o || "";
   }
+  for (const [e, o] of n.nodeMap.entries())
+    o.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
+  return { clone: t, classCSS: i, styleCache: n.styleCache };
 }
 export {
-  H as prepareClone
+  R as prepareClone
 };

package/snapdom/src/exporters/download.js

@@ -1,16 +1,20 @@
-/* 2025-11-19 10:03:21 */
-import { createBackground as l } from "../utils/image.js";
-import { toBlob as d } from "./toBlob.js";
-import { toCanvas as f } from "./toCanvas.js";
-async function k(t, a) {
-  if (a.dpr = 1, a.format === "svg") {
-    const m = await d(t, { ...a, type: "svg" }), o = URL.createObjectURL(m), c = document.createElement("a");
-    c.href = o, c.download = a.filename, c.click(), URL.revokeObjectURL(o);
+/* 2025-12-17 18:26:57 */
+import { toBlob as f } from "./toBlob.js";
+import { toCanvas as i } from "./toCanvas.js";
+async function b(c, t) {
+  const r = (t?.format || t?.type || "").toLowerCase(), e = r === "jpg" ? "jpeg" : r || "png", m = t?.filename || `snapdom.${e}`, a = {
+    ...t || {},
+    format: e,
+    type: e
+  };
+  if (a.dpr = 1, e === "svg") {
+    const d = await f(c, { ...a, type: "svg" }), s = URL.createObjectURL(d), n = document.createElement("a");
+    n.href = s, n.download = m, n.click(), URL.revokeObjectURL(s);
     return;
   }
-  const r = await f(t, a), n = a.backgroundColor ? l(r, a.backgroundColor) : r, e = document.createElement("a");
-  e.href = n.toDataURL(`image/${a.format}`, a.quality), e.download = a.filename, e.click();
+  const l = await i(c, a), o = document.createElement("a");
+  o.href = l.toDataURL(`image/${e}`, t?.quality), o.download = m, o.click();
 }
 export {
-  k as download
+  b as download
 };

package/snapdom/src/exporters/toBlob.js

@@ -1,21 +1,16 @@
-/* 2025-11-19 10:03:21 */
-import { createBackground as m } from "../utils/image.js";
-import { toCanvas as s } from "./toCanvas.js";
-async function i(a, o) {
-  const e = o.type;
-  if (e === "svg") {
-    const t = decodeURIComponent(a.split(",")[1]);
-    return new Blob([t], { type: "image/svg+xml" });
+/* 2025-12-17 18:26:57 */
+import { toCanvas as c } from "./toCanvas.js";
+async function m(o, t) {
+  const n = t.type;
+  if (n === "svg") {
+    const e = decodeURIComponent(o.split(",")[1]);
+    return new Blob([e], { type: "image/svg+xml" });
   }
-  const n = await s(a, o), r = o.backgroundColor ? m(n, o.backgroundColor) : n;
+  const a = await c(o, t);
   return new Promise(
-    (t) => r.toBlob(
-      (c) => t(c),
-      `image/${e}`,
-      o.quality
-    )
+    (e) => a.toBlob((s) => e(s), `image/${n}`, t.quality)
   );
 }
 export {
-  i as toBlob
+  m as toBlob
 };

package/snapdom/src/exporters/toCanvas.js

@@ -1,106 +1,113 @@
-/* 2025-11-19 10:03:21 */
-import { isSafari as b } from "../utils/browser.js";
-function y(e) {
-  return typeof e == "string" && /^data:image\/svg\+xml/i.test(e);
-}
+/* 2025-12-17 18:26:57 */
+import { isSafari as y } from "../utils/browser.js";
 function S(e) {
-  const s = e.indexOf(",");
-  return s >= 0 ? decodeURIComponent(e.slice(s + 1)) : "";
+  return typeof e == "string" && /^data:image\/svg\+xml/i.test(e);
 }
 function C(e) {
-  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`;
+  const n = e.indexOf(",");
+  return n >= 0 ? decodeURIComponent(e.slice(n + 1)) : "";
 }
 function v(e) {
-  let s = [], t = "", i = 0;
-  for (let r = 0; r < e.length; r++) {
-    const o = e[r];
-    o === "(" && i++, o === ")" && (i = Math.max(0, i - 1)), o === ";" && i === 0 ? (s.push(t), t = "") : t += o;
-  }
-  return t.trim() && s.push(t), s.map((r) => r.trim()).filter(Boolean);
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`;
 }
 function D(e) {
-  const s = [];
+  let n = [], t = "", i = 0;
+  for (let a = 0; a < e.length; a++) {
+    const o = e[a];
+    o === "(" && i++, o === ")" && (i = Math.max(0, i - 1)), o === ";" && i === 0 ? (n.push(t), t = "") : t += o;
+  }
+  return t.trim() && n.push(t), n.map((a) => a.trim()).filter(Boolean);
+}
+function k(e) {
+  const n = [];
   let t = "", i = 0;
   for (let o = 0; o < e.length; o++) {
-    const a = e[o];
-    a === "(" && i++, a === ")" && (i = Math.max(0, i - 1)), a === "," && i === 0 ? (s.push(t.trim()), t = "") : t += a;
+    const c = e[o];
+    c === "(" && i++, c === ")" && (i = Math.max(0, i - 1)), c === "," && i === 0 ? (n.push(t.trim()), t = "") : t += c;
   }
-  t.trim() && s.push(t.trim());
-  const r = [];
-  for (const o of s) {
+  t.trim() && n.push(t.trim());
+  const a = [];
+  for (const o of n) {
     if (/\binset\b/i.test(o)) continue;
-    const a = o.match(/-?\d+(?:\.\d+)?px/gi) || [], [n = "0px", l = "0px", f = "0px"] = a;
-    let c = o.replace(/-?\d+(?:\.\d+)?px/gi, "").replace(/\binset\b/gi, "").trim().replace(/\s{2,}/g, " ");
-    const m = !!c && c !== ",";
-    r.push(`drop-shadow(${n} ${l} ${f}${m ? ` ${c}` : ""})`);
+    const c = o.match(/-?\d+(?:\.\d+)?px/gi) || [], [s = "0px", r = "0px", u = "0px"] = c;
+    let l = o.replace(/-?\d+(?:\.\d+)?px/gi, "").replace(/\binset\b/gi, "").trim().replace(/\s{2,}/g, " ");
+    const p = !!l && l !== ",";
+    a.push(`drop-shadow(${s} ${r} ${u}${p ? ` ${l}` : ""})`);
   }
-  return r.join(" ");
+  return a.join(" ");
 }
-function $(e) {
-  const s = v(e);
-  let t = null, i = null, r = null;
+function b(e) {
+  const n = D(e);
+  let t = null, i = null, a = null;
   const o = [];
-  for (const n of s) {
-    const l = n.indexOf(":");
-    if (l < 0) continue;
-    const f = n.slice(0, l).trim().toLowerCase(), c = n.slice(l + 1).trim();
-    f === "box-shadow" ? r = c : f === "filter" ? t = c : f === "-webkit-filter" ? i = c : o.push([f, c]);
+  for (const s of n) {
+    const r = s.indexOf(":");
+    if (r < 0) continue;
+    const u = s.slice(0, r).trim().toLowerCase(), l = s.slice(r + 1).trim();
+    u === "box-shadow" ? a = l : u === "filter" ? t = l : u === "-webkit-filter" ? i = l : o.push([u, l]);
   }
-  if (r) {
-    const n = D(r);
-    n && (t = t ? `${t} ${n}` : n, i = i ? `${i} ${n}` : n);
+  if (a) {
+    const s = k(a);
+    s && (t = t ? `${t} ${s}` : s, i = i ? `${i} ${s}` : s);
   }
-  const a = [...o];
-  return t && a.push(["filter", t]), i && a.push(["-webkit-filter", i]), a.map(([n, l]) => `${n}:${l}`).join(";");
+  const c = [...o];
+  return t && c.push(["filter", t]), i && c.push(["-webkit-filter", i]), c.map(([s, r]) => `${s}:${r}`).join(";");
 }
 function F(e) {
   return e.replace(
     /([^{}]+)\{([^}]*)\}/g,
-    (s, t, i) => `${t}{${$(i)}}`
+    (n, t, i) => `${t}{${b(i)}}`
   );
 }
 function H(e) {
   return e = e.replace(
     /<style[^>]*>([\s\S]*?)<\/style>/gi,
-    (s, t) => s.replace(t, F(t))
+    (n, t) => n.replace(t, F(t))
   ), e = e.replace(
     /style=(['"])([\s\S]*?)\1/gi,
-    (s, t, i) => `style=${t}${$(i)}${t}`
+    (n, t, i) => `style=${t}${b(i)}${t}`
   ), e;
 }
 function M(e) {
-  if (!b() || !y(e)) return e;
+  if (!y() || !S(e)) return e;
   try {
-    const s = S(e), t = H(s);
-    return C(t);
+    const n = C(e), t = H(n);
+    return v(t);
   } catch {
     return e;
   }
 }
-async function k(e, s) {
-  let { width: t, height: i, scale: r = 1, dpr: o = 1, meta: a = {} } = s;
+async function W(e, n) {
+  let {
+    width: t,
+    height: i,
+    scale: a = 1,
+    dpr: o = 1,
+    meta: c = {},
+    backgroundColor: s
+  } = n;
   e = M(e);
-  const n = new Image();
-  n.loading = "eager", n.decoding = "sync", n.crossOrigin = "anonymous", n.src = e, await n.decode();
-  const l = n.naturalWidth, f = n.naturalHeight, c = Number.isFinite(a.w0) ? a.w0 : l, m = Number.isFinite(a.h0) ? a.h0 : f;
-  let h, u;
-  const g = Number.isFinite(t), x = Number.isFinite(i);
-  if (g && x)
-    h = Math.max(1, t), u = Math.max(1, i);
-  else if (g) {
-    const p = t / Math.max(1, c);
-    h = t, u = m * p;
-  } else if (x) {
-    const p = i / Math.max(1, m);
-    u = i, h = c * p;
+  const r = new Image();
+  r.loading = "eager", r.decoding = "sync", r.crossOrigin = "anonymous", r.src = e, await r.decode();
+  const u = r.naturalWidth, l = r.naturalHeight, p = Number.isFinite(c.w0) ? c.w0 : u, x = Number.isFinite(c.h0) ? c.h0 : l;
+  let f, h;
+  const w = Number.isFinite(t), $ = Number.isFinite(i);
+  if (w && $)
+    f = Math.max(1, t), h = Math.max(1, i);
+  else if (w) {
+    const g = t / Math.max(1, p);
+    f = t, h = x * g;
+  } else if ($) {
+    const g = i / Math.max(1, x);
+    h = i, f = p * g;
   } else
-    h = l, u = f;
-  h = h * r, u = u * r;
+    f = u, h = l;
+  f = f * a, h = h * a;
   const d = document.createElement("canvas");
-  d.width = h * o, d.height = u * o, d.style.width = `${h}px`, d.style.height = `${u}px`;
-  const w = d.getContext("2d");
-  return o !== 1 && w.scale(o, o), w.drawImage(n, 0, 0, h, u), d;
+  d.width = f * o, d.height = h * o, d.style.width = `${f}px`, d.style.height = `${h}px`;
+  const m = d.getContext("2d");
+  return o !== 1 && m.scale(o, o), s && (m.save(), m.fillStyle = s, m.fillRect(0, 0, f, h), m.restore()), m.drawImage(r, 0, 0, f, h), d;
 }
 export {
-  k as toCanvas
+  W as toCanvas
 };

package/snapdom/src/exporters/toImg.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:03:21 */
+/* 2025-12-17 18:26:57 */
 import { rasterize as p } from "../modules/rasterize.js";
 import { isSafari as f } from "../utils/browser.js";
 async function x(i, g) {

package/snapdom/src/modules/CSSVar.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:03:21 */
+/* 2025-12-17 18:26:57 */
 const f = ["fill", "stroke", "color", "background-color", "stop-color"], p = /* @__PURE__ */ new Map();
 function y(r, c) {
   const l = c + "::" + r.toLowerCase();

package/snapdom/src/modules/background.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:03:21 */
+/* 2025-12-17 18:26:57 */
 import { getStyle as h, splitBackgroundImage as w } from "../utils/css.js";
 import { inlineSingleBackgroundEntry as O } from "../utils/image.js";
 async function _(k, d, s, l = {}) {

package/snapdom/src/modules/changeCSS.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:03:21 */
+/* 2025-12-17 18:26:57 */
 function F(t, n) {
   if (!t || !n) return;
   const o = t.scrollTop || 0;

package/snapdom/src/modules/counter.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 10:03:21 */
+/* 2025-12-17 18:26:57 */
 import { cache as F } from "../core/cache.js";
 function D(e) {
   return /\bcounter\s*\(|\bcounters\s*\(/.test(e || "");