@unicom-cloud/utils 0.1.15 → 0.1.17

package/snapdom/src/utils/cssTools.js

@@ -1,4 +1,4 @@
-import { cache as r } from "../core/cache.js";
+import { cache as i } from "../core/cache.js";
 const d = [
   "div",
   "span",
@@ -38,74 +38,81 @@ const d = [
   "td",
   "th"
 ];
-function u() {
-  for (let e of d)
-    c(e);
+function p() {
+  for (let t of d)
+    r(t);
 }
-function c(e) {
-  if (r.defaultStyle.has(e))
-    return r.defaultStyle.get(e);
+function r(t) {
+  if (i.defaultStyle.has(t))
+    return i.defaultStyle.get(t);
   if ((/* @__PURE__ */ new Set([
     "script",
     "style",
     "meta",
     "link",
     "noscript",
-    "template"
-  ])).has(e)) {
+    "template",
+    "defs",
+    "symbol",
+    "title",
+    "metadata",
+    "desc"
+  ])).has(t)) {
     const o = {};
-    return r.defaultStyle.set(e, o), o;
+    return i.defaultStyle.set(t, o), o;
   }
-  let t = document.getElementById("snapdom-sandbox");
-  t || (t = document.createElement("div"), t.id = "snapdom-sandbox", t.style.position = "absolute", t.style.left = "-9999px", t.style.top = "-9999px", t.style.width = "0", t.style.height = "0", t.style.overflow = "hidden", document.body.appendChild(t));
-  const n = document.createElement(e);
-  n.style.all = "initial", t.appendChild(n);
-  const a = getComputedStyle(n), l = {};
-  for (let o of a)
-    l[o] = a.getPropertyValue(o);
-  return t.removeChild(n), r.defaultStyle.set(e, l), l;
+  let e = document.getElementById("snapdom-sandbox");
+  e || (e = document.createElement("div"), e.id = "snapdom-sandbox", e.style.position = "absolute", e.style.left = "-9999px", e.style.top = "-9999px", e.style.width = "0", e.style.height = "0", e.style.overflow = "hidden", document.body.appendChild(e));
+  const n = document.createElement(t);
+  n.style.all = "initial", e.appendChild(n);
+  const l = getComputedStyle(n), a = {};
+  for (let o of l)
+    a[o] = l.getPropertyValue(o);
+  return e.removeChild(n), i.defaultStyle.set(t, a), a;
 }
