@maizzle/framework 6.1.2 → 6.1.4

package/dist/transformers/index.d.ts

@@ -28,6 +28,7 @@ import { TailwindBlock } from "../composables/renderContext.js";
  * 12. Purge CSS (serializes/parses internally around email-comb)
  * 13. Entities
  * + Vue-generated comments stripped here (on serialized string)
+ * 13.5 Outlook placeholders → MSO conditional comments
  * 14. Replace strings
  * 15. Prettify
  * 16. Minify

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/transformers/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyDsB,gBACpB,cACA,QAAQ,eACR,mBACA,kBACA,iBAAiB,iBACjB,yBACC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/transformers/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA2DsB,gBACpB,cACA,QAAQ,eACR,mBACA,kBACA,iBAAiB,iBACjB,yBACC"}

package/dist/transformers/index.js

@@ -19,6 +19,7 @@ import { baseDom } from "./base.js";
 import { entitiesDom } from "./entities.js";
 import { urlQueryDom } from "./urlQuery.js";
 import { purgeCssDom } from "./purgeCss.js";
+import { msoConditionals } from "./msoConditionals.js";
 import { replaceStrings } from "./replaceStrings.js";
 import { format } from "./format.js";
 import { minifyCodeInline } from "./minifyCodeInline.js";
@@ -51,15 +52,19 @@ import { minify } from "./minify.js";
 * 12. Purge CSS (serializes/parses internally around email-comb)
 * 13. Entities
 * + Vue-generated comments stripped here (on serialized string)
