@unicom-cloud/utils 0.1.23 → 0.1.25

package/snapdom/src/modules/snapFetch.js

@@ -0,0 +1,263 @@
+/* 2025-11-03 10:27:31 */
+import { safeEncodeURI as U } from "../utils/helpers.js";
+function E(t = "[snapDOM]", { ttlMs: e = 5 * 6e4, maxEntries: n = 12 } = {}) {
+  const r = /* @__PURE__ */ new Map();
+  let u = 0;
+  function i(c, d, l) {
+    if (u >= n) return;
+    const h = Date.now();
+    (r.get(d) || 0) > h || (r.set(d, h + e), u++, c === "warn" && console && console.warn ? console.warn(`${t} ${l}`) : console && console.error && console.error(`${t} ${l}`));
+  }
+  return {
+    warnOnce(c, d) {
+      i("warn", c, d);
+    },
+    errorOnce(c, d) {
+      i("error", c, d);
+    },
+    reset() {
+      r.clear(), u = 0;
+    }
+  };
+}
+const k = E("[snapDOM]", {
+  ttlMs: 3 * 6e4,
+  maxEntries: 10
+}), A = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
+function B(t) {
+  return /^data:|^blob:|^about:blank$/i.test(t);
+}
+function O(t, e) {
+  try {
+    const n = typeof location < "u" && location.href ? location.href : "http://localhost/", r = e.includes("{url}") ? e.split("{url}")[0] : e, u = new URL(r || ".", n), i = new URL(t, n);
+    if (i.origin === u.origin) return !0;
+    const c = i.searchParams;
+    if (c && (c.has("url") || c.has("target"))) return !0;
+  } catch {
+  }
+  return !1;
+}
+function S(t, e) {
+  if (!e || B(t) || O(t, e)) return !1;
+  try {
+    const n = typeof location < "u" && location.href ? location.href : "http://localhost/", r = new URL(t, n);
+    return typeof location < "u" ? r.origin !== location.origin : !0;
+  } catch {
+    return !!e;
+  }
+}
+function D(t, e) {
+  if (!e) return t;
+  if (e.includes("{url}"))
+    return e.replace("{urlRaw}", U(t)).replace("{url}", encodeURIComponent(t));
+  if (/[?&]url=?$/.test(e))
+    return `${e}${encodeURIComponent(t)}`;
+  if (e.endsWith("?"))
+    return `${e}url=${encodeURIComponent(t)}`;
+  if (e.endsWith("/"))
+    return `${e}${U(t)}`;
+  const n = e.includes("?") ? "&" : "?";
+  return `${e}${n}url=${encodeURIComponent(t)}`;
+}
+function L(t) {
+  return new Promise((e, n) => {
+    const r = new FileReader();
+    r.onload = () => e(String(r.result || "")), r.onerror = () => n(new Error("read_failed")), r.readAsDataURL(t);
+  });
+}
+function _(t, e) {
+  return [
+    e.as || "blob",
+    e.timeout ?? 3e3,
+    e.useProxy || "",
+    e.errorTTL ?? 8e3,
+    t
+  ].join("|");
+}
+async function M(t, e = {}) {
+  const n = e.as ?? "blob", r = e.timeout ?? 3e3, u = e.useProxy || "", i = e.errorTTL ?? 8e3, c = e.headers || {}, d = !!e.silent;
+  if (/^data:/i.test(t))
+    try {
+      if (n === "text")
+        return {
+          ok: !0,
+          data: String(t),
+          status: 200,
+          url: t,
+          fromCache: !1
+        };
+      if (n === "dataURL")
+        return {
+          ok: !0,
+          data: String(t),
+          status: 200,
+          url: t,
+          fromCache: !1,
+          mime: String(t).slice(5).split(";")[0] || ""
+        };
+      const [, a = "", o = ""] = String(t).match(/^data:([^,]*),(.*)$/) || [], f = /;base64/i.test(a) ? atob(o) : decodeURIComponent(o), p = new Uint8Array([...f].map((T) => T.charCodeAt(0))), C = new Blob([p], { type: (a || "").split(";")[0] || "" });
+      return {
+        ok: !0,
+        data: C,
+        status: 200,
+        url: t,
+        fromCache: !1,
+        mime: C.type || ""
+      };
+    } catch {
+      return {
+        ok: !1,
+        data: null,
+        status: 0,
+        url: t,
+        fromCache: !1,
+        reason: "special_url_error"
+      };
+    }
+  if (/^blob:/i.test(t))
+    try {
+      const a = await fetch(t);
+      if (!a.ok)
+        return {
+          ok: !1,
+          data: null,
+          status: a.status,
+          url: t,
+          fromCache: !1,
+          reason: "http_error"
+        };
+      const o = await a.blob(), s = o.type || a.headers.get("content-type") || "";
+      return n === "dataURL" ? {
+        ok: !0,
+        data: await L(o),
+        status: a.status,
+        url: t,
+        fromCache: !1,
+        mime: s
+      } : n === "text" ? {
+        ok: !0,
+        data: await o.text(),
+        status: a.status,
+        url: t,
+        fromCache: !1,
+        mime: s
+      } : {
+        ok: !0,
+        data: o,
+        status: a.status,
+        url: t,
+        fromCache: !1,
+        mime: s
+      };
+    } catch {
+      return {
+        ok: !1,
+        data: null,
+        status: 0,
+        url: t,
+        fromCache: !1,
+        reason: "network"
+      };
+    }
+  if (/^about:blank$/i.test(t))
+    return n === "dataURL" ? {
+      ok: !0,
+      data: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg==",
+      status: 200,
+      url: t,
+      fromCache: !1,
+      mime: "image/png"
+    } : {
+      ok: !0,
+      data: n === "text" ? "" : new Blob([]),
+      status: 200,
+      url: t,
+      fromCache: !1
+    };
+  const l = _(t, { as: n, timeout: r, useProxy: u, errorTTL: i }), h = w.get(l);
+  if (h && h.until > Date.now())
+    return { ...h.result, fromCache: !0 };
+  h && w.delete(l);
+  const b = A.get(l);
+  if (b) return b;
+  const m = S(t, u) ? D(t, u) : t;
+  let g = e.credentials;
+  if (!g)
+    try {
+      const a = typeof location < "u" && location.href ? location.href : "http://localhost/", o = new URL(t, a);
+      g = typeof location < "u" && o.origin === location.origin ? "include" : "omit";
+    } catch {
+      g = "omit";
+    }
+  const $ = new AbortController(), y = setTimeout(() => $.abort("timeout"), r), R = (async () => {
+    try {
+      const a = await fetch(m, {
+        signal: $.signal,
+        credentials: g,
+        headers: c
+      });
+      if (!a.ok) {
+        const f = {
+          ok: !1,
+          data: null,
+          status: a.status,
+          url: m,
+          fromCache: !1,
+          reason: "http_error"
+        };
+        if (i > 0 && w.set(l, { until: Date.now() + i, result: f }), !d) {
+          const p = `${a.status} ${a.statusText || ""}`.trim();
+          k.warnOnce(
+            `http:${a.status}:${n}:${new URL(t, location?.href ?? "http://localhost/").origin}`,
+            `HTTP error ${p} while fetching ${n} ${t}`
+          );
+        }
+        return e.onError && e.onError(f), f;
+      }
+      if (n === "text")
+        return {
+          ok: !0,
+          data: await a.text(),
+          status: a.status,
+          url: m,
+          fromCache: !1
+        };
+      const o = await a.blob(), s = o.type || a.headers.get("content-type") || "";
+      return n === "dataURL" ? {
+        ok: !0,
+        data: await L(o),
+        status: a.status,
+        url: m,
+        fromCache: !1,
+        mime: s
+      } : {
+        ok: !0,
+        data: o,
+        status: a.status,
+        url: m,
+        fromCache: !1,
+        mime: s
+      };
+    } catch (a) {
+      const o = a && typeof a == "object" && "name" in a && a.name === "AbortError" ? String(a.message || "").includes("timeout") ? "timeout" : "abort" : "network", s = {
+        ok: !1,
+        data: null,
+        status: 0,
+        url: m,
+        fromCache: !1,
+        reason: o
+      };
+      if (!/^blob:/i.test(t) && i > 0 && w.set(l, { until: Date.now() + i, result: s }), !d) {
+        const f = `${o}:${n}:${new URL(t, location?.href ?? "http://localhost/").origin}`, p = o === "timeout" ? `Timeout after ${r}ms. Consider increasing timeout or using a proxy for ${t}` : o === "abort" ? `Request aborted while fetching ${n} ${t}` : `Network/CORS issue while fetching ${n} ${t}. A proxy may be required`;
+        k.errorOnce(f, p);
+      }
+      return e.onError && e.onError(s), s;
+    } finally {
+      clearTimeout(y), A.delete(l);
+    }
+  })();
+  return A.set(l, R), R;
+}
+export {
+  M as snapFetch
+};

