@unicom-cloud/utils 0.1.23 → 0.1.25

package/snapdom/src/utils/css.js

@@ -0,0 +1,191 @@
+/* 2025-11-03 10:27:31 */
+import { cache as s } from "../core/cache.js";
+const p = /* @__PURE__ */ new Set([
+  "meta",
+  "script",
+  "noscript",
+  "title",
+  "link",
+  "template"
+]), a = /* @__PURE__ */ new Set([
+  // non-painting / head stuff
+  "meta",
+  "link",
+  "style",
+  "title",
+  "noscript",
+  "script",
+  "template",
+  // SVG whole namespace (safe for LeaderLine/presentation attrs)
+  "g",
+  "defs",
+  "use",
+  "marker",
+  "mask",
+  "clipPath",
+  "pattern",
+  "path",
+  "polygon",
+  "polyline",
+  "line",
+  "circle",
+  "ellipse",
+  "rect",
+  "filter",
+  "lineargradient",
+  "radialgradient",
+  "stop"
+]), d = [
+  "div",
+  "span",
+  "p",
+  "a",
+  "img",
+  "ul",
+  "li",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  "label",
+  "section",
+  "article",
+  "header",
+  "footer",
+  "nav",
+  "main",
+  "aside",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "table",
+  "thead",
+  "tbody",
+  "tr",
+  "td",
+  "th"
+];
+function S() {
+  for (let e of d) {
+    const t = String(e).toLowerCase();
+    p.has(t) || a.has(t) || c(t);
+  }
+}
+function c(e) {
+  if (e = String(e).toLowerCase(), a.has(e)) {
+    const i = {};
+    return s.defaultStyle.set(e, i), i;
+  }
+  if (s.defaultStyle.has(e))
+    return s.defaultStyle.get(e);
+  let t = document.getElementById("snapdom-sandbox");
+  t || (t = document.createElement("div"), t.id = "snapdom-sandbox", t.setAttribute("data-snapdom-sandbox", "true"), t.setAttribute("aria-hidden", "true"), t.style.position = "absolute", t.style.left = "-9999px", t.style.top = "-9999px", t.style.width = "0px", t.style.height = "0px", t.style.overflow = "hidden", document.body.appendChild(t));
+  const n = document.createElement(e);
+  n.style.all = "initial", t.appendChild(n);
+  const r = getComputedStyle(n), o = {};
+  for (let i of r) {
+    if (u(i)) continue;
+    const l = r.getPropertyValue(i);
+    o[i] = l;
+  }
+  return t.removeChild(n), s.defaultStyle.set(e, o), o;
+}
+const y = /(?:^|-)(animation|transition)(?:-|$)/i, h = /^(--|view-timeline|scroll-timeline|animation-trigger|offset-|position-try|app-region|interactivity|overlay|view-transition|-webkit-locale|-webkit-user-(?:drag|modify)|-webkit-tap-highlight-color|-webkit-text-security)$/i, m = /* @__PURE__ */ new Set([
+  // Interaction hints
+  "cursor",
+  "pointer-events",
+  "touch-action",
+  "user-select",
+  // Printing/speech/reading-mode hints
+  "print-color-adjust",
+  "speak",
+  "reading-flow",
+  "reading-order",
+  // Anchoring/container/timeline scopes (metadata for layout queries)
+  "anchor-name",
+  "anchor-scope",
+  "container-name",
+  "container-type",
+  "timeline-scope"
+]);
+function u(e) {
+  const t = String(e).toLowerCase();
+  return !!(m.has(t) || h.test(t) || y.test(t));
+}
+function w(e, t) {
+  if (t = String(t || "").toLowerCase(), a.has(t))
+    return "";
+  const n = [], r = c(t);
+  for (let [o, i] of Object.entries(e)) {
+    if (u(o)) continue;
+    const l = r[o];
+    i && i !== l && n.push(`${o}:${i}`);
+  }
+  return n.sort(), n.join(";");
+}
+function C(e) {
+  const t = /* @__PURE__ */ new Set();
+  return e.nodeType !== Node.ELEMENT_NODE && e.nodeType !== Node.DOCUMENT_FRAGMENT_NODE ? [] : (e.tagName && t.add(e.tagName.toLowerCase()), typeof e.querySelectorAll == "function" && e.querySelectorAll("*").forEach((n) => t.add(n.tagName.toLowerCase())), Array.from(t));
+}
+function T(e) {
+  const t = /* @__PURE__ */ new Map();
+  for (let r of e) {
+    const o = s.defaultStyle.get(r);
+    if (!o) continue;
+    const i = Object.entries(o).map(([l, f]) => `${l}:${f};`).sort().join("");
+    i && (t.has(i) || t.set(i, []), t.get(i).push(r));
+  }
+  let n = "";
+  for (let [r, o] of t.entries())
+    n += `${o.join(",")} { ${r} }
+`;
+  return n;
+}
+function E(e) {
+  const t = Array.from(new Set(e.values())).filter(Boolean).sort(), n = /* @__PURE__ */ new Map();
+  let r = 1;
+  for (const o of t) n.set(o, `c${r++}`);
+  return n;
+}
+function b(e, t = null) {
+  if (!(e instanceof Element))
+    return window.getComputedStyle(e, t);
+  let n = s.computedStyle.get(e);
+  if (n || (n = /* @__PURE__ */ new Map(), s.computedStyle.set(e, n)), !n.has(t)) {
+    const r = window.getComputedStyle(e, t);
+    n.set(t, r);
+  }
+  return n.get(t);
+}
+function A(e) {
+  const t = {};
+  for (let n of e)
+    t[n] = e.getPropertyValue(n);
+  return t;
+}
+function k(e) {
+  const t = [];
+  let n = 0, r = 0;
+  for (let o = 0; o < e.length; o++) {
+    const i = e[o];
+    i === "(" && n++, i === ")" && n--, i === "," && n === 0 && (t.push(e.slice(r, o).trim()), r = o + 1);
+  }
+  return t.push(e.slice(r).trim()), t;
+}
+export {
+  p as NO_CAPTURE_TAGS,
+  a as NO_DEFAULTS_TAGS,
+  C as collectUsedTagNames,
+  E as generateCSSClasses,
+  T as generateDedupedBaseCSS,
+  c as getDefaultStyleForTag,
+  b as getStyle,
+  w as getStyleKey,
+  S as precacheCommonTags,
+  u as shouldIgnoreProp,
+  A as snapshotComputedStyle,
+  k as splitBackgroundImage
+};

