@unicom-cloud/utils 0.1.23 → 0.1.25

package/snapdom/src/api/preCache.js

@@ -1,60 +1,90 @@
-import { cache as r } from "../core/cache.js";
-import { embedCustomFonts as g } from "../modules/fonts.js";
-import { precacheCommonTags as h } from "../utils/cssTools.js";
-import { fetchImage as p, getStyle as d, splitBackgroundImage as S, inlineSingleBackgroundEntry as b } from "../utils/helpers.js";
-async function x(o = document, t = {}) {
-  const { embedFonts: f = !0, reset: u = !1, useProxy: n } = t;
-  if (u) {
-    r.image.clear(), r.background.clear(), r.resource.clear(), r.defaultStyle.clear(), r.baseStyle.clear(), r.font.clear(), r.computedStyle = /* @__PURE__ */ new WeakMap();
-    return;
+/* 2025-11-03 10:27:31 */
+import { applyCachePolicy as h, cache as t } from "../core/cache.js";
+import { inlineBackgroundImages as g } from "../modules/background.js";
+import { collectUsedFontVariants as p, collectUsedCodepoints as S, ensureFontsReady as A, embedCustomFonts as w } from "../modules/fonts.js";
+import { snapFetch as C } from "../modules/snapFetch.js";
+import { isSafari as u } from "../utils/browser.js";
+import { precacheCommonTags as b, getStyle as k } from "../utils/css.js";
+import { inlineSingleBackgroundEntry as F } from "../utils/image.js";
+async function U(e = document, s = {}) {
+  const { embedFonts: y = !0, useProxy: i = "" } = s, d = s.cache ?? s.cacheOpt ?? "full";
+  h(d);
+  try {
+    await document.fonts?.ready;
+  } catch {
+  }
+  try {
+    b();
+  } catch {
+  }
+  t.session = t.session || {}, t.session.styleCache || (t.session.styleCache = /* @__PURE__ */ new WeakMap()), t.image = t.image || /* @__PURE__ */ new Map(), t.background = t.background || /* @__PURE__ */ new Map();
+  try {
+    await g(
+      e,
+      /* mirror */
+      void 0,
+      t.session.styleCache,
+      { useProxy: i }
+    );
+  } catch {
   }
+  let n = [], l = [];
   try {
-    await document.fonts.ready;
+    if (e && e.nodeType === 1) {
+      const c = e.querySelectorAll ? Array.from(e.querySelectorAll("*")) : [];
+      l = [e, ...c], n = [], e.tagName === "IMG" && e.getAttribute("src") && n.push(e), n.push(...Array.from(e.querySelectorAll?.("img[src]") || []));
+    } else e?.querySelectorAll && (n = Array.from(e.querySelectorAll("img[src]")), l = Array.from(e.querySelectorAll("*")));
   } catch {
   }
-  h();
-  let m = [], i = [];
-  o?.querySelectorAll && (m = Array.from(o.querySelectorAll("img[src]")), i = Array.from(o.querySelectorAll("*")));
-  const a = [];
-  for (const l of m) {
-    const e = l?.src;
-    if (e && !r.image.has(e)) {
-      const s = Promise.resolve().then(() => p(e, { useProxy: n })).then((c) => {
-        r.image.set(e, c);
+  const m = [];
+  for (const c of n) {
+    const a = c?.currentSrc || c?.src;
+    if (a && !t.image.has(a)) {
+      const o = Promise.resolve().then(async () => {
+        const r = await C(a, { as: "dataURL", useProxy: i });
+        r?.ok && typeof r.data == "string" && t.image.set(a, r.data);
       }).catch(() => {
       });
-      a.push(s);
+      m.push(o);
     }
   }
-  for (const l of i) {
-    let e = "";
+  for (const c of l) {
+    let a = "";
     try {
-      e = d(l).backgroundImage;
+      a = c?.style?.backgroundImage || "", (!a || a === "none") && (a = k(c).backgroundImage);
     } catch {
     }
-    if (e && e !== "none") {
-      const s = S(e);
-      for (const c of s)
-        if (c.startsWith("url(")) {
-          const y = Promise.resolve().then(
-            () => b(c, { ...t, useProxy: n })
-          ).catch(() => {
-          });
-          a.push(y);
-        }
+    if (a && a !== "none") {
+      const o = a.match(/url\((?:[^()"']+|"(?:[^"]*)"|'(?:[^']*)')\)/gi) || [];
+      for (const r of o) {
+        const f = Promise.resolve().then(
+          () => F(r, { ...s, useProxy: i })
+        ).catch(() => {
+        });
+        m.push(f);
+      }
     }
   }
-  if (f)
+  if (y)
     try {
-      await g({
-        preCached: !0,
-        localFonts: t.localFonts,
-        useProxy: t.useProxy
+      const c = p(e), a = S(e);
+      if (typeof u == "function" ? u() : !!u) {
+        const r = new Set(
+          Array.from(c).map((f) => String(f).split("__")[0]).filter(Boolean)
+        );
+        await A(r, 3);
+      }
+      await w({
+        required: c,
+        usedCodepoints: a,
+        exclude: s.excludeFonts,
+        localFonts: s.localFonts,
+        useProxy: s.useProxy ?? i
       });
     } catch {
     }
-  await Promise.allSettled(a);
+  await Promise.allSettled(m);
 }
 export {
-  x as preCache
+  U as preCache
 };

package/snapdom/src/api/snapdom.js

@@ -1,114 +1,196 @@
-import { captureDOM as v } from "../core/capture.js";
-import { extendIconFonts as j } from "../modules/iconFonts.js";
-import { isSafari as x } from "../utils/helpers.js";
-async function R(e, { scale: t = 1 } = {}) {
-  const n = new Image();
-  return n.src = e, await n.decode(), t !== 1 && (n.style.width = `${n.naturalWidth * t}px`, n.style.height = `${n.naturalHeight * t}px`), n;
+/* 2025-11-03 10:27:31 */
+import { captureDOM as P } from "../core/capture.js";
+import { createContext as W } from "../core/context.js";
+import { registerPlugins as F, attachSessionPlugins as _, runAll as B, runHook as k } from "../core/plugins.js";
+import { download as M } from "../exporters/download.js";
+import { toBlob as S } from "../exporters/toBlob.js";
+import { toCanvas as C } from "../exporters/toCanvas.js";
+import { toImg as d } from "../exporters/toImg.js";
+import { extendIconFonts as O } from "../modules/iconFonts.js";
+import { rasterize as f } from "../modules/rasterize.js";
+import { isSafari as R } from "../utils/browser.js";
+s.plugins = (...n) => (F(...n), s);
+const N = Symbol("snapdom.internal"), m = Symbol("snapdom.internal.silent");
+let v = !1;
+async function s(n, o) {
+  if (!n) throw new Error("Element cannot be null or undefined");
+  const r = W(o);
+  if (_(r, o && o.plugins), R() && (r.embedFonts === !0 || J(n)))
+    for (let e = 0; e < 3; e++)
+      try {
+        await q(n, o), console.log("safariWarmup:", e), v = !1;
+      } catch {
+      }
+  return r.iconFonts && r.iconFonts.length > 0 && O(r.iconFonts), r.snap || (r.snap = {
+    toPng: (e, p) => s.toPng(e, p),
+    toSvg: (e, p) => s.toSvg(e, p)
+  }), s.capture(n, r, N);
 }
-async function h(e, { dpr: t = 1, scale: n = 1 } = {}) {
-  const c = new Image();
-  c.src = e, c.crossOrigin = "anonymous", c.loading = "eager", c.decoding = "sync";
-  const o = x();
-  let a = !1;
-  if (o && (document.body.appendChild(c), a = !0), await c.decode(), o && await new Promise((w) => setTimeout(w, 100)), c.width === 0 || c.height === 0)
-    throw a && c.remove(), new Error("Image failed to load or has no dimensions");
-  const s = c.naturalWidth * n, r = c.naturalHeight * n, g = document.createElement("canvas");
-  g.width = Math.ceil(s * t), g.height = Math.ceil(r * t), g.style.width = `${s}px`, g.style.height = `${r}px`;
-  const d = g.getContext("2d");
-  return d.scale(t, t), d.drawImage(c, 0, 0, s, r), a && c.remove(), g;
-}
-async function y(e, { type: t = "svg", scale: n = 1, backgroundColor: c = "#fff", quality: o } = {}) {
-  const a = {
-    jpg: "image/jpeg",
-    jpeg: "image/jpeg",
-    png: "image/png",
-    webp: "image/webp"
-  }[t] || "image/png";
-  if (t === "svg") {
-    const r = decodeURIComponent(e.split(",")[1]);
-    return new Blob([r], { type: "image/svg+xml" });
+s.plugins = (...n) => (F(...n), s);
+s.capture = async (n, o, r) => {
+  if (r !== N)
+    throw new Error("[snapdom.capture] is internal. Use snapdom(...) instead.");
+  const e = await P(n, o), p = {
+    img: async (t, a) => d(e, { ...t, ...a || {} }),
+    svg: async (t, a) => d(e, { ...t, ...a || {} }),
+    canvas: async (t, a) => C(e, { ...t, ...a || {} }),
+    blob: async (t, a) => S(e, { ...t, ...a || {} }),
+    png: async (t, a) => f(e, { ...t, ...a || {}, format: "png" }),
+    jpeg: async (t, a) => f(e, { ...t, ...a || {}, format: "jpeg" }),
+    webp: async (t, a) => f(e, { ...t, ...a || {}, format: "webp" }),
+    download: async (t, a) => M(e, { ...t, ...a || {} })
+  }, w = { ...o, export: { url: e }, exports: {
+    svg: (t) => d(e, {
+      ...o,
+      ...t || {},
+      [m]: !0
+    }),
+    canvas: (t) => C(e, {
+      ...o,
+      ...t || {},
+      [m]: !0
+    }),
+    png: (t) => f(e, {
+      ...o,
+      ...t || {},
+      format: "png",
+      [m]: !0
+    }),
+    jpeg: (t) => f(e, {
+      ...o,
+      ...t || {},
+      format: "jpeg",
+      [m]: !0
+    }),
+    jpg: (t) => f(e, {
+      ...o,
+      ...t || {},
+      format: "jpeg",
+      [m]: !0
+    }),
+    webp: (t) => f(e, {
+      ...o,
+      ...t || {},
+      format: "webp",
+      [m]: !0
+    }),
+    blob: (t) => S(e, {
+      ...o,
+      ...t || {},
+      [m]: !0
+    }),
+    img: (t) => d(e, {
+      ...o,
+      ...t || {},
+      [m]: !0
+    })
+  } }, u = await B("defineExports", w), A = Object.assign(
+    {},
+    ...u.filter((t) => t && typeof t == "object")
+  ), l = { ...p, ...A };
+  l.jpeg && !l.jpg && (l.jpg = (t, a) => l.jpeg(t, a));
+  function T(t, a) {
+    const g = { ...o, ...a || {} };
+    return (t === "jpeg" || t === "jpg") && (g.backgroundColor == null || g.backgroundColor === "transparent") && (g.backgroundColor = "#ffffff"), g;
   }
-  const s = await u(
-    e,
-    { dpr: 1, scale: n },
-    c
-  );
-  return new Promise((r) => {
-    s.toBlob((g) => r(g), `${a}`, o);
-  });
-}
-async function u(e, { dpr: t = 1, scale: n = 1 }, c) {
-  const o = await h(e, { dpr: t, scale: n });
-  if (!c) return o;
-  const a = document.createElement("canvas");
-  a.width = o.width, a.height = o.height;
-  const s = a.getContext("2d");
-  return s.fillStyle = c, s.fillRect(0, 0, a.width, a.height), s.drawImage(o, 0, 0), a;
-}
-async function m(e, { dpr: t = 1, scale: n = 1, backgroundColor: c, quality: o }, a = "png") {
-  const s = ["jpg", "jpeg", "webp"].includes(a) ? "#fff" : void 0, g = await u(e, { dpr: t, scale: n }, c ?? s), d = new Image();
-  return d.src = g.toDataURL(`image/${a}`, o), await d.decode(), d.style.width = `${g.width / t}px`, d.style.height = `${g.height / t}px`, d;
-}
-async function B(e, {
-  dpr: t = 1,
-  scale: n = 1,
-  backgroundColor: c,
-  format: o = "png",
-  filename: a = "snapDOM"
-} = {}) {
-  if (o === "svg") {
-    const b = await y(e), f = URL.createObjectURL(b), l = document.createElement("a");
-    l.href = f, l.download = `${a}.svg`, l.click(), URL.revokeObjectURL(f);
-    return;
+  let E = !1, j = Promise.resolve();
+  async function c(t, a) {
+    const g = async () => {
+      const h = l[t];
+      if (!h) throw new Error(`[snapdom] Unknown export type: ${t}`);
+      const x = T(t, a), y = { ...o, export: { type: t, options: x, url: e } };
+      await k("beforeExport", y);
+      const I = await h(y, x);
+      return await k("afterExport", y, I), E || (E = !0, await k("afterSnap", o)), I;
+    };
+    return j = j.then(g);
   }
-  const s = ["jpg", "jpeg", "webp"].includes(o) ? "#fff" : void 0, g = await u(e, { dpr: t, scale: n }, c ?? s), d = {
-    jpg: "image/jpeg",
-    jpeg: "image/jpeg",
-    png: "image/png",
-    webp: "image/webp"
-  }[o] || "image/png", w = g.toDataURL(d), p = document.createElement("a");
-  p.href = w, p.download = `${a}.${o}`, p.click();
-}
-async function i(e, t = {}) {
-  if (t = { scale: 1, ...t }, !e) throw new Error("Element cannot be null or undefined");
-  return t.iconFonts && j(t.iconFonts), await i.capture(e, t);
-}
-i.capture = async (e, t = {}) => {
-  const n = await v(e, t), c = t.dpr ?? (window.devicePixelRatio || 1), o = t.scale || 1;
-  return {
-    url: n,
-    options: t,
-    toRaw: () => n,
-    toImg: (a = {}) => R(n, { scale: o, ...a }),
-    toCanvas: (a = {}) => h(n, { dpr: c, scale: o, ...a }),
-    toBlob: (a = {}) => y(n, { scale: o, ...a }),
-    toPng: (a = {}) => m(n, { dpr: c, scale: o, ...a }, "png"),
-    toJpg: (a = {}) => m(n, { dpr: c, scale: o, ...a }, "jpeg"),
-    toWebp: (a = {}) => m(n, { dpr: c, scale: o, ...a }, "webp"),
-    download: ({
-      format: a = "png",
-      filename: s = "snapDOM",
-      backgroundColor: r,
-      ...g
-    } = {}) => B(n, { dpr: c, scale: o, format: a, filename: s, backgroundColor: r, ...g })
+  const b = {
+    url: e,
+    toRaw: () => e,
+    to: (t, a) => c(t, a),
+    // Métodos “clásicos” que los tests esperan:
+    toImg: (t) => c("img", t),
+    toSvg: (t) => c("svg", t),
+    toCanvas: (t) => c("canvas", t),
+    toBlob: (t) => c("blob", t),
+    toPng: (t) => c("png", t),
+    toJpg: (t) => c("jpg", t),
+    // ← alias requerido por los tests
+    toWebp: (t) => c("webp", t),
+    download: (t) => c("download", t)
+    // ← método directo (no toDownload)
   };
+  for (const t of Object.keys(l)) {
+    const a = "to" + t.charAt(0).toUpperCase() + t.slice(1);
+    b[a] || (b[a] = (g) => c(t, g));
+  }
+  return b;
 };
-i.toRaw = async (e, t) => (await i.capture(e, t)).toRaw();
-i.toImg = async (e, t) => (await i.capture(e, t)).toImg();
-i.toCanvas = async (e, t) => (await i.capture(e, t)).toCanvas();
-i.toBlob = async (e, t) => (await i.capture(e, t)).toBlob(t);
-i.toPng = async (e, t) => (await i.capture(e, t)).toPng(t);
-i.toJpg = async (e, t) => (await i.capture(e, t)).toJpg(t);
-i.toWebp = async (e, t) => (await i.capture(e, t)).toWebp(t);
-i.download = async (e, t = {}) => {
-  const {
-    format: n = "png",
-    filename: c = "capture",
-    backgroundColor: o,
-    ...a
-  } = t;
-  return await (await i.capture(e, a)).download({ format: n, filename: c, backgroundColor: o });
-};
+s.toRaw = (n, o) => s(n, o).then((r) => r.toRaw());
+s.toImg = (n, o) => s(n, o).then((r) => r.toImg());
+s.toSvg = (n, o) => s(n, o).then((r) => r.toSvg());
+s.toCanvas = (n, o) => s(n, o).then((r) => r.toCanvas());
+s.toBlob = (n, o) => s(n, o).then((r) => r.toBlob());
+s.toPng = (n, o) => s(n, { ...o, format: "png" }).then((r) => r.toPng());
+s.toJpg = (n, o) => s(n, { ...o, format: "jpeg" }).then((r) => r.toJpg());
+s.toWebp = (n, o) => s(n, { ...o, format: "webp" }).then((r) => r.toWebp());
+s.download = (n, o) => s(n, o).then((r) => r.download());
+async function q(n, o) {
+  if (v) return;
+  const r = {
+    ...o,
+    fast: !0,
+    embedFonts: !0,
+    scale: 0.2
+  };
+  let e;
+  try {
+    e = await P(n, r);
+  } catch {
+  }
+  await new Promise(
+    (p) => requestAnimationFrame(() => requestAnimationFrame(p))
+  ), e && await new Promise((p) => {
+    const i = new Image();
+    try {
+      i.decoding = "sync", i.loading = "eager";
+    } catch {
+    }
+    i.style.cssText = "position:fixed;left:0px;top:0px;width:10px;height:10px;opacity:0.01;pointer-events:none;", i.src = e, document.body.appendChild(i), (async () => {
+      try {
+        typeof i.decode == "function" && await i.decode();
+      } catch {
+      }
+      const w = performance.now();
+      for (; !(i.complete && i.naturalWidth > 0) && performance.now() - w < 900; )
+        await new Promise((u) => setTimeout(u, 50));
+      await new Promise((u) => requestAnimationFrame(u));
+      try {
+        i.remove();
+      } catch {
+      }
+      p();
+    })();
+  }), n.querySelectorAll("canvas").forEach((p) => {
+    try {
+      const i = p.getContext("2d", { willReadFrequently: !0 });
+      i && i.getImageData(0, 0, 1, 1);
+    } catch {
+    }
+  }), v = !0;
+}
+function J(n) {
+  const o = document.createTreeWalker(n, NodeFilter.SHOW_ELEMENT);
+  for (; o.nextNode(); ) {
+    const r = (
+      /** @type {Element} */
+      o.currentNode
+    ), e = getComputedStyle(r), p = e.backgroundImage && e.backgroundImage !== "none", i = e.maskImage && e.maskImage !== "none" || e.webkitMaskImage && e.webkitMaskImage !== "none";
+    if (p || i || r.tagName === "CANVAS") return !0;
+  }
+  return !1;
+}
 export {
-  i as snapdom
+  s as snapdom
 };

package/snapdom/src/core/cache.js

@@ -1,3 +1,4 @@
+/* 2025-11-03 10:27:31 */
 const e = {
   image: /* @__PURE__ */ new Map(),
   background: /* @__PURE__ */ new Map(),
@@ -6,13 +7,35 @@ const e = {
   baseStyle: /* @__PURE__ */ new Map(),
   computedStyle: /* @__PURE__ */ new WeakMap(),
   font: /* @__PURE__ */ new Set(),
-  snapshot: /* @__PURE__ */ new WeakMap(),
-  snapshotKey: /* @__PURE__ */ new Map(),
-  reset: a
+  session: {
+    styleMap: /* @__PURE__ */ new Map(),
+    styleCache: /* @__PURE__ */ new WeakMap(),
+    nodeMap: /* @__PURE__ */ new Map()
+  }
 };
-function a() {
-  e.computedStyle = /* @__PURE__ */ new WeakMap();
+function s(a = "soft") {
+  switch (e.session.__counterEpoch = (e.session.__counterEpoch || 0) + 1, a) {
+    case "auto": {
+      e.session.styleMap = /* @__PURE__ */ new Map(), e.session.nodeMap = /* @__PURE__ */ new Map();
+      return;
+    }
+    case "soft": {
+      e.session.styleMap = /* @__PURE__ */ new Map(), e.session.nodeMap = /* @__PURE__ */ new Map(), e.session.styleCache = /* @__PURE__ */ new WeakMap();
+      return;
+    }
+    case "full":
+      return;
+    case "disabled": {
+      e.session.styleMap = /* @__PURE__ */ new Map(), e.session.nodeMap = /* @__PURE__ */ new Map(), e.session.styleCache = /* @__PURE__ */ new WeakMap(), e.computedStyle = /* @__PURE__ */ new WeakMap(), e.baseStyle = /* @__PURE__ */ new Map(), e.defaultStyle = /* @__PURE__ */ new Map(), e.image = /* @__PURE__ */ new Map(), e.background = /* @__PURE__ */ new Map(), e.resource = /* @__PURE__ */ new Map(), e.font = /* @__PURE__ */ new Set();
+      return;
+    }
+    default: {
+      e.session.styleMap = /* @__PURE__ */ new Map(), e.session.nodeMap = /* @__PURE__ */ new Map(), e.session.styleCache = /* @__PURE__ */ new WeakMap();
+      return;
+    }
+  }
 }
 export {
+  s as applyCachePolicy,
   e as cache
 };