+* 13.5 Outlook placeholders → MSO conditional comments
 * 14. Replace strings
 * 15. Prettify
 * 16. Minify
 */
 async function runTransformers(html, config, filePath, doctype, tailwindBlocks, sourceFiles) {
+	/**
+	* Whole-pipeline opt-out. `<Outlook>` placeholders still have to
+	* become real conditional comments, so that one step always runs.
+	*/
+	if (config.useTransformers === false) return msoConditionals(html);
 	/**
 	* Per-transformer skip map — only honored when useTransformers is an object.
-	* Whole-pipeline opt-out (`useTransformers === false`) is handled upstream
-	* in build.ts / render so we never reach this function in that case.
 	*
 	* A toggle set to `true` *force-enables* its transformer for this run
 	* by layering on the matching config slice (e.g. `prettify: true`
@@ -139,6 +144,7 @@ async function runTransformers(html, config, filePath, doctype, tailwindBlocks,
 	if (enabled("entities")) dom = entitiesDom(dom, effective.html?.decodeEntities);
 	const isXhtml = doctype ? /xhtml/i.test(doctype) : false;
 	let result = serialize(dom, { selfClosingTags: isXhtml });
+	result = msoConditionals(result);
 	if (enabled("replaceStrings")) result = replaceStrings(result, effective);
 	const minifyWillRun = enabled("minify") && !!effective.html?.minify;
 	if (enabled("prettify") && !minifyWillRun && effective.html?.format) {

package/dist/transformers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/transformers/index.ts"],"sourcesContent":["import { parse, serialize } from '../utils/ast/index.ts'\nimport { inlineLinkDom } from './inlineLink.ts'\nimport { tailwindComponent } from './tailwindComponent.ts'\nimport { tailwindcss } from './tailwindcss.ts'\nimport { safeSelectorsDom } from './safeSelectors.ts'\nimport { attributeToStyleDom } from './attributeToStyle.ts'\nimport { inlineCssDom } from './inlineCss.ts'\nimport { msoPlaceholders } from './msoPlaceholders.ts'\nimport { columnWidth } from './columnWidth.ts'\nimport { imgWidthDom } from './imgWidth.ts'\nimport { removeAttributesDom } from './removeAttributes.ts'\nimport { shorthandCssDom } from './shorthandCss.ts'\nimport { sixHexDom } from './sixHex.ts'\nimport { addAttributesDom } from './addAttributes.ts'\nimport { filtersDom } from './filters/index.ts'\nimport { baseDom } from './base.ts'\nimport { entitiesDom } from './entities.ts'\nimport { urlQueryDom } from './urlQuery.ts'\nimport { purgeCssDom } from './purgeCss.ts'\nimport { replaceStrings } from './replaceStrings.ts'\nimport { format } from './format.ts'\nimport { minifyCodeInline } from './minifyCodeInline.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 * 11.5 Entities in comment nodes (before purge — protects MSO conditionals)\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  sourceFiles?: string[],\n): Promise<string> {\n  /**\n   * Per-transformer skip map — only honored when useTransformers is an object.\n   * Whole-pipeline opt-out (`useTransformers === false`) is handled upstream\n   * in build.ts / render so we never reach this function in that case.\n   *\n   * A toggle set to `true` *force-enables* its transformer for this run\n   * by layering on the matching config slice (e.g. `prettify: true`\n   * sets `html.format = true`). This only applies to transformers\n   * whose enable flag is a plain boolean — data-driven ones\n   * (filters, baseURL, urlQuery, etc.) need actual config\n   * values, so a bare `true` for those is a no-op.\n   */\n  const toggles = typeof config.useTransformers === 'object' ? config.useTransformers : null\n  const enabled = (key: keyof NonNullable<typeof toggles>) => toggles?.[key] !== false\n\n  let effective = config\n  if (toggles) {\n    const cssOver: Record<string, unknown> = {}\n    const htmlOver: Record<string, unknown> = {}\n    if (toggles.inlineCss === true) cssOver.inline = true\n    if (toggles.purgeCss === true) cssOver.purge = true\n    if (toggles.safeSelectors === true) cssOver.safe = true\n    if (toggles.shorthandCss === true) cssOver.shorthand = true\n    if (toggles.sixHex === true) cssOver.sixHex = true\n    if (toggles.prettify === true) htmlOver.format = true\n    if (toggles.minify === true) htmlOver.minify = true\n    if (toggles.entities === true) htmlOver.decodeEntities = true\n\n    if (Object.keys(cssOver).length || Object.keys(htmlOver).length) {\n      effective = {\n        ...config,\n        css: { ...config.css, ...cssOver },\n        html: { ...config.html, ...htmlOver },\n      }\n    }\n  }\n\n  // Parse once — all DOM transformers share this array\n  let dom = parse(html)\n\n  // 0. Inline <link> stylesheets\n  dom = await inlineLinkDom(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, effective, filePath, sourceFiles)\n  }\n\n  // 1. Tailwind CSS — always runs first\n  dom = await tailwindcss(dom, effective, filePath, sourceFiles)\n\n  // 2. Safe class names\n  if (enabled('safeSelectors')) dom = safeSelectorsDom(dom, effective.css)\n\n  // 3. Attribute to style\n  if (enabled('attributeToStyle') && typeof effective.css?.inline === 'object' && effective.css.inline.attributeToStyle) {\n    dom = attributeToStyleDom(dom, effective.css.inline.attributeToStyle)\n  }\n\n  // 4. CSS inliner (serializes/parses internally around juice)\n  if (enabled('inlineCss') && effective.css?.inline) {\n    const inlineOptions = typeof effective.css.inline === 'object' ? effective.css.inline : {}\n    dom = inlineCssDom(dom, inlineOptions)\n  }\n\n  // 4.5. Resolve MSO placeholders (table width + td style) from inlined CSS\n  dom = msoPlaceholders(dom)\n\n  // 4.6. Resolve Column min-width placeholders from nearest sized ancestor\n  dom = columnWidth(dom)\n\n  // 4.7. Backfill width on <Img> images that inherit their parent's width\n  dom = imgWidthDom(dom)\n\n  // 5. Remove attributes\n  if (enabled('removeAttributes')) {\n    const removeRules = effective.html?.attributes?.remove\n    dom = removeAttributesDom(dom, Array.isArray(removeRules) ? removeRules : [])\n  }\n\n  // 6. Shorthand CSS\n  if (enabled('shorthandCss') && effective.css?.shorthand) {\n    const shorthandOptions = typeof effective.css.shorthand === 'object' ? effective.css.shorthand : {}\n    dom = shorthandCssDom(dom, shorthandOptions)\n  }\n\n  // 7. Six-digit HEX\n  if (enabled('sixHex') && effective.css?.sixHex !== false) dom = sixHexDom(dom)\n\n  // 8. Add attributes\n  if (enabled('addAttributes')) dom = addAttributesDom(dom, effective.html?.attributes)\n\n  // 9. Filters\n  if (enabled('filters')) dom = filtersDom(dom, effective.filters)\n\n  // 10. Base URL (serializes/parses internally for VML/MSO regex passes)\n  if (enabled('baseURL') && effective.url?.base) dom = baseDom(dom, effective.url.base)\n\n  // 11. URL query\n  if (enabled('urlQuery') && effective.url?.query && Object.keys(effective.url.query).length > 0) {\n    const { _options: queryOptions, ...queryParams } = effective.url.query as Record<string, unknown>\n    dom = urlQueryDom(dom, queryParams, (queryOptions ?? {}) as import('../types/config.ts').UrlQueryOptions)\n  }\n\n  /**\n   * 11.5. Encode entities in comment nodes before purge/minify. Raw\n   * invisible chars (e.g. U+00A0 from Vue decoding &nbsp; at compile\n   * time) inside MSO conditionals make email-comb remove the whole\n   * \"whitespace-only\" conditional and html-crush collapse the chars.\n   * Text nodes are skipped here — purge's internal parse round-trip\n   * would decode them again — comment data survives un-decoded.\n   */\n  if (enabled('entities')) dom = entitiesDom(dom, effective.html?.decodeEntities, { text: false })\n\n  // 12. Remove unused CSS (serializes/parses internally around email-comb)\n  if (enabled('purgeCss') && effective.css?.purge) {\n    const purgeOptions = typeof effective.css.purge === 'object' ? effective.css.purge : {}\n    dom = purgeCssDom(dom, purgeOptions)\n  }\n\n  // 13. Entities\n  if (enabled('entities')) dom = entitiesDom(dom, effective.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  if (enabled('replaceStrings')) result = replaceStrings(result, effective)\n\n  // 15. Format — skipped when `minify` is enabled\n  const minifyWillRun = enabled('minify') && !!effective.html?.minify\n  if (enabled('prettify') && !minifyWillRun && effective.html?.format) {\n    const formatOptions = typeof effective.html.format === 'object' ? effective.html.format : {}\n    result = await format(result, formatOptions)\n  }\n\n  // 16. Minify\n  if (enabled('minify') && effective.html?.minify) {\n    const minifyOptions = typeof effective.html.minify === 'object' ? effective.html.minify : {}\n    result = minify(result, minifyOptions)\n  }\n\n  /**\n   * Strip self-closing slashes for HTML5 doctypes, but preserve content\n   * inside MSO conditional comments (XML-ish, case/syntax sensitive).\n   * MUST run BEFORE minifyCodeInline: at this point, CodeInline's\n   * shiki output is still marker-encoded (§MZLT§/§MZGT§), so any\n   * ` />` in the highlighted source code (e.g. a Vue self-close\n   * tag) hasn't materialized yet and can't be mistakenly\n   * stripped from inside a `<code>` element.\n   */\n  if (!isXhtml) {\n    result = result.replace(\n      /<!--\\[if [^\\]]*\\]>[\\s\\S]*?<!\\[endif\\]-->|( \\/>)/g,\n      (match, selfClose) => selfClose ? '>' : match,\n    )\n  }\n\n  /**\n   * 16.5. Strip whitespace inside `data-minify-inline` markers (CodeInline's\n   * Shiki output, etc.). Runs after format/minify so it cleans up the\n   * pretty-printer's indentation between sibling tags.\n   */\n  result = minifyCodeInline(result)\n\n  return result\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/transformers/index.ts"],"sourcesContent":["import { parse, serialize } from '../utils/ast/index.ts'\nimport { inlineLinkDom } from './inlineLink.ts'\nimport { tailwindComponent } from './tailwindComponent.ts'\nimport { tailwindcss } from './tailwindcss.ts'\nimport { safeSelectorsDom } from './safeSelectors.ts'\nimport { attributeToStyleDom } from './attributeToStyle.ts'\nimport { inlineCssDom } from './inlineCss.ts'\nimport { msoPlaceholders } from './msoPlaceholders.ts'\nimport { columnWidth } from './columnWidth.ts'\nimport { imgWidthDom } from './imgWidth.ts'\nimport { removeAttributesDom } from './removeAttributes.ts'\nimport { shorthandCssDom } from './shorthandCss.ts'\nimport { sixHexDom } from './sixHex.ts'\nimport { addAttributesDom } from './addAttributes.ts'\nimport { filtersDom } from './filters/index.ts'\nimport { baseDom } from './base.ts'\nimport { entitiesDom } from './entities.ts'\nimport { urlQueryDom } from './urlQuery.ts'\nimport { purgeCssDom } from './purgeCss.ts'\nimport { msoConditionals } from './msoConditionals.ts'\nimport { replaceStrings } from './replaceStrings.ts'\nimport { format } from './format.ts'\nimport { minifyCodeInline } from './minifyCodeInline.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 * 11.5 Entities in comment nodes (before purge — protects MSO conditionals)\n * 12. Purge CSS (serializes/parses internally around email-comb)\n * 13. Entities\n * + Vue-generated comments stripped here (on serialized string)\n * 13.5 Outlook placeholders → MSO conditional comments\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  sourceFiles?: string[],\n): Promise<string> {\n  /**\n   * Whole-pipeline opt-out. `<Outlook>` placeholders still have to\n   * become real conditional comments, so that one step always runs.\n   */\n  if (config.useTransformers === false) return msoConditionals(html)\n\n  /**\n   * Per-transformer skip map — only honored when useTransformers is an object.\n   *\n   * A toggle set to `true` *force-enables* its transformer for this run\n   * by layering on the matching config slice (e.g. `prettify: true`\n   * sets `html.format = true`). This only applies to transformers\n   * whose enable flag is a plain boolean — data-driven ones\n   * (filters, baseURL, urlQuery, etc.) need actual config\n   * values, so a bare `true` for those is a no-op.\n   */\n  const toggles = typeof config.useTransformers === 'object' ? config.useTransformers : null\n  const enabled = (key: keyof NonNullable<typeof toggles>) => toggles?.[key] !== false\n\n  let effective = config\n  if (toggles) {\n    const cssOver: Record<string, unknown> = {}\n    const htmlOver: Record<string, unknown> = {}\n    if (toggles.inlineCss === true) cssOver.inline = true\n    if (toggles.purgeCss === true) cssOver.purge = true\n    if (toggles.safeSelectors === true) cssOver.safe = true\n    if (toggles.shorthandCss === true) cssOver.shorthand = true\n    if (toggles.sixHex === true) cssOver.sixHex = true\n    if (toggles.prettify === true) htmlOver.format = true\n    if (toggles.minify === true) htmlOver.minify = true\n    if (toggles.entities === true) htmlOver.decodeEntities = true\n\n    if (Object.keys(cssOver).length || Object.keys(htmlOver).length) {\n      effective = {\n        ...config,\n        css: { ...config.css, ...cssOver },\n        html: { ...config.html, ...htmlOver },\n      }\n    }\n  }\n\n  // Parse once — all DOM transformers share this array\n  let dom = parse(html)\n\n  // 0. Inline <link> stylesheets\n  dom = await inlineLinkDom(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, effective, filePath, sourceFiles)\n  }\n\n  // 1. Tailwind CSS — always runs first\n  dom = await tailwindcss(dom, effective, filePath, sourceFiles)\n\n  // 2. Safe class names\n  if (enabled('safeSelectors')) dom = safeSelectorsDom(dom, effective.css)\n\n  // 3. Attribute to style\n  if (enabled('attributeToStyle') && typeof effective.css?.inline === 'object' && effective.css.inline.attributeToStyle) {\n    dom = attributeToStyleDom(dom, effective.css.inline.attributeToStyle)\n  }\n\n  // 4. CSS inliner (serializes/parses internally around juice)\n  if (enabled('inlineCss') && effective.css?.inline) {\n    const inlineOptions = typeof effective.css.inline === 'object' ? effective.css.inline : {}\n    dom = inlineCssDom(dom, inlineOptions)\n  }\n\n  // 4.5. Resolve MSO placeholders (table width + td style) from inlined CSS\n  dom = msoPlaceholders(dom)\n\n  // 4.6. Resolve Column min-width placeholders from nearest sized ancestor\n  dom = columnWidth(dom)\n\n  // 4.7. Backfill width on <Img> images that inherit their parent's width\n  dom = imgWidthDom(dom)\n\n  // 5. Remove attributes\n  if (enabled('removeAttributes')) {\n    const removeRules = effective.html?.attributes?.remove\n    dom = removeAttributesDom(dom, Array.isArray(removeRules) ? removeRules : [])\n  }\n\n  // 6. Shorthand CSS\n  if (enabled('shorthandCss') && effective.css?.shorthand) {\n    const shorthandOptions = typeof effective.css.shorthand === 'object' ? effective.css.shorthand : {}\n    dom = shorthandCssDom(dom, shorthandOptions)\n  }\n\n  // 7. Six-digit HEX\n  if (enabled('sixHex') && effective.css?.sixHex !== false) dom = sixHexDom(dom)\n\n  // 8. Add attributes\n  if (enabled('addAttributes')) dom = addAttributesDom(dom, effective.html?.attributes)\n\n  // 9. Filters\n  if (enabled('filters')) dom = filtersDom(dom, effective.filters)\n\n  // 10. Base URL (serializes/parses internally for VML/MSO regex passes)\n  if (enabled('baseURL') && effective.url?.base) dom = baseDom(dom, effective.url.base)\n\n  // 11. URL query\n  if (enabled('urlQuery') && effective.url?.query && Object.keys(effective.url.query).length > 0) {\n    const { _options: queryOptions, ...queryParams } = effective.url.query as Record<string, unknown>\n    dom = urlQueryDom(dom, queryParams, (queryOptions ?? {}) as import('../types/config.ts').UrlQueryOptions)\n  }\n\n  /**\n   * 11.5. Encode entities in comment nodes before purge/minify. Raw\n   * invisible chars (e.g. U+00A0 from Vue decoding &nbsp; at compile\n   * time) inside MSO conditionals make email-comb remove the whole\n   * \"whitespace-only\" conditional and html-crush collapse the chars.\n   * Text nodes are skipped here — purge's internal parse round-trip\n   * would decode them again — comment data survives un-decoded.\n   */\n  if (enabled('entities')) dom = entitiesDom(dom, effective.html?.decodeEntities, { text: false })\n\n  // 12. Remove unused CSS (serializes/parses internally around email-comb)\n  if (enabled('purgeCss') && effective.css?.purge) {\n    const purgeOptions = typeof effective.css.purge === 'object' ? effective.css.purge : {}\n    dom = purgeCssDom(dom, purgeOptions)\n  }\n\n  // 13. Entities\n  if (enabled('entities')) dom = entitiesDom(dom, effective.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  // 13.5. Collapse <Outlook> placeholders into MSO conditional comments\n  result = msoConditionals(result)\n\n  // 14. Replace strings\n  if (enabled('replaceStrings')) result = replaceStrings(result, effective)\n\n  // 15. Format — skipped when `minify` is enabled\n  const minifyWillRun = enabled('minify') && !!effective.html?.minify\n  if (enabled('prettify') && !minifyWillRun && effective.html?.format) {\n    const formatOptions = typeof effective.html.format === 'object' ? effective.html.format : {}\n    result = await format(result, formatOptions)\n  }\n\n  // 16. Minify\n  if (enabled('minify') && effective.html?.minify) {\n    const minifyOptions = typeof effective.html.minify === 'object' ? effective.html.minify : {}\n    result = minify(result, minifyOptions)\n  }\n\n  /**\n   * Strip self-closing slashes for HTML5 doctypes, but preserve content\n   * inside MSO conditional comments (XML-ish, case/syntax sensitive).\n   * MUST run BEFORE minifyCodeInline: at this point, CodeInline's\n   * shiki output is still marker-encoded (§MZLT§/§MZGT§), so any\n   * ` />` in the highlighted source code (e.g. a Vue self-close\n   * tag) hasn't materialized yet and can't be mistakenly\n   * stripped from inside a `<code>` element.\n   */\n  if (!isXhtml) {\n    result = result.replace(\n      /<!--\\[if [^\\]]*\\]>[\\s\\S]*?<!\\[endif\\]-->|( \\/>)/g,\n      (match, selfClose) => selfClose ? '>' : match,\n    )\n  }\n\n  /**\n   * 16.5. Strip whitespace inside `data-minify-inline` markers (CodeInline's\n   * Shiki output, etc.). Runs after format/minify so it cleans up the\n   * pretty-printer's indentation between sibling tags.\n   */\n  result = minifyCodeInline(result)\n\n  return result\n}\n"],"mappings":"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"}

package/dist/transformers/msoConditionals.d.ts

@@ -0,0 +1,5 @@
+//#region src/transformers/msoConditionals.d.ts
+declare function msoConditionals(html: string): string;
+//#endregion
+export { msoConditionals };
+//# sourceMappingURL=msoConditionals.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"msoConditionals.d.ts","names":[],"sources":["../../src/transformers/msoConditionals.ts"],"mappings":";iBAkBgB,gBAAgB"}

package/dist/transformers/msoConditionals.js

@@ -0,0 +1,25 @@
+//#region src/transformers/msoConditionals.ts
+/**
+* Resolve the placeholder comments emitted by `<Outlook>` into real MSO
+* conditional comments.
+*
+* `<Outlook>` can't render `<!--[if mso]>…<![endif]-->` directly: the
+* whole block would parse as a single comment node and every DOM
+* transformer (inliner, safe selectors, purge, attributes…) would
+* be blind to the markup inside it. Instead it wraps its slot in
+* two self-contained conditional comments carrying a marker, so
+* the content stays real DOM through the pipeline. Shaping the
+* markers as conditionals means juice and email-comb leave
+* them alone. This runs on the serialized string, after
+* every DOM transformer, and turns the pair back into a
+* single hidden conditional block.
+*/
+const RE_OPEN = /<!--\[if ([^\]]+)\]>__MAIZZLE_MSO_OPEN__<!\[endif\]-->/g;
+const RE_CLOSE = /<!--\[if mso\]>__MAIZZLE_MSO_CLOSE__<!\[endif\]-->/g;
+function msoConditionals(html) {
+	return html.replace(RE_OPEN, "<!--[if $1]>").replace(RE_CLOSE, "<![endif]-->");
+}
+//#endregion
+export { msoConditionals };
+
+//# sourceMappingURL=msoConditionals.js.map