-function p(e, s, t = !1) {
-  const n = [], a = c(s);
-  for (let [l, o] of Object.entries(e))
-    if (!t)
-      o && n.push(`${l}:${o}`);
-    else {
-      const i = a[l];
-      o && o !== i && n.push(`${l}:${o}`);
-    }
+const f = /* @__PURE__ */ new Set(["-webkit-locale"]);
+function y(t, s, e = !1) {
+  const n = [], l = r(s);
+  for (let [a, o] of Object.entries(t))
+    if (!f.has(a))
+      if (!e)
+        o && n.push(`${a}:${o}`);
+      else {
+        const c = l[a];
+        o && o !== c && n.push(`${a}:${o}`);
+      }
   return n.sort().join(";");
 }
-function y(e) {
+function h(t) {
   const s = /* @__PURE__ */ new Set();
-  return e.nodeType !== Node.ELEMENT_NODE && e.nodeType !== Node.DOCUMENT_FRAGMENT_NODE ? [] : (e.tagName && s.add(e.tagName.toLowerCase()), typeof e.querySelectorAll == "function" && e.querySelectorAll("*").forEach((t) => s.add(t.tagName.toLowerCase())), Array.from(s));
+  return t.nodeType !== Node.ELEMENT_NODE && t.nodeType !== Node.DOCUMENT_FRAGMENT_NODE ? [] : (t.tagName && s.add(t.tagName.toLowerCase()), typeof t.querySelectorAll == "function" && t.querySelectorAll("*").forEach((e) => s.add(e.tagName.toLowerCase())), Array.from(s));
 }
-function h(e) {
+function m(t) {
   const s = /* @__PURE__ */ new Map();
-  for (let n of e) {
-    const a = r.defaultStyle.get(n);
-    if (!a) continue;
-    const l = Object.entries(a).map(([o, i]) => `${o}:${i};`).sort().join("");
-    s.has(l) || s.set(l, []), s.get(l).push(n);
+  for (let n of t) {
+    const l = i.defaultStyle.get(n);
+    if (!l) continue;
+    const a = Object.entries(l).map(([o, c]) => `${o}:${c};`).sort().join("");
+    s.has(a) || s.set(a, []), s.get(a).push(n);
   }
-  let t = "";
-  for (let [n, a] of s.entries())
-    t += `${a.join(",")} { ${n} }
+  let e = "";
+  for (let [n, l] of s.entries())
+    e += `${l.join(",")} { ${n} }
 `;
-  return t;
+  return e;
 }
-function m() {
-  const e = new Set(r.preStyleMap.values()), s = /* @__PURE__ */ new Map();
-  let t = 1;
-  for (const n of e)
-    s.set(n, `c${t++}`);
-  return s;
+function g(t) {
+  const s = new Set(t.values()), e = /* @__PURE__ */ new Map();
+  let n = 1;
+  for (const l of s)
+    l.trim() && e.set(l, `c${n++}`);
+  return e;
 }
 export {
-  y as collectUsedTagNames,
-  m as generateCSSClasses,
-  h as generateDedupedBaseCSS,
-  c as getDefaultStyleForTag,
-  p as getStyleKey,
-  u as precacheCommonTags
+  h as collectUsedTagNames,
+  g as generateCSSClasses,
+  m as generateDedupedBaseCSS,
+  r as getDefaultStyleForTag,
+  y as getStyleKey,
+  p as precacheCommonTags
 };

package/snapdom/src/utils/helpers.js

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

package/snapdom/types/snapdom.d.ts

@@ -0,0 +1,101 @@
+declare module '@zumer/snapdom' {
+  export interface SnapOptions {
+    compress?: boolean;
+    embedFonts?: boolean;
+    localFonts?: Array<{
+      family: string;
+      src: string;
+      weight?: string;
+      style?: string;
+    }>;
+    iconFonts?: string | RegExp | Array<string | RegExp>;
+    fast?: boolean;
+    scale?: number;
+    width?: number;
+    height?: number;
+    backgroundColor?: string;
+    format?: 'png' | 'jpeg' | 'jpg' | 'webp' | 'svg';
+    type?: 'png' | 'jpeg' | 'jpg' | 'webp' | 'svg';
+    filename?: string;
+    dpr?: number;
+    quality?: number;
+    useProxy?: string;
+    exclude?: string[];
+    filter?: (element: Element, originalElement: Element) => boolean;
+  }
+
+  export interface SnapResult {
+    url: string;
+    options: SnapOptions;
+    toRaw(): string;
+    toImg(): Promise<HTMLImageElement>;
+    toCanvas(): Promise<HTMLCanvasElement>;
+    toBlob(options?: SnapOptions): Promise<Blob>;
+    toPng(options?: SnapOptions): Promise<HTMLImageElement>;
+    toJpg(options?: SnapOptions): Promise<HTMLImageElement>;
+    toWebp(options?: SnapOptions): Promise<HTMLImageElement>;
+    download(options?: SnapOptions): Promise<void>;
+  }
+
+  /**
+   * Captura un elemento del DOM como imagen SVG + métodos de exportación.
+   */
+  export function snapdom(
+    element: HTMLElement,
+    options?: SnapOptions,
+  ): Promise<SnapResult>;
+
+  export namespace snapdom {
+    function capture(
+      element: HTMLElement,
+      options?: SnapOptions,
+    ): Promise<SnapResult>;
+    function toRaw(
+      element: HTMLElement,
+      options?: SnapOptions,
+    ): Promise<string>;
+    function toImg(
+      element: HTMLElement,
+      options?: SnapOptions,
+    ): Promise<HTMLImageElement>;
+    function toCanvas(
+      element: HTMLElement,
+      options?: SnapOptions,
+    ): Promise<HTMLCanvasElement>;
+    function toBlob(element: HTMLElement, options?: SnapOptions): Promise<Blob>;
+    function toPng(
+      element: HTMLElement,
+      options?: SnapOptions,
+    ): Promise<HTMLImageElement>;
+    function toJpg(
+      element: HTMLElement,
+      options?: SnapOptions,
+    ): Promise<HTMLImageElement>;
+    function toWebp(
+      element: HTMLElement,
+      options?: SnapOptions,
+    ): Promise<HTMLImageElement>;
+    function download(
+      element: HTMLElement,
+      options?: SnapOptions,
+    ): Promise<void>;
+  }
+
+  /**
+   * Precarga imágenes, fondos y fuentes para acelerar capturas posteriores.
+   */
+  export function preCache(
+    root?: Document | HTMLElement,
+    options?: {
+      embedFonts?: boolean;
+      useProxy?: string;
+      reset?: boolean;
+      localFonts?: Array<{
+        family: string;
+        src: string;
+        weight?: string;
+        style?: string;
+      }>;
+    },
+  ): Promise<void>;
+}

package/tinycolor/src/conversion.js

@@ -43,7 +43,7 @@ function k(n, r, t) {
   }
   return { r: e * 255, g: c * 255, b: o * 255 };
 }
-function l(n, r, t) {
+function l(n = 0, r = 0, t = 0) {
   n = s(n, 255), r = s(r, 255), t = s(t, 255);
   const e = Math.max(n, r, t), c = Math.min(n, r, t);
   let o = 0;