@maizzle/framework 6.0.0-rc.1 → 6.0.0-rc.11

package/dist/transformers/entities.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"entities.d.mts","names":[],"sources":["../../src/transformers/entities.ts"],"mappings":";;;;iBA2BgB,QAAA,CAAS,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,cAAA,GAAwB,SAAA"}
+{"version":3,"file":"entities.d.mts","names":[],"sources":["../../src/transformers/entities.ts"],"mappings":";;;;iBA8BgB,QAAA,CAAS,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,cAAA,GAAwB,SAAA"}

package/dist/transformers/entities.mjs

@@ -7,7 +7,10 @@ const DEFAULT_ENTITIES = {
 	"‍": "‍",
 	"‌": "‌",
 	"\xA0": " ",
+	"­": "­",
 	"​": "​",
+	" ": " ",
+	"͏": "͏",
 	" ": " ",
 	"\u2028": "&LineSeparator;",
 	"\u2029": "&ParagraphSeparator;",

package/dist/transformers/entities.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"entities.mjs","names":["merge"],"sources":["../../src/transformers/entities.ts"],"sourcesContent":["import { defu as merge } from 'defu'\nimport { walk } from '../utils/ast/index.ts'\nimport type { ChildNode } from 'domhandler'\nimport type { EntitiesConfig } from '../types/index.ts'\n\nconst DEFAULT_ENTITIES: Record<string, string> = {\n  '\\u200D': '&zwj;',\n  '\\u200C': '&zwnj;',\n  '\\u00A0': '&nbsp;',\n  '\\u200B': '&#8203;',\n  '\\u2003': '&emsp;',\n  '\\u2028': '&LineSeparator;',\n  '\\u2029': '&ParagraphSeparator;',\n  '\\u00B7': '&middot;',\n  '\\u2013': '&ndash;',\n  '\\u2014': '&mdash;',\n  '\\u2018': '&lsquo;',\n  '\\u2019': '&rsquo;',\n  '\\u201C': '&ldquo;',\n  '\\u201D': '&rdquo;',\n  '\\u00AB': '&laquo;',\n  '\\u00BB': '&raquo;',\n  '\\u2022': '&bull;',\n  '\\u2039': '&lsaquo;',\n  '\\u203A': '&rsaquo;'\n}\n\nexport function entities(dom: ChildNode[], config: EntitiesConfig = true): ChildNode[] {\n  if (!config) return dom\n\n  const map = typeof config === 'object'\n    ? merge(config as Record<string, string>, DEFAULT_ENTITIES)\n    : DEFAULT_ENTITIES\n\n  walk(dom, (node) => {\n    if (node.type === 'text') {\n      for (const [char, entity] of Object.entries(map)) {\n        node.data = node.data.split(char).join(entity)\n      }\n    }\n  })\n\n  return dom\n}\n"],"mappings":";;;;;AAKA,MAAM,mBAA2C;CAC/C,KAAU;CACV,KAAU;CACV,QAAU;CACV,KAAU;CACV,KAAU;CACV,UAAU;CACV,UAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACX;AAED,SAAgB,SAAS,KAAkB,SAAyB,MAAmB;AACrF,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,MAAM,OAAO,WAAW,WAC1BA,KAAM,QAAkC,iBAAiB,GACzD;AAEJ,MAAK,MAAM,SAAS;AAClB,MAAI,KAAK,SAAS,OAChB,MAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,IAAI,CAC9C,MAAK,OAAO,KAAK,KAAK,MAAM,KAAK,CAAC,KAAK,OAAO;GAGlD;AAEF,QAAO"}
+{"version":3,"file":"entities.mjs","names":["merge"],"sources":["../../src/transformers/entities.ts"],"sourcesContent":["import { defu as merge } from 'defu'\nimport { walk } from '../utils/ast/index.ts'\nimport type { ChildNode } from 'domhandler'\nimport type { EntitiesConfig } from '../types/index.ts'\n\nconst DEFAULT_ENTITIES: Record<string, string> = {\n  '\\u200D': '&zwj;',\n  '\\u200C': '&zwnj;',\n  '\\u00A0': '&nbsp;',\n  '\\u00AD': '&shy;',\n  '\\u200B': '&#8203;',\n  '\\u2007': '&#8199;',\n  '\\u034F': '&#847;',\n  '\\u2003': '&emsp;',\n  '\\u2028': '&LineSeparator;',\n  '\\u2029': '&ParagraphSeparator;',\n  '\\u00B7': '&middot;',\n  '\\u2013': '&ndash;',\n  '\\u2014': '&mdash;',\n  '\\u2018': '&lsquo;',\n  '\\u2019': '&rsquo;',\n  '\\u201C': '&ldquo;',\n  '\\u201D': '&rdquo;',\n  '\\u00AB': '&laquo;',\n  '\\u00BB': '&raquo;',\n  '\\u2022': '&bull;',\n  '\\u2039': '&lsaquo;',\n  '\\u203A': '&rsaquo;'\n}\n\nexport function entities(dom: ChildNode[], config: EntitiesConfig = true): ChildNode[] {\n  if (!config) return dom\n\n  const map = typeof config === 'object'\n    ? merge(config as Record<string, string>, DEFAULT_ENTITIES)\n    : DEFAULT_ENTITIES\n\n  walk(dom, (node) => {\n    if (node.type === 'text') {\n      for (const [char, entity] of Object.entries(map)) {\n        node.data = node.data.split(char).join(entity)\n      }\n    }\n  })\n\n  return dom\n}\n"],"mappings":";;;;;AAKA,MAAM,mBAA2C;CAC/C,KAAU;CACV,KAAU;CACV,QAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,UAAU;CACV,UAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACV,KAAU;CACX;AAED,SAAgB,SAAS,KAAkB,SAAyB,MAAmB;AACrF,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,MAAM,OAAO,WAAW,WAC1BA,KAAM,QAAkC,iBAAiB,GACzD;AAEJ,MAAK,MAAM,SAAS;AAClB,MAAI,KAAK,SAAS,OAChB,MAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,IAAI,CAC9C,MAAK,OAAO,KAAK,KAAK,MAAM,KAAK,CAAC,KAAK,OAAO;GAGlD;AAEF,QAAO"}

package/dist/transformers/filters/defaults.d.mts

@@ -0,0 +1,6 @@
+//#region src/transformers/filters/defaults.d.ts
+type FilterFunction = (str: string, value: string) => string;
+declare const defaults: Record<string, FilterFunction>;
+//#endregion
+export { FilterFunction, defaults };
+//# sourceMappingURL=defaults.d.mts.map

package/dist/transformers/filters/defaults.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.mts","names":[],"sources":["../../../src/transformers/filters/defaults.ts"],"mappings":";KAAY,cAAA,IAAkB,GAAA,UAAa,KAAA;AAAA,cAgB9B,QAAA,EAAU,MAAA,SAAe,cAAA"}

package/dist/transformers/filters/defaults.mjs