package/dist/transformers/msoConditionals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"msoConditionals.js","names":[],"sources":["../../src/transformers/msoConditionals.ts"],"sourcesContent":["/**\n * Resolve the placeholder comments emitted by `<Outlook>` into real MSO\n * conditional comments.\n *\n * `<Outlook>` can't render `<!--[if mso]>…<![endif]-->` directly: the\n * whole block would parse as a single comment node and every DOM\n * transformer (inliner, safe selectors, purge, attributes…) would\n * be blind to the markup inside it. Instead it wraps its slot in\n * two self-contained conditional comments carrying a marker, so\n * the content stays real DOM through the pipeline. Shaping the\n * markers as conditionals means juice and email-comb leave\n * them alone. This runs on the serialized string, after\n * every DOM transformer, and turns the pair back into a\n * single hidden conditional block.\n */\nconst RE_OPEN = /<!--\\[if ([^\\]]+)\\]>__MAIZZLE_MSO_OPEN__<!\\[endif\\]-->/g\nconst RE_CLOSE = /<!--\\[if mso\\]>__MAIZZLE_MSO_CLOSE__<!\\[endif\\]-->/g\n\nexport function msoConditionals(html: string): string {\n  return html\n    .replace(RE_OPEN, '<!--[if $1]>')\n    .replace(RE_CLOSE, '<![endif]-->')\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM,UAAU;AAChB,MAAM,WAAW;AAEjB,SAAgB,gBAAgB,MAAsB;CACpD,OAAO,KACJ,QAAQ,SAAS,cAAc,CAAC,CAChC,QAAQ,UAAU,cAAc;AACrC"}

