@unicom-cloud/utils 0.1.5 → 0.1.10

package/content-disposition/index.js

@@ -0,0 +1,56 @@
+function m(t) {
+  if (!t) return null;
+  const e = {
+    type: "",
+    parameters: {}
+  }, o = t.match(/^([^;]+)/);
+  o && (e.type = o[1].trim());
+  const s = t.matchAll(
+    /;\s*([^=]+)=(?:"([^"]*)"|([^;]*))/g
+  );
+  for (const r of s) {
+    const n = r[1].trim().toLowerCase(), i = r[2] || r[3];
+    if (n.endsWith("*")) {
+      const a = p(i);
+      e.parameters[n] = a;
+      const c = n.slice(0, -1);
+      e.parameters[c] || (e.parameters[c] = a);
+    } else e.parameters[n] || (e.parameters[n] = i);
+  }
+  return e;
+}
+function p(t) {
+  const e = t.match(/^([^']*)'[^']*'(.*)$/);
+  if (!e) return t;
+  const [o, s, r] = e;
+  try {
+    const n = r.replace(
+      /%([0-9A-Fa-f]{2})/g,
+      (i, a) => String.fromCharCode(parseInt(a, 16))
+    );
+    return s && s.toLowerCase() !== "utf-8", n;
+  } catch (n) {
+    return console.warn("Failed to decode RFC 5987 value:", t, n), t;
+  }
+}
+function f(t) {
+  let e = t?.["content-disposition"];
+  if (e)
+    return m(e);
+}
+function d(t) {
+  const e = f(t);
+  if (e)
+    return e.parameters;
+}
+function l(t) {
+  const e = d(t);
+  if (e)
+    return e["filename*"] || e.filename;
+}
+export {
+  m as default,
+  f as getContentDispositionFromHeader,
+  l as getContentDispositionParametersFilenameFromHeader,
+  d as getContentDispositionParametersFromHeader
+};

package/index.js

@@ -1,47 +1,52 @@
-import * as o from "./is/index.js";
-import * as e from "./math/index.js";
-import * as r from "./tree/index.js";
-import * as t from "./turbo-stream/index.js";
+import * as e from "./is/index.js";
+import * as o from "./math/index.js";
+import * as t from "./tree/index.js";
+import * as r from "./turbo-stream/index.js";
 import * as a from "./url-toolkit/index.js";
 import { default as p } from "./case-name/index.js";
 import { default as l } from "./class-name/index.js";
-import { default as n } from "./clipboard-copy/index.js";
-import { splitCookiesString as c } from "./cookie/index.js";
-import { default as b } from "./decimal/decimal.js";
-import { default as k } from "./event-emitter/index.js";
-import { fileToURL as S } from "./file/fileToURL.js";
-import { saveAs as C } from "./file/saveAs.js";
+import { default as d } from "./clipboard-copy/index.js";
+import { default as c, getContentDispositionFromHeader as C, getContentDispositionParametersFilenameFromHeader as _, getContentDispositionParametersFromHeader as b } from "./content-disposition/index.js";
+import { splitCookiesString as h } from "./cookie/index.js";
+import { default as z } from "./decimal/decimal.js";
+import { default as F } from "./event-emitter/index.js";
+import { fileToURL as v } from "./file/fileToURL.js";
+import { saveAs as T } from "./file/saveAs.js";
 import * as s from "./filesize/src/constants.js";
-import { filesize as y, partial as N } from "./filesize/src/filesize.js";
-import { default as j } from "./invariant/index.js";
-import { default as E } from "./md5/index.js";
-import { default as L } from "./normalize-wheel/index.js";
-import { default as U } from "./nzh/nzh.js";
-import { default as q } from "./objectKeysSort.js";
-import { default as B } from "./screenfull/index.js";
-import * as m from "./cookie/src/index.js";
+import { filesize as N, partial as P } from "./filesize/src/filesize.js";
+import { default as A } from "./invariant/index.js";
+import { default as K } from "./md5/index.js";
+import { default as R } from "./normalize-wheel/index.js";
+import { default as W } from "./nzh/nzh.js";
+import { default as w } from "./objectKeysSort.js";
+import { default as G } from "./screenfull/index.js";
+import * as i from "./cookie/src/index.js";
 export {
   p as caseName,
   l as className,
-  n as clipboardCopy,
-  m as cookie,
-  b as decimal,
-  k as eventEmitter,
-  S as fileToURL,
-  y as filesize,
+  d as clipboardCopy,
+  c as contentDisposition,
+  i as cookie,
+  z as decimal,
+  F as eventEmitter,
+  v as fileToURL,
+  N as filesize,
   s as filesizeConstants,
-  j as invariant,
-  o as is,
-  e as math,
-  E as md5,
-  L as normalizeWheel,
-  U as nzh,
-  q as objectKeysSort,
-  N as partial,
-  C as saveAs,
-  B as screenfull,
-  c as splitCookiesString,
-  r as tree,
-  t as turboStream,
+  C as getContentDispositionFromHeader,
+  _ as getContentDispositionParametersFilenameFromHeader,
+  b as getContentDispositionParametersFromHeader,
+  A as invariant,
+  e as is,
+  o as math,
+  K as md5,
+  R as normalizeWheel,
+  W as nzh,
+  w as objectKeysSort,
+  P as partial,
+  T as saveAs,
+  G as screenfull,
+  h as splitCookiesString,
+  t as tree,
+  r as turboStream,
   a as urlToolkit
 };

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/utils","version":"0.1.5","dependencies":{},"peerDependencies":{"lodash":"^4.17.21"},"main":"./index.js","type":"module","types":"types/*","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/utils","version":"0.1.10","dependencies":{},"peerDependencies":{"lodash":"^4.17.21"},"main":"./index.js","type":"module","types":"types/*","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}

package/snapdom/src/api/preCache.js

@@ -1,43 +1,47 @@
-import { imageCache as n, bgCache as m, resourceCache as y, baseCSSCache as C, computedStyleCache as d } from "../core/cache.js";
-import { embedCustomFonts as S } from "../modules/fonts.js";
-import { precacheCommonTags as b } from "../utils/cssTools.js";
-import { fetchImage as u, extractURL as A } from "../utils/helpers.js";
-async function I(c = document, h = {}) {
+import { imageCache as i, bgCache as u, resourceCache as h, baseCSSCache as p } from "../core/cache.js";
+import { embedCustomFonts as y } from "../modules/fonts.js";
+import { precacheCommonTags as d } from "../utils/cssTools.js";
+import { fetchImage as C, getStyle as S, splitBackgroundImage as b, inlineSingleBackgroundEntry as A } from "../utils/helpers.js";
+async function w(o = document, f = {}) {
   const {
-    embedFonts: i = !0,
+    embedFonts: a = !0,
     reset: g = !1,
-    crossOrigin: o
-  } = h;
+    crossOrigin: s
+  } = f;
   if (g) {
-    n.clear(), m.clear(), y.clear(), C.clear(), d.clear();
+    i.clear(), u.clear(), h.clear(), p.clear();
     return;
   }
-  await document.fonts.ready, b();
-  let l = [], f = [];
-  c?.querySelectorAll && (l = Array.from(c.querySelectorAll("img[src]")), f = Array.from(c.querySelectorAll("*")));
+  await document.fonts.ready, d();
+  let l = [], m = [];
+  o?.querySelectorAll && (l = Array.from(o.querySelectorAll("img[src]")), m = Array.from(o.querySelectorAll("*")));
   const t = [];
-  for (const s of l) {
-    const r = s.src;
-    if (!n.has(r)) {
-      const e = o ? o(r) : "anonymous";
+  for (const c of l) {
+    const r = c.src;
+    if (!i.has(r)) {
+      const n = s ? s(r) : "anonymous";
       t.push(
-        u(r, 3e3, e).then((a) => n.set(r, a)).catch(() => {
+        C(r, 3e3, n).then((e) => i.set(r, e)).catch(() => {
         })
       );
     }
   }
-  for (const s of f) {
-    const r = getComputedStyle(s).backgroundImage, e = A(r);
-    if (e && !m.has(e)) {
-      const a = o ? o(e) : "anonymous";
-      t.push(
-        u(e, 3e3, a).then((p) => m.set(e, p)).catch(() => {
-        })
-      );
+  for (const c of m) {
+    const r = S(c).backgroundImage;
+    if (r && r !== "none") {
+      const n = b(r);
+      for (const e of n)
+        e.startsWith("url(") && t.push(
+          A(e, {
+            crossOrigin: s,
+            skipInline: !0
+          }).catch(() => {
+          })
+        );
     }
   }
-  i && await S({ ignoreIconFonts: !i, preCached: !0 }), await Promise.all(t);
+  a && await y({ ignoreIconFonts: !a, preCached: !0 }), await Promise.all(t);
 }
 export {
-  I as preCache
+  w as preCache
 };

package/snapdom/src/core/capture.js

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

package/snapdom/src/core/clone.js

@@ -1,5 +1,5 @@
-import { inlineAllStyles as f } from "../modules/styles.js";
-function h(e, c, r, n, s) {
+import { inlineAllStyles as o } from "../modules/styles.js";
+function f(e, c, r, n, s) {
   if (e.nodeType === Node.ELEMENT_NODE && e.getAttribute("data-capture") === "exclude") {
     const t = document.createElement("div"), i = e.getBoundingClientRect();
     return t.style.cssText = `display: inline-block; width: ${i.width}px; height: ${i.height}px; visibility: hidden;`, t;
@@ -10,13 +10,13 @@ function h(e, c, r, n, s) {
   }
   if (e.nodeType === Node.ELEMENT_NODE && e.getAttribute("data-capture") === "placeholder") {
     const t = e.cloneNode(!1);
-    n.set(t, e), f(e, t, c, r, s);
+    n.set(t, e), o(e, t, c, r, s);
     const i = document.createElement("div");
     return i.textContent = e.getAttribute("data-placeholder-text") || "", i.style.cssText = "color: #666;font-size: 12px;text-align: center;line-height: 1.4;padding: 0.5em;box-sizing: border-box;", t.appendChild(i), t;
   }
   if (e.tagName === "CANVAS") {
     const t = e.toDataURL(), i = document.createElement("img");
-    return i.src = t, i.width = e.width, i.height = e.height, i.style.display = "inline-block", i.style.width = `${e.width}px`, i.style.height = `${e.height}px`, i;
+    return i.src = t, i.width = e.width, i.height = e.height, i.style.display = "inline-block", i.style.width = e.style.width || `${e.width}px`, i.style.height = e.style.height || `${e.height}px`, i;
   }
   if (e.nodeType === Node.TEXT_NODE) {
     if (e.parentElement?.shadowRoot) {
@@ -29,23 +29,23 @@ function h(e, c, r, n, s) {
   const l = e.cloneNode(!1);
   n.set(l, e), e instanceof HTMLInputElement ? (l.value = e.value, l.setAttribute("value", e.value), e.checked !== void 0 && (l.checked = e.checked, e.checked && l.setAttribute("checked", ""))) : e instanceof HTMLTextAreaElement ? (l.value = e.value, l.textContent = e.value) : e instanceof HTMLSelectElement && (l.value = e.value, Array.from(l.options).forEach((t) => {
     t.value === e.value ? t.setAttribute("selected", "") : t.removeAttribute("selected");
-  })), f(e, l, c, r, s);
-  const o = document.createDocumentFragment();
+  })), o(e, l, c, r, s);
+  const h = document.createDocumentFragment();
   if (e.childNodes.forEach((t) => {
-    const i = h(
+    const i = f(
       t,
       c,
       r,
       n,
       s
     );
-    i && o.appendChild(i);
-  }), l.appendChild(o), e.shadowRoot) {
-    const t = Array.from(e.shadowRoot.children).filter((a) => a.tagName !== "STYLE").map((a) => h(a, c, r, n)).filter(Boolean), i = document.createDocumentFragment();
+    i && h.appendChild(i);
+  }), l.appendChild(h), e.shadowRoot) {
+    const t = Array.from(e.shadowRoot.children).filter((a) => a.tagName !== "STYLE").map((a) => f(a, c, r, n)).filter(Boolean), i = document.createDocumentFragment();
     t.forEach((a) => i.appendChild(a)), l.appendChild(i);
   }
   return l;
 }
 export {
-  h as deepClone
+  f as deepClone
 };

package/snapdom/src/core/prepare.js

@@ -1,52 +1,59 @@
 import { inlinePseudoElements as m } from "../modules/pseudo.js";
-import { generateCSSClasses as h } from "../utils/cssTools.js";
-import { deepClone as g } from "./clone.js";
-async function S(f, r = !1, p = !1) {
-  const l = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new Map();
-  let c;
+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;
   try {
-    c = g(f, l, i, d, r);
+    t = h(s, a, r, y, f);
   } catch (e) {
     throw console.warn("deepClone failed:", e), e;
   }
   try {
     await m(
-      f,
-      c,
-      l,
-      i,
+      s,
+      t,
+      a,
       r,
+      f,
       p
     );
   } catch (e) {
     console.warn("inlinePseudoElements failed:", e);
   }
-  let y = "";
-  if (r) {
-    const e = h(l);
-    y = Array.from(e.entries()).map(([t, n]) => `.${n}{${t}}`).join("");
-    for (const [t, n] of l.entries()) {
-      if (t.tagName === "STYLE") continue;
-      const s = e.get(n);
-      s && t.classList.add(s);
-      const a = t.style?.backgroundImage;
-      t.removeAttribute("style"), a && a !== "none" && (t.style.backgroundImage = a);
+  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);
     }
   } else
-    for (const [e, t] of l.entries())
-      e.tagName !== "STYLE" && e.setAttribute("style", t.replace(/;/g, "; "));
-  for (const [e, t] of d.entries()) {
-    const n = t.scrollLeft, s = t.scrollTop;
-    if ((n || s) && e instanceof HTMLElement) {
+    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) {
       e.style.overflow = "hidden", e.style.scrollbarWidth = "none", e.style.msOverflowStyle = "none";
-      const o = document.createElement("div");
-      for (o.style.transform = `translate(${-n}px, ${-s}px)`, o.style.willChange = "transform", o.style.display = "inline-block", o.style.width = "100%"; e.firstChild; )
-        o.appendChild(e.firstChild);
-      e.appendChild(o);
+      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);
     }
   }
-  return { clone: c, classCSS: y, styleCache: i };
+  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 || "";
+  }
+  return { clone: t, classCSS: d, styleCache: r };
 }
 export {
-  S as prepareClone
+  k as prepareClone
 };

package/snapdom/src/modules/background.js

@@ -1,50 +1,25 @@
-import { bgCache as u } from "../core/cache.js";
-import { getStyle as C, extractURL as A, fetchImage as B } from "../utils/helpers.js";
-async function O(k, w, c, h = {}) {
-  const o = [[k, w]];
-  for (; o.length; ) {
-    const [e, i] = o.shift(), l = c.get(e) || C(e);
-    c.has(e) || c.set(e, l);
-    const g = l.getPropertyValue("background-image"), s = l.getPropertyValue("background-color");
-    if (!g || g === "none") {
-      const r = Array.from(e.children), a = Array.from(i.children);
-      for (let t = 0; t < Math.min(r.length, a.length); t++)
-        o.push([r[t], a[t]]);
+import { getStyle as b, splitBackgroundImage as p, inlineSingleBackgroundEntry as k } from "../utils/helpers.js";
+async function B(u, m, l, f = {}) {
+  const r = [[u, m]];
+  for (; r.length; ) {
+    const [e, o] = r.shift(), s = l.get(e) || b(e);
+    l.has(e) || l.set(e, s);
+    const c = s.getPropertyValue("background-image"), t = s.getPropertyValue("background-color");
+    if (!c || c === "none") {
+      const n = Array.from(e.children), h = Array.from(o.children);
+      for (let i = 0; i < Math.min(n.length, h.length); i++)
+        r.push([n[i], h[i]]);
       continue;
     }
-    const U = g.split(/,(?=(?:[^()]*\([^()]*\))*[^()]*$)/).map((r) => r.trim()), m = await Promise.all(
-      U.map(async (r) => {
-        const a = r.startsWith("url("), t = /^((repeating-)?(linear|radial|conic)-gradient)\(/i.test(r);
-        if (a) {
-          const d = A(r);
-          if (!d) return r;
-          try {
-            const n = encodeURI(d);
-            if (u.has(n))
-              return `url(${u.get(n)})`;
-            {
-              const y = h.crossOrigin ? h.crossOrigin(n) : "anonymous", b = await B(n, 3e3, y);
-              return u.set(n, b), `url(${b})`;
-            }
-          } catch (n) {
-            return console.warn(
-              "[snapdom] Failed to inline background-image:",
-              d,
-              n
-            ), r;
-          }
-        }
-        return r;
-      })
+    const y = p(c), a = await Promise.all(
+      y.map((n) => k(n, f))
     );
-    m.some(
-      (r) => r && r !== "none" && !/^url\(undefined\)/.test(r)
-    ) && (i.style.backgroundImage = m.join(", ")), s && s !== "transparent" && s !== "rgba(0, 0, 0, 0)" && (i.style.backgroundColor = s);
-    const f = Array.from(e.children), p = Array.from(i.children);
-    for (let r = 0; r < Math.min(f.length, p.length); r++)
-      o.push([f[r], p[r]]);
+    a.some((n) => n && n !== "none" && !/^url\(undefined\)/.test(n)) && (o.style.backgroundImage = a.join(", ")), t && t !== "transparent" && t !== "rgba(0, 0, 0, 0)" && (o.style.backgroundColor = t);
+    const g = Array.from(e.children), d = Array.from(o.children);
+    for (let n = 0; n < Math.min(g.length, d.length); n++)
+      r.push([g[n], d[n]]);
   }
 }
 export {
-  O as inlineBackgroundImages
+  B as inlineBackgroundImages
 };

package/snapdom/src/modules/pseudo.js

@@ -1,93 +1,92 @@
-import { iconToImage as $ } from "./fonts.js";
-import { getStyleKey as I } from "../utils/cssTools.js";
-import { getStyle as A, snapshotComputedStyle as U, parseContent as D, extractURL as B, fetchImage as S } from "../utils/helpers.js";
-async function L(l, r, p, F, g, b = !1) {
-  if (!(l instanceof Element) || !(r instanceof Element)) return;
+import { iconToImage as z } from "./fonts.js";
+import { getStyleKey as V } from "../utils/cssTools.js";
+import { getStyle as U, snapshotComputedStyle as I, parseContent as W, extractURL as j, fetchImage as A, safeEncodeURI as D, splitBackgroundImage as L, inlineSingleBackgroundEntry as $ } from "../utils/helpers.js";
+async function R(l, i, g, F, h, w = !1) {
+  if (!(l instanceof Element) || !(i instanceof Element)) return;
   for (const n of ["::before", "::after", "::first-letter"])
     try {
-      const e = A(l, n);
-      if (!e) continue;
+      const t = U(l, n);
+      if (!t || typeof t[Symbol.iterator] != "function") continue;
       if (n === "::first-letter") {
         const a = getComputedStyle(l);
-        if (!(e.color !== a.color || e.fontSize !== a.fontSize || e.fontWeight !== a.fontWeight)) continue;
-        const h = Array.from(r.childNodes).find(
-          (t) => t.nodeType === Node.TEXT_NODE && t.textContent && t.textContent.trim().length > 0
+        if (!(t.color !== a.color || t.fontSize !== a.fontSize || t.fontWeight !== a.fontWeight)) continue;
+        const d = Array.from(i.childNodes).find(
+          (e) => e.nodeType === Node.TEXT_NODE && e.textContent && e.textContent.trim().length > 0
         );
-        if (!h) continue;
-        const m = h.textContent, f = m.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0], y = m.slice(f?.length || 0);
+        if (!d) continue;
+        const p = d.textContent, f = p.match(/^([^\p{L}\p{N}\s]*[\p{L}\p{N}](?:['’])?)/u)?.[0], b = p.slice(f?.length || 0);
         if (!f || /[\uD800-\uDFFF]/.test(f)) continue;
-        const c = document.createElement("span");
-        c.textContent = f, c.dataset.snapdomPseudo = "::first-letter";
-        const i = U(e), k = I(i, "span", g);
-        p.set(c, k);
-        const C = document.createTextNode(y);
-        r.replaceChild(C, h), r.insertBefore(c, C);
+        const r = document.createElement("span");
+        r.textContent = f, r.dataset.snapdomPseudo = "::first-letter";
+        const s = I(t), N = V(s, "span", h);
+        g.set(r, N);
+        const x = document.createTextNode(b);
+        i.replaceChild(x, d), i.insertBefore(r, x);
         continue;
       }
-      const E = e.getPropertyValue("content"), d = e.getPropertyValue("background-image"), u = e.getPropertyValue("background-color"), W = E !== "none", P = d && d !== "none", N = u && u !== "transparent" && u !== "rgba(0, 0, 0, 0)", T = typeof d == "string" && d.trim().startsWith("url(");
-      if (W || P || N) {
-        const a = e.getPropertyValue("font-family"), V = parseInt(e.getPropertyValue("font-size")) || 32, h = parseInt(e.getPropertyValue("font-weight")) || !1, m = e.getPropertyValue("color") || "#000", o = document.createElement("span");
+      const S = t.getPropertyValue("content"), u = t.getPropertyValue("background-image"), m = t.getPropertyValue("background-color"), T = S !== "none", y = u && u !== "none", C = m && m !== "transparent" && m !== "rgba(0, 0, 0, 0)";
+      if (T || y || C) {
+        const a = t.getPropertyValue("font-family"), B = parseInt(t.getPropertyValue("font-size")) || 32, d = parseInt(t.getPropertyValue("font-weight")) || !1, p = t.getPropertyValue("color") || "#000", o = document.createElement("span");
         o.dataset.snapdomPseudo = n;
-        const f = U(e), y = I(f, "span", g);
-        p.set(o, y);
-        const c = a && /font.*awesome|material|bootstrap|glyphicons|ionicons|remixicon|simple-line-icons|octicons|feather|typicons|weathericons|lucide/i.test(
+        const f = I(t), b = V(f, "span", h);
+        g.set(o, b);
+        const r = a && /font.*awesome|material|bootstrap|glyphicons|ionicons|remixicon|simple-line-icons|octicons|feather|typicons|weathericons|lucide/i.test(
           a
-        ), i = D(E);
-        if (!b && c && i.length === 1) {
-          const t = document.createElement("img");
-          t.src = await $(
-            i,
+        ), s = W(S);
+        if (!w && r && s.length === 1) {
+          const e = document.createElement("img");
+          e.src = await z(
+            s,
             a,
-            h,
-            V,
-            m
-          ), t.style = "display:block;width:100%;height:100%;object-fit:contain;", o.appendChild(t);
-        } else if (i.startsWith("url(")) {
-          const t = B(i);
-          if (t && t.trim() !== "")
+            d,
+            B,
+            p
+          ), e.style = "display:block;width:100%;height:100%;object-fit:contain;", o.appendChild(e);
+        } else if (s.startsWith("url(")) {
+          const e = j(s);
+          if (e && e.trim() !== "")
             try {
-              const s = document.createElement("img"), z = await S(encodeURI(t));
-              s.src = z, s.style = "display:block;width:100%;height:100%;object-fit:contain;", o.appendChild(s);
-            } catch (s) {
+              const c = document.createElement("img"), E = await A(D(e));
+              c.src = E, c.style = "display:block;width:100%;height:100%;object-fit:contain;", o.appendChild(c);
+            } catch (c) {
               console.error(
                 `[snapdom] Error in pseudo ${n} for`,
                 l,
-                s
+                c
               );
             }
-        } else !c && i && i !== "none" && (o.textContent = i);
-        if (T) {
-          const t = B(d);
-          if (t && t.trim() !== "")
-            try {
-              let s;
-              t.startsWith("data:") ? s = t : s = await S(encodeURI(t)), o.style.backgroundImage = `url(${s})`;
-            } catch (s) {
-              console.warn(
-                `[snapdom] Failed to inline background-image for ${n}`,
-                s
-              );
-            }
-        }
-        if (!(o.childNodes.length > 0 || o.textContent && o.textContent.trim() !== "" || P || N)) continue;
-        n === "::before" ? r.insertBefore(o, r.firstChild) : r.appendChild(o);
+        } else !r && s && s !== "none" && (o.textContent = s);
+        if (y)
+          try {
+            const e = L(u), c = await Promise.all(
+              e.map((E) => $(E))
+            );
+            o.style.backgroundImage = c.join(", ");
+          } catch (e) {
+            console.warn(
+              `[snapdom] Failed to inline background-image for ${n}`,
+              e
+            );
+          }
+        if (C && (o.style.backgroundColor = m), !(o.childNodes.length > 0 || o.textContent && o.textContent.trim() !== "" || y || C)) continue;
+        n === "::before" ? i.insertBefore(o, i.firstChild) : i.appendChild(o);
       }
-    } catch (e) {
-      console.warn(`[snapdom] Failed to capture ${n} for`, l, e);
+    } catch (t) {
+      console.warn(`[snapdom] Failed to capture ${n} for`, l, t);
     }
-  const x = Array.from(l.children), w = Array.from(r.children).filter(
+  const P = Array.from(l.children), k = Array.from(i.children).filter(
     (n) => !n.dataset.snapdomPseudo
   );
-  for (let n = 0; n < Math.min(x.length, w.length); n++)
-    await L(
-      x[n],
-      w[n],
-      p,
-      F,
+  for (let n = 0; n < Math.min(P.length, k.length); n++)
+    await R(
+      P[n],
+      k[n],
       g,
-      b
+      F,
+      h,
+      w
     );
 }
 export {
-  L as inlinePseudoElements
+  R as inlinePseudoElements
 };

package/snapdom/src/utils/helpers.js

@@ -1,35 +1,52 @@
-import { imageCache as c, computedStyleCache as l } from "../core/cache.js";
-function h(t, { fast: n = !1 } = {}) {
-  if (n) return t();
+import { imageCache as l, computedStyleCache as m, bgCache as u } from "../core/cache.js";
+async function w(t, e = {}) {
+  const n = t.startsWith("url("), a = /^((repeating-)?(linear|radial|conic)-gradient)\(/i.test(
+    t
+  );
+  if (n) {
+    const r = d(t);
+    if (!r) return t;
+    const i = g(r);
+    if (u.has(i))
+      return e.skipInline ? void 0 : `url(${u.get(i)})`;
+    {
+      const s = e.crossOrigin ? e.crossOrigin(i) : "anonymous", o = await f(i, 3e3, s);
+      return u.set(i, o), e.skipInline ? void 0 : `url(${o})`;
+    }
+  }
+  return t;
+}
+function I(t, { fast: e = !1 } = {}) {
+  if (e) return t();
   "requestIdleCallback" in window ? requestIdleCallback(t, { timeout: 50 }) : setTimeout(t, 1);
 }
-function f(t, n = null) {
+function x(t, e = null) {
   if (!(t instanceof Element))
-    return window.getComputedStyle(t, n);
-  let e = l.get(t);
-  if (e || (e = /* @__PURE__ */ new Map(), l.set(t, e)), !e.has(n)) {
-    const a = window.getComputedStyle(t, n);
-    e.set(n, a);
+    return window.getComputedStyle(t, e);
+  let n = m.get(t);
+  if (n || (n = /* @__PURE__ */ new Map(), m.set(t, n)), !n.has(e)) {
+    const a = window.getComputedStyle(t, e);
+    n.set(e, a);
   }
-  return e.get(n);
+  return n.get(e);
 }
-function g(t) {
-  let n = t.replace(/^['"]|['"]$/g, "");
-  if (n.startsWith("\\"))
+function C(t) {
+  let e = t.replace(/^['"]|['"]$/g, "");
+  if (e.startsWith("\\"))
     try {
-      return String.fromCharCode(parseInt(n.replace("\\", ""), 16));
+      return String.fromCharCode(parseInt(e.replace("\\", ""), 16));
     } catch {
-      return n;
+      return e;
     }
-  return n;
+  return e;
 }
-function w(t) {
-  const n = t.indexOf("url(");
-  if (n === -1) return null;
-  let e = t.slice(n + 4).trim();
-  return e.endsWith(")") && (e = e.slice(0, -1).trim()), (e.startsWith('"') && e.endsWith('"') || e.startsWith("'") && e.endsWith("'")) && (e = e.slice(1, -1)), e;
+function d(t) {
+  const e = t.indexOf("url(");
+  if (e === -1) return null;
+  let n = t.slice(e + 4).trim();
+  return n.endsWith(")") && (n = n.slice(0, -1).trim()), (n.startsWith('"') && n.endsWith('"') || n.startsWith("'") && n.endsWith("'")) && (n = n.slice(1, -1)), n;
 }
-function p(t) {
+function S(t) {
   return [
     /font\s*awesome/i,
     /material\s*icons/i,
@@ -40,51 +57,83 @@ function p(t) {
     /remix\s*icons/i,
     /heroicons/i,
     /lucide/i
-  ].some((e) => e.test(t));
+  ].some((n) => n.test(t));
 }
-function C(t, n = 3e3, e = "anonymous") {
-  return c.has(t) ? Promise.resolve(c.get(t)) : new Promise((a, o) => {
-    const u = setTimeout(() => {
-      o(new Error("Image load timed out"));
-    }, n), r = new Image();
-    r.crossOrigin = e, r.onload = async () => {
-      clearTimeout(u);
+function f(t, e = 3e3, n = "anonymous") {
+  return l.has(t) ? Promise.resolve(l.get(t)) : new Promise((a, r) => {
+    const i = setTimeout(() => {
+      r(new Error("Image load timed out"));
+    }, e), s = new Image();
+    s.crossOrigin = n, s.onload = async () => {
+      clearTimeout(i);
       try {
-        await r.decode();
-        const i = document.createElement("canvas");
-        i.width = r.width, i.height = r.height, i.getContext("2d").drawImage(r, 0, 0, i.width, i.height);
+        await s.decode();
+        const o = document.createElement("canvas");
+        o.width = s.width, o.height = s.height, o.getContext("2d").drawImage(s, 0, 0, o.width, o.height);
         try {
-          const s = i.toDataURL("image/png");
-          c.set(t, s), a(s);
+          const c = o.toDataURL("image/png");
+          l.set(t, c), a(c);
         } catch {
-          o(new Error("CORS restrictions prevented image capture"));
+          r(new Error("CORS restrictions prevented image capture"));
         }
-      } catch (i) {
-        o(i);
+      } catch (o) {
+        r(o);
       }
-    }, r.onerror = (i) => {
-      clearTimeout(u), o(
-        new Error("Failed to load image: " + (i.message || "Unknown error"))
+    }, s.onerror = (o) => {
+      clearTimeout(i), r(
+        new Error("Failed to load image: " + (o.message || "Unknown error"))
       );
-    }, r.src = t;
+    }, s.src = t;
   });
 }
-function y(t) {
-  const n = {};
-  for (let e of t)
-    n[e] = t.getPropertyValue(e);
-  return n;
+function U(t) {
+  const e = {};
+  for (let n of t)
+    e[n] = t.getPropertyValue(n);
+  return e;
 }
-function I() {
+function y() {
   return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 }
+function k(t) {
+  if (!t || t === "none") return "";
+  let e = t.replace(/translate[XY]?\([^)]*\)/g, "");
+  return e = e.replace(/matrix\(([^)]+)\)/g, (n, a) => {
+    const r = a.split(",").map((i) => i.trim());
+    return r.length !== 6 ? `matrix(${a})` : (r[4] = "0", r[5] = "0", `matrix(${r.join(", ")})`);
+  }), e = e.replace(/matrix3d\(([^)]+)\)/g, (n, a) => {
+    const r = a.split(",").map((i) => i.trim());
+    return r.length !== 16 ? `matrix3d(${a})` : (r[12] = "0", r[13] = "0", `matrix3d(${r.join(", ")})`);
+  }), e.trim().replace(/\s{2,}/g, " ");
+}
+function g(t) {
+  if (/%[0-9A-Fa-f]{2}/.test(t)) return t;
+  try {
+    return encodeURI(t);
+  } catch {
+    return t;
+  }
+}
+function E(t) {
+  const e = [];
+  let n = 0, a = 0;
+  for (let r = 0; r < t.length; r++) {
+    const i = t[r];
+    i === "(" && n++, i === ")" && n--, i === "," && n === 0 && (e.push(t.slice(a, r).trim()), a = r + 1);
+  }
+  return e.push(t.slice(a).trim()), e;
+}
 export {
-  w as extractURL,
-  C as fetchImage,
-  f as getStyle,
-  h as idle,
-  p as isIconFont,
-  I as isSafari,
-  g as parseContent,
-  y as snapshotComputedStyle
+  d as extractURL,
+  f as fetchImage,
+  x as getStyle,
+  I as idle,
+  w as inlineSingleBackgroundEntry,
+  S as isIconFont,
+  y as isSafari,
+  C as parseContent,
+  g as safeEncodeURI,
+  U as snapshotComputedStyle,
+  E as splitBackgroundImage,
+  k as stripTranslate
 };