@maizzle/framework 6.0.0-rc.16 → 6.0.0-rc.17

package/dist/server/ui/pages/Preview.vue

@@ -56,6 +56,7 @@ const copied = ref(false)
 const iframeEl = ref<HTMLIFrameElement>()
 const compiledSourceEl = ref<HTMLElement>()
 const vueSourceEl = ref<HTMLElement>()
+const plaintextEl = ref<HTMLElement>()
 const containerEl = ref<HTMLElement>()
 const wrapperEl = ref<HTMLElement>()
 
@@ -282,19 +283,52 @@ async function fetchTemplate() {
   }
 }
 
+const sourceLoading = ref(false)
+const vueSourceLoading = ref(false)
+const plaintextLoading = ref(false)
+
 async function fetchSource() {
-  const res = await fetch(`/__maizzle/source/${route.params.template}`)
-  sourceHtml.value = await res.text()
+  if (sourceLoading.value) return
+  sourceLoading.value = true
+  try {
+    const res = await fetch(`/__maizzle/source/${route.params.template}`)
+    sourceHtml.value = await res.text()
+  } finally {
+    sourceLoading.value = false
+  }
 }
 
 async function fetchVueSource() {
-  const res = await fetch(`/__maizzle/vue-source/${route.params.template}`)
-  vueSourceHtml.value = await res.text()
+  if (vueSourceLoading.value) return
+  vueSourceLoading.value = true
+  try {
+    const res = await fetch(`/__maizzle/vue-source/${route.params.template}`)
+    vueSourceHtml.value = await res.text()
+  } finally {
+    vueSourceLoading.value = false
+  }
 }
 
 async function fetchPlaintext() {
-  const res = await fetch(`/__maizzle/plaintext/${route.params.template}`)
-  plaintextContent.value = await res.text()
+  if (plaintextLoading.value) return
+  plaintextLoading.value = true
+  try {
+    const res = await fetch(`/__maizzle/plaintext/${route.params.template}`)
+    plaintextContent.value = await res.text()
+  } finally {
+    plaintextLoading.value = false
+  }
+}
+
+/**
+ * Warm the three source views in the background so switching from the
+ * preview is instant. Single-flight guards above prevent duplication
+ * with any in-flight fetch from a view-switch watcher.
+ */
+function prefetchSources() {
+  if (!sourceHtml.value) fetchSource()
+  if (!vueSourceHtml.value) fetchVueSource()
+  if (!plaintextContent.value) fetchPlaintext()
 }
 
 async function fetchStats() {
@@ -368,7 +402,7 @@ watch(() => route.params.template, () => {
   stats.value = null
   emailResult.value = null
   sourceView.value = 'compiled'
-  fetchTemplate()
+  fetchTemplate().then(prefetchSources)
   fetchCompatibility()
   fetchStats()
   fetchEmailConfig()
@@ -396,23 +430,47 @@ watch(sourceView, (view) => {
   if (view === 'plaintext' && !plaintextContent.value) fetchPlaintext()
 })
 
+/**
+ * Preserve scrollTop across in-place content updates (HMR refetch).
+ * Vue's default `flush: 'pre'` runs the watcher BEFORE the DOM is
+ * updated — so we read the current scrollTop, then restore it on the
+ * next tick after the new content has rendered. Skip the case where
+ * the value transitions from empty (first paint / route change) so a
+ * fresh template doesn't snap to a stale offset.
+ */
+function viewportFor(el: HTMLElement | undefined): HTMLElement | null {
+  return (el?.closest('[data-slot="scroll-area-viewport"]') as HTMLElement | null) ?? null
+}
+
+function preserveScroll(getEl: () => HTMLElement | undefined) {
+  return async (newVal: string, oldVal: string) => {
+    if (!oldVal || !newVal) return
+    const vp = viewportFor(getEl())
+    if (!vp) return
+    const top = vp.scrollTop
+    await nextTick()
+    vp.scrollTop = top
+  }
+}
+
+watch(sourceHtml, preserveScroll(() => compiledSourceEl.value))
+watch(vueSourceHtml, preserveScroll(() => vueSourceEl.value))
+watch(plaintextContent, preserveScroll(() => plaintextEl.value))
+
 if ((import.meta as any).hot) {
   ;(import.meta as any).hot.on('maizzle:template-updated', () => {
-    fetchTemplate()
     fetchCompatibility()
     fetchStats()
 
-    // Always clear all source views so they re-fetch when switched to
-    sourceHtml.value = ''
-    vueSourceHtml.value = ''
-    plaintextContent.value = ''
-
-    // Re-fetch the active source view immediately if currently visible
-    if (viewMode.value === 'source') {
-      if (sourceView.value === 'compiled') fetchSource()
-      if (sourceView.value === 'vue') fetchVueSource()
-      if (sourceView.value === 'plaintext') fetchPlaintext()
-    }
+    // Refetch in place — don't clear the previous values first. v-html
+    // replaces the highlighted block atomically when the new content
+    // arrives, and the ScrollArea viewport keeps its scrollTop as long
+    // as the new content's height is similar. Plaintext interpolation
+    // updates a single text node, so scroll is naturally preserved.
+    fetchTemplate()
+    fetchSource()
+    fetchVueSource()
+    fetchPlaintext()
   })
 
   // Keep the UI in sync with live config edits. Payload is the same shape
@@ -747,6 +805,7 @@ const stripeBg = {
         </ScrollArea>
         <ScrollArea v-show="sourceView === 'plaintext'" class="h-full [&_[data-slot=scroll-area-viewport]>div]:flex [&_[data-slot=scroll-area-viewport]>div]:flex-col [&_[data-slot=scroll-area-viewport]>div]:min-h-full">
           <pre
+            ref="plaintextEl"
             class="p-6 pt-14 text-sm leading-6 flex-1 text-gray-300 bg-[#27212e] dark:bg-gray-950 whitespace-pre-wrap break-words"
           >{{ plaintextContent }}</pre>
         </ScrollArea>

package/dist/transformers/{addAttributes.d.mts → addAttributes.d.ts}

@@ -1,4 +1,4 @@
-import { AttributesConfig } from "../types/config.mjs";
+import { AttributesConfig } from "../types/config.js";
 import { ChildNode } from "domhandler";
 
 //#region src/transformers/addAttributes.d.ts
@@ -29,4 +29,4 @@ import { ChildNode } from "domhandler";
 declare function addAttributes(dom: ChildNode[], config?: AttributesConfig): ChildNode[];
 //#endregion
 export { addAttributes };
-//# sourceMappingURL=addAttributes.d.mts.map
+//# sourceMappingURL=addAttributes.d.ts.map

package/dist/transformers/addAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addAttributes.d.ts","names":[],"sources":["../../src/transformers/addAttributes.ts"],"mappings":";;;;;;AA2CA;;;;;;;;;;;;;;;;;;;;;;iBAAgB,aAAA,CAAc,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,gBAAA,GAAwB,SAAA"}

package/dist/transformers/{attributeToStyle.d.mts → attributeToStyle.d.ts}

@@ -1,4 +1,4 @@
-import { CssConfig } from "../types/config.mjs";
+import { CssConfig } from "../types/config.js";
 import { ChildNode } from "domhandler";
 
 //#region src/transformers/attributeToStyle.d.ts
@@ -22,4 +22,4 @@ import { ChildNode } from "domhandler";
 declare function attributeToStyle(dom: ChildNode[], config?: CssConfig): ChildNode[];
 //#endregion
 export { attributeToStyle };
-//# sourceMappingURL=attributeToStyle.d.mts.map
+//# sourceMappingURL=attributeToStyle.d.ts.map

package/dist/transformers/attributeToStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributeToStyle.d.ts","names":[],"sources":["../../src/transformers/attributeToStyle.ts"],"mappings":";;;;;;AA0BA;;;;;;;;;;;;;;;iBAAgB,gBAAA,CAAiB,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,SAAA,GAAiB,SAAA"}

package/dist/transformers/{base.d.mts → base.d.ts}

@@ -1,8 +1,8 @@
-import { UrlConfig } from "../types/config.mjs";
+import { UrlConfig } from "../types/config.js";
 import { ChildNode } from "domhandler";
 
 //#region src/transformers/base.d.ts
 declare function base(dom: ChildNode[], config?: UrlConfig): ChildNode[];
 //#endregion
 export { base };
-//# sourceMappingURL=base.d.mts.map
+//# sourceMappingURL=base.d.ts.map

package/dist/transformers/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","names":[],"sources":["../../src/transformers/base.ts"],"mappings":";;;;iBAwHgB,IAAA,CAAK,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,SAAA,GAAiB,SAAA"}

package/dist/transformers/{columnWidth.d.mts → columnWidth.d.ts}

@@ -28,4 +28,4 @@ import { ChildNode } from "domhandler";
 declare function columnWidth(dom: ChildNode[]): ChildNode[];
 //#endregion
 export { columnWidth };
-//# sourceMappingURL=columnWidth.d.mts.map
+//# sourceMappingURL=columnWidth.d.ts.map

package/dist/transformers/columnWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnWidth.d.ts","names":[],"sources":["../../src/transformers/columnWidth.ts"],"mappings":";;;;;AAwTA;;;;;;;;;;;;;;;;;;;;;;iBAAgB,WAAA,CAAY,GAAA,EAAK,SAAA,KAAc,SAAA"}

package/dist/transformers/{entities.d.mts → entities.d.ts}

@@ -1,8 +1,8 @@
-import { EntitiesConfig } from "../types/config.mjs";
+import { EntitiesConfig } from "../types/config.js";
 import { ChildNode } from "domhandler";
 
 //#region src/transformers/entities.d.ts
 declare function entities(dom: ChildNode[], config?: EntitiesConfig): ChildNode[];
 //#endregion
 export { entities };
-//# sourceMappingURL=entities.d.mts.map
+//# sourceMappingURL=entities.d.ts.map

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

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

package/dist/transformers/filters/{defaults.d.mts → defaults.d.ts}

@@ -3,4 +3,4 @@ type FilterFunction = (str: string, value: string) => string;
 declare const defaults: Record<string, FilterFunction>;
 //#endregion
 export { FilterFunction, defaults };
-//# sourceMappingURL=defaults.d.mts.map
+//# sourceMappingURL=defaults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","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/{index.d.mts → index.d.ts}

@@ -1,4 +1,4 @@
-import { FilterFunction } from "./defaults.mjs";
+import { FilterFunction } from "./defaults.js";
 import { ChildNode } from "domhandler";
 
 //#region src/transformers/filters/index.d.ts
@@ -19,4 +19,4 @@ type FiltersConfig = false | Record<string, (str: string, value: string) => stri
 declare function filters(dom: ChildNode[], config?: FiltersConfig): ChildNode[];
 //#endregion
 export { type FilterFunction, FiltersConfig, filters };
-//# sourceMappingURL=index.d.mts.map
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","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/{format.d.mts → format.d.ts}

@@ -1,4 +1,4 @@
-import { MaizzleConfig } from "../types/config.mjs";
+import { MaizzleConfig } from "../types/config.js";
 
 //#region src/transformers/format.d.ts
 /**
@@ -12,4 +12,4 @@ import { MaizzleConfig } from "../types/config.mjs";
 declare function format(html: string, config?: MaizzleConfig): Promise<string>;
 //#endregion
 export { format };
-//# sourceMappingURL=format.d.mts.map
+//# sourceMappingURL=format.d.ts.map

package/dist/transformers/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","names":[],"sources":["../../src/transformers/format.ts"],"mappings":";;;;;AAmBA;;;;;;iBAAsB,MAAA,CAAO,IAAA,UAAc,MAAA,GAAQ,aAAA,GAAqB,OAAA"}

package/dist/transformers/{index.d.mts → index.d.ts}

@@ -1,4 +1,5 @@
-import { MaizzleConfig } from "../types/config.mjs";
+import { MaizzleConfig } from "../types/config.js";
+import { TailwindBlock } from "../composables/renderContext.js";
 
 //#region src/transformers/index.d.ts
 /**
@@ -31,7 +32,7 @@ import { MaizzleConfig } from "../types/config.mjs";
  * 15. Prettify
  * 16. Minify
  */
-declare function runTransformers(html: string, config: MaizzleConfig, filePath?: string, doctype?: string): Promise<string>;
+declare function runTransformers(html: string, config: MaizzleConfig, filePath?: string, doctype?: string, tailwindBlocks?: TailwindBlock[]): Promise<string>;
 //#endregion
 export { runTransformers };
-//# sourceMappingURL=index.d.mts.map
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/transformers/index.mjs

@@ -2,6 +2,7 @@ import { parse } from "../utils/ast/parser.mjs";
 import { serialize } from "../utils/ast/serializer.mjs";
 import "../utils/ast/index.mjs";
 import { inlineLink } from "./inlineLink.mjs";
+import { tailwindComponent } from "./tailwindComponent.mjs";
 import { tailwindcss } from "./tailwindcss.mjs";
 import { safeClassNames } from "./safeClassNames.mjs";
 import { attributeToStyle } from "./attributeToStyle.mjs";
@@ -52,10 +53,11 @@ import { minify } from "./minify.mjs";
 * 15. Prettify
 * 16. Minify
 */
-async function runTransformers(html, config, filePath, doctype) {
+async function runTransformers(html, config, filePath, doctype, tailwindBlocks) {
 	html = html.replaceAll("<!--[-->", "").replaceAll("<!--]-->", "").replaceAll("<!--teleport start anchor-->", "").replaceAll("<!--teleport anchor-->", "").replaceAll("<!--teleport start-->", "").replaceAll("<!--teleport end-->", "");
 	let dom = parse(html);
 	dom = await inlineLink(dom, filePath);
+	if (tailwindBlocks?.length) dom = await tailwindComponent(dom, tailwindBlocks, config, filePath);
 	dom = await tailwindcss(dom, config, filePath);
 	dom = safeClassNames(dom, config.css);
 	dom = attributeToStyle(dom, config.css);

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 { msoWidthFromClass } from './msoWidthFromClass.ts'\nimport { columnWidth } from './columnWidth.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  // Strip Vue SSR fragment markers before parsing. They contain `-->`, which\n  // prematurely terminates conditional comments like `<!--[if mso]>...<![endif]-->`\n  // when htmlparser2 reads them, swallowing real markup into comment data.\n  html = html\n    .replaceAll('<!--[-->', '')\n    .replaceAll('<!--]-->', '')\n    .replaceAll('<!--teleport start anchor-->', '')\n    .replaceAll('<!--teleport anchor-->', '')\n    .replaceAll('<!--teleport start-->', '')\n    .replaceAll('<!--teleport end-->', '')\n\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  // 4.5. Resolve MSO width placeholders from inlined max-width/width\n  dom = msoWidthFromClass(dom)\n\n  // 4.6. Resolve Column min-width placeholders from nearest sized ancestor\n  dom = columnWidth(dom)\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  // 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,eAAsB,gBACpB,MACA,QACA,UACA,SACiB;AAIjB,QAAO,KACJ,WAAW,YAAY,GAAG,CAC1B,WAAW,YAAY,GAAG,CAC1B,WAAW,gCAAgC,GAAG,CAC9C,WAAW,0BAA0B,GAAG,CACxC,WAAW,yBAAyB,GAAG,CACvC,WAAW,uBAAuB,GAAG;CAGxC,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,kBAAkB,IAAI;AAG5B,OAAM,YAAY,IAAI;AAGtB,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,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"}
+{"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 { tailwindComponent } from './tailwindComponent.ts'\nimport { tailwindcss } from './tailwindcss.ts'\nimport { safeClassNames } from './safeClassNames.ts'\nimport { attributeToStyle } from './attributeToStyle.ts'\nimport { inlineCSS } from './inlineCSS.ts'\nimport { msoWidthFromClass } from './msoWidthFromClass.ts'\nimport { columnWidth } from './columnWidth.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'\nimport type { TailwindBlock } from '../composables/renderContext.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  tailwindBlocks?: TailwindBlock[],\n): Promise<string> {\n  // Strip Vue SSR fragment markers before parsing. They contain `-->`, which\n  // prematurely terminates conditional comments like `<!--[if mso]>...<![endif]-->`\n  // when htmlparser2 reads them, swallowing real markup into comment data.\n  html = html\n    .replaceAll('<!--[-->', '')\n    .replaceAll('<!--]-->', '')\n    .replaceAll('<!--teleport start anchor-->', '')\n    .replaceAll('<!--teleport anchor-->', '')\n    .replaceAll('<!--teleport start-->', '')\n    .replaceAll('<!--teleport end-->', '')\n\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  // 0.5. <Tailwind> component — compile per-block scoped CSS, inject into <head>\n  if (tailwindBlocks?.length) {\n    dom = await tailwindComponent(dom, tailwindBlocks, config, filePath)\n  }\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  // 4.5. Resolve MSO width placeholders from inlined max-width/width\n  dom = msoWidthFromClass(dom)\n\n  // 4.6. Resolve Column min-width placeholders from nearest sized ancestor\n  dom = columnWidth(dom)\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  // 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,eAAsB,gBACpB,MACA,QACA,UACA,SACA,gBACiB;AAIjB,QAAO,KACJ,WAAW,YAAY,GAAG,CAC1B,WAAW,YAAY,GAAG,CAC1B,WAAW,gCAAgC,GAAG,CAC9C,WAAW,0BAA0B,GAAG,CACxC,WAAW,yBAAyB,GAAG,CACvC,WAAW,uBAAuB,GAAG;CAGxC,IAAI,MAAM,MAAM,KAAK;AAGrB,OAAM,MAAM,WAAW,KAAK,SAAS;AAGrC,KAAI,gBAAgB,OAClB,OAAM,MAAM,kBAAkB,KAAK,gBAAgB,QAAQ,SAAS;AAItE,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,kBAAkB,IAAI;AAG5B,OAAM,YAAY,IAAI;AAGtB,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,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 → inlineCSS.d.ts}

@@ -1,4 +1,4 @@
-import { CssConfig } from "../types/config.mjs";
+import { CssConfig } from "../types/config.js";
 import { ChildNode } from "domhandler";
 
 //#region src/transformers/inlineCSS.d.ts
@@ -14,4 +14,4 @@ import { ChildNode } from "domhandler";
 declare function inlineCSS(dom: ChildNode[], config?: CssConfig): ChildNode[];
 //#endregion
 export { inlineCSS };
-//# sourceMappingURL=inlineCSS.d.mts.map
+//# sourceMappingURL=inlineCSS.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inlineCSS.d.ts","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

@@ -59,11 +59,17 @@ function inlineCSS(dom, config = {}) {
 			el.attribs.style = style;
 		}
 	});
+	/**
+	* Restore `embed` from our marker so the purge step can detect
+	* these tags and skip them. Drop `data-embed` (juice's name)
+	* since it's redundant once `embed` is back, and let purge
+	* strip `embed` itself at the end of its run.
+	*/
 	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-embed"];
 			delete el.attribs["data-maizzle-embed"];
 		}
 	});

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\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. Use `in` so presence-only attrs\n      // (<style embed> → attribs.embed === '') still count.\n      if ('embed' in el.attribs && !('data-embed' in el.attribs)) {\n        el.attribs['data-embed'] = ''\n      }\n      if ('data-embed' in el.attribs && !('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;AAGrC,OAAI,WAAW,GAAG,WAAW,EAAE,gBAAgB,GAAG,SAChD,IAAG,QAAQ,gBAAgB;AAE7B,OAAI,gBAAgB,GAAG,WAAW,EAAE,WAAW,GAAG,SAChD,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"}
+{"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. Use `in` so presence-only attrs\n      // (<style embed> → attribs.embed === '') still count.\n      if ('embed' in el.attribs && !('data-embed' in el.attribs)) {\n        el.attribs['data-embed'] = ''\n      }\n      if ('data-embed' in el.attribs && !('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  /**\n   * Restore `embed` from our marker so the purge step can detect\n   * these tags and skip them. Drop `data-embed` (juice's name)\n   * since it's redundant once `embed` is back, and let purge\n   * strip `embed` itself at the end of its run.\n   */\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.embed = ''\n      delete el.attribs['data-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;AAGrC,OAAI,WAAW,GAAG,WAAW,EAAE,gBAAgB,GAAG,SAChD,IAAG,QAAQ,gBAAgB;AAE7B,OAAI,gBAAgB,GAAG,WAAW,EAAE,WAAW,GAAG,SAChD,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;;;;;;;AAQF,MAAK,SAAS,SAAS;EACrB,MAAM,KAAK;AACX,MAAI,GAAG,SAAS,WAAW,GAAG,WAAW,wBAAwB,GAAG,SAAS;AAC3E,MAAG,QAAQ,QAAQ;AACnB,UAAO,GAAG,QAAQ;AAClB,UAAO,GAAG,QAAQ;;GAEpB;AAEF,QAAO"}

package/dist/transformers/{inlineLink.d.mts → inlineLink.d.ts}

@@ -11,4 +11,4 @@ import { ChildNode } from "domhandler";
 declare function inlineLink(dom: ChildNode[], filePath?: string): Promise<ChildNode[]>;
 //#endregion
 export { inlineLink };
-//# sourceMappingURL=inlineLink.d.mts.map
+//# sourceMappingURL=inlineLink.d.ts.map

package/dist/transformers/inlineLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inlineLink.d.ts","names":[],"sources":["../../src/transformers/inlineLink.ts"],"mappings":";;;;;AAYA;;;;;iBAAsB,UAAA,CAAW,GAAA,EAAK,SAAA,IAAa,QAAA,YAAoB,OAAA,CAAQ,SAAA"}

package/dist/transformers/{minify.d.mts → minify.d.ts}

@@ -1,4 +1,4 @@
-import { MaizzleConfig } from "../types/config.mjs";
+import { MaizzleConfig } from "../types/config.js";
 
 //#region src/transformers/minify.d.ts
 /**
@@ -14,4 +14,4 @@ import { MaizzleConfig } from "../types/config.mjs";
 declare function minify(html: string, config?: MaizzleConfig): string;
 //#endregion
 export { minify };
-//# sourceMappingURL=minify.d.mts.map
+//# sourceMappingURL=minify.d.ts.map

package/dist/transformers/minify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minify.d.ts","names":[],"sources":["../../src/transformers/minify.ts"],"mappings":";;;;;AAmBA;;;;;;;;iBAAgB,MAAA,CAAO,IAAA,UAAc,MAAA,GAAQ,aAAA"}

package/dist/transformers/{msoWidthFromClass.d.mts → msoWidthFromClass.d.ts}

@@ -16,4 +16,4 @@ import { ChildNode } from "domhandler";
 declare function msoWidthFromClass(dom: ChildNode[]): ChildNode[];
 //#endregion
 export { msoWidthFromClass };
-//# sourceMappingURL=msoWidthFromClass.d.mts.map
+//# sourceMappingURL=msoWidthFromClass.d.ts.map

package/dist/transformers/msoWidthFromClass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"msoWidthFromClass.d.ts","names":[],"sources":["../../src/transformers/msoWidthFromClass.ts"],"mappings":";;;;;AAkCA;;;;;;;;;;iBAAgB,iBAAA,CAAkB,GAAA,EAAK,SAAA,KAAc,SAAA"}

package/dist/transformers/{purgeCSS.d.mts → purgeCSS.d.ts}

@@ -1,4 +1,4 @@
-import { CssConfig } from "../types/config.mjs";
+import { CssConfig } from "../types/config.js";
 import { ChildNode } from "domhandler";
 
 //#region src/transformers/purgeCSS.d.ts
@@ -20,4 +20,4 @@ import { ChildNode } from "domhandler";
 declare function purgeCSS(dom: ChildNode[], config?: CssConfig): ChildNode[];
 //#endregion
 export { purgeCSS };
-//# sourceMappingURL=purgeCSS.d.mts.map
+//# sourceMappingURL=purgeCSS.d.ts.map

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

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

package/dist/transformers/purgeCSS.mjs

@@ -3,7 +3,6 @@ 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";
@@ -63,8 +62,51 @@ function purgeCSS(dom, config = {}) {
 	}, DEFAULT_OPTIONS);
 	const safelist = [...DEFAULT_SAFELIST, ...userSafelist];
 	dom = deepPurge(dom, safelist);
+	/**
+	* Shield embed style tags from email-comb. Comb has no skip option,
+	* so it strips CSS comments and drops class refs it can't match
+	* against visible CSS. Swap each embed tag's body for a unique
+	* stub rule (`.maizzle-keep-N{}`) so comb keeps the tag, then
+	* whitelist that stub plus every selector from the original
+	* CSS so comb leaves matching refs alone elsewhere — and
+	* finally restore the original CSS once comb has run.
+	*/
+	const stash = [];
+	const extraWhitelist = [];
+	walk(dom, (node) => {
+		const el = node;
+		if (el.name !== "style" || !el.attribs) return;
+		if (!("embed" in el.attribs) && !("data-embed" in el.attribs)) return;
+		const textNode = el.children?.find((c) => c.type === "text");
+		if (!textNode?.data) return;
+		const token = `.maizzle-keep-${stash.length}`;
+		extraWhitelist.push(token);
+		for (const m of textNode.data.matchAll(/(?<![\w-])[.#][a-zA-Z_][\w-]*/g)) extraWhitelist.push(m[0]);
+		stash.push({
+			token,
+			original: textNode.data,
+			textNode
+		});
+		textNode.data = `${token}{}`;
+	});
+	if (extraWhitelist.length) options.whitelist = [...options.whitelist ?? [], ...extraWhitelist];
 	const { result } = comb(serialize(dom), options);
+	/**
+	* Comb returns a fresh string, so we work off the post-parse tree:
+	* find each embed style tag whose body still starts with the stub
+	* token we planted earlier and swap the original CSS back in.
+	*/
 	let purgedDom = parse(result);
+	if (stash.length) walk(purgedDom, (node) => {
+		const el = node;
+		if (el.name !== "style" || !el.attribs) return;
+		if (!("embed" in el.attribs) && !("data-embed" in el.attribs)) return;
+		const textNode = el.children?.find((c) => c.type === "text");
+		if (!textNode?.data) return;
+		const trimmed = textNode.data.trim();
+		const match = stash.find((s) => trimmed === `${s.token}{}` || trimmed.startsWith(`${s.token}{`));
+		if (match) textNode.data = match.original;
+	});
 	walk(purgedDom, (node) => {
 		const el = node;
 		if (el.name === "style" && el.attribs) {
@@ -94,7 +136,7 @@ function deepPurge(dom, safelist) {
 		if ("data-embed" in el.attribs || "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 });
+		const root = safeParser(textNode.data);
 		root.walkRules((rule) => {
 			if (rule.parent?.type === "atrule") return;
 			const selectors = rule.selectors ?? [rule.selector];

package/dist/transformers/purgeCSS.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"purgeCSS.mjs","names":["merge"],"sources":["../../src/transformers/purgeCSS.ts"],"sourcesContent":["import { comb } from 'email-comb'\nimport { defu as merge } from 'defu'\nimport postcss from 'postcss'\nimport safeParser from 'postcss-safe-parser'\nimport { selectAll } from 'css-select'\nimport type { ChildNode, Element } from 'domhandler'\nimport { parse, serialize, walk } from '../utils/ast/index.ts'\nimport type { CssConfig } from '../types/config.ts'\n\nconst DEFAULT_SAFELIST: string[] = [\n  '*body*', // Gmail\n  '.gmail*', // Gmail\n  '.apple*', // Apple Mail\n  '.ios*', // Mail on iOS\n  '.ox-*', // Open-Xchange\n  '.outlook*', // Outlook.com\n  '[data-ogs*', // Outlook.com\n  '.bloop_container', // Airmail\n  '.Singleton', // Apple Mail 10\n  '.unused', // Notes 8\n  '.moz-text-html', // Thunderbird\n  '.mail-detail-content', // Comcast, Libero webmail\n  '*edo*', // Edison (all)\n  '#*', // Freenet uses #msgBody\n  '.lang*', // Fenced code blocks\n]\n\nconst DEFAULT_OPTIONS = {\n  backend: [\n    { heads: '{{', tails: '}}' },\n    { heads: '{%', tails: '%}' },\n  ],\n  whitelist: [...DEFAULT_SAFELIST],\n}\n\n/**\n * Remove unused CSS transformer.\n *\n * Uses `email-comb` to strip CSS selectors and corresponding class/id\n * references that are not matched anywhere in the HTML body.\n *\n * Enable by setting `css.purge: true` (or passing options).\n * The user-supplied options are merged on top of the defaults, so\n * `safelist` values are **appended** to the built-in safelist rather\n * than replacing it.\n *\n * Accepts `ChildNode[]` as input, serializes internally before passing\n * to email-comb (which requires a raw HTML string), then parses the\n * result back to `ChildNode[]` so it fits in the DOM pipeline.\n */\nexport function purgeCSS(dom: ChildNode[], config: CssConfig = {}): ChildNode[] {\n  const option = config.purge\n\n  if (!option) return dom\n\n  const userOptions = typeof option === 'object' ? option : {}\n\n  // Merge user options on top of defaults.\n  // defu merges objects deeply; for arrays it appends user values.\n  // We want the user safelist appended to the default safelist,\n  // so we build whitelist manually.\n  const userSafelist = Array.isArray((userOptions as any).safelist)\n    ? (userOptions as any).safelist as string[]\n    : []\n\n  const { safelist: _discard, ...restUserOptions } = userOptions as any\n\n  const options = merge(\n    { ...restUserOptions, whitelist: [...DEFAULT_SAFELIST, ...userSafelist] },\n    DEFAULT_OPTIONS,\n  )\n\n  // Deep purge first: DOM-aware selector removal using PostCSS + css-select.\n  // Runs before email-comb so that email-comb can clean up orphaned classes\n  // in HTML attributes left behind by removed CSS rules.\n  const safelist = [...DEFAULT_SAFELIST, ...userSafelist]\n  dom = deepPurge(dom, safelist)\n\n  const { result } = comb(serialize(dom), options)\n\n  let purgedDom = parse(result)\n\n  // Clean up data-embed/embed attributes — no longer needed after purging\n  walk(purgedDom, (node) => {\n    const el = node as Element\n    if (el.name === 'style' && el.attribs) {\n      delete el.attribs['data-embed']\n      delete el.attribs.embed\n    }\n  })\n\n  return purgedDom\n}\n\n/**\n * Deep purge: uses PostCSS to parse CSS in non-embedded style tags,\n * then checks each selector against the DOM with css-select.\n * Removes rules where no selector matches any element.\n */\nfunction isSafelisted(selector: string, safelist: string[]): boolean {\n  return safelist.some((pattern) => {\n    if (pattern.startsWith('*') && pattern.endsWith('*')) {\n      return selector.includes(pattern.slice(1, -1))\n    }\n    if (pattern.endsWith('*')) {\n      return selector.startsWith(pattern.slice(0, -1))\n    }\n    if (pattern.startsWith('*')) {\n      return selector.endsWith(pattern.slice(1))\n    }\n    return selector === pattern\n  })\n}\n\nfunction deepPurge(dom: ChildNode[], safelist: string[]): ChildNode[] {\n  walk(dom, (node) => {\n    const el = node as Element\n\n    if (el.name !== 'style' || !el.attribs) return\n    if ('data-embed' in el.attribs || 'embed' in el.attribs) return\n\n    const textNode = el.children?.find((c: any) => c.type === 'text') as any\n    if (!textNode?.data?.trim()) return\n\n    const root = postcss.parse(textNode.data, { parser: safeParser })\n\n    root.walkRules((rule) => {\n      // Skip rules inside @media or other at-rules — those may target\n      // states we can't match statically (hover, responsive, etc.)\n      if (rule.parent?.type === 'atrule') return\n\n      const selectors = rule.selectors ?? [rule.selector]\n      const matched = selectors.filter((sel) => {\n        // Keep safelisted selectors\n        if (isSafelisted(sel, safelist)) return true\n\n        // Skip pseudo-classes/elements that can't be matched statically.\n        // Functional pseudos like :not(), :is(), :where(), :has() are\n        // matchable by css-select, so we only skip dynamic/state ones.\n        if (/::[\\w-]/.test(sel)) return true\n        if (/(?<!:):(?!not\\b|is\\b|where\\b|has\\b)[\\w-]/.test(sel.replace(/\\\\./g, ''))) return true\n\n        try {\n          return selectAll(sel, dom).length > 0\n        } catch {\n          // If css-select can't parse the selector, keep it\n          return true\n        }\n      })\n\n      if (matched.length === 0) {\n        rule.remove()\n      } else if (matched.length < selectors.length) {\n        rule.selectors = matched\n      }\n    })\n\n    // Remove empty at-rules\n    root.walkAtRules((atRule) => {\n      if (atRule.nodes?.length === 0) {\n        atRule.remove()\n      }\n    })\n\n    const purgedCss = root.toString()\n\n    if (purgedCss.trim()) {\n      textNode.data = purgedCss\n    } else {\n      // Remove the style tag entirely if empty\n      const parent = el.parent\n      if (parent && 'children' in parent) {\n        const idx = parent.children.indexOf(el as any)\n        if (idx !== -1) parent.children.splice(idx, 1)\n      }\n    }\n  })\n\n  return dom\n}\n"],"mappings":"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"}
+{"version":3,"file":"purgeCSS.mjs","names":["merge"],"sources":["../../src/transformers/purgeCSS.ts"],"sourcesContent":["import { comb } from 'email-comb'\nimport { defu as merge } from 'defu'\nimport safeParser from 'postcss-safe-parser'\nimport { selectAll } from 'css-select'\nimport type { ChildNode, Element } from 'domhandler'\nimport { parse, serialize, walk } from '../utils/ast/index.ts'\nimport type { CssConfig } from '../types/config.ts'\n\nconst DEFAULT_SAFELIST: string[] = [\n  '*body*', // Gmail\n  '.gmail*', // Gmail\n  '.apple*', // Apple Mail\n  '.ios*', // Mail on iOS\n  '.ox-*', // Open-Xchange\n  '.outlook*', // Outlook.com\n  '[data-ogs*', // Outlook.com\n  '.bloop_container', // Airmail\n  '.Singleton', // Apple Mail 10\n  '.unused', // Notes 8\n  '.moz-text-html', // Thunderbird\n  '.mail-detail-content', // Comcast, Libero webmail\n  '*edo*', // Edison (all)\n  '#*', // Freenet uses #msgBody\n  '.lang*', // Fenced code blocks\n]\n\nconst DEFAULT_OPTIONS = {\n  backend: [\n    { heads: '{{', tails: '}}' },\n    { heads: '{%', tails: '%}' },\n  ],\n  whitelist: [...DEFAULT_SAFELIST],\n}\n\n/**\n * Remove unused CSS transformer.\n *\n * Uses `email-comb` to strip CSS selectors and corresponding class/id\n * references that are not matched anywhere in the HTML body.\n *\n * Enable by setting `css.purge: true` (or passing options).\n * The user-supplied options are merged on top of the defaults, so\n * `safelist` values are **appended** to the built-in safelist rather\n * than replacing it.\n *\n * Accepts `ChildNode[]` as input, serializes internally before passing\n * to email-comb (which requires a raw HTML string), then parses the\n * result back to `ChildNode[]` so it fits in the DOM pipeline.\n */\nexport function purgeCSS(dom: ChildNode[], config: CssConfig = {}): ChildNode[] {\n  const option = config.purge\n\n  if (!option) return dom\n\n  const userOptions = typeof option === 'object' ? option : {}\n\n  // Merge user options on top of defaults.\n  // defu merges objects deeply; for arrays it appends user values.\n  // We want the user safelist appended to the default safelist,\n  // so we build whitelist manually.\n  const userSafelist = Array.isArray((userOptions as any).safelist)\n    ? (userOptions as any).safelist as string[]\n    : []\n\n  const { safelist: _discard, ...restUserOptions } = userOptions as any\n\n  const options = merge(\n    { ...restUserOptions, whitelist: [...DEFAULT_SAFELIST, ...userSafelist] },\n    DEFAULT_OPTIONS,\n  )\n\n  // Deep purge first: DOM-aware selector removal using PostCSS + css-select.\n  // Runs before email-comb so that email-comb can clean up orphaned classes\n  // in HTML attributes left behind by removed CSS rules.\n  const safelist = [...DEFAULT_SAFELIST, ...userSafelist]\n  dom = deepPurge(dom, safelist)\n\n  /**\n   * Shield embed style tags from email-comb. Comb has no skip option,\n   * so it strips CSS comments and drops class refs it can't match\n   * against visible CSS. Swap each embed tag's body for a unique\n   * stub rule (`.maizzle-keep-N{}`) so comb keeps the tag, then\n   * whitelist that stub plus every selector from the original\n   * CSS so comb leaves matching refs alone elsewhere — and\n   * finally restore the original CSS once comb has run.\n   */\n  const stash: { token: string; original: string; textNode: any }[] = []\n  const extraWhitelist: string[] = []\n  walk(dom, (node) => {\n    const el = node as Element\n    if (el.name !== 'style' || !el.attribs) return\n    if (!('embed' in el.attribs) && !('data-embed' in el.attribs)) return\n    const textNode = el.children?.find((c: any) => c.type === 'text') as any\n    if (!textNode?.data) return\n    const idx = stash.length\n    const token = `.maizzle-keep-${idx}`\n    extraWhitelist.push(token)\n    for (const m of textNode.data.matchAll(/(?<![\\w-])[.#][a-zA-Z_][\\w-]*/g)) {\n      extraWhitelist.push(m[0])\n    }\n    stash.push({ token, original: textNode.data, textNode })\n    textNode.data = `${token}{}`\n  })\n\n  if (extraWhitelist.length) {\n    options.whitelist = [...(options.whitelist as string[] ?? []), ...extraWhitelist]\n  }\n\n  const { result } = comb(serialize(dom), options)\n\n  /**\n   * Comb returns a fresh string, so we work off the post-parse tree:\n   * find each embed style tag whose body still starts with the stub\n   * token we planted earlier and swap the original CSS back in.\n   */\n  let purgedDom = parse(result)\n\n  if (stash.length) {\n    walk(purgedDom, (node) => {\n      const el = node as Element\n      if (el.name !== 'style' || !el.attribs) return\n      if (!('embed' in el.attribs) && !('data-embed' in el.attribs)) return\n      const textNode = el.children?.find((c: any) => c.type === 'text') as any\n      if (!textNode?.data) return\n      const trimmed = textNode.data.trim()\n      const match = stash.find(s => trimmed === `${s.token}{}` || trimmed.startsWith(`${s.token}{`))\n      if (match) textNode.data = match.original\n    })\n  }\n\n  // Clean up data-embed/embed attributes — no longer needed after purging\n  walk(purgedDom, (node) => {\n    const el = node as Element\n    if (el.name === 'style' && el.attribs) {\n      delete el.attribs['data-embed']\n      delete el.attribs.embed\n    }\n  })\n\n  return purgedDom\n}\n\n/**\n * Deep purge: uses PostCSS to parse CSS in non-embedded style tags,\n * then checks each selector against the DOM with css-select.\n * Removes rules where no selector matches any element.\n */\nfunction isSafelisted(selector: string, safelist: string[]): boolean {\n  return safelist.some((pattern) => {\n    if (pattern.startsWith('*') && pattern.endsWith('*')) {\n      return selector.includes(pattern.slice(1, -1))\n    }\n    if (pattern.endsWith('*')) {\n      return selector.startsWith(pattern.slice(0, -1))\n    }\n    if (pattern.startsWith('*')) {\n      return selector.endsWith(pattern.slice(1))\n    }\n    return selector === pattern\n  })\n}\n\nfunction deepPurge(dom: ChildNode[], safelist: string[]): ChildNode[] {\n  walk(dom, (node) => {\n    const el = node as Element\n\n    if (el.name !== 'style' || !el.attribs) return\n    if ('data-embed' in el.attribs || 'embed' in el.attribs) return\n\n    const textNode = el.children?.find((c: any) => c.type === 'text') as any\n    if (!textNode?.data?.trim()) return\n\n    const root = safeParser(textNode.data)\n\n    root.walkRules((rule) => {\n      // Skip rules inside @media or other at-rules — those may target\n      // states we can't match statically (hover, responsive, etc.)\n      if (rule.parent?.type === 'atrule') return\n\n      const selectors = rule.selectors ?? [rule.selector]\n      const matched = selectors.filter((sel) => {\n        // Keep safelisted selectors\n        if (isSafelisted(sel, safelist)) return true\n\n        // Skip pseudo-classes/elements that can't be matched statically.\n        // Functional pseudos like :not(), :is(), :where(), :has() are\n        // matchable by css-select, so we only skip dynamic/state ones.\n        if (/::[\\w-]/.test(sel)) return true\n        if (/(?<!:):(?!not\\b|is\\b|where\\b|has\\b)[\\w-]/.test(sel.replace(/\\\\./g, ''))) return true\n\n        try {\n          return selectAll(sel, dom).length > 0\n        } catch {\n          // If css-select can't parse the selector, keep it\n          return true\n        }\n      })\n\n      if (matched.length === 0) {\n        rule.remove()\n      } else if (matched.length < selectors.length) {\n        rule.selectors = matched\n      }\n    })\n\n    // Remove empty at-rules\n    root.walkAtRules((atRule) => {\n      if (atRule.nodes?.length === 0) {\n        atRule.remove()\n      }\n    })\n\n    const purgedCss = root.toString()\n\n    if (purgedCss.trim()) {\n      textNode.data = purgedCss\n    } else {\n      // Remove the style tag entirely if empty\n      const parent = el.parent\n      if (parent && 'children' in parent) {\n        const idx = parent.children.indexOf(el as any)\n        if (idx !== -1) parent.children.splice(idx, 1)\n      }\n    }\n  })\n\n  return dom\n}\n"],"mappings":"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"}

package/dist/transformers/{removeAttributes.d.mts → removeAttributes.d.ts}

@@ -1,4 +1,4 @@
-import { AttributesConfig } from "../types/config.mjs";
+import { AttributesConfig } from "../types/config.js";
 import { ChildNode } from "domhandler";
 
 //#region src/transformers/removeAttributes.d.ts
@@ -28,4 +28,4 @@ import { ChildNode } from "domhandler";
 declare function removeAttributes(dom: ChildNode[], config?: AttributesConfig): ChildNode[];
 //#endregion
 export { removeAttributes };
-//# sourceMappingURL=removeAttributes.d.mts.map
+//# sourceMappingURL=removeAttributes.d.ts.map

package/dist/transformers/removeAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeAttributes.d.ts","names":[],"sources":["../../src/transformers/removeAttributes.ts"],"mappings":";;;;;;AAkCA;;;;;;;;;;;;;;;;;;;;;iBAAgB,gBAAA,CAAiB,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,gBAAA,GAAwB,SAAA"}

package/dist/transformers/{replaceStrings.d.mts → replaceStrings.d.ts}

@@ -1,4 +1,4 @@
-import { MaizzleConfig } from "../types/config.mjs";
+import { MaizzleConfig } from "../types/config.js";
 
 //#region src/transformers/replaceStrings.d.ts
 /**
@@ -13,4 +13,4 @@ import { MaizzleConfig } from "../types/config.mjs";
 declare function replaceStrings(html: string, config?: MaizzleConfig): string;
 //#endregion
 export { replaceStrings };
-//# sourceMappingURL=replaceStrings.d.mts.map
+//# sourceMappingURL=replaceStrings.d.ts.map

package/dist/transformers/replaceStrings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"replaceStrings.d.ts","names":[],"sources":["../../src/transformers/replaceStrings.ts"],"mappings":";;;;;AAWA;;;;;;;iBAAgB,cAAA,CAAe,IAAA,UAAc,MAAA,GAAQ,aAAA"}