package/snapdom/src/modules/styles.js

@@ -1,31 +1,152 @@
-import { getStyleKey as c } from "../utils/cssTools.js";
-import { getStyle as d } from "../utils/helpers.js";
-const r = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new Map();
-function y(t) {
-  const n = {}, s = t.getPropertyValue("visibility");
-  for (let e = 0; e < t.length; e++) {
-    const o = t[e];
-    let a = t.getPropertyValue(o);
-    (o === "background-image" || o === "content") && a.includes("url(") && !a.includes("data:") && (a = "none"), n[o] = a;
+/* 2025-11-03 10:27:31 */
+import { cache as s } from "../core/cache.js";
+import { NO_DEFAULTS_TAGS as v, getStyleKey as E } from "../utils/css.js";
+const m = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new Map();
+let d = 0;
+function u() {
+  d++;
+}
+let b = !1;
+function k(t = document.documentElement) {
+  if (!b) {
+    b = !0;
+    try {
+      new MutationObserver(() => u()).observe(t, {
+        subtree: !0,
+        childList: !0,
+        characterData: !0,
+        attributes: !0
+      });
+    } catch {
+    }
+    try {
+      new MutationObserver(() => u()).observe(document.head, {
+        subtree: !0,
+        childList: !0,
+        characterData: !0,
+        attributes: !0
+      });
+    } catch {
+    }
+    try {
+      const e = document.fonts;
+      e && (e.addEventListener?.("loadingdone", u), e.ready?.then(() => u()).catch(() => {
+      }));
+    } catch {
+    }
+  }
+}
+function F(t, e = {}) {
+  const o = {}, r = t.getPropertyValue("visibility");
+  for (let n = 0; n < t.length; n++) {
+    const a = t[n];
+    let i = t.getPropertyValue(a);
+    (a === "background-image" || a === "content") && i.includes("url(") && !i.includes("data:") && (i = "none"), o[a] = i;
   }
-  return s === "hidden" && (n.opacity = "0"), n;
+  if (e.embedFonts) {
+    const n = [
+      "font-feature-settings",
+      "font-variation-settings",
+      "font-kerning",
+      "font-variant",
+      "font-variant-ligatures",
+      "font-optical-sizing"
+    ];
+    for (const a of n)
+      if (!o[a])
+        try {
+          const i = t.getPropertyValue(a);
+          i && (o[a] = i);
+        } catch {
+        }
+  }
+  return r === "hidden" && (o.opacity = "0"), o;
+}
+const y = /* @__PURE__ */ new WeakMap();
+function M(t) {
+  let e = y.get(t);
+  return e || (e = Object.entries(t).sort(
+    (r, n) => r[0] < n[0] ? -1 : r[0] > n[0] ? 1 : 0
+  ).map(([r, n]) => `${r}:${n}`).join(";"), y.set(t, e), e);
+}
+function T(t, e = null, o = {}) {
+  const r = m.get(t);
+  if (r && r.epoch === d) return r.snapshot;
+  const n = e || getComputedStyle(t), a = F(n, o);
+  return B(t, n, a), m.set(t, { epoch: d, snapshot: a }), a;
 }
-function S(t, n, s, e, o) {
+function _(t, e) {
+  return t && t.session && t.persist ? t : t && (t.styleMap || t.styleCache || t.nodeMap) ? {
+    session: t,
+    persist: {
+      snapshotKeyCache: f,
+      defaultStyle: s.defaultStyle,
+      baseStyle: s.baseStyle,
+      image: s.image,
+      resource: s.resource,
+      background: s.background,
+      font: s.font
+    },
+    options: e || {}
+  } : {
+    session: s.session,
+    persist: {
+      snapshotKeyCache: f,
+      defaultStyle: s.defaultStyle,
+      baseStyle: s.baseStyle,
+      image: s.image,
+      resource: s.resource,
+      background: s.background,
+      font: s.font
+    },
+    options: t || e || {}
+  };
+}
+async function I(t, e, o, r) {
   if (t.tagName === "STYLE") return;
-  e.has(t) || e.set(t, d(t));
-  const a = e.get(t);
-  if (!r.has(t)) {
-    const i = y(a);
-    r.set(t, i);
+  const n = _(o, r), a = n.options && n.options.cache || "auto";
+  if (a !== "disabled" && k(document.documentElement), a === "disabled" && !n.session.__bumpedForDisabled && (u(), f.clear(), n.session.__bumpedForDisabled = !0), v.has(t.tagName?.toLowerCase())) {
+    const l = t.getAttribute?.("style");
+    l && e.setAttribute("style", l);
   }
-  const h = r.get(t), l = Object.entries(h).sort(([i], [p]) => i.localeCompare(p)).map(([i, p]) => `${i}:${p}`).join(";");
-  if (g.has(l)) {
-    s.set(n, g.get(l));
-    return;
+  const { session: i, persist: p } = n;
+  i.styleCache.has(t) || i.styleCache.set(t, getComputedStyle(t));
+  const S = i.styleCache.get(t), g = T(t, S, n.options), h = M(g);
+  let c = p.snapshotKeyCache.get(h);
+  if (!c) {
+    const l = t.tagName?.toLowerCase() || "div";
+    c = E(g, l), p.snapshotKeyCache.set(h, c);
   }
-  const f = t.tagName?.toLowerCase() || "div", m = c(h, f, o);
-  g.set(l, m), s.set(n, m);
+  i.styleMap.set(e, c);
+}
+function C(t) {
+  return t instanceof HTMLImageElement || t instanceof HTMLCanvasElement || t instanceof HTMLVideoElement || t instanceof HTMLIFrameElement || t instanceof SVGElement || t instanceof HTMLObjectElement || t instanceof HTMLEmbedElement;
+}
+function L(t) {
+  return t.backgroundImage && t.backgroundImage !== "none" || t.backgroundColor && t.backgroundColor !== "rgba(0, 0, 0, 0)" && t.backgroundColor !== "transparent" || (parseFloat(t.borderTopWidth) || 0) > 0 || (parseFloat(t.borderBottomWidth) || 0) > 0 || (parseFloat(t.paddingTop) || 0) > 0 || (parseFloat(t.paddingBottom) || 0) > 0 ? !0 : (t.overflowBlock || t.overflowY || "visible") !== "visible";
+}
+function w(t) {
+  const e = t.parentElement;
+  if (!e) return !1;
+  const o = getComputedStyle(e).display || "";
+  return o.includes("flex") || o.includes("grid");
+}
+function H(t, e) {
+  if (t.textContent && /\S/.test(t.textContent)) return !0;
+  const o = t.firstElementChild, r = t.lastElementChild;
+  if (o && o.tagName === "BR" || r && r.tagName === "BR") return !0;
+  const n = t.scrollHeight;
+  if (n === 0) return !1;
+  const a = parseFloat(e.paddingTop) || 0, i = parseFloat(e.paddingBottom) || 0;
+  return n > a + i;
+}
+function B(t, e, o) {
+  if (t instanceof HTMLElement && t.style && t.style.height) return;
+  const r = e.display || "";
+  if (r.includes("flex") || r.includes("grid") || C(t)) return;
+  const n = e.position;
+  n === "absolute" || n === "fixed" || n === "sticky" || e.transform === "none" && (L(e) || w(t) || H(t, e) && (delete o.height, delete o["block-size"]));
 }
 export {
-  S as inlineAllStyles
+  I as inlineAllStyles
 };

package/snapdom/src/modules/svgDefs.js

@@ -1,45 +1,93 @@
-function u(s) {
-  if (!s) return;
-  const o = /* @__PURE__ */ new Set();
-  if (s.querySelectorAll("use").forEach((e) => {
-    const r = e.getAttribute("xlink:href") || e.getAttribute("href");
-    r && r.startsWith("#") && o.add(r.slice(1));
-  }), !o.size) return;
-  const d = Array.from(
-    document.querySelectorAll("svg > symbol, svg > defs")
-  ), f = d.filter(
-    (e) => e.tagName.toLowerCase() === "symbol"
-  ), c = d.filter(
-    (e) => e.tagName.toLowerCase() === "defs"
-  );
-  let t = s.querySelector("svg.inline-defs-container");
-  t || (t = document.createElementNS("http://www.w3.org/2000/svg", "svg"), t.setAttribute("aria-hidden", "true"), t.setAttribute(
+/* 2025-11-03 10:27:31 */
+function E(s, R) {
+  if (!s || !(s instanceof Element)) return;
+  const y = s.ownerDocument || document, b = y, w = s instanceof SVGSVGElement ? [s] : Array.from(s.querySelectorAll("svg"));
+  if (w.length === 0) return;
+  const m = /url\(\s*#([^)]+)\)/g, p = [
+    "fill",
+    "stroke",
+    "filter",
+    "clip-path",
+    "mask",
+    "marker",
+    "marker-start",
+    "marker-mid",
+    "marker-end"
+  ], v = (e) => window.CSS && CSS.escape ? CSS.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, "\\$&"), l = new Set(
+    Array.from(s.querySelectorAll("[id]")).map((e) => e.id)
+  ), f = /* @__PURE__ */ new Set();
+  let A = !1;
+  const d = (e) => {
+    if (!e) return;
+    m.lastIndex = 0;
+    let n;
+    for (; n = m.exec(e); ) {
+      A = !0;
+      const t = (n[1] || "").trim();
+      t && !l.has(t) && f.add(t);
+    }
+  }, q = (e) => {
+    const n = e.querySelectorAll(
+      'use[href^="#"], use[xlink\\:href^="#"]'
+    );
+    for (const r of n) {
+      const o = r.getAttribute("href") || r.getAttribute("xlink:href");
+      if (!o || !o.startsWith("#")) continue;
+      A = !0;
+      const c = o.slice(1).trim();
+      c && !l.has(c) && f.add(c);
+    }
+    const a = e.querySelectorAll('*[style*="url("],*[fill^="url("], *[stroke^="url("],*[filter^="url("], *[clip-path^="url("],*[mask^="url("],*[marker^="url("], *[marker-start^="url("],*[marker-mid^="url("], *[marker-end^="url("]');
+    for (const r of a) {
+      d(r.getAttribute("style") || "");
+      for (const o of p) d(r.getAttribute(o));
+    }
+  };
+  for (const e of w) q(e);
+  if (!A) return;
+  let i = s.querySelector("svg.inline-defs-container");
+  i || (i = y.createElementNS("http://www.w3.org/2000/svg", "svg"), i.classList.add("inline-defs-container"), i.setAttribute("aria-hidden", "true"), i.setAttribute(
     "style",
-    "position: absolute; width: 0; height: 0; overflow: hidden;"
-  ), t.classList.add("inline-defs-container"), s.insertBefore(t, s.firstChild));
-  const i = /* @__PURE__ */ new Set();
-  s.querySelectorAll("symbol[id], defs > *[id]").forEach((e) => {
-    i.add(e.id);
-  }), o.forEach((e) => {
-    if (i.has(e)) return;
-    const r = f.find((l) => l.id === e);
-    if (r) {
-      t.appendChild(r.cloneNode(!0)), i.add(e);
-      return;
+    "position:absolute;width:0;height:0;overflow:hidden"
+  ), s.insertBefore(i, s.firstChild || null));
+  let h = i.querySelector("defs") || null;
+  const x = (e) => {
+    if (!e || l.has(e)) return null;
+    const n = v(e), t = (a) => {
+      const r = b.querySelector(a);
+      return r && !s.contains(r) ? r : null;
+    };
+    return t(`svg defs > *#${n}`) || t(`svg > symbol#${n}`) || t(`*#${n}`);
+  };
+  if (!f.size) return;
+  const g = new Set(f), S = /* @__PURE__ */ new Set();
+  for (; g.size; ) {
+    const e = g.values().next().value;
+    if (g.delete(e), !e || l.has(e) || S.has(e)) continue;
+    const n = x(e);
+    if (!n) {
+      S.add(e);
+      continue;
     }
-    for (const l of c) {
-      const a = l.querySelector(`#${CSS.escape(e)}`);
-      if (a) {
-        let n = t.querySelector("defs");
-        n || (n = document.createElementNS(
-          "http://www.w3.org/2000/svg",
-          "defs"
-        ), t.appendChild(n)), n.appendChild(a.cloneNode(!0)), i.add(e);
-        break;
+    h || (h = y.createElementNS("http://www.w3.org/2000/svg", "defs"), i.appendChild(h));
+    const t = n.cloneNode(!0);
+    t.id || t.setAttribute("id", e), h.appendChild(t), S.add(e), l.add(e);
+    const a = [t, ...t.querySelectorAll("*")];
+    for (const r of a) {
+      const o = r.getAttribute?.("href") || r.getAttribute?.("xlink:href");
+      if (o && o.startsWith("#")) {
+        const u = o.slice(1).trim();
+        u && !l.has(u) && !S.has(u) && g.add(u);
+      }
+      const c = r.getAttribute?.("style") || "";
+      c && d(c);
+      for (const u of p) {
+        const k = r.getAttribute?.(u);
+        k && d(k);
       }
     }
-  });
+  }
 }
 export {
-  u as inlineExternalDefsAndSymbols
+  E as inlineExternalDefsAndSymbols
 };

package/snapdom/src/utils/browser.js

@@ -0,0 +1,13 @@
+/* 2025-11-03 10:27:31 */
+function s(e, { fast: t = !1 } = {}) {
+  if (t) return e();
+  "requestIdleCallback" in window ? requestIdleCallback(e, { timeout: 50 }) : setTimeout(e, 1);
+}
+function o() {
+  const e = typeof navigator < "u" && navigator.userAgent ? navigator.userAgent : "", t = /^((?!chrome|android).)*safari/i.test(e), i = /AppleWebKit/i.test(e) && /Mobile/i.test(e) && !/Safari/i.test(e), a = /(MicroMessenger|wxwork|WeCom|WindowsWechat|MacWechat)/i.test(e);
+  return t || i || a;
+}
+export {
+  s as idle,
+  o as isSafari
+};