package/dist/transformers/shorthandCss.d.ts

@@ -12,28 +12,6 @@ interface ShorthandCssOptions {
    */
   tags?: string[];
 }
-/**
- * Rewrite longhand CSS inside inline `style` attributes with shorthand
- * syntax. Works with margin, padding, and border when all sides are
- * specified.
- *
- * For example:
- * `margin-left: 2px; margin-right: 2px; margin-top: 4px; margin-bottom: 4px`
- * becomes:
- * `margin: 4px 2px`
- *
- * @param html    HTML string to transform.
- * @param options Optional Maizzle options (`tags`).
- * @returns       The transformed HTML string.
- *
- * @example
- * import { shorthandCss } from '@maizzle/framework'
- *
- * const out = shorthandCss(
- *   '<p style="margin-top: 4px; margin-right: 2px; margin-bottom: 4px; margin-left: 2px;">x</p>',
- *   { tags: ['p'] },
- * )
- */
 declare function shorthandCss(html: string, options?: ShorthandCssOptions): string;
 /**
  * DOM-form of {@link shorthandCss} used by the internal transformer

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

@@ -1 +1 @@
-{"version":3,"file":"shorthandCss.d.ts","names":[],"sources":["../../src/transformers/shorthandCss.ts"],"mappings":";;;;;UASiB;;;;;;;EAOf;;;;;;;;;;;;;;;;;;;;;;;;iBAyBc,aAAa,cAAc,UAAS;;;;;;iBASpC,gBAAgB,KAAK,aAAa,UAAS,sBAA2B"}
+{"version":3,"file":"shorthandCss.d.ts","names":[],"sources":["../../src/transformers/shorthandCss.ts"],"mappings":";;;;;UASiB;;;;;;;EAOf;;iBAwEc,aAAa,cAAc,UAAS;;;;;;iBASpC,gBAAgB,KAAK,aAAa,UAAS,sBAA2B"}

package/dist/transformers/shorthandCss.js

@@ -2,7 +2,7 @@ import { parse } from "../utils/ast/parser.js";
 import { walk } from "../utils/ast/walker.js";
 import { serialize } from "../utils/ast/serializer.js";
 import "../utils/ast/index.js";
-import postcss from "postcss";
+import postcss, { list } from "postcss";
 import safeParser from "postcss-safe-parser";
 import mergeLonghand from "postcss-merge-longhand";
 //#region src/transformers/shorthandCss.ts
@@ -28,6 +28,40 @@ import mergeLonghand from "postcss-merge-longhand";
 *   { tags: ['p'] },
 * )
 */