package/snapdom/src/utils/helpers.js

@@ -1,240 +1,31 @@
-import { cache as d } from "../core/cache.js";
-async function P(e, t = {}) {
-  const n = $(e), c = /^((repeating-)?(linear|radial|conic)-gradient)\(/i.test(
-    e
-  );
-  if (n) {
-    const r = I(n);
-    if (d.background.has(r))
-      return t.skipInline ? void 0 : `url(${d.background.get(r)})`;
-    {
-      const l = await U(r, {
-        useProxy: t.useProxy
-      });
-      return d.background.set(r, l), t.skipInline ? void 0 : `url("${l}")`;
-    }
-  }
-  return e;
-}
-function D(e, { fast: t = !1 } = {}) {
-  if (t) return e();
-  "requestIdleCallback" in window ? requestIdleCallback(e, { timeout: 50 }) : setTimeout(e, 1);
-}
-function b(e, t = null) {
-  if (!(e instanceof Element))
-    return window.getComputedStyle(e, t);
-  let n = d.computedStyle.get(e);
-  if (n || (n = /* @__PURE__ */ new Map(), d.computedStyle.set(e, n)), !n.has(t)) {
-    const c = window.getComputedStyle(e, t);
-    n.set(t, c);
-  }
-  return n.get(t);
-}
-function M(e) {
-  let t = e.replace(/^['"]|['"]$/g, "");
-  if (t.startsWith("\\"))
-    try {
-      return String.fromCharCode(parseInt(t.replace("\\", ""), 16));
-    } catch {
-      return t;
-    }
-  return t;
-}
-function $(e) {
-  const t = e.match(/url\((['"]?)(.*?)(\1)\)/);
-  if (!t) return null;
-  const n = t[2].trim();
-  return n.startsWith("#") ? null : n;
-}
-async function O(e, { useProxy: t = "" } = {}) {
-  async function n(c) {
-    const r = await fetch(c);
-    if (!r.ok) throw new Error(`[snapdom] Failed to fetch resource: ${c}`);
-    return r;
-  }
-  try {
-    return await n(e);
-  } catch (c) {
-    if (t && typeof t == "string") {
-      const r = t.replace(/\/$/, "") + I(e);
-      return n(r);
-    }
-    throw c;
-  }
-}
-var g = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map();
-function U(e, { timeout: t = 3e3, useProxy: n = "", errorTTL: c = 8e3 } = {}) {
-  function r(o) {
-    try {
-      return new URL(o, window.location.href).origin === window.location.origin ? "use-credentials" : "anonymous";
-    } catch {
-      return "anonymous";
-    }
-  }
-  const l = (o) => ({ ok: !0, data: o }), h = (o) => ({
-    ok: !1,
-    error: o instanceof Error ? o : new Error(String(o))
-  });
-  function x(o) {
-    try {
-      return fetch(o, {
-        mode: "cors",
-        credentials: r(o) === "use-credentials" ? "include" : "omit"
-      }).then((s) => s.ok ? s.blob().then(
-        (u) => new Promise((i) => {
-          const f = new FileReader();
-          f.onloadend = () => {
-            const m = f.result;
-            typeof m != "string" || !m.startsWith("data:image/") ? i(h(new Error("Invalid image data URL"))) : i(l(m));
-          }, f.onerror = () => i(h(new Error("FileReader error"))), f.readAsDataURL(u);
-        })
-      ) : h(new Error("HTTP " + s.status))).catch((s) => h(s));
-    } catch (s) {
-      return Promise.resolve(h(s));
-    }
-  }
-  function p(o) {
-    return x(o).then((s) => {
-      if (s.ok) return s;
-      if (n && typeof n == "string") {
-        const u = n.replace(/\/$/, "") + I(o);
-        return x(u).then((i) => i.ok ? i : h(
-          new Error(
-            "[SnapDOM - fetchImage] Fetch failed and no proxy provided"
-          )
-        ));
-      }
-      return h(
-        new Error("[SnapDOM - fetchImage] Fetch failed and no proxy provided")
-      );
-    });
-  }
-  const E = Date.now(), S = y.get(e);
-  if (S && S > E) {
-    const o = Promise.reject(
-      new Error("[SnapDOM - fetchImage] Recently failed (cooldown).")
-    );
-    return o.catch(() => {
-    }), o;
-  }
-  if (g.has(e)) return g.get(e);
-  const v = r(e);
-  if (d.image.has(e)) return Promise.resolve(d.image.get(e));
-  if (e.startsWith("data:image/"))
-    return d.image.set(e, e), Promise.resolve(e);
-  if (/\.svg(\?.*)?$/i.test(e)) {
-    const o = (async () => {
-      const s = await (async () => {
-        try {
-          const i = await fetch(e, {
-            mode: "cors",
-            credentials: v === "use-credentials" ? "include" : "omit"
-          });
-          if (!i.ok) return h(new Error("HTTP " + i.status));
-          const f = await i.text();
-          return l(
-            `data:image/svg+xml;charset=utf-8,${encodeURIComponent(f)}`
-          );
-        } catch (i) {
-          return h(i);
-        }
-      })();
-      if (s.ok)
-        return d.image.set(e, s.data), s.data;
-      const u = await p(e);
-      return u.ok ? (d.image.set(e, u.data), u.data) : (y.set(e, E + c), Promise.reject(u.error));
-    })();
-    return g.set(e, o), o.finally(() => g.delete(e)), o.catch(() => {
-    }), o;
-  }
-  const w = new Promise((o, s) => {
-    let u = !1;
-    const i = new Image(), f = (a) => (R) => {
-      u || (u = !0, clearTimeout(C), i.onload = i.onerror = null, a(R));
-    }, m = (a) => {
-      d.image.set(e, a), o(a);
-    }, k = (a) => {
-      y.set(e, Date.now() + c), s(a);
-    }, C = setTimeout(
-      f(() => {
-        p(e).then((a) => {
-          a.ok ? m(a.data) : k(new Error("Image load timed out"));
-        });
-      }),
-      t
-    );
-    i.crossOrigin = v, i.onload = f(() => {
-      Promise.resolve(i.decode()).then(() => {
-        try {
-          const a = document.createElement("canvas");
-          a.width = i.naturalWidth || i.width, a.height = i.naturalHeight || i.height, a.getContext("2d").drawImage(i, 0, 0, a.width, a.height), m(a.toDataURL("image/png"));
-        } catch {
-          p(e).then((a) => {
-            a.ok ? m(a.data) : k(a.error);
-          });
-        }
-      }).catch(() => {
-        p(e).then((a) => {
-          a.ok ? m(a.data) : k(a.error);
-        });
-      });
-    }), i.onerror = f(() => {
-      p(e).then((a) => {
-        a.ok ? m(a.data) : k(a.error);
-      });
-    }), i.src = e;
-  });
-  return g.set(e, w), w.finally(() => g.delete(e)), w.catch(() => {
-  }), w;
-}
-function T(e) {
-  const t = {};
-  for (let n of e)
-    t[n] = e.getPropertyValue(n);
-  return t;
-}
-function W() {
-  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-}
-function L(e) {
-  if (!e || e === "none") return "";
-  let t = e.replace(/translate[XY]?\([^)]*\)/g, "");
-  return t = t.replace(/matrix\(([^)]+)\)/g, (n, c) => {
-    const r = c.split(",").map((l) => l.trim());
-    return r.length !== 6 ? `matrix(${c})` : (r[4] = "0", r[5] = "0", `matrix(${r.join(", ")})`);
-  }), t = t.replace(/matrix3d\(([^)]+)\)/g, (n, c) => {
-    const r = c.split(",").map((l) => l.trim());
-    return r.length !== 16 ? `matrix3d(${c})` : (r[12] = "0", r[13] = "0", `matrix3d(${r.join(", ")})`);
-  }), t.trim().replace(/\s{2,}/g, " ");
-}
-function I(e) {
-  if (/%[0-9A-Fa-f]{2}/.test(e)) return e;
+/* 2025-11-03 10:27:31 */
+function c(t) {
+  const e = t.match(/url\((['"]?)(.*?)(\1)\)/);
+  if (!e) return null;
+  const a = e[2].trim();
+  return a.startsWith("#") ? null : a;
+}
+function l(t) {
+  if (!t || t === "none") return "";
+  let e = t.replace(/translate[XY]?\([^)]*\)/g, "");
+  return e = e.replace(/matrix\(([^)]+)\)/g, (a, n) => {
+    const r = n.split(",").map((i) => i.trim());
+    return r.length !== 6 ? `matrix(${n})` : (r[4] = "0", r[5] = "0", `matrix(${r.join(", ")})`);
+  }), e = e.replace(/matrix3d\(([^)]+)\)/g, (a, n) => {
+    const r = n.split(",").map((i) => i.trim());
+    return r.length !== 16 ? `matrix3d(${n})` : (r[12] = "0", r[13] = "0", `matrix3d(${r.join(", ")})`);
+  }), e.trim().replace(/\s{2,}/g, " ");
+}
+function u(t) {
+  if (/%[0-9A-Fa-f]{2}/.test(t)) return t;
   try {
-    return encodeURI(e);
+    return encodeURI(t);
   } catch {
-    return e;
-  }
-}
-function j(e) {
-  const t = [];
-  let n = 0, c = 0;
-  for (let r = 0; r < e.length; r++) {
-    const l = e[r];
-    l === "(" && n++, l === ")" && n--, l === "," && n === 0 && (t.push(e.slice(c, r).trim()), c = r + 1);
+    return t;
   }
-  return t.push(e.slice(c).trim()), t;
 }
 export {
-  $ as extractURL,
-  U as fetchImage,
-  O as fetchResource,
-  b as getStyle,
-  D as idle,
-  P as inlineSingleBackgroundEntry,
-  W as isSafari,
-  M as parseContent,
-  I as safeEncodeURI,
-  T as snapshotComputedStyle,
-  j as splitBackgroundImage,
-  L as stripTranslate
+  c as extractURL,
+  u as safeEncodeURI,
+  l as stripTranslate
 };

package/snapdom/src/utils/image.js

@@ -0,0 +1,39 @@
+/* 2025-11-03 10:27:31 */
+import { cache as c } from "../core/cache.js";
+import { snapFetch as a } from "../modules/snapFetch.js";
+import { extractURL as d, safeEncodeURI as u } from "./helpers.js";
+function f(t, o) {
+  if (!o || !t.width || !t.height)
+    return t;
+  const r = document.createElement("canvas");
+  r.width = t.width, r.height = t.height;
+  const n = r.getContext("2d");
+  return n.fillStyle = o, n.fillRect(0, 0, r.width, r.height), n.drawImage(t, 0, 0), r;
+}
+async function m(t, o = {}) {
+  if (/^((repeating-)?(linear|radial|conic)-gradient)\(/i.test(
+    t
+  ) || t.trim() === "none")
+    return t;
+  const n = d(t);
+  if (!n)
+    return t;
+  const e = u(n);
+  if (c.background.has(e)) {
+    const i = c.background.get(e);
+    return i ? `url("${i}")` : "none";
+  }
+  try {
+    const i = await a(e, {
+      as: "dataURL",
+      useProxy: o.useProxy
+    });
+    return i.ok ? (c.background.set(e, i.data), `url("${i.data}")`) : (c.background.set(e, null), "none");
+  } catch {
+    return c.background.set(e, null), "none";
+  }
+}
+export {
+  f as createBackground,
+  m as inlineSingleBackgroundEntry
+};