@@ -0,0 +1,78 @@
+//#region src/transformers/filters/defaults.ts
+const escapeMap = {
+	"\"": """,
+	"&": "&",
+	"'": "'",
+	"<": "&lt;",
+	">": "&gt;"
+};
+const escapeRegex = /["&'<>]/g;
+function escapeHtml(str) {
+	return str.replace(escapeRegex, (ch) => escapeMap[ch]);
+}
+const defaults = {
+	append: (str, value) => str + value,
+	prepend: (str, value) => value + str,
+	uppercase: (str) => str.toUpperCase(),
+	lowercase: (str) => str.toLowerCase(),
+	capitalize: (str) => str.charAt(0).toUpperCase() + str.slice(1),
+	ceil: (str) => String(Math.ceil(Number.parseFloat(str))),
+	floor: (str) => String(Math.floor(Number.parseFloat(str))),
+	round: (str) => String(Math.round(Number.parseFloat(str))),
+	escape: (str) => escapeHtml(str),
+	"escape-once": (str) => {
+		return escapeHtml(str.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&#34;/g, "\"").replace(/&quot;/g, "\"").replace(/&#39;/g, "'").replace(/&apos;/g, "'"));
+	},
+	lstrip: (str) => str.trimStart(),
+	rstrip: (str) => str.trimEnd(),
+	trim: (str) => str.trim(),
+	minus: (str, value) => String(Number.parseFloat(str) - Number.parseFloat(value)),
+	plus: (str, value) => String(Number.parseFloat(str) + Number.parseFloat(value)),
+	multiply: (str, value) => String(Number.parseFloat(str) * Number.parseFloat(value)),
+	times: (str, value) => String(Number.parseFloat(str) * Number.parseFloat(value)),
+	"divide-by": (str, value) => String(Number.parseFloat(str) / Number.parseFloat(value)),
+	divide: (str, value) => String(Number.parseFloat(str) / Number.parseFloat(value)),
+	modulo: (str, value) => String(Number.parseFloat(str) % Number.parseFloat(value)),
+	"newline-to-br": (str) => str.replace(/\n/g, "<br>"),
+	"strip-newlines": (str) => str.replace(/\n/g, ""),
+	remove: (str, value) => str.split(value).join(""),
+	"remove-first": (str, value) => {
+		const i = str.indexOf(value);
+		return i === -1 ? str : str.slice(0, i) + str.slice(i + value.length);
+	},
+	replace: (str, value) => {
+		const [search = "", replacement = ""] = value.split("|");
+		return str.split(search).join(replacement);
+	},
+	"replace-first": (str, value) => {
+		const [search = "", replacement = ""] = value.split("|");
+		const i = str.indexOf(search);
+		return i === -1 ? str : str.slice(0, i) + replacement + str.slice(i + search.length);
+	},
+	size: (str) => String(str.length),
+	slice: (str, value) => {
+		const args = value.split(",").map((s) => Number.parseInt(s.trim(), 10));
+		return str.slice(args[0], args[1]);
+	},
+	truncate: (str, value) => {
+		const commaIndex = value.indexOf(",");
+		const length = Number.parseInt(commaIndex === -1 ? value : value.slice(0, commaIndex), 10);
+		const ellipsis = commaIndex === -1 ? "..." : value.slice(commaIndex + 1);
+		if (str.length <= length) return str;
+		return str.slice(0, length) + ellipsis;
+	},
+	"truncate-words": (str, value) => {
+		const commaIndex = value.indexOf(",");
+		const count = Number.parseInt(commaIndex === -1 ? value : value.slice(0, commaIndex), 10);
+		const ellipsis = commaIndex === -1 ? "..." : value.slice(commaIndex + 1);
+		const words = str.split(/\s+/).filter(Boolean);
+		if (words.length <= count) return str;
+		return words.slice(0, count).join(" ") + ellipsis;
+	},
+	"url-decode": (str) => decodeURIComponent(str.replace(/\+/g, " ")),
+	"url-encode": (str) => encodeURIComponent(str)
+};
+
+//#endregion
+export { defaults };
+//# sourceMappingURL=defaults.mjs.map

package/dist/transformers/filters/defaults.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.mjs","names":[],"sources":["../../../src/transformers/filters/defaults.ts"],"sourcesContent":["export type FilterFunction = (str: string, value: string) => string\n\nconst escapeMap: Record<string, string> = {\n  '\"': '&#34;',\n  '&': '&amp;',\n  \"'\": '&#39;',\n  '<': '&lt;',\n  '>': '&gt;',\n}\n\nconst escapeRegex = /[\"&'<>]/g\n\nfunction escapeHtml(str: string): string {\n  return str.replace(escapeRegex, ch => escapeMap[ch])\n}\n\nexport const defaults: Record<string, FilterFunction> = {\n  append: (str, value) => str + value,\n  prepend: (str, value) => value + str,\n  uppercase: str => str.toUpperCase(),\n  lowercase: str => str.toLowerCase(),\n  capitalize: str => str.charAt(0).toUpperCase() + str.slice(1),\n  ceil: str => String(Math.ceil(Number.parseFloat(str))),\n  floor: str => String(Math.floor(Number.parseFloat(str))),\n  round: str => String(Math.round(Number.parseFloat(str))),\n  escape: str => escapeHtml(str),\n  'escape-once': str => {\n    const decoded = str\n      .replace(/&amp;/g, '&')\n      .replace(/&lt;/g, '<')\n      .replace(/&gt;/g, '>')\n      .replace(/&#34;/g, '\"')\n      .replace(/&quot;/g, '\"')\n      .replace(/&#39;/g, \"'\")\n      .replace(/&apos;/g, \"'\")\n\n    return escapeHtml(decoded)\n  },\n  lstrip: str => str.trimStart(),\n  rstrip: str => str.trimEnd(),\n  trim: str => str.trim(),\n  minus: (str, value) => String(Number.parseFloat(str) - Number.parseFloat(value)),\n  plus: (str, value) => String(Number.parseFloat(str) + Number.parseFloat(value)),\n  multiply: (str, value) => String(Number.parseFloat(str) * Number.parseFloat(value)),\n  times: (str, value) => String(Number.parseFloat(str) * Number.parseFloat(value)),\n  'divide-by': (str, value) => String(Number.parseFloat(str) / Number.parseFloat(value)),\n  divide: (str, value) => String(Number.parseFloat(str) / Number.parseFloat(value)),\n  modulo: (str, value) => String(Number.parseFloat(str) % Number.parseFloat(value)),\n  'newline-to-br': str => str.replace(/\\n/g, '<br>'),\n  'strip-newlines': str => str.replace(/\\n/g, ''),\n  remove: (str, value) => str.split(value).join(''),\n  'remove-first': (str, value) => {\n    const i = str.indexOf(value)\n    return i === -1 ? str : str.slice(0, i) + str.slice(i + value.length)\n  },\n  replace: (str, value) => {\n    const [search = '', replacement = ''] = value.split('|')\n    return str.split(search).join(replacement)\n  },\n  'replace-first': (str, value) => {\n    const [search = '', replacement = ''] = value.split('|')\n    const i = str.indexOf(search)\n    return i === -1 ? str : str.slice(0, i) + replacement + str.slice(i + search.length)\n  },\n  size: str => String(str.length),\n  slice: (str, value) => {\n    const args = value.split(',').map(s => Number.parseInt(s.trim(), 10))\n    return str.slice(args[0], args[1])\n  },\n  truncate: (str, value) => {\n    const commaIndex = value.indexOf(',')\n    const length = Number.parseInt(commaIndex === -1 ? value : value.slice(0, commaIndex), 10)\n    const ellipsis = commaIndex === -1 ? '...' : value.slice(commaIndex + 1)\n\n    if (str.length <= length) return str\n\n    return str.slice(0, length) + ellipsis\n  },\n  'truncate-words': (str, value) => {\n    const commaIndex = value.indexOf(',')\n    const count = Number.parseInt(commaIndex === -1 ? value : value.slice(0, commaIndex), 10)\n    const ellipsis = commaIndex === -1 ? '...' : value.slice(commaIndex + 1)\n    const words = str.split(/\\s+/).filter(Boolean)\n\n    if (words.length <= count) return str\n\n    return words.slice(0, count).join(' ') + ellipsis\n  },\n  'url-decode': str => decodeURIComponent(str.replace(/\\+/g, ' ')),\n  'url-encode': str => encodeURIComponent(str),\n}\n"],"mappings":"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"}

package/dist/transformers/filters/index.d.mts

@@ -0,0 +1,22 @@
+import { FilterFunction } from "./defaults.mjs";
+import { ChildNode } from "domhandler";
+
+//#region src/transformers/filters/index.d.ts
+type FiltersConfig = false | Record<string, (str: string, value: string) => string>;
+/**
+ * Filters transformer.
+ *
+ * Applies transformation functions to the content of elements that
+ * have matching filter attributes. Multiple filters on the same element
+ * are executed in the order the attributes are defined.
+ *
+ * Default filters include string manipulation (uppercase, lowercase, trim, etc.),
+ * math operations (plus, minus, multiply, etc.), and more.
+ *
+ * Custom filters can be added via config, and will be merged with defaults.
+ * Set config to `false` to disable all filters.
+ */
+declare function filters(dom: ChildNode[], config?: FiltersConfig): ChildNode[];
+//#endregion
+export { type FilterFunction, FiltersConfig, filters };
+//# sourceMappingURL=index.d.mts.map

package/dist/transformers/filters/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../src/transformers/filters/index.ts"],"mappings":";;;;KAMY,aAAA,WAAwB,MAAA,UAAgB,GAAA,UAAa,KAAA;;AAAjE;;;;;;;;;AA4BA;;;iBAAgB,OAAA,CAAQ,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,aAAA,GAAqB,SAAA"}

package/dist/transformers/filters/index.mjs

@@ -0,0 +1,67 @@
+import { parse } from "../../utils/ast/parser.mjs";
+import { serialize } from "../../utils/ast/serializer.mjs";
+import "../../utils/ast/index.mjs";
+import { defaults } from "./defaults.mjs";
+import { Text } from "domhandler";
+
+//#region src/transformers/filters/index.ts
+/**
+* Process children before parents so nested filter elements work correctly.
+*/
+function walkBottomUp(nodes, callback) {
+	for (const node of [...nodes]) {
+		if ("children" in node && node.children?.length) walkBottomUp(node.children, callback);
+		callback(node);
+	}
+}
+/**
+* Filters transformer.
+*
+* Applies transformation functions to the content of elements that
+* have matching filter attributes. Multiple filters on the same element
+* are executed in the order the attributes are defined.
+*
+* Default filters include string manipulation (uppercase, lowercase, trim, etc.),
+* math operations (plus, minus, multiply, etc.), and more.
+*
+* Custom filters can be added via config, and will be merged with defaults.
+* Set config to `false` to disable all filters.
+*/
+function filters(dom, config = {}) {
+	if (config === false) return dom;
+	const allFilters = {
+		...defaults,
+		...config
+	};
+	const filterNames = new Set(Object.keys(allFilters));
+	walkBottomUp(dom, (node) => {
+		const el = node;
+		if (!el.attribs) return;
+		const matched = [];
+		for (const attr of Object.keys(el.attribs)) if (filterNames.has(attr)) matched.push({
+			name: attr,
+			value: el.attribs[attr]
+		});
+		if (matched.length === 0) return;
+		let content = serialize(el.children);
+		for (const { name, value } of matched) {
+			content = allFilters[name](content, value);
+			delete el.attribs[name];
+		}
+		if (content === "") el.children = [];
+		else if (/<[a-z/!]/i.test(content)) {
+			const newChildren = parse(content);
+			for (const child of newChildren) child.parent = el;
+			el.children = newChildren;
+		} else {
+			const textNode = new Text(content);
+			textNode.parent = el;
+			el.children = [textNode];
+		}
+	});
+	return dom;
+}
+
+//#endregion
+export { filters };
+//# sourceMappingURL=index.mjs.map

package/dist/transformers/filters/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/transformers/filters/index.ts"],"sourcesContent":["import { Text } from 'domhandler'\nimport type { ChildNode, Element } from 'domhandler'\nimport { parse, serialize } from '../../utils/ast/index.ts'\nimport { defaults } from './defaults.ts'\n\nexport type { FilterFunction } from './defaults.ts'\nexport type FiltersConfig = false | Record<string, (str: string, value: string) => string>\n\n/**\n * Process children before parents so nested filter elements work correctly.\n */\nfunction walkBottomUp(nodes: ChildNode[], callback: (node: ChildNode) => void): void {\n  for (const node of [...nodes]) {\n    if ('children' in node && node.children?.length) {\n      walkBottomUp(node.children as ChildNode[], callback)\n    }\n\n    callback(node)\n  }\n}\n\n/**\n * Filters transformer.\n *\n * Applies transformation functions to the content of elements that\n * have matching filter attributes. Multiple filters on the same element\n * are executed in the order the attributes are defined.\n *\n * Default filters include string manipulation (uppercase, lowercase, trim, etc.),\n * math operations (plus, minus, multiply, etc.), and more.\n *\n * Custom filters can be added via config, and will be merged with defaults.\n * Set config to `false` to disable all filters.\n */\nexport function filters(dom: ChildNode[], config: FiltersConfig = {}): ChildNode[] {\n  if (config === false) return dom\n\n  const allFilters = { ...defaults, ...config }\n  const filterNames = new Set(Object.keys(allFilters))\n\n  walkBottomUp(dom, (node) => {\n    const el = node as Element\n\n    if (!el.attribs) return\n\n    // Collect matching filter attributes in source order\n    const matched: Array<{ name: string; value: string }> = []\n\n    for (const attr of Object.keys(el.attribs)) {\n      if (filterNames.has(attr)) {\n        matched.push({ name: attr, value: el.attribs[attr] })\n      }\n    }\n\n    if (matched.length === 0) return\n\n    // Serialize children to get innerHTML\n    let content = serialize(el.children as ChildNode[])\n\n    // Apply each filter in attribute order\n    for (const { name, value } of matched) {\n      content = allFilters[name](content, value)\n      delete el.attribs[name]\n    }\n\n    // Replace children with the filtered content\n    if (content === '') {\n      el.children = []\n    } else if (/<[a-z/!]/i.test(content)) {\n      // Result contains HTML elements — parse back to DOM\n      const newChildren = parse(content)\n\n      for (const child of newChildren) {\n        child.parent = el as any\n      }\n\n      el.children = newChildren as ChildNode[]\n    } else {\n      // Text-only result — create a text node directly to preserve entity strings\n      const textNode = new Text(content)\n      textNode.parent = el as any\n      el.children = [textNode]\n    }\n  })\n\n  return dom\n}\n"],"mappings":";;;;;;;;;;AAWA,SAAS,aAAa,OAAoB,UAA2C;AACnF,MAAK,MAAM,QAAQ,CAAC,GAAG,MAAM,EAAE;AAC7B,MAAI,cAAc,QAAQ,KAAK,UAAU,OACvC,cAAa,KAAK,UAAyB,SAAS;AAGtD,WAAS,KAAK;;;;;;;;;;;;;;;;AAiBlB,SAAgB,QAAQ,KAAkB,SAAwB,EAAE,EAAe;AACjF,KAAI,WAAW,MAAO,QAAO;CAE7B,MAAM,aAAa;EAAE,GAAG;EAAU,GAAG;EAAQ;CAC7C,MAAM,cAAc,IAAI,IAAI,OAAO,KAAK,WAAW,CAAC;AAEpD,cAAa,MAAM,SAAS;EAC1B,MAAM,KAAK;AAEX,MAAI,CAAC,GAAG,QAAS;EAGjB,MAAM,UAAkD,EAAE;AAE1D,OAAK,MAAM,QAAQ,OAAO,KAAK,GAAG,QAAQ,CACxC,KAAI,YAAY,IAAI,KAAK,CACvB,SAAQ,KAAK;GAAE,MAAM;GAAM,OAAO,GAAG,QAAQ;GAAO,CAAC;AAIzD,MAAI,QAAQ,WAAW,EAAG;EAG1B,IAAI,UAAU,UAAU,GAAG,SAAwB;AAGnD,OAAK,MAAM,EAAE,MAAM,WAAW,SAAS;AACrC,aAAU,WAAW,MAAM,SAAS,MAAM;AAC1C,UAAO,GAAG,QAAQ;;AAIpB,MAAI,YAAY,GACd,IAAG,WAAW,EAAE;WACP,YAAY,KAAK,QAAQ,EAAE;GAEpC,MAAM,cAAc,MAAM,QAAQ;AAElC,QAAK,MAAM,SAAS,YAClB,OAAM,SAAS;AAGjB,MAAG,WAAW;SACT;GAEL,MAAM,WAAW,IAAI,KAAK,QAAQ;AAClC,YAAS,SAAS;AAClB,MAAG,WAAW,CAAC,SAAS;;GAE1B;AAEF,QAAO"}

package/dist/transformers/index.d.mts

@@ -19,17 +19,19 @@ import { MaizzleConfig } from "../types/config.mjs";
  * 4.  CSS inliner
  * 5.  Remove attributes
  * 6.  Shorthand CSS
- * 7.  Add attributes
- * 8.  Base URL
- * 9.  URL query
- * 10. Purge CSS (serializes/parses internally around email-comb)
- * 11. Entities
+ * 7.  Six-digit HEX
+ * 8.  Add attributes
+ * 9.  Filters
+ * 10. Base URL
+ * 11. URL query
+ * 12. Purge CSS (serializes/parses internally around email-comb)
+ * 13. Entities
  * + Vue-generated comments stripped here (on serialized string)
- * 12. Replace strings
- * 13. Prettify
- * 14. Minify
+ * 14. Replace strings
+ * 15. Prettify
+ * 16. Minify
  */
-declare function runTransformers(html: string, config: MaizzleConfig, filePath?: string): Promise<string>;
+declare function runTransformers(html: string, config: MaizzleConfig, filePath?: string, doctype?: string): Promise<string>;
 //#endregion
 export { runTransformers };
 //# sourceMappingURL=index.d.mts.map

package/dist/transformers/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/transformers/index.ts"],"mappings":";;;;;AA8CA;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAsB,eAAA,CACpB,IAAA,UACA,MAAA,EAAQ,aAAA,EACR,QAAA,YACC,OAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/transformers/index.ts"],"mappings":";;;;;AAkDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAsB,eAAA,CACpB,IAAA,UACA,MAAA,EAAQ,aAAA,EACR,QAAA,WACA,OAAA,YACC,OAAA"}

package/dist/transformers/index.mjs

@@ -8,7 +8,9 @@ import { attributeToStyle } from "./attributeToStyle.mjs";
 import { inlineCSS } from "./inlineCSS.mjs";
 import { removeAttributes } from "./removeAttributes.mjs";
 import { shorthandCSS } from "./shorthandCSS.mjs";
+import { sixHex } from "./sixHex.mjs";
 import { addAttributes } from "./addAttributes.mjs";
+import { filters } from "./filters/index.mjs";
 import { base } from "./base.mjs";
 import { entities } from "./entities.mjs";
 import { urlQuery } from "./urlQuery.mjs";
@@ -36,17 +38,19 @@ import { minify } from "./minify.mjs";
 * 4.  CSS inliner
 * 5.  Remove attributes
 * 6.  Shorthand CSS
-* 7.  Add attributes
-* 8.  Base URL
-* 9.  URL query
-* 10. Purge CSS (serializes/parses internally around email-comb)
-* 11. Entities
+* 7.  Six-digit HEX
+* 8.  Add attributes
+* 9.  Filters
+* 10. Base URL
+* 11. URL query
+* 12. Purge CSS (serializes/parses internally around email-comb)
+* 13. Entities
 * + Vue-generated comments stripped here (on serialized string)
-* 12. Replace strings
-* 13. Prettify
-* 14. Minify
+* 14. Replace strings
+* 15. Prettify
+* 16. Minify
 */
-async function runTransformers(html, config, filePath) {
+async function runTransformers(html, config, filePath, doctype) {
 	let dom = parse(html);
 	dom = await inlineLink(dom, filePath);
 	dom = await tailwindcss(dom, config, filePath);
@@ -55,16 +59,20 @@ async function runTransformers(html, config, filePath) {
 	dom = inlineCSS(dom, config.css);
 	dom = removeAttributes(dom, config.html?.attributes);
 	dom = shorthandCSS(dom, config.css);
+	dom = sixHex(dom, config.css);
 	dom = addAttributes(dom, config.html?.attributes);
+	dom = filters(dom, config.filters);
 	dom = base(dom, config.url);
 	dom = urlQuery(dom, config.url);
 	dom = purgeCSS(dom, config.css);
 	dom = entities(dom, config.html?.decodeEntities);
-	let result = serialize(dom);
-	result = result.replaceAll("<!--[-->", "").replaceAll("<!--]-->", "");
+	const isXhtml = doctype ? /xhtml/i.test(doctype) : false;
+	let result = serialize(dom, { selfClosingTags: isXhtml });
+	result = result.replaceAll("<!--[-->", "").replaceAll("<!--]-->", "").replaceAll("<!--teleport start anchor-->", "").replaceAll("<!--teleport anchor-->", "").replaceAll("<!--teleport start-->", "").replaceAll("<!--teleport end-->", "");
 	result = replaceStrings(result, config);
 	result = await format(result, config);
 	result = minify(result, config);
+	if (!isXhtml) result = result.replace(/ \/>/g, ">");
 	return result;
 }
 

package/dist/transformers/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/transformers/index.ts"],"sourcesContent":["import { parse, serialize } from '../utils/ast/index.ts'\nimport { inlineLink } from './inlineLink.ts'\nimport { tailwindcss } from './tailwindcss.ts'\nimport { safeClassNames } from './safeClassNames.ts'\nimport { attributeToStyle } from './attributeToStyle.ts'\nimport { inlineCSS } from './inlineCSS.ts'\nimport { removeAttributes } from './removeAttributes.ts'\nimport { shorthandCSS } from './shorthandCSS.ts'\nimport { addAttributes } from './addAttributes.ts'\nimport { base } from './base.ts'\nimport { entities } from './entities.ts'\nimport { urlQuery } from './urlQuery.ts'\nimport { purgeCSS } from './purgeCSS.ts'\nimport { replaceStrings } from './replaceStrings.ts'\nimport { format } from './format.ts'\nimport { minify } from './minify.ts'\nimport type { MaizzleConfig } from '../types/config.ts'\n\n/**\n * Run all Maizzle transformers on the rendered HTML.\n *\n * The HTML is parsed into a DOM once at the start and passed through all\n * DOM-based transformers as a shared `ChildNode[]`. After all DOM transformers\n * complete, the DOM is serialized back to a string exactly once.\n *\n * String-only transformers (those that rely on external tools that require a\n * raw HTML string) then run on the serialized output.\n *\n * Transformers run in a specific order:\n * 0.  Inline link stylesheets — replace `<link rel=\"stylesheet\">` with `<style>` tags\n * 1.  Tailwind CSS — compile CSS, lower syntax, optimize (cleanup + merge media queries)\n * 2.  Safe class names\n * 3.  Attribute to style\n * 4.  CSS inliner\n * 5.  Remove attributes\n * 6.  Shorthand CSS\n * 7.  Add attributes\n * 8.  Base URL\n * 9.  URL query\n * 10. Purge CSS (serializes/parses internally around email-comb)\n * 11. Entities\n * + Vue-generated comments stripped here (on serialized string)\n * 12. Replace strings\n * 13. Prettify\n * 14. Minify\n */\nexport async function runTransformers(\n  html: string,\n  config: MaizzleConfig,\n  filePath?: string,\n): Promise<string> {\n  // Parse once — all DOM transformers share this array\n  let dom = parse(html)\n\n  // 0. Inline <link> stylesheets\n  dom = await inlineLink(dom, filePath)\n\n  // 1. Tailwind CSS — always runs first\n  dom = await tailwindcss(dom, config, filePath)\n\n  // 2. Safe class names\n  dom = safeClassNames(dom, config.css)\n\n  // 3. Attribute to style\n  dom = attributeToStyle(dom, config.css)\n\n  // 4. CSS inliner (serializes/parses internally around juice)\n  dom = inlineCSS(dom, config.css)\n\n  // 5. Remove attributes\n  dom = removeAttributes(dom, config.html?.attributes)\n\n  // 6. Shorthand CSS\n  dom = shorthandCSS(dom, config.css)\n\n  // 7. Add attributes\n  dom = addAttributes(dom, config.html?.attributes)\n\n  // 8. Base URL (serializes/parses internally for VML/MSO regex passes)\n  dom = base(dom, config.url)\n\n  // 9. URL query\n  dom = urlQuery(dom, config.url)\n\n  // 10. Purge CSS (serializes/parses internally around email-comb)\n  dom = purgeCSS(dom, config.css)\n\n  // 11. Entities\n  dom = entities(dom, config.html?.decodeEntities)\n\n  // Serialize once — remaining transformers operate on the HTML string\n  let result = serialize(dom)\n\n  // Remove Vue-generated comments after serializing\n  result = result\n    .replaceAll('<!--[-->', '')\n    .replaceAll('<!--]-->', '')\n\n  // 12. Replace strings\n  result = replaceStrings(result, config)\n\n  // 13. Format\n  result = await format(result, config)\n\n  // 14. Minify\n  result = minify(result, config)\n\n  return result\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,eAAsB,gBACpB,MACA,QACA,UACiB;CAEjB,IAAI,MAAM,MAAM,KAAK;AAGrB,OAAM,MAAM,WAAW,KAAK,SAAS;AAGrC,OAAM,MAAM,YAAY,KAAK,QAAQ,SAAS;AAG9C,OAAM,eAAe,KAAK,OAAO,IAAI;AAGrC,OAAM,iBAAiB,KAAK,OAAO,IAAI;AAGvC,OAAM,UAAU,KAAK,OAAO,IAAI;AAGhC,OAAM,iBAAiB,KAAK,OAAO,MAAM,WAAW;AAGpD,OAAM,aAAa,KAAK,OAAO,IAAI;AAGnC,OAAM,cAAc,KAAK,OAAO,MAAM,WAAW;AAGjD,OAAM,KAAK,KAAK,OAAO,IAAI;AAG3B,OAAM,SAAS,KAAK,OAAO,IAAI;AAG/B,OAAM,SAAS,KAAK,OAAO,IAAI;AAG/B,OAAM,SAAS,KAAK,OAAO,MAAM,eAAe;CAGhD,IAAI,SAAS,UAAU,IAAI;AAG3B,UAAS,OACN,WAAW,YAAY,GAAG,CAC1B,WAAW,YAAY,GAAG;AAG7B,UAAS,eAAe,QAAQ,OAAO;AAGvC,UAAS,MAAM,OAAO,QAAQ,OAAO;AAGrC,UAAS,OAAO,QAAQ,OAAO;AAE/B,QAAO"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/transformers/index.ts"],"sourcesContent":["import { parse, serialize } from '../utils/ast/index.ts'\nimport { inlineLink } from './inlineLink.ts'\nimport { tailwindcss } from './tailwindcss.ts'\nimport { safeClassNames } from './safeClassNames.ts'\nimport { attributeToStyle } from './attributeToStyle.ts'\nimport { inlineCSS } from './inlineCSS.ts'\nimport { removeAttributes } from './removeAttributes.ts'\nimport { shorthandCSS } from './shorthandCSS.ts'\nimport { sixHex } from './sixHex.ts'\nimport { addAttributes } from './addAttributes.ts'\nimport { filters } from './filters/index.ts'\nimport { base } from './base.ts'\nimport { entities } from './entities.ts'\nimport { urlQuery } from './urlQuery.ts'\nimport { purgeCSS } from './purgeCSS.ts'\nimport { replaceStrings } from './replaceStrings.ts'\nimport { format } from './format.ts'\nimport { minify } from './minify.ts'\nimport type { MaizzleConfig } from '../types/config.ts'\n\n/**\n * Run all Maizzle transformers on the rendered HTML.\n *\n * The HTML is parsed into a DOM once at the start and passed through all\n * DOM-based transformers as a shared `ChildNode[]`. After all DOM transformers\n * complete, the DOM is serialized back to a string exactly once.\n *\n * String-only transformers (those that rely on external tools that require a\n * raw HTML string) then run on the serialized output.\n *\n * Transformers run in a specific order:\n * 0.  Inline link stylesheets — replace `<link rel=\"stylesheet\">` with `<style>` tags\n * 1.  Tailwind CSS — compile CSS, lower syntax, optimize (cleanup + merge media queries)\n * 2.  Safe class names\n * 3.  Attribute to style\n * 4.  CSS inliner\n * 5.  Remove attributes\n * 6.  Shorthand CSS\n * 7.  Six-digit HEX\n * 8.  Add attributes\n * 9.  Filters\n * 10. Base URL\n * 11. URL query\n * 12. Purge CSS (serializes/parses internally around email-comb)\n * 13. Entities\n * + Vue-generated comments stripped here (on serialized string)\n * 14. Replace strings\n * 15. Prettify\n * 16. Minify\n */\nexport async function runTransformers(\n  html: string,\n  config: MaizzleConfig,\n  filePath?: string,\n  doctype?: string,\n): Promise<string> {\n  // Parse once — all DOM transformers share this array\n  let dom = parse(html)\n\n  // 0. Inline <link> stylesheets\n  dom = await inlineLink(dom, filePath)\n\n  // 1. Tailwind CSS — always runs first\n  dom = await tailwindcss(dom, config, filePath)\n\n  // 2. Safe class names\n  dom = safeClassNames(dom, config.css)\n\n  // 3. Attribute to style\n  dom = attributeToStyle(dom, config.css)\n\n  // 4. CSS inliner (serializes/parses internally around juice)\n  dom = inlineCSS(dom, config.css)\n\n  // 5. Remove attributes\n  dom = removeAttributes(dom, config.html?.attributes)\n\n  // 6. Shorthand CSS\n  dom = shorthandCSS(dom, config.css)\n\n  // 7. Six-digit HEX\n  dom = sixHex(dom, config.css)\n\n  // 8. Add attributes\n  dom = addAttributes(dom, config.html?.attributes)\n\n  // 9. Filters\n  dom = filters(dom, config.filters)\n\n  // 10. Base URL (serializes/parses internally for VML/MSO regex passes)\n  dom = base(dom, config.url)\n\n  // 11. URL query\n  dom = urlQuery(dom, config.url)\n\n  // 12. Purge CSS (serializes/parses internally around email-comb)\n  dom = purgeCSS(dom, config.css)\n\n  // 13. Entities\n  dom = entities(dom, config.html?.decodeEntities)\n\n  // Serialize once — remaining transformers operate on the HTML string\n  const isXhtml = doctype ? /xhtml/i.test(doctype) : false\n  let result = serialize(dom, { selfClosingTags: isXhtml })\n\n  // Remove Vue-generated comments after serializing\n  result = result\n    .replaceAll('<!--[-->', '')\n    .replaceAll('<!--]-->', '')\n    .replaceAll('<!--teleport start anchor-->', '')\n    .replaceAll('<!--teleport anchor-->', '')\n    .replaceAll('<!--teleport start-->', '')\n    .replaceAll('<!--teleport end-->', '')\n\n  // 14. Replace strings\n  result = replaceStrings(result, config)\n\n  // 15. Format\n  result = await format(result, config)\n\n  // 16. Minify\n  result = minify(result, config)\n\n  // Strip self-closing slashes for HTML5 doctypes\n  if (!isXhtml) {\n    result = result.replace(/ \\/>/g, '>')\n  }\n\n  return result\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,eAAsB,gBACpB,MACA,QACA,UACA,SACiB;CAEjB,IAAI,MAAM,MAAM,KAAK;AAGrB,OAAM,MAAM,WAAW,KAAK,SAAS;AAGrC,OAAM,MAAM,YAAY,KAAK,QAAQ,SAAS;AAG9C,OAAM,eAAe,KAAK,OAAO,IAAI;AAGrC,OAAM,iBAAiB,KAAK,OAAO,IAAI;AAGvC,OAAM,UAAU,KAAK,OAAO,IAAI;AAGhC,OAAM,iBAAiB,KAAK,OAAO,MAAM,WAAW;AAGpD,OAAM,aAAa,KAAK,OAAO,IAAI;AAGnC,OAAM,OAAO,KAAK,OAAO,IAAI;AAG7B,OAAM,cAAc,KAAK,OAAO,MAAM,WAAW;AAGjD,OAAM,QAAQ,KAAK,OAAO,QAAQ;AAGlC,OAAM,KAAK,KAAK,OAAO,IAAI;AAG3B,OAAM,SAAS,KAAK,OAAO,IAAI;AAG/B,OAAM,SAAS,KAAK,OAAO,IAAI;AAG/B,OAAM,SAAS,KAAK,OAAO,MAAM,eAAe;CAGhD,MAAM,UAAU,UAAU,SAAS,KAAK,QAAQ,GAAG;CACnD,IAAI,SAAS,UAAU,KAAK,EAAE,iBAAiB,SAAS,CAAC;AAGzD,UAAS,OACN,WAAW,YAAY,GAAG,CAC1B,WAAW,YAAY,GAAG,CAC1B,WAAW,gCAAgC,GAAG,CAC9C,WAAW,0BAA0B,GAAG,CACxC,WAAW,yBAAyB,GAAG,CACvC,WAAW,uBAAuB,GAAG;AAGxC,UAAS,eAAe,QAAQ,OAAO;AAGvC,UAAS,MAAM,OAAO,QAAQ,OAAO;AAGrC,UAAS,OAAO,QAAQ,OAAO;AAG/B,KAAI,CAAC,QACH,UAAS,OAAO,QAAQ,SAAS,IAAI;AAGvC,QAAO"}

package/dist/transformers/inlineCSS.d.mts

@@ -9,20 +9,7 @@ import { ChildNode } from "domhandler";
  * This is important for email client compatibility (especially Outlook on Windows).
  *
  * Enabled when `css.inline` is set to `true` or an object with options.
- *
- * Options:
- * - removeStyleTags: Remove style tags after inlining (default: false)
- * - removeInlinedSelectors: Remove classes after they've been inlined (default: true)
- * - preferUnitlessValues: Convert 0px, 0em, etc. to 0 (default: true)
- * - safelist: Selectors that should not be removed after inlining
- * - styleToAttribute: Map CSS properties to HTML attributes (e.g., background-color -> bgcolor)
- * - applyWidthAttributes: Add width attributes based on inline CSS (default: true)
- * - applyHeightAttributes: Add height attributes based on inline CSS (default: true)
- * - widthElements: Elements that can receive width attributes (default: ['img', 'video'])
- * - heightElements: Elements that can receive height attributes (default: ['img', 'video'])
- * - excludedProperties: CSS properties to exclude from inlining
- * - codeBlocks: Fenced code blocks to ignore (default: { EJS: { start: '<%', end: '%>' }, HBS: { start: '{{', end: '}}' } })
- * - customCSS: Additional CSS to inline
+ * All Juice options are supported and passed through directly.
  */
 declare function inlineCSS(dom: ChildNode[], config?: CssConfig): ChildNode[];
 //#endregion

package/dist/transformers/inlineCSS.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"inlineCSS.d.mts","names":[],"sources":["../../src/transformers/inlineCSS.ts"],"mappings":";;;;;;AA2CA;;;;;;;;;;;;;;;;;;;;iBAAgB,SAAA,CAAU,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,SAAA,GAAiB,SAAA"}
+{"version":3,"file":"inlineCSS.d.mts","names":[],"sources":["../../src/transformers/inlineCSS.ts"],"mappings":";;;;;;AAeA;;;;;;;iBAAgB,SAAA,CAAU,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,SAAA,GAAiB,SAAA"}

package/dist/transformers/inlineCSS.mjs

@@ -12,32 +12,17 @@ import juice from "juice";
 * This is important for email client compatibility (especially Outlook on Windows).
 *
 * Enabled when `css.inline` is set to `true` or an object with options.
-*
-* Options:
-* - removeStyleTags: Remove style tags after inlining (default: false)
-* - removeInlinedSelectors: Remove classes after they've been inlined (default: true)
-* - preferUnitlessValues: Convert 0px, 0em, etc. to 0 (default: true)
-* - safelist: Selectors that should not be removed after inlining
-* - styleToAttribute: Map CSS properties to HTML attributes (e.g., background-color -> bgcolor)
-* - applyWidthAttributes: Add width attributes based on inline CSS (default: true)
-* - applyHeightAttributes: Add height attributes based on inline CSS (default: true)
-* - widthElements: Elements that can receive width attributes (default: ['img', 'video'])
-* - heightElements: Elements that can receive height attributes (default: ['img', 'video'])
-* - excludedProperties: CSS properties to exclude from inlining
-* - codeBlocks: Fenced code blocks to ignore (default: { EJS: { start: '<%', end: '%>' }, HBS: { start: '{{', end: '}}' } })
-* - customCSS: Additional CSS to inline
+* All Juice options are supported and passed through directly.
 */
 function inlineCSS(dom, config = {}) {
 	const inline = config.inline;
 	if (!inline) return dom;
-	const options = typeof inline === "object" ? inline : {};
-	const removeStyleTags = options.removeStyleTags ?? false;
-	const customCSS = options.customCSS ?? "";
-	juice.styleToAttribute = options.styleToAttribute ?? {};
-	juice.excludedProperties = ["--tw-shadow", ...options.excludedProperties ?? []];
-	juice.widthElements = (options.widthElements ?? ["img", "video"]).map((i) => i.toUpperCase());
-	juice.heightElements = (options.heightElements ?? ["img", "video"]).map((i) => i.toUpperCase());
-	if (options.codeBlocks && typeof options.codeBlocks === "object") Object.entries(options.codeBlocks).forEach(([key, value]) => {
+	const { preferUnitlessValues = true, safelist, customCSS = "", styleToAttribute, excludedProperties, widthElements, heightElements, codeBlocks, ...juicePassthrough } = typeof inline === "object" ? inline : {};
+	juice.styleToAttribute = styleToAttribute ?? {};
+	juice.excludedProperties = ["--tw-shadow", ...excludedProperties ?? []];
+	juice.widthElements = (widthElements ?? ["img", "video"]).map((i) => i.toUpperCase());
+	juice.heightElements = (heightElements ?? ["img", "video"]).map((i) => i.toUpperCase());
+	if (codeBlocks && typeof codeBlocks === "object") Object.entries(codeBlocks).forEach(([key, value]) => {
 		if (value.start && value.end) juice.codeBlocks[key] = value;
 	});
 	walk(dom, (node) => {
@@ -45,31 +30,42 @@ function inlineCSS(dom, config = {}) {
 		if (el.name === "style" && el.attribs) {
 			if (el.attribs.embed && !("data-embed" in el.attribs)) el.attribs["data-embed"] = "";
 			if (el.attribs["data-embed"] && !("embed" in el.attribs)) el.attribs.embed = "";
+			if ("data-embed" in el.attribs) el.attribs["data-maizzle-embed"] = "";
 		}
 	});
 	const serialized = serialize(dom);
 	let inlinedHtml;
 	try {
-		const juiceOptions = {
-			removeStyleTags,
-			removeInlinedSelectors: options.removeInlinedSelectors ?? true,
-			preservedSelectors: options.safelist ?? [],
-			applyWidthAttributes: options.applyWidthAttributes ?? true,
-			applyHeightAttributes: options.applyHeightAttributes ?? true
-		};
-		if (customCSS) inlinedHtml = juice(serialized, {
-			...juiceOptions,
-			extraCss: customCSS
+		inlinedHtml = juice(serialized, {
+			removeStyleTags: juicePassthrough.removeStyleTags ?? false,
+			removeInlinedSelectors: juicePassthrough.removeInlinedSelectors ?? true,
+			applyWidthAttributes: juicePassthrough.applyWidthAttributes ?? true,
+			applyHeightAttributes: juicePassthrough.applyHeightAttributes ?? true,
+			preservedSelectors: safelist ?? [],
+			...customCSS ? { extraCss: customCSS } : {},
+			inlineDuplicateProperties: juicePassthrough.inlineDuplicateProperties ?? true,
+			...juicePassthrough
 		});
-		else inlinedHtml = juice(serialized, juiceOptions);
 	} catch {
 		return dom;
 	}
-	const preferUnitlessValues = options.preferUnitlessValues ?? true;
 	const result = parse(inlinedHtml);
-	if (preferUnitlessValues) walk(result, (node) => {
+	walk(result, (node) => {
 		const el = node;
-		if (el.attribs?.style) el.attribs.style = el.attribs.style.replace(/\b0(px|rem|em|%|vh|vw|vmin|vmax|in|cm|mm|pt|pc|ex|ch)\b/g, "0");
+		if (el.attribs?.style) {
+			let style = el.attribs.style.replace(/:\s*/g, ": ").replace(/;\s*/g, "; ").trimEnd();
+			if (!style.endsWith(";")) style += ";";
+			if (preferUnitlessValues) style = style.replace(/\b0(px|rem|em|%|vh|vw|vmin|vmax|in|cm|mm|pt|pc|ex|ch)\b/g, "0");
+			el.attribs.style = style;
+		}
+	});
+	walk(result, (node) => {
+		const el = node;
+		if (el.name === "style" && el.attribs && "data-maizzle-embed" in el.attribs) {
+			el.attribs["data-embed"] = "";
+			el.attribs.embed = "";
+			delete el.attribs["data-maizzle-embed"];
+		}
 	});
 	return result;
 }

package/dist/transformers/inlineCSS.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inlineCSS.mjs","names":[],"sources":["../../src/transformers/inlineCSS.ts"],"sourcesContent":["import juice from 'juice'\nimport { walk, parse, serialize } from '../utils/ast/index.ts'\nimport type { ChildNode, Element } from 'domhandler'\nimport type { Options as JuiceOptions } from 'juice'\nimport type { CssConfig } from '../types/config.ts'\n\ninterface InlineCssOptions {\n  removeStyleTags?: boolean\n  removeInlinedSelectors?: boolean\n  preferUnitlessValues?: boolean\n  safelist?: string[]\n  styleToAttribute?: Record<string, string>\n  applyWidthAttributes?: boolean\n  applyHeightAttributes?: boolean\n  widthElements?: string[]\n  heightElements?: string[]\n  excludedProperties?: string[]\n  codeBlocks?: Record<string, { start: string; end: string }>\n  customCSS?: string\n}\n\n/**\n * Inline CSS transformer.\n *\n * Inlines CSS from `<style>` tags into inline style attributes on HTML elements.\n * This is important for email client compatibility (especially Outlook on Windows).\n *\n * Enabled when `css.inline` is set to `true` or an object with options.\n *\n * Options:\n * - removeStyleTags: Remove style tags after inlining (default: false)\n * - removeInlinedSelectors: Remove classes after they've been inlined (default: true)\n * - preferUnitlessValues: Convert 0px, 0em, etc. to 0 (default: true)\n * - safelist: Selectors that should not be removed after inlining\n * - styleToAttribute: Map CSS properties to HTML attributes (e.g., background-color -> bgcolor)\n * - applyWidthAttributes: Add width attributes based on inline CSS (default: true)\n * - applyHeightAttributes: Add height attributes based on inline CSS (default: true)\n * - widthElements: Elements that can receive width attributes (default: ['img', 'video'])\n * - heightElements: Elements that can receive height attributes (default: ['img', 'video'])\n * - excludedProperties: CSS properties to exclude from inlining\n * - codeBlocks: Fenced code blocks to ignore (default: { EJS: { start: '<%', end: '%>' }, HBS: { start: '{{', end: '}}' } })\n * - customCSS: Additional CSS to inline\n */\nexport function inlineCSS(dom: ChildNode[], config: CssConfig = {}): ChildNode[] {\n  const inline = config.inline\n\n  // Disabled when inline is falsy or not an object/truthy\n  if (!inline) {\n    return dom\n  }\n\n  // Build options from config\n  const options: InlineCssOptions = typeof inline === 'object' ? inline : {}\n\n  const removeStyleTags = options.removeStyleTags ?? false\n  const customCSS = options.customCSS ?? ''\n\n  // Configure Juice static properties\n  juice.styleToAttribute = options.styleToAttribute ?? {}\n  juice.excludedProperties = ['--tw-shadow', ...(options.excludedProperties ?? [])]\n  juice.widthElements = (options.widthElements ?? ['img', 'video']).map(i => i.toUpperCase()) as unknown as HTMLElement[]\n  juice.heightElements = (options.heightElements ?? ['img', 'video']).map(i => i.toUpperCase()) as unknown as HTMLElement[]\n\n  // Add custom code blocks\n  if (options.codeBlocks && typeof options.codeBlocks === 'object') {\n    Object.entries(options.codeBlocks).forEach(([key, value]) => {\n      if (value.start && value.end) {\n        juice.codeBlocks[key] = value\n      }\n    })\n  }\n\n  // Handle style tags with embed attributes\n  walk(dom, (node) => {\n    const el = node as Element\n    if (el.name === 'style' && el.attribs) {\n      // Add data-embed to style tags with embed attribute\n      if (el.attribs.embed && !('data-embed' in el.attribs)) {\n        el.attribs['data-embed'] = ''\n      }\n      // Add embed to style tags with data-embed attribute\n      if (el.attribs['data-embed'] && !('embed' in el.attribs)) {\n        el.attribs.embed = ''\n      }\n    }\n  })\n\n  // Serialize for juice (juice requires a string)\n  const serialized = serialize(dom)\n\n  let inlinedHtml: string\n\n  try {\n    const juiceOptions: JuiceOptions = {\n      removeStyleTags,\n      removeInlinedSelectors: options.removeInlinedSelectors ?? true,\n      preservedSelectors: options.safelist ?? [],\n      applyWidthAttributes: options.applyWidthAttributes ?? true,\n      applyHeightAttributes: options.applyHeightAttributes ?? true,\n    }\n\n    if (customCSS) {\n      inlinedHtml = juice(serialized, { ...juiceOptions, extraCss: customCSS })\n    } else {\n      inlinedHtml = juice(serialized, juiceOptions)\n    }\n  } catch {\n    // If Juice fails, return the dom unchanged\n    return dom\n  }\n\n  // Post-process for preferUnitlessValues\n  const preferUnitlessValues = options.preferUnitlessValues ?? true\n  const result = parse(inlinedHtml)\n\n  if (preferUnitlessValues) {\n    walk(result, (node) => {\n      const el = node as Element\n      if (el.attribs?.style) {\n        el.attribs.style = el.attribs.style.replace(\n          /\\b0(px|rem|em|%|vh|vw|vmin|vmax|in|cm|mm|pt|pc|ex|ch)\\b/g,\n          '0'\n        )\n      }\n    })\n  }\n\n  return result\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,UAAU,KAAkB,SAAoB,EAAE,EAAe;CAC/E,MAAM,SAAS,OAAO;AAGtB,KAAI,CAAC,OACH,QAAO;CAIT,MAAM,UAA4B,OAAO,WAAW,WAAW,SAAS,EAAE;CAE1E,MAAM,kBAAkB,QAAQ,mBAAmB;CACnD,MAAM,YAAY,QAAQ,aAAa;AAGvC,OAAM,mBAAmB,QAAQ,oBAAoB,EAAE;AACvD,OAAM,qBAAqB,CAAC,eAAe,GAAI,QAAQ,sBAAsB,EAAE,CAAE;AACjF,OAAM,iBAAiB,QAAQ,iBAAiB,CAAC,OAAO,QAAQ,EAAE,KAAI,MAAK,EAAE,aAAa,CAAC;AAC3F,OAAM,kBAAkB,QAAQ,kBAAkB,CAAC,OAAO,QAAQ,EAAE,KAAI,MAAK,EAAE,aAAa,CAAC;AAG7F,KAAI,QAAQ,cAAc,OAAO,QAAQ,eAAe,SACtD,QAAO,QAAQ,QAAQ,WAAW,CAAC,SAAS,CAAC,KAAK,WAAW;AAC3D,MAAI,MAAM,SAAS,MAAM,IACvB,OAAM,WAAW,OAAO;GAE1B;AAIJ,MAAK,MAAM,SAAS;EAClB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,WAAW,GAAG,SAAS;AAErC,OAAI,GAAG,QAAQ,SAAS,EAAE,gBAAgB,GAAG,SAC3C,IAAG,QAAQ,gBAAgB;AAG7B,OAAI,GAAG,QAAQ,iBAAiB,EAAE,WAAW,GAAG,SAC9C,IAAG,QAAQ,QAAQ;;GAGvB;CAGF,MAAM,aAAa,UAAU,IAAI;CAEjC,IAAI;AAEJ,KAAI;EACF,MAAM,eAA6B;GACjC;GACA,wBAAwB,QAAQ,0BAA0B;GAC1D,oBAAoB,QAAQ,YAAY,EAAE;GAC1C,sBAAsB,QAAQ,wBAAwB;GACtD,uBAAuB,QAAQ,yBAAyB;GACzD;AAED,MAAI,UACF,eAAc,MAAM,YAAY;GAAE,GAAG;GAAc,UAAU;GAAW,CAAC;MAEzE,eAAc,MAAM,YAAY,aAAa;SAEzC;AAEN,SAAO;;CAIT,MAAM,uBAAuB,QAAQ,wBAAwB;CAC7D,MAAM,SAAS,MAAM,YAAY;AAEjC,KAAI,qBACF,MAAK,SAAS,SAAS;EACrB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,MACd,IAAG,QAAQ,QAAQ,GAAG,QAAQ,MAAM,QAClC,4DACA,IACD;GAEH;AAGJ,QAAO"}
+{"version":3,"file":"inlineCSS.mjs","names":[],"sources":["../../src/transformers/inlineCSS.ts"],"sourcesContent":["import juice from 'juice'\nimport { walk, parse, serialize } from '../utils/ast/index.ts'\nimport type { ChildNode, Element } from 'domhandler'\nimport type { Options as JuiceOptions } from 'juice'\nimport type { CssConfig } from '../types/config.ts'\n\n/**\n * Inline CSS transformer.\n *\n * Inlines CSS from `<style>` tags into inline style attributes on HTML elements.\n * This is important for email client compatibility (especially Outlook on Windows).\n *\n * Enabled when `css.inline` is set to `true` or an object with options.\n * All Juice options are supported and passed through directly.\n */\nexport function inlineCSS(dom: ChildNode[], config: CssConfig = {}): ChildNode[] {\n  const inline = config.inline\n\n  // Disabled when inline is falsy or not an object/truthy\n  if (!inline) {\n    return dom\n  }\n\n  // Build options from config\n  const options = typeof inline === 'object' ? inline : {}\n\n  // Separate Maizzle-specific options from Juice options\n  const {\n    preferUnitlessValues = true,\n    safelist,\n    customCSS = '',\n    styleToAttribute,\n    excludedProperties,\n    widthElements,\n    heightElements,\n    codeBlocks,\n    ...juicePassthrough\n  } = options\n\n  // Configure Juice static properties\n  juice.styleToAttribute = styleToAttribute ?? {}\n  juice.excludedProperties = ['--tw-shadow', ...(excludedProperties ?? [])]\n  juice.widthElements = (widthElements ?? ['img', 'video']).map(i => i.toUpperCase()) as unknown as HTMLElement[]\n  juice.heightElements = (heightElements ?? ['img', 'video']).map(i => i.toUpperCase()) as unknown as HTMLElement[]\n\n  // Add custom code blocks\n  if (codeBlocks && typeof codeBlocks === 'object') {\n    Object.entries(codeBlocks).forEach(([key, value]) => {\n      if (value.start && value.end) {\n        juice.codeBlocks[key] = value\n      }\n    })\n  }\n\n  // Handle style tags with embed attributes.\n  // We add a marker attribute that persists through the pipeline,\n  // then restore data-embed from it after Juice runs.\n  walk(dom, (node) => {\n    const el = node as Element\n    if (el.name === 'style' && el.attribs) {\n      // Sync data-embed ↔ embed\n      if (el.attribs.embed && !('data-embed' in el.attribs)) {\n        el.attribs['data-embed'] = ''\n      }\n      if (el.attribs['data-embed'] && !('embed' in el.attribs)) {\n        el.attribs.embed = ''\n      }\n\n      // Add marker that persists through the pipeline\n      if ('data-embed' in el.attribs) {\n        el.attribs['data-maizzle-embed'] = ''\n      }\n    }\n  })\n\n  // Serialize for juice (juice requires a string)\n  const serialized = serialize(dom)\n\n  let inlinedHtml: string\n\n  try {\n    const juiceOptions: JuiceOptions = {\n      removeStyleTags: juicePassthrough.removeStyleTags ?? false,\n      removeInlinedSelectors: juicePassthrough.removeInlinedSelectors ?? true,\n      applyWidthAttributes: juicePassthrough.applyWidthAttributes ?? true,\n      applyHeightAttributes: juicePassthrough.applyHeightAttributes ?? true,\n      preservedSelectors: safelist ?? [],\n      ...customCSS ? { extraCss: customCSS } : {},\n      inlineDuplicateProperties: juicePassthrough.inlineDuplicateProperties ?? true,\n      ...juicePassthrough,\n    }\n\n    inlinedHtml = juice(serialized, juiceOptions)\n  } catch {\n    // If Juice fails, return the dom unchanged\n    return dom\n  }\n\n  // Post-process for preferUnitlessValues\n  const result = parse(inlinedHtml)\n\n  walk(result, (node) => {\n    const el = node as Element\n    if (el.attribs?.style) {\n      // Normalize style formatting: ensure spaces after : and ;\n      let style = el.attribs.style\n        .replace(/:\\s*/g, ': ')\n        .replace(/;\\s*/g, '; ')\n        .trimEnd()\n\n      // Ensure trailing semicolon\n      if (!style.endsWith(';')) {\n        style += ';'\n      }\n\n      if (preferUnitlessValues) {\n        style = style.replace(\n          /\\b0(px|rem|em|%|vh|vw|vmin|vmax|in|cm|mm|pt|pc|ex|ch)\\b/g,\n          '0'\n        )\n      }\n\n      el.attribs.style = style\n    }\n  })\n\n  // Restore data-embed from our marker, then remove the marker.\n  // The purge step will handle final data-embed/embed removal.\n  walk(result, (node) => {\n    const el = node as Element\n    if (el.name === 'style' && el.attribs && 'data-maizzle-embed' in el.attribs) {\n      el.attribs['data-embed'] = ''\n      el.attribs.embed = ''\n      delete el.attribs['data-maizzle-embed']\n    }\n  })\n\n  return result\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAgB,UAAU,KAAkB,SAAoB,EAAE,EAAe;CAC/E,MAAM,SAAS,OAAO;AAGtB,KAAI,CAAC,OACH,QAAO;CAOT,MAAM,EACJ,uBAAuB,MACvB,UACA,YAAY,IACZ,kBACA,oBACA,eACA,gBACA,YACA,GAAG,qBAZW,OAAO,WAAW,WAAW,SAAS,EAAE;AAgBxD,OAAM,mBAAmB,oBAAoB,EAAE;AAC/C,OAAM,qBAAqB,CAAC,eAAe,GAAI,sBAAsB,EAAE,CAAE;AACzE,OAAM,iBAAiB,iBAAiB,CAAC,OAAO,QAAQ,EAAE,KAAI,MAAK,EAAE,aAAa,CAAC;AACnF,OAAM,kBAAkB,kBAAkB,CAAC,OAAO,QAAQ,EAAE,KAAI,MAAK,EAAE,aAAa,CAAC;AAGrF,KAAI,cAAc,OAAO,eAAe,SACtC,QAAO,QAAQ,WAAW,CAAC,SAAS,CAAC,KAAK,WAAW;AACnD,MAAI,MAAM,SAAS,MAAM,IACvB,OAAM,WAAW,OAAO;GAE1B;AAMJ,MAAK,MAAM,SAAS;EAClB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,WAAW,GAAG,SAAS;AAErC,OAAI,GAAG,QAAQ,SAAS,EAAE,gBAAgB,GAAG,SAC3C,IAAG,QAAQ,gBAAgB;AAE7B,OAAI,GAAG,QAAQ,iBAAiB,EAAE,WAAW,GAAG,SAC9C,IAAG,QAAQ,QAAQ;AAIrB,OAAI,gBAAgB,GAAG,QACrB,IAAG,QAAQ,wBAAwB;;GAGvC;CAGF,MAAM,aAAa,UAAU,IAAI;CAEjC,IAAI;AAEJ,KAAI;AAYF,gBAAc,MAAM,YAXe;GACjC,iBAAiB,iBAAiB,mBAAmB;GACrD,wBAAwB,iBAAiB,0BAA0B;GACnE,sBAAsB,iBAAiB,wBAAwB;GAC/D,uBAAuB,iBAAiB,yBAAyB;GACjE,oBAAoB,YAAY,EAAE;GAClC,GAAG,YAAY,EAAE,UAAU,WAAW,GAAG,EAAE;GAC3C,2BAA2B,iBAAiB,6BAA6B;GACzE,GAAG;GACJ,CAE4C;SACvC;AAEN,SAAO;;CAIT,MAAM,SAAS,MAAM,YAAY;AAEjC,MAAK,SAAS,SAAS;EACrB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,OAAO;GAErB,IAAI,QAAQ,GAAG,QAAQ,MACpB,QAAQ,SAAS,KAAK,CACtB,QAAQ,SAAS,KAAK,CACtB,SAAS;AAGZ,OAAI,CAAC,MAAM,SAAS,IAAI,CACtB,UAAS;AAGX,OAAI,qBACF,SAAQ,MAAM,QACZ,4DACA,IACD;AAGH,MAAG,QAAQ,QAAQ;;GAErB;AAIF,MAAK,SAAS,SAAS;EACrB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,WAAW,GAAG,WAAW,wBAAwB,GAAG,SAAS;AAC3E,MAAG,QAAQ,gBAAgB;AAC3B,MAAG,QAAQ,QAAQ;AACnB,UAAO,GAAG,QAAQ;;GAEpB;AAEF,QAAO"}

package/dist/transformers/purgeCSS.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"purgeCSS.d.mts","names":[],"sources":["../../src/transformers/purgeCSS.ts"],"mappings":";;;;;;AA+CA;;;;;;;;;;;;;iBAAgB,QAAA,CAAS,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,SAAA,GAAiB,SAAA"}
+{"version":3,"file":"purgeCSS.d.mts","names":[],"sources":["../../src/transformers/purgeCSS.ts"],"mappings":";;;;;;AAkDA;;;;;;;;;;;;;iBAAgB,QAAA,CAAS,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,SAAA,GAAiB,SAAA"}

package/dist/transformers/purgeCSS.mjs

@@ -1,7 +1,11 @@
 import { parse } from "../utils/ast/parser.mjs";
+import { walk } from "../utils/ast/walker.mjs";
 import { serialize } from "../utils/ast/serializer.mjs";
 import "../utils/ast/index.mjs";
 import { defu } from "defu";
+import postcss from "postcss";
+import safeParser from "postcss-safe-parser";
+import { selectAll } from "css-select";
 import { comb } from "email-comb";
 
 //#region src/transformers/purgeCSS.ts
@@ -57,8 +61,70 @@ function purgeCSS(dom, config = {}) {
 		...restUserOptions,
 		whitelist: [...DEFAULT_SAFELIST, ...userSafelist]
 	}, DEFAULT_OPTIONS);
+	const safelist = [...DEFAULT_SAFELIST, ...userSafelist];
+	dom = deepPurge(dom, safelist);
 	const { result } = comb(serialize(dom), options);
-	return parse(result);
+	let purgedDom = parse(result);
+	walk(purgedDom, (node) => {
+		const el = node;
+		if (el.name === "style" && el.attribs) {
+			delete el.attribs["data-embed"];
+			delete el.attribs.embed;
+		}
+	});
+	return purgedDom;
+}
+/**
+* Deep purge: uses PostCSS to parse CSS in non-embedded style tags,
+* then checks each selector against the DOM with css-select.
+* Removes rules where no selector matches any element.
+*/
+function isSafelisted(selector, safelist) {
+	return safelist.some((pattern) => {
+		if (pattern.startsWith("*") && pattern.endsWith("*")) return selector.includes(pattern.slice(1, -1));
+		if (pattern.endsWith("*")) return selector.startsWith(pattern.slice(0, -1));
+		if (pattern.startsWith("*")) return selector.endsWith(pattern.slice(1));
+		return selector === pattern;
+	});
+}
+function deepPurge(dom, safelist) {
+	walk(dom, (node) => {
+		const el = node;
+		if (el.name !== "style" || !el.attribs) return;
+		if ("data-embed" in el.attribs) return;
+		const textNode = el.children?.find((c) => c.type === "text");
+		if (!textNode?.data?.trim()) return;
+		const root = postcss.parse(textNode.data, { parser: safeParser });
+		root.walkRules((rule) => {
+			if (rule.parent?.type === "atrule") return;
+			const selectors = rule.selectors ?? [rule.selector];
+			const matched = selectors.filter((sel) => {
+				if (isSafelisted(sel, safelist)) return true;
+				if (/::[\w-]/.test(sel)) return true;
+				if (/(?<!:):(?!not\b|is\b|where\b|has\b)[\w-]/.test(sel.replace(/\\./g, ""))) return true;
+				try {
+					return selectAll(sel, dom).length > 0;
+				} catch {
+					return true;
+				}
+			});
+			if (matched.length === 0) rule.remove();
+			else if (matched.length < selectors.length) rule.selectors = matched;
+		});
+		root.walkAtRules((atRule) => {
+			if (atRule.nodes?.length === 0) atRule.remove();
+		});
+		const purgedCss = root.toString();
+		if (purgedCss.trim()) textNode.data = purgedCss;
+		else {
+			const parent = el.parent;
+			if (parent && "children" in parent) {
+				const idx = parent.children.indexOf(el);
+				if (idx !== -1) parent.children.splice(idx, 1);
+			}
+		}
+	});
+	return dom;
 }
 
 //#endregion