@unicom-cloud/utils 0.1.11 → 0.1.12

package/snapdom/src/api/snapdom.js

@@ -1,92 +1,109 @@
 import { captureDOM as v } from "../core/capture.js";
-import { isSafari as R } from "../utils/helpers.js";
-async function x(e, { dpr: t = 1, scale: c = 1 }) {
-  const a = new Image();
-  return a.src = e, await a.decode(), R ? (a.width = a.width * c, a.height = a.height * c) : (a.width = a.width / c, a.height = a.height / c), a;
+import { extendIconFonts as R } from "../modules/iconFonts.js";
+import { isSafari as j } from "../utils/helpers.js";
+async function x(a, { dpr: t = 1, scale: o = 1 }) {
+  const e = new Image();
+  return e.src = a, await e.decode(), j ? (e.width = e.width * o, e.height = e.height * o) : (e.width = e.width / o, e.height = e.height / o), e;
 }
-async function p(e, { dpr: t = 1, scale: c = 1 } = {}) {
-  const a = new Image();
-  a.src = e, await a.decode();
-  const n = document.createElement("canvas"), o = a.width * c, g = a.height * c;
-  n.width = Math.ceil(o * t), n.height = Math.ceil(g * t);
+async function u(a, { dpr: t = 1, scale: o = 1 } = {}) {
+  const e = new Image();
+  e.src = a, await e.decode();
+  const n = document.createElement("canvas"), c = e.width * o, i = e.height * o;
+  n.width = Math.ceil(c * t), n.height = Math.ceil(i * t);
   const s = n.getContext("2d");
-  return s.scale(t, t), s.drawImage(a, 0, 0, o, g), n.style.width = `${o}px`, n.style.height = `${g}px`, n;
+  return s.scale(t, t), s.drawImage(e, 0, 0, c, i), n.style.width = `${c}px`, n.style.height = `${i}px`, n;
 }
-async function u(e) {
-  const t = decodeURIComponent(e.split(",")[1]);
-  return new Blob([t], { type: "image/svg+xml" });
+async function l(a, { type: t = "svg", scale: o = 1, backgroundColor: e = "#fff", quality: n } = {}) {
+  const c = {
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    png: "image/png",
+    webp: "image/webp"
+  }[t] || "image/png";
+  if (t === "svg") {
+    const s = decodeURIComponent(a.split(",")[1]);
+    return new Blob([s], { type: "image/svg+xml" });
+  }
+  const i = await m(
+    a,
+    { dpr: 1, scale: o },
+    e
+  );
+  return new Promise((s) => {
+    i.toBlob((r) => s(r), `${c}`, n);
+  });
 }
-async function l(e, { dpr: t = 1, scale: c = 1 }, a) {
-  const n = await p(e, { dpr: t, scale: c });
-  if (!a) return n;
-  const o = document.createElement("canvas");
-  o.width = n.width, o.height = n.height;
-  const g = o.getContext("2d");
-  return g.fillStyle = a, g.fillRect(0, 0, o.width, o.height), g.drawImage(n, 0, 0), o;
+async function m(a, { dpr: t = 1, scale: o = 1 }, e) {
+  const n = await u(a, { dpr: t, scale: o });
+  if (!e) return n;
+  const c = document.createElement("canvas");
+  c.width = n.width, c.height = n.height;
+  const i = c.getContext("2d");
+  return i.fillStyle = e, i.fillRect(0, 0, c.width, c.height), i.drawImage(n, 0, 0), c;
 }
-async function d(e, { dpr: t = 1, scale: c = 1, backgroundColor: a = "#fff", quality: n }, o = "png") {
-  const g = await l(e, { dpr: t, scale: c }, a), s = new Image();
-  return s.src = g.toDataURL(`image/${o}`, n), await s.decode(), s.style.width = `${g.width / t}px`, s.style.height = `${g.height / t}px`, s;
+async function p(a, { dpr: t = 1, scale: o = 1, backgroundColor: e = "#fff", quality: n }, c = "png") {
+  const i = await m(a, { dpr: t, scale: o }, e), s = new Image();
+  return s.src = i.toDataURL(`image/${c}`, n), await s.decode(), s.style.width = `${i.width / t}px`, s.style.height = `${i.height / t}px`, s;
 }
-async function I(e, {
+async function I(a, {
   dpr: t = 1,
-  scale: c = 1,
-  backgroundColor: a = "#fff",
+  scale: o = 1,
+  backgroundColor: e = "#fff",
   format: n = "png",
-  filename: o = "capture"
+  filename: c = "capture"
 } = {}) {
   if (n === "svg") {
-    const b = await u(e), h = URL.createObjectURL(b), w = document.createElement("a");
-    w.href = h, w.download = `${o}.svg`, w.click(), URL.revokeObjectURL(h);
+    const y = await l(a), h = URL.createObjectURL(y), d = document.createElement("a");
+    d.href = h, d.download = `${c}.svg`, d.click(), URL.revokeObjectURL(h);
     return;
   }
-  const g = ["jpg", "jpeg", "webp"].includes(n) ? "#fff" : void 0, m = await l(e, { dpr: t, scale: c }, a ?? g), f = {
+  const i = ["jpg", "jpeg", "webp"].includes(n) ? "#fff" : void 0, r = await m(a, { dpr: t, scale: o }, e ?? i), f = {
     jpg: "image/jpeg",
     jpeg: "image/jpeg",
     png: "image/png",
     webp: "image/webp"
-  }[n] || "image/png", y = m.toDataURL(f), r = document.createElement("a");
-  r.href = y, r.download = `${o}.${n}`, r.click();
+  }[n] || "image/png", b = r.toDataURL(f), w = document.createElement("a");
+  w.href = b, w.download = `${c}.${n}`, w.click();
 }
-async function i(e, t = {}) {
-  if (t = { scale: 1, ...t }, !e) throw new Error("Element cannot be null or undefined");
-  return await i.capture(e, t);
+async function g(a, t = {}) {
+  if (t = { scale: 1, ...t }, !a) throw new Error("Element cannot be null or undefined");
+  return t.iconFonts && R(t.iconFonts), await g.capture(a, t);
 }
-i.capture = async (e, t = {}) => {
-  const c = await v(e, t), a = window.devicePixelRatio || 1, n = t.scale || 1;
+g.capture = async (a, t = {}) => {
+  const o = await v(a, t), e = window.devicePixelRatio || 1, n = t.scale || 1;
   return {
-    url: c,
+    url: o,
     options: t,
-    toRaw: () => c,
-    toImg: () => x(c, { dpr: a, scale: n }),
-    toCanvas: () => p(c, { dpr: a, scale: n }),
-    toBlob: () => u(c),
-    toPng: (o) => d(c, { dpr: a, scale: n, ...o }, "png"),
-    toJpg: (o) => d(c, { dpr: a, scale: n, ...o }, "jpeg"),
-    toWebp: (o) => d(c, { dpr: a, scale: n, ...o }, "webp"),
+    toRaw: () => o,
+    toImg: () => x(o, { dpr: e, scale: n }),
+    toCanvas: () => u(o, { dpr: e, scale: n }),
+    toBlob: (c) => l(o, { scale: n, ...c }),
+    toPng: (c) => p(o, { dpr: e, scale: n, ...c }, "png"),
+    toJpg: (c) => p(o, { dpr: e, scale: n, ...c }, "jpeg"),
+    toWebp: (c) => p(o, { dpr: e, scale: n, ...c }, "webp"),
     download: ({
-      format: o = "png",
-      filename: g = "capture",
+      format: c = "png",
+      filename: i = "capture",
       backgroundColor: s
-    } = {}) => I(c, { dpr: a, scale: n, backgroundColor: s, format: o, filename: g })
+    } = {}) => I(o, { dpr: e, scale: n, backgroundColor: s, format: c, filename: i })
   };
 };
-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();
-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 = {}) => {
+g.toRaw = async (a, t) => (await g.capture(a, t)).toRaw();
+g.toImg = async (a, t) => (await g.capture(a, t)).toImg();
+g.toCanvas = async (a, t) => (await g.capture(a, t)).toCanvas();
+g.toBlob = async (a, t) => (await g.capture(a, t)).toBlob(t);
+g.toPng = async (a, t) => (await g.capture(a, t)).toPng(t);
+g.toJpg = async (a, t) => (await g.capture(a, t)).toJpg(t);
+g.toWebp = async (a, t) => (await g.capture(a, t)).toWebp(t);
+g.download = async (a, t = {}) => {
   const {
-    format: c = "png",
-    filename: a = "capture",
+    format: o = "png",
+    filename: e = "capture",
     backgroundColor: n,
-    ...o
+    ...c
   } = t;
-  return await (await i.capture(e, o)).download({ format: c, filename: a, backgroundColor: n });
+  return await (await g.capture(a, c)).download({ format: o, filename: e, backgroundColor: n });
 };
 export {
-  i as snapdom
+  g as snapdom
 };

package/snapdom/src/core/capture.js

@@ -1,84 +1,84 @@
 import { baseCSSCache as S } from "./cache.js";
-import { inlineBackgroundImages as P } from "../modules/background.js";
-import { embedCustomFonts as z } from "../modules/fonts.js";
-import { inlineImages as H } from "../modules/images.js";
-import { collectUsedTagNames as A, generateDedupedBaseCSS as D } from "../utils/cssTools.js";
-import { idle as l, isSafari as R } from "../utils/helpers.js";
-import { prepareClone as U } from "./prepare.js";
-async function Q(r, n = {}) {
-  if (!r) throw new Error("Element cannot be null or undefined");
-  if (!(r instanceof Element))
-    throw new Error("captureDOM: Only Element nodes are supported");
+import { inlineBackgroundImages as M } from "../modules/background.js";
+import { embedCustomFonts as A } from "../modules/fonts.js";
+import { inlineImages as O } from "../modules/images.js";
+import { collectUsedTagNames as R, generateDedupedBaseCSS as U } from "../utils/cssTools.js";
+import { idle as c, isSafari as j } from "../utils/helpers.js";
+import { prepareClone as D } from "./prepare.js";
+async function V(l, a = {}) {
+  if (!l) throw new Error("Element cannot be null or undefined");
   const {
-    compress: b = !0,
-    embedFonts: h = !1,
-    fast: o = !0,
-    scale: f = 1
-  } = n;
-  let t, y, v, C = "", m = "", $, x;
-  if ({ clone: t, classCSS: y, styleCache: v } = await U(
-    r,
+    compress: p = !0,
+    embedFonts: b = !1,
+    fast: r = !0,
+    scale: h = 1,
+    useProxy: T = ""
+  } = a;
+  let t, y, v, C = "", m = "", x, $;
+  if ({ clone: t, classCSS: y, styleCache: v } = await D(
+    l,
+    p,
     b,
-    h
+    T
   ), await new Promise((s) => {
-    l(
+    c(
       async () => {
-        await H(t, n), s();
+        await O(t, a), s();
       },
-      { fast: o }
+      { fast: r }
     );
   }), await new Promise((s) => {
-    l(
+    c(
       async () => {
-        await P(r, t, v, n), s();
+        await M(l, t, v, a), s();
       },
-      { fast: o }
+      { fast: r }
     );
-  }), h && await new Promise((s) => {
-    l(
+  }), b && await new Promise((s) => {
+    c(
       async () => {
-        C = await z({ ignoreIconFonts: !h }), s();
+        C = await A(), s();
       },
-      { fast: o }
+      { fast: r }
     );
-  }), b) {
-    const s = A(t).sort(), i = s.join(",");
+  }), p) {
+    const s = R(t).sort(), i = s.join(",");
     S.has(i) ? m = S.get(i) : await new Promise((e) => {
-      l(
+      c(
         () => {
-          m = D(s), S.set(i, m), e();
+          m = U(s), S.set(i, m), e();
         },
-        { fast: o }
+        { fast: r }
       );
     });
   }
   await new Promise((s) => {
-    l(
+    c(
       () => {
-        const i = r.getBoundingClientRect();
-        let e = i.width, a = i.height;
-        const d = Number.isFinite(n.width), u = Number.isFinite(n.height), p = typeof f == "number" && f !== 1;
-        if (!p) {
+        const i = l.getBoundingClientRect();
+        let e = i.width, n = i.height;
+        const w = Number.isFinite(a.width), d = Number.isFinite(a.height), u = typeof h == "number" && h !== 1;
+        if (!u) {
           const g = i.width / i.height;
-          d && u ? (e = n.width, a = n.height) : d ? (e = n.width, a = e / g) : u && (a = n.height, e = a * g);
+          w && d ? (e = a.width, n = a.height) : w ? (e = a.width, n = e / g) : d && (n = a.height, e = n * g);
         }
-        if (e = Math.ceil(e), a = Math.ceil(a), t.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), t.style.transformOrigin = "top left", !p && (d || u)) {
-          const g = i.width, B = i.height, I = e / g, M = a / B, N = t.style.transform || "", O = `scale(${I}, ${M})`;
-          t.style.transform = `${O} ${N}`.trim();
-        } else p && R() && (t.style.scale = `${f}`);
-        const E = "http://www.w3.org/2000/svg", c = document.createElementNS(E, "foreignObject");
-        c.setAttribute("width", "100%"), c.setAttribute("height", "100%");
-        const F = document.createElement("style");
-        F.textContent = m + C + "svg{overflow:visible;}" + y, c.appendChild(F), c.appendChild(t);
-        const T = new XMLSerializer().serializeToString(c);
-        x = `<svg xmlns="${E}" width="${e}" height="${a}" viewBox="0 0 ${e} ${a}">` + T + "</svg>", $ = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(x)}`, s();
+        if (e = Math.ceil(e), n = Math.ceil(n), t.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), t.style.transformOrigin = "top left", !u && (w || d)) {
+          const g = i.width, E = i.height, N = e / g, z = n / E, H = t.style.transform || "", I = `scale(${N}, ${z})`;
+          t.style.transform = `${I} ${H}`.trim();
+        } else u && j() && (t.style.scale = `${h}`);
+        const F = "http://www.w3.org/2000/svg", o = document.createElementNS(F, "foreignObject");
+        o.setAttribute("width", "100%"), o.setAttribute("height", "100%");
+        const P = document.createElement("style");
+        P.textContent = m + C + "svg{overflow:visible;}" + y, o.appendChild(P), o.appendChild(t);
+        const B = new XMLSerializer().serializeToString(o);
+        $ = `<svg xmlns="${F}" width="${e}" height="${n}" viewBox="0 0 ${e} ${n}">` + B + "</svg>", x = `data:image/svg+xml;charset=utf-8,${encodeURIComponent($)}`, s();
       },
-      { fast: o }
+      { fast: r }
     );
   });
-  const w = document.getElementById("snapdom-sandbox");
-  return w && w.style.position === "absolute" && w.remove(), $;
+  const f = document.getElementById("snapdom-sandbox");
+  return f && f.style.position === "absolute" && f.remove(), x;
 }
 export {
-  Q as captureDOM
+  V as captureDOM
 };

package/snapdom/src/core/prepare.js

@@ -1,59 +1,68 @@
-import { inlinePseudoElements as m } from "../modules/pseudo.js";
-import { generateCSSClasses as g } from "../utils/cssTools.js";
-import { stripTranslate as u } from "../utils/helpers.js";
-import { deepClone as h } from "./clone.js";
-async function k(s, f = !1, p = !1) {
-  const a = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new Map();
-  let t;
+import { inlinePseudoElements as g } from "../modules/pseudo.js";
+import { inlineExternalDef as u } from "../modules/svgDefs.js";
+import { generateCSSClasses as h } from "../utils/cssTools.js";
+import { stripTranslate as w } from "../utils/helpers.js";
+import { deepClone as C } from "./clone.js";
+async function T(n, y = !1, m = !1, p = "") {
+  const a = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Map();
+  let o;
   try {
-    t = h(s, a, r, y, f);
+    o = C(n, a, r, c, y);
   } catch (e) {
     throw console.warn("deepClone failed:", e), e;
   }
   try {
-    await m(
-      s,
-      t,
+    await g(
+      n,
+      o,
       a,
       r,
-      f,
+      y,
+      m,
       p
     );
   } catch (e) {
     console.warn("inlinePseudoElements failed:", e);
   }
+  try {
+    u(o);
+  } catch (e) {
+    console.warn("inlineExternalDef failed:", e);
+  }
   let d = "";
-  if (f) {
-    const e = g(a);
-    d = Array.from(e.entries()).map(([o, n]) => `.${n}{${o}}`).join("");
-    for (const [o, n] of a.entries()) {
-      if (o.tagName === "STYLE") continue;
-      const i = e.get(n);
-      i && o.classList.add(i);
-      const c = o.style?.backgroundImage;
-      o.removeAttribute("style"), c && c !== "none" && (o.style.backgroundImage = c);
+  if (y) {
+    const e = h(a);
+    d = Array.from(e.entries()).map(([t, l]) => `.${l}{${t}}`).join("");
+    for (const [t, l] of a.entries()) {
+      if (t.tagName === "STYLE") continue;
+      const i = e.get(l);
+      i && t.classList.add(i);
+      const f = t.style?.backgroundImage;
+      t.removeAttribute("style"), f && f !== "none" && (t.style.backgroundImage = f);
     }
   } else
-    for (const [e, o] of a.entries())
-      e.tagName !== "STYLE" && e.setAttribute("style", o.replace(/;/g, "; "));
-  for (const [e, o] of y.entries()) {
-    const n = o.scrollLeft, i = o.scrollTop;
-    if ((n || i) && e instanceof HTMLElement) {
+    for (const [e, t] of a.entries())
+      e.tagName !== "STYLE" && e.setAttribute("style", t.replace(/;/g, "; "));
+  for (const [e, t] of c.entries()) {
+    const l = t.scrollLeft, i = t.scrollTop;
+    if ((l || i) && e instanceof HTMLElement) {
       e.style.overflow = "hidden", e.style.scrollbarWidth = "none", e.style.msOverflowStyle = "none";
-      const l = document.createElement("div");
-      for (l.style.transform = `translate(${-n}px, ${-i}px)`, l.style.willChange = "transform", l.style.display = "inline-block", l.style.width = "100%"; e.firstChild; )
-        l.appendChild(e.firstChild);
-      e.appendChild(l);
+      const s = document.createElement("div");
+      for (s.style.transform = `translate(${-l}px, ${-i}px)`, s.style.willChange = "transform", s.style.display = "inline-block", s.style.width = "100%"; e.firstChild; )
+        s.appendChild(e.firstChild);
+      e.appendChild(s);
     }
   }
-  if (s === y.get(t)) {
-    const e = r.get(s) || window.getComputedStyle(s);
-    r.set(s, e);
-    const o = u(e.transform);
-    t.style.margin = "0", t.style.position = "static", t.style.top = "auto", t.style.left = "auto", t.style.right = "auto", t.style.bottom = "auto", t.style.zIndex = "auto", t.style.float = "none", t.style.clear = "none", t.style.transform = o || "";
+  if (n === c.get(o)) {
+    const e = r.get(n) || window.getComputedStyle(n);
+    r.set(n, e);
+    const t = w(e.transform);
+    o.style.margin = "0", o.style.position = "static", o.style.top = "auto", o.style.left = "auto", o.style.right = "auto", o.style.bottom = "auto", o.style.zIndex = "auto", o.style.float = "none", o.style.clear = "none", o.style.transform = t || "";
   }
-  return { clone: t, classCSS: d, styleCache: r };
+  for (const [e, t] of c.entries())
+    t.tagName === "PRE" && (e.style.marginTop = "0", e.style.marginBlockStart = "0");
+  return { clone: o, classCSS: d, styleCache: r };
 }
 export {
-  k as prepareClone
+  T as prepareClone
 };