@unicom-cloud/utils 0.1.23 → 0.1.24

package/snapdom/src/api/preCache.js

@@ -1,60 +1,88 @@
-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-10-28 09:57:10 */
+import { cache as t, applyCachePolicy as h } from "../core/cache.js";
+import { inlineBackgroundImages as p } from "../modules/background.js";
+import { collectUsedFontVariants as g, collectUsedCodepoints as S, ensureFontsReady as w, embedCustomFonts as C } from "../modules/fonts.js";
+import { snapFetch as F } from "../modules/snapFetch.js";
+import { isSafari as m } from "../utils/browser.js";
+import { precacheCommonTags as P, getStyle as k, splitBackgroundImage as x } from "../utils/css.js";
+import { inlineSingleBackgroundEntry as A } from "../utils/image.js";
+async function v(r = document, s = {}) {
+  const { embedFonts: u = !0, useProxy: o = "" } = s, d = s.cache ?? s.cacheOpt ?? "full";
+  h(d);
+  try {
+    await document.fonts?.ready;
+  } catch {
+  }
+  try {
+    P();
+  } catch {
+  }
+  t.session = t.session || {}, t.session.styleCache || (t.session.styleCache = /* @__PURE__ */ new WeakMap()), t.image = t.image || /* @__PURE__ */ new Map();
+  try {
+    await p(
+      r,
+      /* mirror */
+      void 0,
+      t.session.styleCache,
+      { useProxy: o }
+    );
+  } catch {
   }
+  let f = [], y = [];
   try {
-    await document.fonts.ready;
+    r?.querySelectorAll && (f = Array.from(r.querySelectorAll("img[src]")), y = Array.from(r.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 i = [];
+  for (const c of f) {
+    const e = c?.currentSrc || c?.src;
+    if (e && !t.image.has(e)) {
+      const n = Promise.resolve().then(async () => {
+        const a = await F(e, { as: "dataURL", useProxy: o });
+        a?.ok && typeof a.data == "string" && t.image.set(e, a.data);
       }).catch(() => {
       });
-      a.push(s);
+      i.push(n);
     }
   }
-  for (const l of i) {
+  for (const c of y) {
     let e = "";
     try {
-      e = d(l).backgroundImage;
+      e = 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 })
+      const n = x(e);
+      for (const a of n)
+        if (a.startsWith("url(")) {
+          const l = Promise.resolve().then(
+            () => A(a, { ...s, useProxy: o })
           ).catch(() => {
           });
-          a.push(y);
+          i.push(l);
         }
     }
   }
-  if (f)
+  if (u)
     try {
-      await g({
-        preCached: !0,
-        localFonts: t.localFonts,
-        useProxy: t.useProxy
+      const c = g(r), e = S(r);
+      if (typeof m == "function" ? m() : !!m) {
+        const a = new Set(
+          Array.from(c).map((l) => String(l).split("__")[0]).filter(Boolean)
+        );
+        await w(a, 3);
+      }
+      await C({
+        required: c,
+        usedCodepoints: e,
+        exclude: s.excludeFonts,
+        localFonts: s.localFonts,
+        useProxy: s.useProxy ?? o
       });
     } catch {
     }
-  await Promise.allSettled(a);
+  await Promise.allSettled(i);
 }
 export {
-  x as preCache
+  v as preCache
 };

package/snapdom/src/api/snapdom.js

@@ -1,114 +1,92 @@
-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-10-28 09:57:10 */
+import { captureDOM as g } from "../core/capture.js";
+import { createContext as w } from "../core/context.js";
+import { download as h } from "../exporters/download.js";
+import { toBlob as b } from "../exporters/toBlob.js";
+import { toCanvas as y } from "../exporters/toCanvas.js";
+import { toImg as l } from "../exporters/toImg.js";
+import { extendIconFonts as k } from "../modules/iconFonts.js";
+import { rasterize as I } from "../modules/rasterize.js";
+import { isSafari as C } from "../utils/browser.js";
+const d = Symbol("snapdom.internal");
+let p = !1;
+async function r(o, n) {
+  if (!o) throw new Error("Element cannot be null or undefined");
+  const t = w(n);
+  if (C() && (t.embedFonts === !0 || x(o)))
+    for (let e = 0; e < 3; e++)
+      try {
+        await v(o, n), console.log("Iteración número:", e), p = !1;
+      } catch {
+      }
+  return t.iconFonts && t.iconFonts.length > 0 && k(t.iconFonts), t.snap || (t.snap = {
+    toPng: (e, i) => r.toPng(e, i),
+    toSvg: (e, i) => r.toSvg(e, i)
+  }), r.capture(o, t, d);
 }
-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" });
+r.capture = async (o, n, t) => {
+  if (t !== d)
+    throw new Error("[snapdom.capture] is internal. Use snapdom(...) instead.");
+  const e = await g(o, n), i = (s) => ({ ...n, ...s || {} }), a = (s) => (m) => {
+    const c = i({ ...m || {}, format: s }), f = s === "jpeg" || s === "jpg", u = c.backgroundColor == null || c.backgroundColor === "transparent";
+    return f && u && (c.backgroundColor = "#ffffff"), I(e, c);
+  };
+  return {
+    url: e,
+    toRaw: () => e,
+    toImg: (s) => l(e, i(s)),
+    toSvg: (s) => l(e, i(s)),
+    toCanvas: (s) => y(e, i(s)),
+    toBlob: (s) => b(e, i(s)),
+    toPng: a("png"),
+    toJpg: a("jpeg"),
+    toWebp: a("webp"),
+    download: (s) => h(e, i(s))
+  };
+};
+r.toRaw = (o, n) => r(o, n).then((t) => t.toRaw());
+r.toImg = (o, n) => r(o, n).then((t) => t.toImg());
+r.toSvg = (o, n) => r(o, n).then((t) => t.toSvg());
+r.toCanvas = (o, n) => r(o, n).then((t) => t.toCanvas());
+r.toBlob = (o, n) => r(o, n).then((t) => t.toBlob());
+r.toPng = (o, n) => r(o, { ...n, format: "png" }).then((t) => t.toPng());
+r.toJpg = (o, n) => r(o, { ...n, format: "jpeg" }).then((t) => t.toJpg());
+r.toWebp = (o, n) => r(o, { ...n, format: "webp" }).then((t) => t.toWebp());
+r.download = (o, n) => r(o, n).then((t) => t.download());
+async function v(o, n) {
+  if (p) return;
+  const t = {
+    ...n,
+    fast: !0,
+    embedFonts: !0,
+    scale: 0.2
+  };
+  let e;
+  try {
+    e = await g(o, t);
+  } catch {
+    return;
   }
-  const s = await u(
-    e,
-    { dpr: 1, scale: n },
-    c
-  );
-  return new Promise((r) => {
-    s.toBlob((g) => r(g), `${a}`, o);
+  await new Promise((i) => {
+    const a = new Image();
+    a.decoding = "sync", a.loading = "eager", a.style.position = "fixed", a.style.left = 0, a.style.top = 0, a.style.width = "10px", a.style.height = "10px", a.style.opacity = "0.01", a.style.transform = "translateZ(10px)", a.style.willChange = "transform,opacity;", a.src = e;
+    const s = async () => {
+      await new Promise((m) => setTimeout(m, 100)), a && a.parentNode && a.parentNode.removeChild(a), p = !0, i();
+    };
+    document.body.appendChild(a), s();
   });
 }
-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;
+function x(o) {
+  const n = document.createTreeWalker(o, NodeFilter.SHOW_ELEMENT);
+  for (; n.nextNode(); ) {
+    const t = (
+      /** @type {Element} */
+      n.currentNode
+    ), e = getComputedStyle(t), i = e.backgroundImage && e.backgroundImage !== "none", a = e.maskImage && e.maskImage !== "none" || e.webkitMaskImage && e.webkitMaskImage !== "none";
+    if (i || a) return !0;
   }
-  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();
+  return !1;
 }
-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 })
-  };
-};
-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 });
-};
 export {
-  i as snapdom
+  r as snapdom
 };

package/snapdom/src/core/cache.js

@@ -1,3 +1,4 @@
+/* 2025-10-28 09:57:10 */
 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 (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
 };