@unicom-cloud/utils 0.1.22 → 0.1.24

package/snapdom/src/core/clone.js

@@ -1,130 +1,333 @@
-import { inlineAllStyles as g } from "../modules/styles.js";
-function p(t, n) {
+/* 2025-10-28 09:57:10 */
+import { resolveCSSVars as N } from "../modules/CSSVar.js";
+import { inlineAllStyles as w } 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 u() {
+        M(
+          (c) => {
+            (c && typeof c.timeRemaining == "function" ? c.timeRemaining() > 0 : !0) ? r(e, o) : u();
+          },
+          { fast: n }
+        );
+      }
+      u();
+    }))
+  );
+}
+function R(t) {
+  return t = t.trim(), !t || /:not\(\s*\[data-sd-slotted\]\s*\)\s*$/.test(t) ? t : `${t}:not([data-sd-slotted])`;
+}
+function T(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 k(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, u) => {
+      const c = T(
+        u,
+        r,
+        /*excludeSlotted*/
+        !0
+      );
+      return `${e}${o}${c}{`;
+    }
+  ), t) : "";
+}
+function C(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 W(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 I(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 H(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 B(t, r) {
+  try {
+    let e = getComputedStyle(t).getPropertyValue(r).trim();
+    if (e) return e;
+  } catch {
+  }
+  try {
+    let e = getComputedStyle(document.documentElement).getPropertyValue(r).trim();
+    if (e) return e;
+  } catch {
+  }
+  return "";
+}
+function D(t, r, n) {
+  const e = [];
+  for (const o of r) {
+    const u = B(t, o);
+    u && e.push(`${o}: ${u};`);
+  }
+  return e.length ? `${n}{${e.join("")}}
+` : "";
+}
+function F(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 P(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((u) => setTimeout(u, 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, u = 0;
   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";
+    const h = getComputedStyle(t);
+    n = parseFloat(h.borderLeftWidth) || 0, e = parseFloat(h.borderRightWidth) || 0, o = parseFloat(h.borderTopWidth) || 0, u = parseFloat(h.borderBottomWidth) || 0;
   } catch {
   }
+  const c = Math.max(0, Math.round(r.width - (n + e))), s = Math.max(0, Math.round(r.height - (o + u)));
+  return { contentWidth: c, contentHeight: s, rect: r };
+}
+function z(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 {
+    }
+  };
 }
-function m(t, n, l, o, s, a = {}, h) {
+async function O(t, r, n) {
+  const e = await P(t, 3);
+  if (!e) throw new Error("iframe document not accessible/ready");
+  const { contentWidth: o, contentHeight: u, rect: c } = _(t), s = n?.snap;
+  if (!s || typeof s.toPng != "function")
+    throw new Error("snapdom.toPng not available in iframe or window");
+  const h = { ...n, scale: 1 }, a = z(e, o, u);
+  let i;
+  try {
+    i = await s.toPng(e.documentElement, h);
+  } finally {
+    a();
+  }
+  i.style.display = "block", i.style.width = `${o}px`, i.style.height = `${u}px`;
+  const l = document.createElement("div");
+  return r.nodeMap.set(l, t), w(t, l, r, n), l.style.overflow = "hidden", l.style.display = "block", l.style.width || (l.style.width = `${Math.round(c.width)}px`), l.style.height || (l.style.height = `${Math.round(c.height)}px`), l.appendChild(i), l;
+}
+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, u = null;
+  if (t.nodeType === Node.ELEMENT_NODE) {
+    const a = (t.localName || t.tagName || "").toLowerCase();
+    if (t.id === "snapdom-sandbox" || t.hasAttribute("data-snapdom-sandbox") || v.has(a))
+      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 a = document.createElement("div"), i = t.getBoundingClientRect();
+      return a.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, a;
+    } 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 a 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?.(a)) {
+          if (n.excludeMode === "hide") {
+            const i = document.createElement("div"), l = t.getBoundingClientRect();
+            return i.style.cssText = `display:inline-block;width:${l.width}px;height:${l.height}px;visibility:hidden;`, i;
+          } else if (n.excludeMode === "remove")
+            return null;
         }
       } catch (i) {
-        console.warn(`Invalid selector in exclude option: ${e}`, i);
+        console.warn(`Invalid selector in exclude option: ${a}`, i);
       }
-  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 a = document.createElement("div"), i = t.getBoundingClientRect();
+          return a.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, a;
+        } else if (n.filterMode === "remove")
+          return null;
       }
-    } catch (e) {
-      console.warn("Error in filter function:", e);
+    } catch (a) {
+      console.warn("Error in filter function:", a);
     }
   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 a = !1;
+    try {
+      a = !!(t.contentDocument || t.contentWindow?.document);
+    } catch {
+      a = !1;
+    }
+    if (a)
+      try {
+        return await O(t, r, n);
+      } catch (i) {
+        console.warn("[SnapDOM] iframe rasterization failed, fallback:", i);
+      }
+    if (n.placeholders) {
+      const i = document.createElement("div");
+      return i.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;`, w(t, i, r, n), i;
+    } else {
+      const i = t.getBoundingClientRect(), l = document.createElement("div");
+      return l.style.cssText = `display:inline-block;width:${i.width}px;height:${i.height}px;visibility:hidden;`, w(t, l, r, n), l;
+    }
   }
   if (t.getAttribute("data-capture") === "placeholder") {
-    const e = t.cloneNode(!1);
-    o.set(e, t), g(t, e, n, l, s);
+    const a = t.cloneNode(!1);
+    r.nodeMap.set(a, t), w(t, a, r, n);
     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;
+    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;", a.appendChild(i), a;
   }
   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;
+    const a = t.toDataURL(), i = document.createElement("img");
+    return i.src = a, i.width = t.width, i.height = t.height, r.nodeMap.set(i, t), w(t, i, r, n), i;
   }
   let c;
   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 (c = t.cloneNode(!1), N(t, c), r.nodeMap.set(c, t), t.tagName === "IMG") {
+      I(t, c);
+      try {
+        const a = t.getBoundingClientRect();
+        let i = Math.round(a.width || 0), l = Math.round(a.height || 0);
+        if (!i || !l) {
+          const y = window.getComputedStyle(t), b = parseFloat(y.width) || 0, f = parseFloat(y.height) || 0, m = parseInt(t.getAttribute("width") || "", 10) || 0, p = parseInt(t.getAttribute("height") || "", 10) || 0, S = t.width || t.naturalWidth || 0, d = t.height || t.naturalHeight || 0;
+          i = Math.round(i || b || m || S || 0), l = Math.round(l || f || p || d || 0);
+        }
+        i && (c.dataset.snapdomWidth = String(i)), l && (c.dataset.snapdomHeight = String(l));
+      } catch {
+      }
+    }
+  } catch (a) {
+    throw console.error("[Snapdom] Failed to clone node:", t, a), a;
   }
   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 a = t.getBoundingClientRect();
+    c.style.width = `${a.width}px`, c.style.height = `${a.height}px`;
+  }
+  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 && (o = t.value), t instanceof HTMLTextAreaElement && (u = t.value), w(t, c, r, n), t.shadowRoot) {
+    let p = function(d, g) {
+      if (d.nodeType === Node.ELEMENT_NODE && d.tagName === "STYLE")
+        return g(null);
+      A(d, r, n).then((x) => {
+        g(x || null);
+      }).catch(() => {
+        g(null);
+      });
+    };
+    try {
+      const d = t.shadowRoot.querySelectorAll("slot");
+      for (const g of d) {
+        let x = [];
+        try {
+          x = g.assignedNodes?.({ flatten: !0 }) || g.assignedNodes?.() || [];
+        } catch {
+          x = g.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 a = C(r), i = `[data-sd="${a}"]`;
+    try {
+      c.setAttribute("data-sd", a);
+    } 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 l = L(t.shadowRoot), y = k(l, i), b = H(l), f = D(t, b, i);
+    W(c, f + y, a);
+    const m = document.createDocumentFragment(), S = await E(
+      Array.from(t.shadowRoot.childNodes),
+      p,
+      n.fast
     );
-    i && c.appendChild(i);
+    m.append(...S.filter((d) => !!d)), c.appendChild(m);
+  }
+  if (t.tagName === "SLOT") {
+    let y = function(f, m) {
+      A(f, r, n).then((p) => {
+        p && F(p), m(p || null);
+      }).catch(() => {
+        m(null);
+      });
+    };
+    const a = t.assignedNodes?.({ flatten: !0 }) || [], i = a.length > 0 ? a : Array.from(t.childNodes), l = document.createDocumentFragment(), b = await E(
+      Array.from(i),
+      y,
+      n.fast
+    );
+    return l.append(...b.filter((f) => !!f)), l;
+  }
+  function s(a, i) {
+    if (e.has(a)) return i(null);
+    A(a, r, n).then((l) => {
+      i(l || null);
+    }).catch(() => {
+      i(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 h = await E(
+    Array.from(t.childNodes),
+    s,
+    n.fast
+  );
+  if (c.append(...h.filter((a) => !!a)), o !== null && c instanceof HTMLSelectElement) {
+    c.value = o;
+    for (const a of c.options)
+      a.value === o ? a.setAttribute("selected", "") : a.removeAttribute("selected");
   }
-  return c;
+  return u !== null && c instanceof HTMLTextAreaElement && (c.textContent = u), c;
 }
 export {
-  m as deepClone
+  A as deepClone
 };

package/snapdom/src/core/context.js

@@ -0,0 +1,57 @@
+/* 2025-10-28 09:57:10 */
+function r(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 = {}) {
+  const l = e.format ?? "png", a = r(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: a,
+    // 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 ?? (["jpg", "jpeg", "webp"].includes(l) ? "#ffffff" : null),
+    filename: e.filename ?? "snapDOM",
+    // NEW flags (user-friendly)
+    straighten: e.straighten ?? !1,
+    noShadows: e.noShadows ?? !1
+    // Plugins (reservado)
+    // plugins: normalizePlugins(...),
+  };
+}
+export {
+  c as createContext,
+  r as normalizeCachePolicy
+};