@unicom-cloud/utils 0.1.23 → 0.1.25

package/snapdom/src/core/clone.js

@@ -1,130 +1,364 @@
-import { inlineAllStyles as g } from "../modules/styles.js";
-function p(t, n) {
+/* 2025-11-03 10:27:31 */
+import { resolveCSSVars as N } from "../modules/CSSVar.js";
+import { inlineAllStyles as b } from "../modules/styles.js";
+import { NO_CAPTURE_TAGS as v } from "../utils/css.js";
+import { idle as M } from "../utils/browser.js";
+function E(t, r, n) {
+  return Promise.all(
+    t.map((e) => new Promise((o) => {
+      function s() {
+        M(
+          (l) => {
+            (l && typeof l.timeRemaining == "function" ? l.timeRemaining() > 0 : !0) ? r(e, o) : s();
+          },
+          { fast: n }
+        );
+      }
+      s();
+    }))
+  );
+}
+function R(t) {
+  return t = t.trim(), !t || /:not\(\s*\[data-sd-slotted\]\s*\)\s*$/.test(t) ? t : `${t}:not([data-sd-slotted])`;
+}
+function C(t, r, n = !0) {
+  return t.split(",").map((e) => e.trim()).filter(Boolean).map((e) => {
+    if (e.startsWith(":where(") || e.startsWith("@")) return e;
+    const o = n ? R(e) : e;
+    return `:where(${r} ${o})`;
+  }).join(", ");
+}
+function T(t, r) {
+  return t ? (t = t.replace(/:host\(([^)]+)\)/g, (n, e) => `:where(${r}:is(${e.trim()}))`), t = t.replace(/:host\b/g, `:where(${r})`), t = t.replace(/:host-context\(([^)]+)\)/g, (n, e) => `:where(:where(${e.trim()}) ${r})`), t = t.replace(/::slotted\(([^)]+)\)/g, (n, e) => `:where(${r} ${e.trim()})`), t = t.replace(
+    /(^|})(\s*)([^@}{]+){/g,
+    (n, e, o, s) => {
+      const l = C(
+        s,
+        r,
+        /*excludeSlotted*/
+        !0
+      );
+      return `${e}${o}${l}{`;
+    }
+  ), t) : "";
+}
+function k(t) {
+  return t.shadowScopeSeq = (t.shadowScopeSeq || 0) + 1, `s${t.shadowScopeSeq}`;
+}
+function L(t) {
+  let r = "";
+  try {
+    t.querySelectorAll("style").forEach((e) => {
+      r += (e.textContent || "") + `
+`;
+    });
+    const n = t.adoptedStyleSheets || [];
+    for (const e of n)
+      try {
+        if (e && e.cssRules)
+          for (const o of e.cssRules) r += o.cssText + `
+`;
+      } catch {
+      }
+  } catch {
+  }
+  return r;
+}
+function I(t, r, n) {
+  if (!r) return;
+  const e = document.createElement("style");
+  e.setAttribute("data-sd", n), e.textContent = r, t.insertBefore(e, t.firstChild || null);
+}
+function W(t, r) {
+  try {
+    const n = t.currentSrc || t.src || "";
+    if (!n) return;
+    r.setAttribute("src", n), r.removeAttribute("srcset"), r.removeAttribute("sizes"), r.loading = "eager", r.decoding = "sync";
+  } catch {
+  }
+}
+function D(t) {
+  const r = /* @__PURE__ */ new Set();
+  if (!t) return r;
+  const n = /var\(\s*(--[A-Za-z0-9_-]+)\b/g;
+  let e;
+  for (; e = n.exec(t); ) r.add(e[1]);
+  return r;
+}
+function F(t, r) {
+  try {
+    let e = getComputedStyle(t).getPropertyValue(r).trim();
+    if (e) return e;
+  } catch {
+  }
   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";
+    let e = getComputedStyle(document.documentElement).getPropertyValue(r).trim();
+    if (e) return e;
   } catch {
   }
+  return "";
+}
+function H(t, r, n) {
+  const e = [];
+  for (const o of r) {
+    const s = F(t, o);
+    s && e.push(`${o}: ${s};`);
+  }
+  return e.length ? `${n}{${e.join("")}}
+` : "";
+}
+function P(t) {
+  t && (t.nodeType === Node.ELEMENT_NODE && t.setAttribute("data-sd-slotted", ""), t.querySelectorAll && t.querySelectorAll("*").forEach((r) => r.setAttribute("data-sd-slotted", "")));
+}
+async function B(t, r = 3) {
+  const n = () => {
+    try {
+      return t.contentDocument || t.contentWindow?.document || null;
+    } catch {
+      return null;
+    }
+  };
+  let e = n(), o = 0;
+  for (; o < r && (!e || !e.body && !e.documentElement); )
+    await new Promise((s) => setTimeout(s, 0)), e = n(), o++;
+  return e && (e.body || e.documentElement) ? e : null;
+}
+function _(t) {
+  const r = t.getBoundingClientRect();
+  let n = 0, e = 0, o = 0, s = 0;
+  try {
+    const f = getComputedStyle(t);
+    n = parseFloat(f.borderLeftWidth) || 0, e = parseFloat(f.borderRightWidth) || 0, o = parseFloat(f.borderTopWidth) || 0, s = parseFloat(f.borderBottomWidth) || 0;
+  } catch {
+  }
+  const l = Math.max(0, Math.round(r.width - (n + e))), h = Math.max(0, Math.round(r.height - (o + s)));
+  return { contentWidth: l, contentHeight: h, rect: r };
+}
+function q(t, r, n) {
+  const e = t.createElement("style");
+  return e.setAttribute("data-sd-iframe-pin", ""), e.textContent = `html, body {margin: 0 !important;padding: 0 !important;width: ${r}px !important;height: ${n}px !important;min-width: ${r}px !important;min-height: ${n}px !important;box-sizing: border-box !important;overflow: hidden !important;background-clip: border-box !important;}`, (t.head || t.documentElement).appendChild(e), () => {
+    try {
+      e.remove();
+    } catch {
+    }
+  };
+}
+async function z(t, r, n) {
+  const e = await B(t, 3);
+  if (!e) throw new Error("iframe document not accessible/ready");
+  const { contentWidth: o, contentHeight: s, rect: l } = _(t), h = n?.snap;
+  if (!h || typeof h.toPng != "function")
+    throw new Error("snapdom.toPng not available in iframe or window");
+  const f = { ...n, scale: 1 }, i = q(e, o, s);
+  let a;
+  try {
+    a = await h.toPng(e.documentElement, f);
+  } finally {
+    i();
+  }
+  a.style.display = "block", a.style.width = `${o}px`, a.style.height = `${s}px`;
+  const c = document.createElement("div");
+  return r.nodeMap.set(c, t), b(t, c, r, n), c.style.overflow = "hidden", c.style.display = "block", c.style.width || (c.style.width = `${Math.round(l.width)}px`), c.style.height || (c.style.height = `${Math.round(l.height)}px`), c.appendChild(a), c;
 }
