@unicom-cloud/utils 0.1.53 → 0.1.55

package/snapdom/src/modules/background.js

@@ -1,10 +1,11 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
-import { getStyle as e, splitBackgroundImage as t } from "../utils/css.js";
-import { inlineSingleBackgroundEntry as n } from "../utils/image.js";
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
+import { cache as e } from "../core/cache.js";
+import { getStyle as t, splitBackgroundImage as n } from "../utils/css.js";
+import { inlineSingleBackgroundEntry as r } from "../utils/image.js";
 import "../utils/index.js";
 //#region utils/snapdom/src/modules/background.js
-async function r(r, i, a, o = {}) {
-	let s = [[r, i]], c = [
+async function i(i, a, o, s = {}) {
+	let c = [[i, a]], l = [
 		"background-image",
 		"mask",
 		"mask-image",
@@ -16,7 +17,7 @@ async function r(r, i, a, o = {}) {
 		"-webkit-mask-box-image-source",
 		"border-image",
 		"border-image-source"
-	], l = [
+	], u = [
 		"mask-position",
 		"mask-size",
 		"mask-repeat",
@@ -32,7 +33,7 @@ async function r(r, i, a, o = {}) {
 		"-webkit-mask-clip",
 		"-webkit-mask-position-x",
 		"-webkit-mask-position-y"
-	], u = [
+	], d = [
 		"background-position",
 		"background-position-x",
 		"background-position-y",
@@ -42,47 +43,55 @@ async function r(r, i, a, o = {}) {
 		"background-clip",
 		"background-attachment",
 		"background-blend-mode"
-	], d = [
+	], f = [
 		"border-image-slice",
 		"border-image-width",
 		"border-image-outset",
 		"border-image-repeat"
 	];
-	for (; s.length;) {
-		let [r, i] = s.shift();
-		if (!i) continue;
-		let f = a.get(r) || e(r);
-		a.has(r) || a.set(r, f);
-		let p = (() => {
-			let e = f.getPropertyValue("border-image"), t = f.getPropertyValue("border-image-source");
+	for (; c.length;) {
+		let [i, a] = c.shift();
+		if (!a) continue;
+		let p = o.get(i) || t(i);
+		o.has(i) || o.set(i, p);
+		let m = (() => {
+			let e = p.getPropertyValue("border-image"), t = p.getPropertyValue("border-image-source");
 			return e && e !== "none" || t && t !== "none";
-		})(), m = f.getPropertyValue("background-image"), h = f.getPropertyValue("background-color");
-		if (m && m !== "none" || h && h !== "rgba(0, 0, 0, 0)" && h !== "transparent" || /url\s*\(|gradient\s*\(/i.test(f.getPropertyValue("background") || "")) for (let e of u) {
-			let t = f.getPropertyValue(e);
-			t && i.style.setProperty(e, t);
+		})(), h = p.getPropertyValue("background-image"), g = p.getPropertyValue("background-color");
+		if (h && h !== "none" || g && g !== "rgba(0, 0, 0, 0)" && g !== "transparent" || /url\s*\(|gradient\s*\(/i.test(p.getPropertyValue("background") || "")) for (let e of d) {
+			let t = p.getPropertyValue(e);
+			t && a.style.setProperty(e, t);
 		}
-		for (let e of c) {
-			let r = f.getPropertyValue(e);
-			if (e === "background-image" && (!r || r === "none")) {
-				let e = f.getPropertyValue("background");
-				e && /url\s*\(/.test(e) && (r = t(e).filter((e) => /url\s*\(/.test(e)).join(", ") || r);
+		for (let e of l) {
+			let t = p.getPropertyValue(e);
+			if (e === "background-image" && (!t || t === "none")) {
+				let e = p.getPropertyValue("background");
+				e && /url\s*\(/.test(e) && (t = n(e).filter((e) => /url\s*\(/.test(e)).join(", ") || t);
 			}
-			if (!r || r === "none") continue;
-			let a = t(r), s = await Promise.all(a.map((e) => n(e, o)));
-			s.some((e) => e && e !== "none" && !/^url\(undefined/.test(e)) && i.style.setProperty(e, s.join(", "));
+			if (!t || t === "none") continue;
+			let i = n(t), o = await Promise.all(i.map((e) => r(e, s)));
+			o.some((e) => e && e !== "none" && !/^url\(undefined/.test(e)) && a.style.setProperty(e, o.join(", "));
 		}
-		for (let e of l) {
-			let t = f.getPropertyValue(e);
-			!t || t === "initial" || i.style.setProperty(e, t);
+		for (let e of u) {
+			let t = p.getPropertyValue(e);
+			!t || t === "initial" || a.style.setProperty(e, t);
 		}
-		if (p) for (let e of d) {
-			let t = f.getPropertyValue(e);
-			!t || t === "initial" || i.style.setProperty(e, t);
+		if (m) for (let e of f) {
+			let t = p.getPropertyValue(e);
+			!t || t === "initial" || a.style.setProperty(e, t);
+		}
+		if (i.shadowRoot) {
+			let e = Array.from(i.shadowRoot.children).filter((e) => e.tagName !== "STYLE"), t = Array.from(a.children).filter((e) => !e.dataset?.snapdomPseudo && !(e.tagName === "STYLE" && e.dataset?.sd));
+			for (let n = 0; n < Math.min(e.length, t.length); n++) c.push([e[n], t[n]]);
+		} else {
+			let t = e.session.nodeMap;
+			for (let e of a.children) {
+				let n = t.get(e);
+				n && c.push([n, e]);
+			}
 		}
-		let g = r.shadowRoot ? Array.from(r.shadowRoot.children).filter((e) => e.tagName !== "STYLE") : Array.from(r.children), _ = Array.from(i.children).filter((e) => !(e.dataset?.snapdomPseudo || e.tagName === "STYLE" && e.dataset?.sd));
-		for (let e = 0; e < Math.min(g.length, _.length); e++) s.push([g[e], _[e]]);
 	}
 }
 //#endregion
-export { r as inlineBackgroundImages };
+export { i as inlineBackgroundImages };
 /* 独立思考，明辨是非 */

package/snapdom/src/modules/changeCSS.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
 //#region utils/snapdom/src/modules/changeCSS.js
 function e(e, i) {
 	if (!e || !i) return;

package/snapdom/src/modules/compress.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Downsample a raster data URL to the largest resolution the target box can show, preserving the
+ * source aspect ratio (so object-fit:cover still has enough pixels) and codec. Never upscales.
+ * Returns a new data URL, or null when downsampling wouldn't help (vector, already small, or the
+ * re-encode grew the string).
+ *
+ * @param {string} dataURL
+ * @param {number} targetW - visible box width in device pixels (cssW × scale × dpr)
+ * @param {number} targetH - visible box height in device pixels
+ * @returns {Promise<string|null>}
+ */
+export function downsampleDataURL(dataURL: string, targetW: number, targetH: number): Promise<string | null>;
+/**
+ * Downsample every inlined <img> data URL in the clone to its visible resolution.
+ *
+ * @param {Element} clone
+ * @param {object} options - normalized capture context (reads scale, dpr, compress)
+ * @returns {Promise<{count:number, before:number, after:number}>} bytes before/after (for debug)
+ */
+export function compressClonedImages(clone: Element, options: object): Promise<{
+    count: number;
+    before: number;
+    after: number;
+}>;
+/**
+ * Downsample inlined CSS background-image data URLs to the element's visible box. Only for
+ * non-repeating backgrounds: a background clips to the element box, so the box bounds what's
+ * visible regardless of background-size (cover/contain/auto/explicit). Tiled backgrounds (`repeat`,
+ * `space`, `round`) are skipped — a small tile repeated needs its natural resolution.
+ *
+ * @param {Element} clone
+ * @param {object} options
+ * @returns {Promise<{count:number}>}
+ */
+export function compressClonedBackgrounds(clone: Element, options: object): Promise<{
+    count: number;
+}>;
+/**
+ * Downsample inlined SVG <image href="data:..."> to its rendered size (width/height attrs × eff).
+ * @param {Element} clone
+ * @param {object} options
+ * @returns {Promise<{count:number}>}
+ */
+export function compressClonedSvgImages(clone: Element, options: object): Promise<{
+    count: number;
+}>;
+/**
+ * Run all compression passes over the clone (no-op when `compress` is off).
+ * @param {Element} clone
+ * @param {object} options
+ * @returns {Promise<void>}
+ */
+export function compressCloneAssets(clone: Element, options: object): Promise<void>;

package/snapdom/src/modules/compress.js

@@ -0,0 +1,118 @@
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
+import { cache as e } from "../core/cache.js";
+//#region utils/snapdom/src/modules/compress.js
+var t = .92, n = .6;
+async function r(e) {
+	let t = new Image();
+	if (t.decoding = "sync", t.src = e, typeof t.decode == "function") try {
+		return await t.decode(), t;
+	} catch {}
+	return await new Promise((e, n) => {
+		t.onload = () => e(), t.onerror = n;
+	}), t;
+}
+function i(e) {
+	let t = /^data:([^;,]+)/.exec(e);
+	return t ? t[1] : "";
+}
+async function a(e, a, o) {
+	if (typeof e != "string" || !e.startsWith("data:image") || e.startsWith("data:image/svg")) return null;
+	let s;
+	try {
+		s = await r(e);
+	} catch {
+		return null;
+	}
+	let c = s.naturalWidth || s.width, l = s.naturalHeight || s.height;
+	if (!c || !l) return null;
+	let u = Math.min(1, Math.max(a / c, o / l));
+	if (!(u > 0) || u >= .95) return null;
+	let d = u * n, f = Math.max(1, Math.round(c * d)), p = Math.max(1, Math.round(l * d)), m = document.createElement("canvas");
+	m.width = f, m.height = p;
+	let h = m.getContext("2d");
+	if (!h) return null;
+	h.imageSmoothingEnabled = !0, h.imageSmoothingQuality = "high", h.drawImage(s, 0, 0, f, p);
+	let g = i(e), _ = g === "image/jpeg" ? "image/jpeg" : g === "image/webp" ? "image/webp" : "image/png";
+	try {
+		let n = m.toDataURL(_, t);
+		if (typeof n == "string" && n.startsWith("data:image") && n.length < e.length) return n;
+	} catch {}
+	return null;
+}
+async function o(e, t) {
+	if (!t.compress) return {
+		count: 0,
+		before: 0,
+		after: 0
+	};
+	let n = (t.scale || 1) * (t.dpr || 1), r = Array.from(e.querySelectorAll("img")), i = 0, o = 0, s = 0, c = async (e) => {
+		let t = e.getAttribute("src") || "";
+		if (!t.startsWith("data:image") || t.startsWith("data:image/svg")) return;
+		let r = parseFloat(e.dataset.snapdomWidth) || parseFloat(e.style.width) || e.width || 0, c = parseFloat(e.dataset.snapdomHeight) || parseFloat(e.style.height) || e.height || 0;
+		if (!r || !c) return;
+		let l = await a(t, r * n, c * n);
+		l && (i++, o += t.length, s += l.length, e.setAttribute("src", l));
+	};
+	for (let e = 0; e < r.length; e += 6) await Promise.allSettled(r.slice(e, e + 6).map(c));
+	return {
+		count: i,
+		before: o,
+		after: s
+	};
+}
+function s(e) {
+	return {
+		w: e.offsetWidth || e.getBoundingClientRect().width || 0,
+		h: e.offsetHeight || e.getBoundingClientRect().height || 0
+	};
+}
+async function c(t, n) {
+	if (!n.compress) return { count: 0 };
+	let r = (n.scale || 1) * (n.dpr || 1), i = e.session.nodeMap, o = [], c = [t, ...t.querySelectorAll("*")];
+	for (let e of c) {
+		let t = e.style && e.style.backgroundImage;
+		t && t.includes("data:image") && o.push(e);
+	}
+	let l = 0, u = async (e) => {
+		let t = i.get(e);
+		if (!t || !t.isConnected) return;
+		let n;
+		try {
+			n = getComputedStyle(t);
+		} catch {
+			return;
+		}
+		if ((n.backgroundRepeat || "repeat").toLowerCase().split(",").some((e) => e.trim() !== "no-repeat")) return;
+		let { w: o, h: c } = s(t);
+		if (!o || !c) return;
+		let u = o * r, d = c * r, f = e.style.backgroundImage, p = [...f.matchAll(/url\((['"]?)(data:image\/[^)'"]+)\1\)/gi)], m = f;
+		for (let e of p) {
+			let t = e[2];
+			if (t.startsWith("data:image/svg")) continue;
+			let n = await a(t, u, d);
+			n && (m = m.split(t).join(n), l++);
+		}
+		m !== f && (e.style.backgroundImage = m);
+	};
+	for (let e = 0; e < o.length; e += 6) await Promise.allSettled(o.slice(e, e + 6).map(u));
+	return { count: l };
+}
+async function l(e, t) {
+	if (!t.compress) return { count: 0 };
+	let n = (t.scale || 1) * (t.dpr || 1), r = Array.from(e.querySelectorAll("image")), i = 0, o = async (e) => {
+		let t = e.getAttribute("href") || (typeof e.getAttributeNS == "function" ? e.getAttributeNS("http://www.w3.org/1999/xlink", "href") : null);
+		if (!t || !t.startsWith("data:image") || t.startsWith("data:image/svg")) return;
+		let r = parseFloat(e.getAttribute("width")) || 0, o = parseFloat(e.getAttribute("height")) || 0;
+		if (!r || !o) return;
+		let s = await a(t, r * n, o * n);
+		s && (e.setAttribute("href", s), e.hasAttribute("xlink:href") && e.setAttribute("xlink:href", s), i++);
+	};
+	for (let e = 0; e < r.length; e += 6) await Promise.allSettled(r.slice(e, e + 6).map(o));
+	return { count: i };
+}
+async function u(e, t) {
+	t.compress && (await o(e, t), await c(e, t), await l(e, t));
+}
+//#endregion
+export { u as compressCloneAssets };
+/* 独立思考，明辨是非 */

package/snapdom/src/modules/counter.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
 import { cache as e } from "../core/cache.js";
 //#region utils/snapdom/src/modules/counter.js
 function t(e) {

package/snapdom/src/modules/fonts.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
 import { cache as e } from "../core/cache.js";
 import { extractURL as t } from "../utils/helpers.js";
 import { snapFetch as n } from "./snapFetch.js";
@@ -23,7 +23,7 @@ async function i(e, t, n, r = 32, i = "#000") {
 		height: l
 	};
 }
-var a = new Set([
+var a = /* @__PURE__ */ new Set([
 	"serif",
 	"sans-serif",
 	"monospace",
@@ -248,7 +248,7 @@ async function D(i, a, o = "") {
 				e.font?.add(l), s = s.replace(c[0], `url(${e.resource.get(l)})`);
 				continue;
 			}
-			if (!e.font?.has(l)) try {
+			try {
 				let t = await n(l, {
 					as: "dataURL",
 					useProxy: o,

package/snapdom/src/modules/iconFonts.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
 import { cache as e } from "../core/cache.js";
 //#region utils/snapdom/src/modules/iconFonts.js
 var t = [

package/snapdom/src/modules/images.js

@@ -1,89 +1,95 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
-import { snapFetch as e } from "./snapFetch.js";
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
+import { cache as e } from "../core/cache.js";
+import { snapFetch as t } from "./snapFetch.js";
 //#region utils/snapdom/src/modules/images.js
-var t = "http://www.w3.org/1999/xlink";
-function n(e) {
-	return e.getAttribute("href") || e.getAttribute("xlink:href") || (typeof e.getAttributeNS == "function" ? e.getAttributeNS(t, "href") : null);
-}
+var n = "http://www.w3.org/1999/xlink";
 function r(e) {
+	return e.getAttribute("href") || e.getAttribute("xlink:href") || (typeof e.getAttributeNS == "function" ? e.getAttributeNS(n, "href") : null);
+}
+function i(e) {
 	let t = parseInt(e.dataset?.snapdomWidth || "", 10) || 0, n = parseInt(e.dataset?.snapdomHeight || "", 10) || 0, r = parseInt(e.getAttribute("width") || "", 10) || 0, i = parseInt(e.getAttribute("height") || "", 10) || 0, a = parseFloat(e.style?.width || "") || 0, o = parseFloat(e.style?.height || "") || 0;
 	return {
 		width: t || a || r || e.width || e.naturalWidth || 100,
 		height: n || o || i || e.height || e.naturalHeight || 100
 	};
 }
-async function i(i, a = {}) {
-	let o = Array.from(i.querySelectorAll("img")), s = async (t) => {
-		if (!t.getAttribute("src")) {
-			let e = t.currentSrc || t.src || "";
-			e && t.setAttribute("src", e);
+async function a(a, o = {}) {
+	let s = Array.from(a.querySelectorAll("img")), c = async (n) => {
+		if (!n.getAttribute("src")) {
+			let e = n.currentSrc || n.src || "";
+			e && n.setAttribute("src", e);
+		}
+		n.removeAttribute("srcset"), n.removeAttribute("sizes");
+		let r = n.src || "";
+		if (!r) return;
+		let a = e.image?.get(r);
+		if (a) {
+			n.src = a, n.width ||= n.naturalWidth || 100, n.height ||= n.naturalHeight || 100;
+			return;
 		}
-		t.removeAttribute("srcset"), t.removeAttribute("sizes");
-		let n = t.src || "";
-		if (!n) return;
-		let i = await e(n, {
+		let s = await t(r, {
 			as: "dataURL",
-			useProxy: a.useProxy
+			useProxy: o.useProxy
 		});
-		if (i.ok && typeof i.data == "string" && i.data.startsWith("data:")) {
-			t.src = i.data, t.width ||= t.naturalWidth || 100, t.height ||= t.naturalHeight || 100;
+		if (s.ok && typeof s.data == "string" && s.data.startsWith("data:")) {
+			e.image?.set(r, s.data), n.src = s.data, n.width ||= n.naturalWidth || 100, n.height ||= n.naturalHeight || 100;
 			return;
 		}
-		let { width: o, height: s } = r(t), { fallbackURL: c } = a || {};
-		if (c) try {
-			let r = typeof c == "function" ? await c({
-				width: o,
-				height: s,
-				src: n,
-				element: t
-			}) : c;
-			if (r) {
-				let n = await e(r, {
+		let { width: c, height: l } = i(n), { fallbackURL: u } = o || {};
+		if (u) try {
+			let e = typeof u == "function" ? await u({
+				width: c,
+				height: l,
+				src: r,
+				element: n
+			}) : u;
+			if (e) {
+				let r = await t(e, {
 					as: "dataURL",
-					useProxy: a.useProxy
+					useProxy: o.useProxy
 				});
-				if (n?.ok && typeof n.data == "string") {
-					t.src = n.data, t.width ||= o, t.height ||= s;
+				if (r?.ok && typeof r.data == "string") {
+					n.src = r.data, n.width ||= c, n.height ||= l;
 					return;
 				}
 			}
 		} catch {}
-		if (a.placeholders !== !1) {
+		if (o.placeholders !== !1) {
 			let e = document.createElement("div");
 			e.style.cssText = [
-				`width:${o}px`,
-				`height:${s}px`,
+				`width:${c}px`,
+				`height:${l}px`,
 				"background:#ccc",
 				"display:inline-block",
 				"text-align:center",
-				`line-height:${s}px`,
+				`line-height:${l}px`,
 				"color:#666",
 				"font-size:12px",
 				"overflow:hidden"
-			].join(";"), e.textContent = "img", t.replaceWith(e);
+			].join(";"), e.textContent = "img", n.replaceWith(e);
 		} else {
 			let e = document.createElement("div");
-			e.style.cssText = `display:inline-block;width:${o}px;height:${s}px;visibility:hidden;`, t.replaceWith(e);
+			e.style.cssText = `display:inline-block;width:${c}px;height:${l}px;visibility:hidden;`, n.replaceWith(e);
 		}
 	};
-	for (let e = 0; e < o.length; e += 6) {
-		let t = o.slice(e, e + 6).map(s);
+	for (let e = 0; e < s.length; e += 6) {
+		let t = s.slice(e, e + 6).map(c);
 		await Promise.allSettled(t);
 	}
-	let c = Array.from(i.querySelectorAll("image")), l = async (r) => {
-		let i = n(r);
+	let l = Array.from(a.querySelectorAll("image")), u = async (e) => {
+		let i = r(e);
 		if (!i || i.startsWith("data:") || i.startsWith("blob:")) return;
-		let o = await e(i, {
+		let a = await t(i, {
 			as: "dataURL",
-			useProxy: a.useProxy
+			useProxy: o.useProxy
 		});
-		o.ok && typeof o.data == "string" && o.data.startsWith("data:") && (r.setAttribute("href", o.data), r.removeAttribute("xlink:href"), typeof r.removeAttributeNS == "function" && r.removeAttributeNS(t, "href"));
+		a.ok && typeof a.data == "string" && a.data.startsWith("data:") && (e.setAttribute("href", a.data), e.removeAttribute("xlink:href"), typeof e.removeAttributeNS == "function" && e.removeAttributeNS(n, "href"));
 	};
-	for (let e = 0; e < c.length; e += 6) {
-		let t = c.slice(e, e + 6).map(l);
+	for (let e = 0; e < l.length; e += 6) {
+		let t = l.slice(e, e + 6).map(u);
 		await Promise.allSettled(t);
 	}
 }
 //#endregion
-export { i as inlineImages };
+export { a as inlineImages };
 /* 独立思考，明辨是非 */

package/snapdom/src/modules/lineClamp.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
 //#region utils/snapdom/src/modules/lineClamp.js
 function e(e) {
 	if (!e) return () => {};

package/snapdom/src/modules/pictureResolver.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
 //#region utils/snapdom/src/modules/pictureResolver.js
 function e(e) {
 	return !!(!e || e.startsWith("data:") || e.startsWith("blob:") || /^data:image\/(gif|png|svg)/.test(e) && e.length < 200);

package/snapdom/src/modules/pseudo.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
 import { cache as e } from "../core/cache.js";
 import { getStyle as t, getStyleKey as n, snapshotComputedStyle as r, splitBackgroundImage as i } from "../utils/css.js";
 import { debugWarn as a } from "../utils/debug.js";

package/snapdom/src/modules/rasterize.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
 import { toCanvas as e } from "../exporters/toCanvas.js";
 //#region utils/snapdom/src/modules/rasterize.js
 async function t(t, n) {

package/snapdom/src/modules/snapFetch.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:04:10 星期三 山东省济南市 */
+/* 潘启宝 2026-06-26 17:14:46 星期五 山东省济南市 */
 import { safeEncodeURI as e } from "../utils/helpers.js";
 //#region utils/snapdom/src/modules/snapFetch.js
 function t(e = "[snapDOM]", { ttlMs: t = 5 * 6e4, maxEntries: n = 12 } = {}) {