+/**
+* Fold `border-width`, `border-style` and `border-color` into `border`.
+*
+* postcss-merge-longhand stopped doing this in 8.0.3 because the
+* shorthand also resets `border-image`. Email clients don't support
+* `border-image`, so the merge is safe for inline styles.
+*/
+const mergeBorder = {
+	postcssPlugin: "maizzle-merge-border",
+	OnceExit(root) {
+		root.walkRules((rule) => {
+			const decls = [];
+			for (const prop of [
+				"border-width",
+				"border-style",
+				"border-color"
+			]) {
+				const found = rule.nodes.filter((node) => node.type === "decl" && node.prop.toLowerCase() === prop);
+				if (found.length !== 1) return;
+				decls.push(found[0]);
+			}
+			const [width, style, color] = decls;
+			const { important } = width;
+			for (const decl of decls) if (decl.important !== important || list.space(decl.value).length !== 1 || /var\s*\(/i.test(decl.value)) return;
+			const last = decls.reduce((a, b) => rule.index(b) > rule.index(a) ? b : a);
+			last.replaceWith({
+				prop: "border",
+				value: `${width.value} ${style.value} ${color.value}`,
+				important
+			});
+			for (const decl of decls) if (decl !== last) decl.remove();
+		});
+	}
+};
 function shorthandCss(html, options = {}) {
 	return serialize(shorthandCssDom(parse(html), options));
 }
@@ -46,7 +80,7 @@ function shorthandCssDom(dom, options = {}) {
 	*/
 	const mergeStyleValue = (styleValue) => {
 		try {
-			const { css } = postcss().use(mergeLonghand).process(`div { ${styleValue} }`, { parser: safeParser });
+			const { css } = postcss().use(mergeLonghand).use(mergeBorder).process(`div { ${styleValue} }`, { parser: safeParser });
 			const match = css.match(/div\s*\{\s*([^}]+)\s*\}/);
 			if (match && match[1]) {
 				const merged = match[1].trim();

package/dist/transformers/shorthandCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"shorthandCss.js","names":[],"sources":["../../src/transformers/shorthandCss.ts"],"sourcesContent":["import postcss from 'postcss'\nimport safeParser from 'postcss-safe-parser'\nimport mergeLonghand from 'postcss-merge-longhand'\nimport type { ChildNode, Element } from 'domhandler'\nimport { parse, serialize, walk } from '../utils/ast/index.ts'\n\n/**\n * Options for the `shorthandCss` transformer.\n */\nexport interface ShorthandCssOptions {\n  /**\n   * Restrict the transform to a list of HTML tag names. Omit to apply to\n   * every element with a `style` attribute.\n   *\n   * @example ['td', 'div']\n   */\n  tags?: string[]\n}\n\n/**\n * Rewrite longhand CSS inside inline `style` attributes with shorthand\n * syntax. Works with margin, padding, and border when all sides are\n * specified.\n *\n * For example:\n * `margin-left: 2px; margin-right: 2px; margin-top: 4px; margin-bottom: 4px`\n * becomes:\n * `margin: 4px 2px`\n *\n * @param html    HTML string to transform.\n * @param options Optional Maizzle options (`tags`).\n * @returns       The transformed HTML string.\n *\n * @example\n * import { shorthandCss } from '@maizzle/framework'\n *\n * const out = shorthandCss(\n *   '<p style=\"margin-top: 4px; margin-right: 2px; margin-bottom: 4px; margin-left: 2px;\">x</p>',\n *   { tags: ['p'] },\n * )\n */\nexport function shorthandCss(html: string, options: ShorthandCssOptions = {}): string {\n  return serialize(shorthandCssDom(parse(html), options))\n}\n\n/**\n * DOM-form of {@link shorthandCss} used by the internal transformer\n * pipeline. Takes a parsed DOM, returns a parsed DOM — avoids redundant\n * serialize/parse round-trips when chained with other transformers.\n */\nexport function shorthandCssDom(dom: ChildNode[], options: ShorthandCssOptions = {}): ChildNode[] {\n  const allowedTags = options.tags ?? []\n  const hasTagFilter = allowedTags.length > 0\n\n  /**\n   * Merge longhand within a single inline-style value. Returns the merged\n   * string when shorter, otherwise the original. Wraps the value in a\n   * dummy selector since postcss-merge-longhand operates on rules.\n   */\n  const mergeStyleValue = (styleValue: string): string => {\n    try {\n      const { css } = postcss()\n        .use(mergeLonghand)\n        .process(`div { ${styleValue} }`, { parser: safeParser })\n      const match = css.match(/div\\s*\\{\\s*([^}]+)\\s*\\}/)\n      if (match && match[1]) {\n        const merged = match[1].trim()\n        if (merged !== styleValue) return merged\n      }\n    }\n    catch {}\n    return styleValue\n  }\n\n  walk(dom, (node) => {\n    /**\n     * MSO conditional comments carry their own inline-style attributes\n     * (e.g. `<!--[if mso]><td style=\"…\"><![endif]-->`) as opaque text.\n     * The element walker can't see them, so without this branch the td/\n     * v:rect styles inside comments stay longhand even when the visible\n     * div has already been merged. Match each `style=\"…\"` substring,\n     * run it through mergeLonghand, splice back.\n     *\n     * Tag filter intentionally bypassed: the user can't address MSO td\n     * elements (they don't parse as elements), and these comments\n     * always wrap email-layout primitives anyway.\n     */\n    if (node.type === 'comment') {\n      const data = (node as any).data as string\n      if (!data || !data.includes('style=\"')) return\n      const newData = data.replace(/style=\"([^\"]*)\"/g, (full, value) => {\n        const merged = mergeStyleValue(value)\n        return merged === value ? full : `style=\"${merged}\"`\n      })\n      if (newData !== data) (node as any).data = newData\n      return\n    }\n\n    const el = node as Element\n\n    if (!el.attribs?.style) return\n    if (hasTagFilter && !allowedTags.includes(el.name)) return\n\n    const merged = mergeStyleValue(el.attribs.style)\n    if (merged !== el.attribs.style) el.attribs.style = merged\n  })\n\n  return dom\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,aAAa,MAAc,UAA+B,CAAC,GAAW;CACpF,OAAO,UAAU,gBAAgB,MAAM,IAAI,GAAG,OAAO,CAAC;AACxD;;;;;;AAOA,SAAgB,gBAAgB,KAAkB,UAA+B,CAAC,GAAgB;CAChG,MAAM,cAAc,QAAQ,QAAQ,CAAC;CACrC,MAAM,eAAe,YAAY,SAAS;;;;;;CAO1C,MAAM,mBAAmB,eAA+B;EACtD,IAAI;GACF,MAAM,EAAE,QAAQ,QAAQ,CAAC,CACtB,IAAI,aAAa,CAAC,CAClB,QAAQ,SAAS,WAAW,KAAK,EAAE,QAAQ,WAAW,CAAC;GAC1D,MAAM,QAAQ,IAAI,MAAM,yBAAyB;GACjD,IAAI,SAAS,MAAM,IAAI;IACrB,MAAM,SAAS,MAAM,EAAE,CAAC,KAAK;IAC7B,IAAI,WAAW,YAAY,OAAO;GACpC;EACF,QACM,CAAC;EACP,OAAO;CACT;CAEA,KAAK,MAAM,SAAS;;;;;;;;;;;;;EAalB,IAAI,KAAK,SAAS,WAAW;GAC3B,MAAM,OAAQ,KAAa;GAC3B,IAAI,CAAC,QAAQ,CAAC,KAAK,SAAS,UAAS,GAAG;GACxC,MAAM,UAAU,KAAK,QAAQ,qBAAqB,MAAM,UAAU;IAChE,MAAM,SAAS,gBAAgB,KAAK;IACpC,OAAO,WAAW,QAAQ,OAAO,UAAU,OAAO;GACpD,CAAC;GACD,IAAI,YAAY,MAAM,KAAc,OAAO;GAC3C;EACF;EAEA,MAAM,KAAK;EAEX,IAAI,CAAC,GAAG,SAAS,OAAO;EACxB,IAAI,gBAAgB,CAAC,YAAY,SAAS,GAAG,IAAI,GAAG;EAEpD,MAAM,SAAS,gBAAgB,GAAG,QAAQ,KAAK;EAC/C,IAAI,WAAW,GAAG,QAAQ,OAAO,GAAG,QAAQ,QAAQ;CACtD,CAAC;CAED,OAAO;AACT"}
+{"version":3,"file":"shorthandCss.js","names":[],"sources":["../../src/transformers/shorthandCss.ts"],"sourcesContent":["import postcss, { list, type Declaration, type Plugin } from 'postcss'\nimport safeParser from 'postcss-safe-parser'\nimport mergeLonghand from 'postcss-merge-longhand'\nimport type { ChildNode, Element } from 'domhandler'\nimport { parse, serialize, walk } from '../utils/ast/index.ts'\n\n/**\n * Options for the `shorthandCss` transformer.\n */\nexport interface ShorthandCssOptions {\n  /**\n   * Restrict the transform to a list of HTML tag names. Omit to apply to\n   * every element with a `style` attribute.\n   *\n   * @example ['td', 'div']\n   */\n  tags?: string[]\n}\n\n/**\n * Rewrite longhand CSS inside inline `style` attributes with shorthand\n * syntax. Works with margin, padding, and border when all sides are\n * specified.\n *\n * For example:\n * `margin-left: 2px; margin-right: 2px; margin-top: 4px; margin-bottom: 4px`\n * becomes:\n * `margin: 4px 2px`\n *\n * @param html    HTML string to transform.\n * @param options Optional Maizzle options (`tags`).\n * @returns       The transformed HTML string.\n *\n * @example\n * import { shorthandCss } from '@maizzle/framework'\n *\n * const out = shorthandCss(\n *   '<p style=\"margin-top: 4px; margin-right: 2px; margin-bottom: 4px; margin-left: 2px;\">x</p>',\n *   { tags: ['p'] },\n * )\n */\n/**\n * Fold `border-width`, `border-style` and `border-color` into `border`.\n *\n * postcss-merge-longhand stopped doing this in 8.0.3 because the\n * shorthand also resets `border-image`. Email clients don't support\n * `border-image`, so the merge is safe for inline styles.\n */\nconst mergeBorder: Plugin = {\n  postcssPlugin: 'maizzle-merge-border',\n  OnceExit(root) {\n    root.walkRules((rule) => {\n      const decls: Declaration[] = []\n\n      for (const prop of ['border-width', 'border-style', 'border-color']) {\n        const found = rule.nodes.filter(\n          (node): node is Declaration => node.type === 'decl' && node.prop.toLowerCase() === prop,\n        )\n        if (found.length !== 1) return\n        decls.push(found[0])\n      }\n\n      const [width, style, color] = decls\n      const { important } = width\n\n      for (const decl of decls) {\n        if (\n          decl.important !== important\n          || list.space(decl.value).length !== 1\n          || /var\\s*\\(/i.test(decl.value)\n        ) return\n      }\n\n      const last = decls.reduce((a, b) => (rule.index(b) > rule.index(a) ? b : a))\n\n      last.replaceWith({\n        prop: 'border',\n        value: `${width.value} ${style.value} ${color.value}`,\n        important,\n      })\n\n      for (const decl of decls) {\n        if (decl !== last) decl.remove()\n      }\n    })\n  },\n}\n\nexport function shorthandCss(html: string, options: ShorthandCssOptions = {}): string {\n  return serialize(shorthandCssDom(parse(html), options))\n}\n\n/**\n * DOM-form of {@link shorthandCss} used by the internal transformer\n * pipeline. Takes a parsed DOM, returns a parsed DOM — avoids redundant\n * serialize/parse round-trips when chained with other transformers.\n */\nexport function shorthandCssDom(dom: ChildNode[], options: ShorthandCssOptions = {}): ChildNode[] {\n  const allowedTags = options.tags ?? []\n  const hasTagFilter = allowedTags.length > 0\n\n  /**\n   * Merge longhand within a single inline-style value. Returns the merged\n   * string when shorter, otherwise the original. Wraps the value in a\n   * dummy selector since postcss-merge-longhand operates on rules.\n   */\n  const mergeStyleValue = (styleValue: string): string => {\n    try {\n      const { css } = postcss()\n        .use(mergeLonghand)\n        .use(mergeBorder)\n        .process(`div { ${styleValue} }`, { parser: safeParser })\n      const match = css.match(/div\\s*\\{\\s*([^}]+)\\s*\\}/)\n      if (match && match[1]) {\n        const merged = match[1].trim()\n        if (merged !== styleValue) return merged\n      }\n    }\n    catch {}\n    return styleValue\n  }\n\n  walk(dom, (node) => {\n    /**\n     * MSO conditional comments carry their own inline-style attributes\n     * (e.g. `<!--[if mso]><td style=\"…\"><![endif]-->`) as opaque text.\n     * The element walker can't see them, so without this branch the td/\n     * v:rect styles inside comments stay longhand even when the visible\n     * div has already been merged. Match each `style=\"…\"` substring,\n     * run it through mergeLonghand, splice back.\n     *\n     * Tag filter intentionally bypassed: the user can't address MSO td\n     * elements (they don't parse as elements), and these comments\n     * always wrap email-layout primitives anyway.\n     */\n    if (node.type === 'comment') {\n      const data = (node as any).data as string\n      if (!data || !data.includes('style=\"')) return\n      const newData = data.replace(/style=\"([^\"]*)\"/g, (full, value) => {\n        const merged = mergeStyleValue(value)\n        return merged === value ? full : `style=\"${merged}\"`\n      })\n      if (newData !== data) (node as any).data = newData\n      return\n    }\n\n    const el = node as Element\n\n    if (!el.attribs?.style) return\n    if (hasTagFilter && !allowedTags.includes(el.name)) return\n\n    const merged = mergeStyleValue(el.attribs.style)\n    if (merged !== el.attribs.style) el.attribs.style = merged\n  })\n\n  return dom\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAM,cAAsB;CAC1B,eAAe;CACf,SAAS,MAAM;EACb,KAAK,WAAW,SAAS;GACvB,MAAM,QAAuB,CAAC;GAE9B,KAAK,MAAM,QAAQ;IAAC;IAAgB;IAAgB;GAAc,GAAG;IACnE,MAAM,QAAQ,KAAK,MAAM,QACtB,SAA8B,KAAK,SAAS,UAAU,KAAK,KAAK,YAAY,MAAM,IACrF;IACA,IAAI,MAAM,WAAW,GAAG;IACxB,MAAM,KAAK,MAAM,EAAE;GACrB;GAEA,MAAM,CAAC,OAAO,OAAO,SAAS;GAC9B,MAAM,EAAE,cAAc;GAEtB,KAAK,MAAM,QAAQ,OACjB,IACE,KAAK,cAAc,aAChB,KAAK,MAAM,KAAK,KAAK,CAAC,CAAC,WAAW,KAClC,YAAY,KAAK,KAAK,KAAK,GAC9B;GAGJ,MAAM,OAAO,MAAM,QAAQ,GAAG,MAAO,KAAK,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,CAAE;GAE3E,KAAK,YAAY;IACf,MAAM;IACN,OAAO,GAAG,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,MAAM;IAC9C;GACF,CAAC;GAED,KAAK,MAAM,QAAQ,OACjB,IAAI,SAAS,MAAM,KAAK,OAAO;EAEnC,CAAC;CACH;AACF;AAEA,SAAgB,aAAa,MAAc,UAA+B,CAAC,GAAW;CACpF,OAAO,UAAU,gBAAgB,MAAM,IAAI,GAAG,OAAO,CAAC;AACxD;;;;;;AAOA,SAAgB,gBAAgB,KAAkB,UAA+B,CAAC,GAAgB;CAChG,MAAM,cAAc,QAAQ,QAAQ,CAAC;CACrC,MAAM,eAAe,YAAY,SAAS;;;;;;CAO1C,MAAM,mBAAmB,eAA+B;EACtD,IAAI;GACF,MAAM,EAAE,QAAQ,QAAQ,CAAC,CACtB,IAAI,aAAa,CAAC,CAClB,IAAI,WAAW,CAAC,CAChB,QAAQ,SAAS,WAAW,KAAK,EAAE,QAAQ,WAAW,CAAC;GAC1D,MAAM,QAAQ,IAAI,MAAM,yBAAyB;GACjD,IAAI,SAAS,MAAM,IAAI;IACrB,MAAM,SAAS,MAAM,EAAE,CAAC,KAAK;IAC7B,IAAI,WAAW,YAAY,OAAO;GACpC;EACF,QACM,CAAC;EACP,OAAO;CACT;CAEA,KAAK,MAAM,SAAS;;;;;;;;;;;;;EAalB,IAAI,KAAK,SAAS,WAAW;GAC3B,MAAM,OAAQ,KAAa;GAC3B,IAAI,CAAC,QAAQ,CAAC,KAAK,SAAS,UAAS,GAAG;GACxC,MAAM,UAAU,KAAK,QAAQ,qBAAqB,MAAM,UAAU;IAChE,MAAM,SAAS,gBAAgB,KAAK;IACpC,OAAO,WAAW,QAAQ,OAAO,UAAU,OAAO;GACpD,CAAC;GACD,IAAI,YAAY,MAAM,KAAc,OAAO;GAC3C;EACF;EAEA,MAAM,KAAK;EAEX,IAAI,CAAC,GAAG,SAAS,OAAO;EACxB,IAAI,gBAAgB,CAAC,YAAY,SAAS,GAAG,IAAI,GAAG;EAEpD,MAAM,SAAS,gBAAgB,GAAG,QAAQ,KAAK;EAC/C,IAAI,WAAW,GAAG,QAAQ,OAAO,GAAG,QAAQ,QAAQ;CACtD,CAAC;CAED,OAAO;AACT"}

package/dist/utils/watchPaths.d.ts

@@ -4,8 +4,35 @@
  * chokidar matches any of the given globs. Patterns are interpreted as
  * project-relative; a leading `./` is stripped so user-supplied globs like
  * `./locales/**` behave identically to `locales/**`.
+ *
+ * Negated patterns (`!…`) are excludes: a file matches when it matches an
+ * include pattern and no exclude pattern. They must not reach `matchesGlob`
+ * as-is — it treats a lone negated pattern as "everything except", which
+ * under `some()` would make the predicate true for almost every file.
  */
 declare function createWatchedFileMatcher(patterns: string[], cwd: string): (file: string) => boolean;
+/**
+ * Derive the directories the dev server watcher must cover explicitly now
+ * that its Vite root is the dev UI directory, not the project cwd: the
+ * static prefixes of the content globs, component source dirs, the Maizzle
+ * root, and the static prefixes of the watch globs. Directories, not globs —
+ * the dev server runs with Vite's default `disableGlobbing`, so globs passed
+ * to `watcher.add` are treated literally.
+ *
+ * Negated patterns are excludes and produce no watch root. A watch pattern
+ * with no static prefix (a bare `*.json`, or a glob starting with `**`)
+ * deliberately falls back to `cwd`:
+ * it asks for project-wide matching, and only a project-wide watch can honor
+ * it. Content patterns cannot hit that fallback — they arrive from
+ * `resolveConfig` already resolved against the (absolute) root.
+ */
+declare function deriveWatchRoots(options: {
+  content: string[];
+  componentDirs: string[];
+  root?: string;
+  watchPaths: string[];
+  cwd: string;
+}): string[];
 //#endregion
-export { createWatchedFileMatcher };
+export { createWatchedFileMatcher, deriveWatchRoots };
 //# sourceMappingURL=watchPaths.d.ts.map

package/dist/utils/watchPaths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"watchPaths.d.ts","names":[],"sources":["../../src/utils/watchPaths.ts"],"mappings":";;;;;;;iBAQgB,yBAAyB,oBAAoB,eAEnD"}
+{"version":3,"file":"watchPaths.d.ts","names":[],"sources":["../../src/utils/watchPaths.ts"],"mappings":";;;;;;;;;;;;iBAagB,yBAAyB,oBAAoB,eAInD;;;;;;;;;;;;;;;;iBAqBM,iBAAiB;EAC/B;EACA;EACA;EACA;EACA"}

package/dist/utils/watchPaths.js

@@ -5,15 +5,50 @@ import { matchesGlob, relative } from "pathe";
 * chokidar matches any of the given globs. Patterns are interpreted as
 * project-relative; a leading `./` is stripped so user-supplied globs like
 * `./locales/**` behave identically to `locales/**`.
+*
+* Negated patterns (`!…`) are excludes: a file matches when it matches an
+* include pattern and no exclude pattern. They must not reach `matchesGlob`
+* as-is — it treats a lone negated pattern as "everything except", which
+* under `some()` would make the predicate true for almost every file.
 */
 function createWatchedFileMatcher(patterns, cwd) {
-	const normalized = patterns.map((p) => p.replace(/^\.\//, ""));
+	const stripDotSlash = (p) => p.replace(/^\.\//, "");
+	const includes = patterns.filter((p) => !p.startsWith("!")).map(stripDotSlash);
+	const excludes = patterns.filter((p) => p.startsWith("!")).map((p) => stripDotSlash(p.slice(1)));
 	return (file) => {
 		const rel = relative(cwd, file);
-		return normalized.some((p) => matchesGlob(rel, p));
+		return includes.some((p) => matchesGlob(rel, p)) && !excludes.some((p) => matchesGlob(rel, p));
 	};
 }
+/**
+* Derive the directories the dev server watcher must cover explicitly now
+* that its Vite root is the dev UI directory, not the project cwd: the
+* static prefixes of the content globs, component source dirs, the Maizzle
+* root, and the static prefixes of the watch globs. Directories, not globs —
+* the dev server runs with Vite's default `disableGlobbing`, so globs passed
+* to `watcher.add` are treated literally.
+*
+* Negated patterns are excludes and produce no watch root. A watch pattern
+* with no static prefix (a bare `*.json`, or a glob starting with `**`)
+* deliberately falls back to `cwd`:
+* it asks for project-wide matching, and only a project-wide watch can honor
+* it. Content patterns cannot hit that fallback — they arrive from
+* `resolveConfig` already resolved against the (absolute) root.
+*/
+function deriveWatchRoots(options) {
+	const { content, componentDirs, root, watchPaths, cwd } = options;
+	const globFreePrefix = (pattern) => {
+		const prefix = pattern.split(/[*?{[]|[+@!]\(/)[0];
+		return prefix.endsWith("/") ? prefix.slice(0, -1) : prefix;
+	};
+	return [...new Set([
+		...content.filter((p) => !p.startsWith("!")).map(globFreePrefix),
+		...componentDirs,
+		...root ? [root] : [],
+		...watchPaths.filter((p) => !p.startsWith("!")).map((p) => globFreePrefix(p) || cwd)
+	].filter(Boolean))];
+}
 //#endregion
-export { createWatchedFileMatcher };
+export { createWatchedFileMatcher, deriveWatchRoots };
 
 //# sourceMappingURL=watchPaths.js.map

package/dist/utils/watchPaths.js.map

@@ -1 +1 @@
-{"version":3,"file":"watchPaths.js","names":[],"sources":["../../src/utils/watchPaths.ts"],"sourcesContent":["import { matchesGlob, relative } from 'pathe'\n\n/**\n * Build a predicate that tells whether an absolute file path emitted by\n * chokidar matches any of the given globs. Patterns are interpreted as\n * project-relative; a leading `./` is stripped so user-supplied globs like\n * `./locales/**` behave identically to `locales/**`.\n */\nexport function createWatchedFileMatcher(patterns: string[], cwd: string) {\n  const normalized = patterns.map(p => p.replace(/^\\.\\//, ''))\n  return (file: string) => {\n    const rel = relative(cwd, file)\n    return normalized.some(p => matchesGlob(rel, p))\n  }\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,yBAAyB,UAAoB,KAAa;CACxE,MAAM,aAAa,SAAS,KAAI,MAAK,EAAE,QAAQ,SAAS,EAAE,CAAC;CAC3D,QAAQ,SAAiB;EACvB,MAAM,MAAM,SAAS,KAAK,IAAI;EAC9B,OAAO,WAAW,MAAK,MAAK,YAAY,KAAK,CAAC,CAAC;CACjD;AACF"}
+{"version":3,"file":"watchPaths.js","names":[],"sources":["../../src/utils/watchPaths.ts"],"sourcesContent":["import { matchesGlob, relative } from 'pathe'\n\n/**\n * Build a predicate that tells whether an absolute file path emitted by\n * chokidar matches any of the given globs. Patterns are interpreted as\n * project-relative; a leading `./` is stripped so user-supplied globs like\n * `./locales/**` behave identically to `locales/**`.\n *\n * Negated patterns (`!…`) are excludes: a file matches when it matches an\n * include pattern and no exclude pattern. They must not reach `matchesGlob`\n * as-is — it treats a lone negated pattern as \"everything except\", which\n * under `some()` would make the predicate true for almost every file.\n */\nexport function createWatchedFileMatcher(patterns: string[], cwd: string) {\n  const stripDotSlash = (p: string) => p.replace(/^\\.\\//, '')\n  const includes = patterns.filter(p => !p.startsWith('!')).map(stripDotSlash)\n  const excludes = patterns.filter(p => p.startsWith('!')).map(p => stripDotSlash(p.slice(1)))\n  return (file: string) => {\n    const rel = relative(cwd, file)\n    return includes.some(p => matchesGlob(rel, p)) && !excludes.some(p => matchesGlob(rel, p))\n  }\n}\n\n/**\n * Derive the directories the dev server watcher must cover explicitly now\n * that its Vite root is the dev UI directory, not the project cwd: the\n * static prefixes of the content globs, component source dirs, the Maizzle\n * root, and the static prefixes of the watch globs. Directories, not globs —\n * the dev server runs with Vite's default `disableGlobbing`, so globs passed\n * to `watcher.add` are treated literally.\n *\n * Negated patterns are excludes and produce no watch root. A watch pattern\n * with no static prefix (a bare `*.json`, or a glob starting with `**`)\n * deliberately falls back to `cwd`:\n * it asks for project-wide matching, and only a project-wide watch can honor\n * it. Content patterns cannot hit that fallback — they arrive from\n * `resolveConfig` already resolved against the (absolute) root.\n */\nexport function deriveWatchRoots(options: {\n  content: string[]\n  componentDirs: string[]\n  root?: string\n  watchPaths: string[]\n  cwd: string\n}): string[] {\n  const { content, componentDirs, root, watchPaths, cwd } = options\n\n  // Stop at any glob syntax across both glob backends in use — pathe's\n  // matchesGlob for the watched-file matcher (wildcards, ?, braces, bracket\n  // classes) and tinyglobby/picomatch for template listing (additionally\n  // extglobs: +(…), @(…), !(…), matched as two-char openers so bare\n  // parentheses in directory names stay literal). Splitting too late would\n  // leave a literal never-existing path as the root and silently lose\n  // coverage; splitting too early merely watches the parent directory,\n  // which still covers the target — so err on the side of splitting.\n  const globFreePrefix = (pattern: string) => {\n    const prefix = pattern.split(/[*?{[]|[+@!]\\(/)[0]\n    return prefix.endsWith('/') ? prefix.slice(0, -1) : prefix\n  }\n\n  return [...new Set([\n    ...content.filter(p => !p.startsWith('!')).map(globFreePrefix),\n    ...componentDirs,\n    ...(root ? [root] : []),\n    ...watchPaths.filter(p => !p.startsWith('!')).map(p => globFreePrefix(p) || cwd),\n  ].filter(Boolean))]\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,yBAAyB,UAAoB,KAAa;CACxE,MAAM,iBAAiB,MAAc,EAAE,QAAQ,SAAS,EAAE;CAC1D,MAAM,WAAW,SAAS,QAAO,MAAK,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,IAAI,aAAa;CAC3E,MAAM,WAAW,SAAS,QAAO,MAAK,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,KAAI,MAAK,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;CAC3F,QAAQ,SAAiB;EACvB,MAAM,MAAM,SAAS,KAAK,IAAI;EAC9B,OAAO,SAAS,MAAK,MAAK,YAAY,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,MAAK,MAAK,YAAY,KAAK,CAAC,CAAC;CAC3F;AACF;;;;;;;;;;;;;;;;AAiBA,SAAgB,iBAAiB,SAMpB;CACX,MAAM,EAAE,SAAS,eAAe,MAAM,YAAY,QAAQ;CAU1D,MAAM,kBAAkB,YAAoB;EAC1C,MAAM,SAAS,QAAQ,MAAM,gBAAgB,CAAC,CAAC;EAC/C,OAAO,OAAO,SAAS,GAAG,IAAI,OAAO,MAAM,GAAG,EAAE,IAAI;CACtD;CAEA,OAAO,CAAC,GAAG,IAAI,IAAI;EACjB,GAAG,QAAQ,QAAO,MAAK,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,IAAI,cAAc;EAC7D,GAAG;EACH,GAAI,OAAO,CAAC,IAAI,IAAI,CAAC;EACrB,GAAG,WAAW,QAAO,MAAK,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,KAAI,MAAK,eAAe,CAAC,KAAK,GAAG;CACjF,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC;AACpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "6.1.2",
+  "version": "6.1.4",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",
@@ -58,11 +58,11 @@
     "markdown-exit": "^1.1.0-beta.2",
     "nodemailer": "^9.0.0",
     "ora": "^9.3.0",
-    "oxfmt": "^0.64.0",
+    "oxfmt": "^0.65.0",
     "pathe": "^2.0.3",
     "postcss": "^8.5.6",
     "postcss-calc": "^10.1.1",
-    "postcss-merge-longhand": "^8.0.0",
+    "postcss-merge-longhand": "^9.0.1",
     "postcss-safe-parser": "^7.0.1",
     "postcss-sort-media-queries": "^6.5.0",
     "postcss-value-parser": "^4.2.0",