-function m(t, n, l, o, s, a = {}, h) {
+async function A(t, r, n) {
   if (!t) throw new Error("Invalid node");
-  const x = /* @__PURE__ */ new Set();
-  let d = null;
+  const e = /* @__PURE__ */ new Set();
+  let o = null, s = null;
+  if (t.nodeType === Node.ELEMENT_NODE) {
+    const i = (t.localName || t.tagName || "").toLowerCase();
+    if (t.id === "snapdom-sandbox" || t.hasAttribute("data-snapdom-sandbox") || v.has(i))
+      return null;
+  }
   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 (n.excludeMode === "hide") {
+      const i = document.createElement("div"), a = t.getBoundingClientRect();
+      return i.style.cssText = `display:inline-block;width:${a.width}px;height:${a.height}px;visibility:hidden;`, i;
+    } else if (n.excludeMode === "remove")
+      return null;
   }
-  if (a.exclude && Array.isArray(a.exclude))
-    for (const e of a.exclude)
+  if (n.exclude && Array.isArray(n.exclude))
+    for (const i of n.exclude)
       try {
-        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;
+        if (t.matches?.(i)) {
+          if (n.excludeMode === "hide") {
+            const a = document.createElement("div"), c = t.getBoundingClientRect();
+            return a.style.cssText = `display:inline-block;width:${c.width}px;height:${c.height}px;visibility:hidden;`, a;
+          } else if (n.excludeMode === "remove")
+            return null;
         }
-      } catch (i) {
-        console.warn(`Invalid selector in exclude option: ${e}`, i);
+      } catch (a) {
+        console.warn(`Invalid selector in exclude option: ${i}`, a);
       }
-  if (typeof a.filter == "function")
+  if (typeof n.filter == "function")
     try {
-      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;
+      if (!n.filter(t)) {
+        if (n.filterMode === "hide") {
+          const i = document.createElement("div"), a = t.getBoundingClientRect();
+          return i.style.cssText = `display:inline-block;width:${a.width}px;height:${a.height}px;visibility:hidden;`, i;
+        } else if (n.filterMode === "remove")
+          return null;
       }
-    } catch (e) {
-      console.warn("Error in filter function:", e);
+    } catch (i) {
+      console.warn("Error in filter function:", i);
     }
   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;
+    let i = !1;
+    try {
+      i = !!(t.contentDocument || t.contentWindow?.document);
+    } catch {
+      i = !1;
+    }
+    if (i)
+      try {
+        return await z(t, r, n);
+      } catch (a) {
+        console.warn("[SnapDOM] iframe rasterization failed, fallback:", a);
+      }
+    if (n.placeholders) {
+      const a = document.createElement("div");
+      return a.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;`, b(t, a, r, n), a;
+    } else {
+      const a = t.getBoundingClientRect(), c = document.createElement("div");
+      return c.style.cssText = `display:inline-block;width:${a.width}px;height:${a.height}px;visibility:hidden;`, b(t, c, r, n), c;
+    }
   }
   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 = 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;
+    const i = t.cloneNode(!1);
+    r.nodeMap.set(i, t), b(t, i, r, n);
+    const a = document.createElement("div");
+    return a.textContent = t.getAttribute("data-placeholder-text") || "", a.style.cssText = "color:#666;font-size:12px;text-align:center;line-height:1.4;padding:0.5em;box-sizing:border-box;", i.appendChild(a), 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 i = "";
+    try {
+      const c = t.getContext("2d", { willReadFrequently: !0 });
+      try {
+        c && c.getImageData(0, 0, 1, 1);
+      } catch {
+      }
+      if (await new Promise((u) => requestAnimationFrame(u)), i = t.toDataURL("image/png"), !i || i === "data:,") {
+        try {
+          c && c.getImageData(0, 0, 1, 1);
+        } catch {
+        }
+        if (await new Promise((u) => requestAnimationFrame(u)), i = t.toDataURL("image/png"), !i || i === "data:,") {
+          const u = document.createElement("canvas");
+          u.width = t.width, u.height = t.height;
+          const m = u.getContext("2d");
+          m && (m.drawImage(t, 0, 0), i = u.toDataURL("image/png"));
+        }
+      }
+    } catch {
+    }
+    const a = document.createElement("img");
+    try {
+      a.decoding = "sync", a.loading = "eager";
+    } catch {
+    }
+    i && (a.src = i), a.width = t.width, a.height = t.height;
+    try {
+      const c = getComputedStyle(t);
+      c.width && (a.style.width = c.width), c.height && (a.style.height = c.height);
+    } catch {
+    }
+    return r.nodeMap.set(a, t), b(t, a, r, n), a;
   }
-  let c;
+  let l;
   try {
-    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 (l = t.cloneNode(!1), N(t, l), r.nodeMap.set(l, t), t.tagName === "IMG") {
+      W(t, l);
+      try {
+        const i = t.getBoundingClientRect();
+        let a = Math.round(i.width || 0), c = Math.round(i.height || 0);
+        if (!a || !c) {
+          const u = window.getComputedStyle(t), m = parseFloat(u.width) || 0, g = parseFloat(u.height) || 0, p = parseInt(t.getAttribute("width") || "", 10) || 0, y = parseInt(t.getAttribute("height") || "", 10) || 0, S = t.width || t.naturalWidth || 0, d = t.height || t.naturalHeight || 0;
+          a = Math.round(a || m || p || S || 0), c = Math.round(c || g || y || d || 0);
+        }
+        a && (l.dataset.snapdomWidth = String(a)), c && (l.dataset.snapdomHeight = String(c));
+      } catch {
+      }
+    }
+  } catch (i) {
+    throw console.error("[Snapdom] Failed to clone node:", t, i), i;
   }
   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 (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 r = i.textContent || "";
-          r.trim() && s && l.set(i, r);
-        }
-    } else {
-      const i = document.createDocumentFragment();
-      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 i = t.getBoundingClientRect();
+    l.style.width = `${i.width}px`, l.style.height = `${i.height}px`;
+  }
+  if (t instanceof HTMLInputElement && (l.value = t.value, l.setAttribute("value", t.value), t.checked !== void 0 && (l.checked = t.checked, t.checked && l.setAttribute("checked", ""), t.indeterminate && (l.indeterminate = t.indeterminate))), t instanceof HTMLSelectElement && (o = t.value), t instanceof HTMLTextAreaElement && (s = t.value), b(t, l, r, n), t.shadowRoot) {
+    let y = function(d, w) {
+      if (d.nodeType === Node.ELEMENT_NODE && d.tagName === "STYLE")
+        return w(null);
+      A(d, r, n).then((x) => {
+        w(x || null);
+      }).catch(() => {
+        w(null);
+      });
+    };
+    try {
+      const d = t.shadowRoot.querySelectorAll("slot");
+      for (const w of d) {
+        let x = [];
+        try {
+          x = w.assignedNodes?.({ flatten: !0 }) || w.assignedNodes?.() || [];
+        } catch {
+          x = w.assignedNodes?.() || [];
         }
-        const u = m(
-          r,
-          n,
-          l,
-          o,
-          s,
-          a,
-          h || t
-        );
-        u && i.appendChild(u);
+        for (const $ of x) e.add($);
       }
-      c.appendChild(i);
+    } catch {
     }
-  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,
-        h || t
-      );
-      f && r.appendChild(f);
+    const i = k(r), a = `[data-sd="${i}"]`;
+    try {
+      l.setAttribute("data-sd", i);
+    } catch {
     }
-    return r;
-  }
-  for (const e of t.childNodes) {
-    if (x.has(e)) continue;
-    const i = m(
-      e,
-      n,
-      l,
-      o,
-      s,
-      a,
-      h || t
+    const c = L(t.shadowRoot), u = T(c, a), m = D(c), g = H(t, m, a);
+    I(l, g + u, i);
+    const p = document.createDocumentFragment(), S = await E(
+      Array.from(t.shadowRoot.childNodes),
+      y,
+      n.fast
     );
-    i && c.appendChild(i);
+    p.append(...S.filter((d) => !!d)), l.appendChild(p);
+  }
+  if (t.tagName === "SLOT") {
+    let u = function(g, p) {
+      A(g, r, n).then((y) => {
+        y && P(y), p(y || null);
+      }).catch(() => {
+        p(null);
+      });
+    };
+    const i = t.assignedNodes?.({ flatten: !0 }) || [], a = i.length > 0 ? i : Array.from(t.childNodes), c = document.createDocumentFragment(), m = await E(
+      Array.from(a),
+      u,
+      n.fast
+    );
+    return c.append(...m.filter((g) => !!g)), c;
+  }
+  function h(i, a) {
+    if (e.has(i)) return a(null);
+    A(i, r, n).then((c) => {
+      a(c || null);
+    }).catch(() => {
+      a(null);
+    });
   }
-  if (d !== null && c instanceof HTMLSelectElement) {
-    c.value = d;
-    for (const e of c.options)
-      e.value === d ? e.setAttribute("selected", "") : e.removeAttribute("selected");
+  const f = await E(
+    Array.from(t.childNodes),
+    h,
+    n.fast
+  );
+  if (l.append(...f.filter((i) => !!i)), o !== null && l instanceof HTMLSelectElement) {
+    l.value = o;
+    for (const i of l.options)
+      i.value === o ? i.setAttribute("selected", "") : i.removeAttribute("selected");
   }
-  return c;
+  return s !== null && l instanceof HTMLTextAreaElement && (l.textContent = s), l;
 }
 export {
-  m as deepClone
+  A as deepClone
 };

package/snapdom/src/core/context.js

@@ -0,0 +1,59 @@
+/* 2025-11-03 10:27:31 */
+function a(e) {
+  if (typeof e == "string") {
+    const l = e.toLowerCase().trim();
+    if (l === "disabled" || l === "full" || l === "auto" || l === "soft")
+      return (
+        /** @type {CachePolicy} */
+        l
+      );
+  }
+  return "soft";
+}
+function c(e = {}) {
+  let l = e.format ?? "png";
+  l === "jpg" && (l = "jpeg");
+  const r = a(e.cache);
+  return {
+    // Debug & perf
+    debug: e.debug ?? !1,
+    fast: e.fast ?? !0,
+    scale: e.scale ?? 1,
+    // DOM filters
+    exclude: e.exclude ?? [],
+    excludeMode: e.excludeMode ?? "hide",
+    filter: e.filter ?? null,
+    filterMode: e.filterMode ?? "hide",
+    // Placeholders
+    placeholders: e.placeholders !== !1,
+    // default true
+    // Fonts
+    embedFonts: e.embedFonts ?? !1,
+    iconFonts: Array.isArray(e.iconFonts) ? e.iconFonts : e.iconFonts ? [e.iconFonts] : [],
+    localFonts: Array.isArray(e.localFonts) ? e.localFonts : [],
+    excludeFonts: e.excludeFonts ?? void 0,
+    fallbackURL: e.fallbackURL ?? void 0,
+    /** @type {CachePolicy} */
+    cache: r,
+    // Network
+    useProxy: typeof e.useProxy == "string" ? e.useProxy : "",
+    // Output
+    width: e.width ?? null,
+    height: e.height ?? null,
+    format: l,
+    type: e.type ?? "svg",
+    quality: e.quality ?? 0.92,
+    dpr: e.dpr ?? (window.devicePixelRatio || 1),
+    backgroundColor: e.backgroundColor ?? (["jpeg", "webp"].includes(l) ? "#ffffff" : null),
+    filename: e.filename ?? "snapDOM",
+    // NEW flags (user-friendly)
+    outerTransforms: e.outerTransforms ?? !0,
+    outerShadows: e.outerShadows ?? !1
+    // Plugins (reservado)
+    // plugins: normalizePlugins(...),
+  };
+}
+export {
+  c as createContext,
+  a as normalizeCachePolicy
+};

package/snapdom/src/core/plugins.js

@@ -0,0 +1,69 @@
+/* 2025-11-03 10:27:31 */
+const e = [];
+function a(n) {
+  if (!n) return null;
+  if (Array.isArray(n)) {
+    const [t, o] = n;
+    return typeof t == "function" ? t(o) : t;
+  }
+  if (typeof n == "object" && "plugin" in n) {
+    const { plugin: t, options: o } = n;
+    return typeof t == "function" ? t(o) : t;
+  }
+  return typeof n == "function" ? n() : n;
+}
+function y(...n) {
+  const t = n.flat();
+  for (const o of t) {
+    const i = a(o);
+    i && (e.some((f) => f && f.name && i.name && f.name === i.name) || e.push(i));
+  }
+}
+function c(n) {
+  return (n && Array.isArray(n.plugins) ? n.plugins : e) || e;
+}
+async function g(n, t, o) {
+  let i = o;
+  const f = c(t);
+  for (const u of f) {
+    const r = u && typeof u[n] == "function" ? u[n] : null;
+    if (!r) continue;
+    const s = await r(t, i);
+    typeof s < "u" && (i = s);
+  }
+  return i;
+}
+async function p(n, t, o) {
+  const i = [], f = c(t);
+  for (const u of f) {
+    const r = u && typeof u[n] == "function" ? u[n] : null;
+    if (!r) continue;
+    const s = await r(t, o);
+    typeof s < "u" && i.push(s);
+  }
+  return i;
+}
+function l(n) {
+  const t = [];
+  if (Array.isArray(n))
+    for (const o of n) {
+      const i = a(o);
+      if (!i || !i.name) continue;
+      const f = t.findIndex((u) => u && u.name === i.name);
+      f >= 0 && t.splice(f, 1), t.push(i);
+    }
+  for (const o of e)
+    o && o.name && !t.some((i) => i.name === o.name) && t.push(o);
+  return Object.freeze(t);
+}
+function m(n, t, o = !1) {
+  return !n || n.plugins && !o || (n.plugins = l(t)), n;
+}
+export {
+  m as attachSessionPlugins,
+  l as mergePlugins,
+  a as normalizePlugin,
+  y as registerPlugins,
+  p as runAll,
+  g as runHook
+};