@maizzle/framework 6.0.0-rc.4 → 6.0.0-rc.6

package/dist/components/Overlap.vue

@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import { computed, useAttrs, createStaticVNode } from 'vue'
+import { normalizeToPixels } from './utils.ts'
+
+defineOptions({ inheritAttrs: false })
+
+const attrs = useAttrs()
+
+const props = defineProps({
+  /** Max height of the overlapped (background) content. */
+  height: {
+    type: [String, Number],
+    required: true
+  },
+  /** Width of the overlay table and VML rect. */
+  width: {
+    type: [String, Number],
+    required: true
+  },
+  /** Height of the VML rect for Outlook. Defaults to height. */
+  msoHeight: {
+    type: [String, Number],
+    default: null
+  },
+  /** VML textbox inset value for Outlook positioning. */
+  msoInset: {
+    type: String,
+    default: '0,-60px,0,0'
+  },
+})
+
+const backgroundStyles = computed(() => {
+  return `max-height: ${normalizeToPixels(props.height)}; margin: 0 auto; text-align: center;`
+})
+
+const vmlOpen = computed(() => {
+  const w = normalizeToPixels(props.width)
+  const h = normalizeToPixels(props.msoHeight ?? props.height)
+
+  return `<!--[if mso]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" stroked="f" filled="f" style="width:${w};height:${h};"><v:textbox inset="${props.msoInset}"><![endif]-->`
+})
+
+const VmlBefore = () => createStaticVNode(vmlOpen.value, 1)
+const VmlAfter = () => createStaticVNode('<!--[if mso]></v:textbox></v:rect><![endif]-->', 1)
+</script>
+
+<template>
+  <div v-bind="attrs" :style="backgroundStyles">
+    <slot />
+  </div>
+  <table style="max-height: 0; position: relative; opacity: 0.999;">
+    <tr>
+      <td :style="`width: ${normalizeToPixels(props.width)}; max-width: 100%; vertical-align: top;`">
+        <VmlBefore />
+        <slot name="overlay" />
+        <VmlAfter />
+      </td>
+    </tr>
+  </table>
+</template>

package/dist/components/Preview.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+defineProps({
+  /** Number of `&#8199;&#847;` filler pairs to render. */
+  fillerCount: {
+    type: Number,
+    default: 150
+  },
+  /** Number of `&shy;` entities to render. */
+  shyCount: {
+    type: Number,
+    default: 150
+  }
+})
+</script>
+
+<template>
+  <Teleport to="body:start">
+    <div style="display:none"><slot /><template v-for="i in fillerCount" :key="'f'+i">&#8199;&#847; </template><template v-for="i in shyCount" :key="'s'+i">&shy; </template>&nbsp;</div>
+  </Teleport>
+</template>

package/dist/components/Row.vue

@@ -0,0 +1,80 @@
+<script setup lang="ts">
+import { Comment, computed, createStaticVNode, inject, provide, useAttrs, useSlots, Fragment } from 'vue'
+import type { ComputedRef, VNode } from 'vue'
+
+defineOptions({ inheritAttrs: false })
+
+const attrs = useAttrs()
+
+const props = defineProps({
+  /** Override the inherited container width. */
+  width: {
+    type: [String, Number],
+    default: null
+  },
+  /** Override the auto-detected column count. */
+  cols: {
+    type: Number,
+    default: null
+  }
+})
+
+const slots = useSlots()
+
+function countChildren(vnodes: VNode[]): number {
+  let count = 0
+
+  for (const vnode of vnodes) {
+    if (vnode.type === Fragment && Array.isArray(vnode.children)) {
+      count += countChildren(vnode.children as VNode[])
+    } else if (vnode.type !== Comment && typeof vnode.type !== 'symbol') {
+      count++
+    }
+  }
+
+  return count
+}
+
+const columnCount = computed(() => {
+  if (props.cols) return props.cols
+
+  const children = slots.default?.() ?? []
+  return countChildren(children) || 1
+})
+
+const containerWidth = inject<ComputedRef<string | number> | null>('containerWidth', null)
+
+const rowWidth = computed(() => props.width ?? containerWidth?.value ?? '37.5em')
+
+function divideValue(value: string | number, divisor: number): string {
+  if (typeof value === 'number') {
+    return `${value / divisor}px`
+  }
+
+  const num = Number.parseFloat(value)
+  const unit = value.replace(String(num), '') || 'px'
+
+  return `${num / divisor}${unit}`
+}
+
+provide('columnMinWidth', computed(() => divideValue(rowWidth.value, columnCount.value)))
+provide('columnMsoWidth', computed(() => `${Math.round(100 / columnCount.value)}%`))
+
+const MsoBefore = () => createStaticVNode(
+  '<!--[if mso]><table role="none" cellpadding="0" cellspacing="0" width="100%"><tr><![endif]-->',
+  1
+)
+
+const MsoAfter = () => createStaticVNode(
+  '<!--[if mso]></tr></table><![endif]-->',
+  1
+)
+</script>
+
+<template>
+  <MsoBefore />
+  <div v-bind="attrs" style="width: 100%; font-size: 0;">
+    <slot />
+  </div>
+  <MsoAfter />
+</template>

package/dist/components/Spacer.vue

@@ -3,11 +3,21 @@ import { computed } from 'vue'
 import { normalizeToPixels } from './utils.ts'
 
 const props = defineProps({
-  /** The height of the spacer. */
-  size: {
+  /** The type of spacer. */
+  type: {
+    type: String as () => 'vertical' | 'horizontal',
+    default: 'vertical'
+  },
+  /** The height of the spacer (vertical). */
+  height: {
     type: [String, Number],
     default: null
   },
+  /** The width of the spacer (horizontal). */
+  width: {
+    type: [String, Number],
+    default: 16
+  },
   /** The alternative height to use in Outlook. */
   msoHeight: {
     type: [String, Number],
@@ -15,11 +25,16 @@ const props = defineProps({
   }
 })
 
-const styles = computed(() => {
+function parsePixelValue(value: string | number): number {
+  if (typeof value === 'number') return value
+  return Number.parseFloat(value) || 0
+}
+
+const verticalStyles = computed(() => {
   const s = []
 
-  if (props.size) {
-    s.push(`line-height: ${normalizeToPixels(props.size)};`)
+  if (props.height) {
+    s.push(`line-height: ${normalizeToPixels(props.height)};`)
   }
 
   if (props.msoHeight) {
@@ -28,9 +43,37 @@ const styles = computed(() => {
 
   return s.join('')
 })
+
+const horizontalStyles = computed(() => {
+  return `display:inline-block; width: ${normalizeToPixels(props.width)}; font-size: 16px;${msoFontWidth.value}`
+})
+
+const msoFontWidth = computed(() => {
+  const widthPx = parsePixelValue(props.width)
+  const emspBase = 16
+  const maxPercent = 500
+  const maxPerEmsp = emspBase * (maxPercent / 100)
+  const numEmsps = Math.ceil(widthPx / maxPerEmsp)
+  const percent = Math.round((widthPx / (numEmsps * emspBase)) * 100)
+
+  return ` mso-font-width:${percent}%;`
+})
+
+const emspCount = computed(() => {
+  const widthPx = parsePixelValue(props.width)
+  const maxPerEmsp = 16 * 5
+  return Math.ceil(widthPx / maxPerEmsp)
+})
+
+const emsps = computed(() => '\u2003'.repeat(emspCount.value))
 </script>
 
 <template>
-  <div v-if="size" role="separator" :style="styles">&zwj;</div>
-  <div v-else role="separator">&zwj;</div>
+  <template v-if="type === 'horizontal'">
+    <i :style="horizontalStyles">{{ emsps }}</i>
+  </template>
+  <template v-else>
+    <div v-if="height" role="separator" :style="verticalStyles">&zwj;</div>
+    <div v-else role="separator">&zwj;</div>
+  </template>
 </template>

package/dist/composables/renderContext.d.mts

@@ -6,6 +6,11 @@ import { InjectionKey } from "vue";
 //#region src/composables/renderContext.d.ts
 interface RenderContext {
   doctype?: string;
+  previewText?: {
+    text: string;
+    fillerCount: number;
+    shyCount: number;
+  };
   sfcConfig?: MaizzleConfig;
   sfcEventHandlers: Array<{
     name: EventName;

package/dist/composables/renderContext.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"renderContext.d.mts","names":[],"sources":["../../src/composables/renderContext.ts"],"mappings":";;;;;;UAKiB,aAAA;EACf,OAAA;EACA,SAAA,GAAY,aAAA;EACZ,gBAAA,EAAkB,KAAA;IAAQ,IAAA,EAAM,SAAA;IAAW,OAAA,EAAS,QAAA,CAAS,SAAA;EAAA;EAC7D,SAAA,GAAY,mBAAA;AAAA;AAAA,cAGD,gBAAA,EAAkB,YAAA,CAAa,aAAA"}
+{"version":3,"file":"renderContext.d.mts","names":[],"sources":["../../src/composables/renderContext.ts"],"mappings":";;;;;;UAKiB,aAAA;EACf,OAAA;EACA,WAAA;IAAgB,IAAA;IAAc,WAAA;IAAqB,QAAA;EAAA;EACnD,SAAA,GAAY,aAAA;EACZ,gBAAA,EAAkB,KAAA;IAAQ,IAAA,EAAM,SAAA;IAAW,OAAA,EAAS,QAAA,CAAS,SAAA;EAAA;EAC7D,SAAA,GAAY,mBAAA;AAAA;AAAA,cAGD,gBAAA,EAAkB,YAAA,CAAa,aAAA"}

package/dist/composables/renderContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderContext.mjs","names":[],"sources":["../../src/composables/renderContext.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { MaizzleConfig } from '../types/index.ts'\nimport type { EventName, EventMap } from '../events/index.ts'\nimport type { UsePlaintextOptions } from './usePlaintext.ts'\n\nexport interface RenderContext {\n  doctype?: string\n  sfcConfig?: MaizzleConfig\n  sfcEventHandlers: Array<{ name: EventName; handler: EventMap[EventName] }>\n  plaintext?: UsePlaintextOptions\n}\n\nexport const RenderContextKey: InjectionKey<RenderContext> = Symbol('RenderContext')\n"],"mappings":";AAYA,MAAa,mBAAgD,OAAO,gBAAgB"}
+{"version":3,"file":"renderContext.mjs","names":[],"sources":["../../src/composables/renderContext.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { MaizzleConfig } from '../types/index.ts'\nimport type { EventName, EventMap } from '../events/index.ts'\nimport type { UsePlaintextOptions } from './usePlaintext.ts'\n\nexport interface RenderContext {\n  doctype?: string\n  previewText?: { text: string; fillerCount: number; shyCount: number }\n  sfcConfig?: MaizzleConfig\n  sfcEventHandlers: Array<{ name: EventName; handler: EventMap[EventName] }>\n  plaintext?: UsePlaintextOptions\n}\n\nexport const RenderContextKey: InjectionKey<RenderContext> = Symbol('RenderContext')\n"],"mappings":";AAaA,MAAa,mBAAgD,OAAO,gBAAgB"}

package/dist/composables/usePreviewText.d.mts

@@ -0,0 +1,24 @@
+//#region src/composables/usePreviewText.d.ts
+interface UsePreviewTextOptions {
+  /** Number of  ͏ filler pairs to render. @default 150 */
+  fillerCount?: number;
+  /** Number of ­ entities to render. @default 150 */
+  shyCount?: number;
+}
+/**
+ * Set the preview/preheader text for the current email template.
+ *
+ * Injects a hidden `<div>` at the start of `<body>` with the preview text
+ * followed by filler characters that prevent email clients from pulling
+ * in body content after the preheader.
+ *
+ * Usage in SFC <script setup>:
+ * ```ts
+ * usePreviewText('Thanks for signing up!')
+ * usePreviewText('Welcome!', { fillerCount: 200, shyCount: 200 })
+ * ```
+ */
+declare function usePreviewText(text: string, options?: UsePreviewTextOptions): void;
+//#endregion
+export { UsePreviewTextOptions, usePreviewText };
+//# sourceMappingURL=usePreviewText.d.mts.map

package/dist/composables/usePreviewText.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviewText.d.mts","names":[],"sources":["../../src/composables/usePreviewText.ts"],"mappings":";UAGiB,qBAAA;EAAA;EAEf,WAAA;;EAEA,QAAA;AAAA;AAgBF;;;;;;;;;;;;;AAAA,iBAAgB,cAAA,CAAe,IAAA,UAAc,OAAA,GAAU,qBAAA"}

package/dist/composables/usePreviewText.mjs

@@ -0,0 +1,29 @@
+import { RenderContextKey } from "./renderContext.mjs";
+import { inject } from "vue";
+
+//#region src/composables/usePreviewText.ts
+/**
+* Set the preview/preheader text for the current email template.
+*
+* Injects a hidden `<div>` at the start of `<body>` with the preview text
+* followed by filler characters that prevent email clients from pulling
+* in body content after the preheader.
+*
+* Usage in SFC <script setup>:
+* ```ts
+* usePreviewText('Thanks for signing up!')
+* usePreviewText('Welcome!', { fillerCount: 200, shyCount: 200 })
+* ```
+*/
+function usePreviewText(text, options) {
+	const ctx = inject(RenderContextKey);
+	if (ctx) ctx.previewText = {
+		text,
+		fillerCount: options?.fillerCount ?? 150,
+		shyCount: options?.shyCount ?? 150
+	};
+}
+
+//#endregion
+export { usePreviewText };
+//# sourceMappingURL=usePreviewText.mjs.map

package/dist/composables/usePreviewText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviewText.mjs","names":[],"sources":["../../src/composables/usePreviewText.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { RenderContextKey } from './renderContext.ts'\n\nexport interface UsePreviewTextOptions {\n  /** Number of &#8199;&#847; filler pairs to render. @default 150 */\n  fillerCount?: number\n  /** Number of &shy; entities to render. @default 150 */\n  shyCount?: number\n}\n\n/**\n * Set the preview/preheader text for the current email template.\n *\n * Injects a hidden `<div>` at the start of `<body>` with the preview text\n * followed by filler characters that prevent email clients from pulling\n * in body content after the preheader.\n *\n * Usage in SFC <script setup>:\n * ```ts\n * usePreviewText('Thanks for signing up!')\n * usePreviewText('Welcome!', { fillerCount: 200, shyCount: 200 })\n * ```\n */\nexport function usePreviewText(text: string, options?: UsePreviewTextOptions): void {\n  const ctx = inject(RenderContextKey)\n  if (ctx) {\n    ctx.previewText = {\n      text,\n      fillerCount: options?.fillerCount ?? 150,\n      shyCount: options?.shyCount ?? 150,\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAAgB,eAAe,MAAc,SAAuC;CAClF,MAAM,MAAM,OAAO,iBAAiB;AACpC,KAAI,IACF,KAAI,cAAc;EAChB;EACA,aAAa,SAAS,eAAe;EACrC,UAAU,SAAS,YAAY;EAChC"}

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { AttributesConfig, CssConfig, EntitiesConfig, HtmlConfig, MaizzleConfig, UrlConfig, UrlQuery, UrlQueryOptions } from "./types/config.mjs";
+import { AttributesConfig, CssConfig, EntitiesConfig, FilterFunction, FiltersConfig, HtmlConfig, MaizzleConfig, UrlConfig, UrlQuery, UrlQueryOptions } from "./types/config.mjs";
 import { build } from "./build.mjs";
 import { defineConfig } from "./composables/defineConfig.mjs";
 import { usePlaintext } from "./composables/usePlaintext.mjs";
@@ -22,8 +22,9 @@ import { shorthandCSS } from "./transformers/shorthandCSS.mjs";
 import { removeAttributes } from "./transformers/removeAttributes.mjs";
 import { addAttributes } from "./transformers/addAttributes.mjs";
 import { purgeCSS } from "./transformers/purgeCSS.mjs";
+import { filters } from "./transformers/filters/index.mjs";
 import { replaceStrings } from "./transformers/replaceStrings.mjs";
 import { format } from "./transformers/format.mjs";
 import { minify } from "./transformers/minify.mjs";
 import { useHead } from "@unhead/vue";
-export { type AttributesConfig, type CreateRendererOptions, type CssConfig, type EntitiesConfig, type HtmlConfig, type MaizzleConfig, type RenderOptions, type RenderResult, type RenderedTemplate, type Renderer, type UrlConfig, type UrlQuery, type UrlQueryOptions, addAttributes, attributeToStyle, base, build, createPlaintext, createRenderer, defineConfig, entities, format, inlineCSS, inlineLink, maizzle, minify, removeAttributes, purgeCSS as removeUnusedCSS, render, replaceStrings, resolveConfig, safeClassNames, serve, shorthandCSS, urlQuery, useConfig, useDoctype, useEvent, useHead, usePlaintext };
+export { type AttributesConfig, type CreateRendererOptions, type CssConfig, type EntitiesConfig, type FilterFunction, type FiltersConfig, type HtmlConfig, type MaizzleConfig, type RenderOptions, type RenderResult, type RenderedTemplate, type Renderer, type UrlConfig, type UrlQuery, type UrlQueryOptions, addAttributes, attributeToStyle, base, build, createPlaintext, createRenderer, defineConfig, entities, filters, format, inlineCSS, inlineLink, maizzle, minify, removeAttributes, purgeCSS as removeUnusedCSS, render, replaceStrings, resolveConfig, safeClassNames, serve, shorthandCSS, urlQuery, useConfig, useDoctype, useEvent, useHead, usePlaintext };

package/dist/index.mjs

@@ -8,6 +8,7 @@ import { inlineCSS } from "./transformers/inlineCSS.mjs";
 import { removeAttributes } from "./transformers/removeAttributes.mjs";
 import { shorthandCSS } from "./transformers/shorthandCSS.mjs";
 import { addAttributes } from "./transformers/addAttributes.mjs";
+import { filters } from "./transformers/filters/index.mjs";
 import { base } from "./transformers/base.mjs";
 import { entities } from "./transformers/entities.mjs";
 import { urlQuery } from "./transformers/urlQuery.mjs";
@@ -26,4 +27,4 @@ import { useEvent } from "./composables/useEvent.mjs";
 import { usePlaintext } from "./composables/usePlaintext.mjs";
 import { useHead } from "@unhead/vue";
 
-export { addAttributes, attributeToStyle, base, build, createPlaintext, createRenderer, defineConfig, entities, format, inlineCSS, inlineLink, maizzle, minify, removeAttributes, purgeCSS as removeUnusedCSS, render, replaceStrings, resolveConfig, safeClassNames, serve, shorthandCSS, urlQuery, useConfig, useDoctype, useEvent, useHead, usePlaintext };
+export { addAttributes, attributeToStyle, base, build, createPlaintext, createRenderer, defineConfig, entities, filters, format, inlineCSS, inlineLink, maizzle, minify, removeAttributes, purgeCSS as removeUnusedCSS, render, replaceStrings, resolveConfig, safeClassNames, serve, shorthandCSS, urlQuery, useConfig, useDoctype, useEvent, useHead, usePlaintext };

package/dist/render/createRenderer.d.mts

@@ -14,6 +14,7 @@ interface RenderedTemplate {
 interface Renderer {
   render(input: string | Component, config: MaizzleConfig): Promise<RenderedTemplate>;
   invalidate(filePath: string): Promise<void>;
+  invalidateAll(): Promise<void>;
   close(): Promise<void>;
 }
 interface CreateRendererOptions {

package/dist/render/createRenderer.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"createRenderer.d.mts","names":[],"sources":["../../src/render/createRenderer.ts"],"mappings":";;;;;;UA2BiB,gBAAA;EACf,IAAA;EACA,OAAA;EACA,cAAA,EAAgB,aAAA;EAChB,gBAAA,EAAkB,aAAA;EAClB,SAAA,GAAY,aAAA;AAAA;AAAA,UAGG,QAAA;EACf,MAAA,CAAO,KAAA,WAAgB,SAAA,EAAW,MAAA,EAAQ,aAAA,GAAgB,OAAA,CAAQ,gBAAA;EAClE,UAAA,CAAW,QAAA,WAAmB,OAAA;EAC9B,KAAA,IAAS,OAAA;AAAA;AAAA,UAGM,qBAAA;EAXf;EAaA,GAAA;EAZA;EAcA,QAAA,GAAW,OAAA;EAbX;EAeA,IAAA;EAfyB;EAiBzB,aAAA;AAAA;;;;;;;iBASoB,cAAA,CACpB,OAAA,GAAS,qBAAA,GACR,OAAA,CAAQ,QAAA"}
+{"version":3,"file":"createRenderer.d.mts","names":[],"sources":["../../src/render/createRenderer.ts"],"mappings":";;;;;;UA2EiB,gBAAA;EACf,IAAA;EACA,OAAA;EACA,cAAA,EAAgB,aAAA;EAChB,gBAAA,EAAkB,aAAA;EAClB,SAAA,GAAY,aAAA;AAAA;AAAA,UAGG,QAAA;EACf,MAAA,CAAO,KAAA,WAAgB,SAAA,EAAW,MAAA,EAAQ,aAAA,GAAgB,OAAA,CAAQ,gBAAA;EAClE,UAAA,CAAW,QAAA,WAAmB,OAAA;EAC9B,aAAA,IAAiB,OAAA;EACjB,KAAA,IAAS,OAAA;AAAA;AAAA,UAGM,qBAAA;EAZC;EAchB,GAAA;EAbkB;EAelB,QAAA,GAAW,OAAA;EAdC;EAgBZ,IAAA;EAhByB;EAkBzB,aAAA;AAAA;;;;;;;iBASoB,cAAA,CACpB,OAAA,GAAS,qBAAA,GACR,OAAA,CAAQ,QAAA"}

package/dist/render/createRenderer.mjs

@@ -16,6 +16,36 @@ import { createHead, renderSSRHead } from "@unhead/vue/server";
 
 //#region src/render/createRenderer.ts
 const __dirname = dirname(fileURLToPath(import.meta.url));
+/**
+* Vite plugin that extracts raw slot content from <CodeBlock> tags
+* and passes it as a :code prop before Vue compiles the template.
+*
+* This lets users write HTML naturally inside CodeBlock slots without
+* Vue attempting to compile it as template syntax.
+*/
+function codeBlockExtract() {
+	const re = /<(CodeBlock|code-block)((?:\s[^>]*?)?)>([\s\S]*?)<\/\1>/g;
+	return {
+		name: "maizzle:code-block-extract",
+		enforce: "pre",
+		transform(code, id) {
+			if (!id.endsWith(".vue") && !id.endsWith(".md")) return;
+			if (!code.includes("CodeBlock") && !code.includes("code-block")) return;
+			const transformed = code.replace(re, (_match, tag, attrs, content) => {
+				if (/(?:^|\s):code\b/.test(attrs) || /v-bind:code\b/.test(attrs)) return _match;
+				const stripped = content.replace(/^\n+/, "").replace(/\s+$/, "");
+				if (!stripped) return _match;
+				const minIndent = stripped.match(/^[ \t]*(?=\S)/gm)?.reduce((min, ws) => Math.min(min, ws.length), Infinity) ?? 0;
+				const dedented = minIndent > 0 ? stripped.replace(new RegExp(`^[ \\t]{${minIndent}}`, "gm"), "") : stripped;
+				return `<${tag}${attrs} encoded-code="${Buffer.from(dedented).toString("base64")}" />`;
+			});
+			if (transformed !== code) return {
+				code: transformed,
+				map: null
+			};
+		}
+	};
+}
 const vuePkgDir = dirname(fileURLToPath(import.meta.resolve("vue/package.json")));
 const vueServerRendererPkgDir = dirname(fileURLToPath(import.meta.resolve("@vue/server-renderer/package.json")));
 const unheadVuePkgDir = resolve(dirname(fileURLToPath(import.meta.resolve("@unhead/vue"))), "..");
@@ -34,6 +64,7 @@ async function createRenderer(options = {}) {
 	const server = await createServer({
 		configFile: false,
 		plugins: [
+			codeBlockExtract(),
 			{
 				name: "maizzle:virtual-sfc",
 				resolveId(id) {
@@ -127,13 +158,38 @@ async function createRenderer(options = {}) {
 			app.use(head);
 			app.provide(configKey, config);
 			app.provide(contextKey, renderContext);
-			let html = await renderToString(app);
+			const ssrContext = {};
+			let html = await renderToString(app, ssrContext);
 			const { headTags, bodyTags, bodyTagsOpen, htmlAttrs, bodyAttrs } = await renderSSRHead(head);
 			if (htmlAttrs) html = html.replace(/<html([^>]*)>/, `<html$1 ${htmlAttrs}>`);
 			if (headTags) html = html.replace("</head>", `${headTags}\n</head>`);
 			if (bodyAttrs) html = html.replace(/<body([^>]*)>/, `<body$1 ${bodyAttrs}>`);
 			if (bodyTagsOpen) html = html.replace(/<body([^>]*)>/, `<body$1>\n${bodyTagsOpen}`);
 			if (bodyTags) html = html.replace("</body>", `${bodyTags}\n</body>`);
+			if (ssrContext.teleports) {
+				const { parse: parseDom, serialize: serializeDom, walk } = await import("../utils/ast/index.mjs");
+				let dom = parseDom(html);
+				for (const [rawTarget, content] of Object.entries(ssrContext.teleports)) {
+					if (!content) continue;
+					const prepend = rawTarget.endsWith(":start");
+					const target = prepend ? rawTarget.slice(0, -6) : rawTarget;
+					const targetChildren = parseDom(content);
+					walk(dom, (node) => {
+						const el = node;
+						if (!el.name) return;
+						if (target === el.name || target.startsWith("#") && el.attribs?.id === target.slice(1) || target.startsWith(".") && el.attribs?.class?.split(/\s+/).includes(target.slice(1))) {
+							for (const child of targetChildren) child.parent = el;
+							el.children = prepend ? [...targetChildren, ...el.children || []] : [...el.children || [], ...targetChildren];
+						}
+					});
+				}
+				html = serializeDom(dom);
+			}
+			if (renderContext.previewText) {
+				const { text, fillerCount, shyCount } = renderContext.previewText;
+				const previewHtml = `<div style="display:none">${text}${" ͏ ".repeat(fillerCount)}${"­ ".repeat(shyCount)}\u00A0</div>`;
+				html = html.replace(/<body([^>]*)>/, `<body$1>${previewHtml}`);
+			}
 			return {
 				html,
 				doctype: renderContext.doctype,
@@ -146,6 +202,9 @@ async function createRenderer(options = {}) {
 			const mod = await server.moduleGraph.getModuleByUrl(filePath);
 			if (mod) server.moduleGraph.invalidateModule(mod);
 		},
+		async invalidateAll() {
+			for (const mod of server.moduleGraph.idToModuleMap.values()) server.moduleGraph.invalidateModule(mod);
+		},
 		async close() {
 			await server.close();
 		}

package/dist/render/createRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createRenderer.mjs","names":["merge"],"sources":["../../src/render/createRenderer.ts"],"sourcesContent":["import { dirname, resolve } from 'node:path'\nimport { fileURLToPath } from 'node:url'\nimport { isLaravel } from '../utils/detect.ts'\nimport { createServer } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport Markdown from 'unplugin-vue-markdown/vite'\nimport AutoImport from 'unplugin-auto-import/vite'\nimport Components from 'unplugin-vue-components/vite'\nimport { unheadVueComposablesImports } from '@unhead/vue'\nimport { defu as merge } from 'defu'\nimport { createSSRApp } from 'vue'\nimport { renderToString } from 'vue/server-renderer'\nimport { createHead, renderSSRHead } from '@unhead/vue/server'\nimport { MaizzleConfigKey } from '../composables/useConfig.ts'\nimport { RenderContextKey } from '../composables/renderContext.ts'\nimport type { Component, InjectionKey } from 'vue'\nimport type { MaizzleConfig } from '../types/index.ts'\nimport type { Options as MarkdownOptions } from 'unplugin-vue-markdown/types'\nimport type { RenderContext } from '../composables/renderContext.ts'\n\nconst __dirname = dirname(fileURLToPath(import.meta.url))\n\nconst vuePkgDir = dirname(fileURLToPath(import.meta.resolve('vue/package.json')))\nconst vueServerRendererPkgDir = dirname(fileURLToPath(import.meta.resolve('@vue/server-renderer/package.json')))\nconst unheadVuePkgDir = resolve(dirname(fileURLToPath(import.meta.resolve('@unhead/vue'))), '..')\nconst vueRouterPkgDir = dirname(fileURLToPath(import.meta.resolve('vue-router/package.json')))\n\nexport interface RenderedTemplate {\n  html: string\n  doctype?: string\n  templateConfig: MaizzleConfig\n  sfcEventHandlers: RenderContext['sfcEventHandlers']\n  plaintext?: RenderContext['plaintext']\n}\n\nexport interface Renderer {\n  render(input: string | Component, config: MaizzleConfig): Promise<RenderedTemplate>\n  invalidate(filePath: string): Promise<void>\n  close(): Promise<void>\n}\n\nexport interface CreateRendererOptions {\n  /** Generate .d.ts files for auto-imports and components (default: false) */\n  dts?: boolean\n  /** Options passed to unplugin-vue-markdown */\n  markdown?: MarkdownOptions\n  /** Root directory for resolving user component dirs and .d.ts output */\n  root?: string\n  /** Additional component directories to register for auto-import */\n  componentDirs?: string[]\n}\n\n/**\n * Lightweight Vite SSR loader for rendering Vue SFC email templates.\n *\n * Uses only Vue + unplugin for component/auto-import resolution.\n * Tailwind CSS compilation is handled by the transformer pipeline.\n */\nexport async function createRenderer(\n  options: CreateRendererOptions = {},\n): Promise<Renderer> {\n  const { dts = false, markdown: markdownOptions, root = process.cwd(), componentDirs = [] } = options\n\n  const dtsDir = isLaravel()\n    ? resolve(process.cwd(), 'resources/js/types/maizzle')\n    : resolve(root, '.maizzle')\n\n  const VIRTUAL_SFC_ID = 'virtual:maizzle-sfc.vue'\n  let virtualSfcSource = ''\n\n  const server = await createServer({\n    configFile: false,\n    plugins: [\n      {\n        name: 'maizzle:virtual-sfc',\n        resolveId(id) {\n          if (id === VIRTUAL_SFC_ID) return id\n        },\n        load(id) {\n          if (id === VIRTUAL_SFC_ID) return virtualSfcSource\n        },\n      },\n      vue({\n        include: [/\\.vue$/, /\\.md$/],\n        template: {\n          transformAssetUrls: false,\n        },\n      }),\n      Markdown(merge(markdownOptions ?? {}, {\n        headEnabled: true,\n        wrapperDiv: false,\n      })),\n      AutoImport({\n        dirs: [\n          resolve(__dirname, '../composables'),\n          resolve(__dirname, '../filters'),\n        ],\n        imports: ['vue', unheadVueComposablesImports],\n        dts: dts ? resolve(dtsDir, 'auto-imports.d.ts') : false,\n      }),\n      Components({\n        extensions: ['vue', 'md'],\n        include: [/\\.vue$/, /\\.vue\\?vue/, /\\.md$/],\n        dirs: [\n          resolve(__dirname, '../components'),\n          resolve(root, 'components'),\n          ...componentDirs,\n        ],\n        dts: dts ? resolve(dtsDir, 'components.d.ts') : false,\n      }),\n    ],\n    resolve: {\n      alias: {\n        'vue/server-renderer': resolve(vueServerRendererPkgDir, 'dist/server-renderer.esm-bundler.js'),\n        'vue': resolve(vuePkgDir, 'dist/vue.runtime.esm-bundler.js'),\n        'vue-router': vueRouterPkgDir,\n        '@unhead/vue/server': resolve(unheadVuePkgDir, 'dist/server.mjs'),\n        '@unhead/vue': resolve(unheadVuePkgDir, 'dist/index.mjs'),\n      },\n    },\n    server: {\n      middlewareMode: true,\n      hmr: false,\n      watch: null,\n      fs: {\n        allow: [process.cwd(), root, ...componentDirs, vuePkgDir, vueServerRendererPkgDir, unheadVuePkgDir, vueRouterPkgDir],\n      },\n    },\n    appType: 'custom',\n    logLevel: 'silent',\n    optimizeDeps: {\n      noDiscovery: true,\n    },\n  })\n\n  return {\n    async render(input: string | Component, config: MaizzleConfig): Promise<RenderedTemplate> {\n      let component: Component\n      let configKey: InjectionKey<MaizzleConfig>\n      let contextKey: InjectionKey<RenderContext>\n\n      if (typeof input === 'string') {\n        // String input goes through Vite — must use ssrLoadModule for injection keys\n        // so they share the same module instance as the SFC\n        const configModule = await server.ssrLoadModule(resolve(__dirname, '../composables/useConfig'))\n        const contextModule = await server.ssrLoadModule(resolve(__dirname, '../composables/renderContext'))\n        configKey = configModule.MaizzleConfigKey\n        contextKey = contextModule.RenderContextKey\n\n        if (input.includes('<template') || input.includes('<script')) {\n          virtualSfcSource = input\n          const mod = server.moduleGraph.getModuleById(VIRTUAL_SFC_ID)\n          if (mod) server.moduleGraph.invalidateModule(mod)\n          component = (await server.ssrLoadModule(VIRTUAL_SFC_ID)).default\n        } else {\n          component = (await server.ssrLoadModule(input)).default\n        }\n      } else {\n        // Pre-compiled component — use directly imported keys\n        component = input\n        configKey = MaizzleConfigKey\n        contextKey = RenderContextKey\n      }\n\n      const renderContext: RenderContext = {\n        doctype: undefined,\n        sfcConfig: undefined,\n        sfcEventHandlers: [],\n      }\n\n      const head = createHead({ disableDefaults: true })\n      const app = createSSRApp(component)\n      app.use(head)\n      app.provide(configKey, config)\n      app.provide(contextKey, renderContext)\n\n      let html: string = await renderToString(app)\n\n      const { headTags, bodyTags, bodyTagsOpen, htmlAttrs, bodyAttrs } = await renderSSRHead(head)\n\n      // Inject head entries into the rendered HTML\n      if (htmlAttrs) {\n        html = html.replace(/<html([^>]*)>/, `<html$1 ${htmlAttrs}>`)\n      }\n      if (headTags) {\n        html = html.replace('</head>', `${headTags}\\n</head>`)\n      }\n      if (bodyAttrs) {\n        html = html.replace(/<body([^>]*)>/, `<body$1 ${bodyAttrs}>`)\n      }\n      if (bodyTagsOpen) {\n        html = html.replace(/<body([^>]*)>/, `<body$1>\\n${bodyTagsOpen}`)\n      }\n      if (bodyTags) {\n        html = html.replace('</body>', `${bodyTags}\\n</body>`)\n      }\n\n      return {\n        html,\n        doctype: renderContext.doctype,\n        templateConfig: renderContext.sfcConfig ?? config,\n        sfcEventHandlers: renderContext.sfcEventHandlers,\n        plaintext: renderContext.plaintext,\n      }\n    },\n\n    async invalidate(filePath: string): Promise<void> {\n      const mod = await server.moduleGraph.getModuleByUrl(filePath)\n      if (mod) {\n        server.moduleGraph.invalidateModule(mod)\n      }\n    },\n\n    async close(): Promise<void> {\n      await server.close()\n    },\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"createRenderer.mjs","names":["merge"],"sources":["../../src/render/createRenderer.ts"],"sourcesContent":["import { dirname, resolve } from 'node:path'\nimport { fileURLToPath } from 'node:url'\nimport { isLaravel } from '../utils/detect.ts'\nimport { createServer } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport Markdown from 'unplugin-vue-markdown/vite'\nimport AutoImport from 'unplugin-auto-import/vite'\nimport Components from 'unplugin-vue-components/vite'\nimport { unheadVueComposablesImports } from '@unhead/vue'\nimport { defu as merge } from 'defu'\nimport { createSSRApp } from 'vue'\nimport { renderToString } from 'vue/server-renderer'\nimport { createHead, renderSSRHead } from '@unhead/vue/server'\nimport { MaizzleConfigKey } from '../composables/useConfig.ts'\nimport { RenderContextKey } from '../composables/renderContext.ts'\nimport type { Component, InjectionKey } from 'vue'\nimport type { MaizzleConfig } from '../types/index.ts'\nimport type { Options as MarkdownOptions } from 'unplugin-vue-markdown/types'\nimport type { RenderContext } from '../composables/renderContext.ts'\n\nconst __dirname = dirname(fileURLToPath(import.meta.url))\n\n/**\n * Vite plugin that extracts raw slot content from <CodeBlock> tags\n * and passes it as a :code prop before Vue compiles the template.\n *\n * This lets users write HTML naturally inside CodeBlock slots without\n * Vue attempting to compile it as template syntax.\n */\nfunction codeBlockExtract() {\n  // Matches <CodeBlock ...>content</CodeBlock> (and kebab-case <code-block>)\n  const re = /<(CodeBlock|code-block)((?:\\s[^>]*?)?)>([\\s\\S]*?)<\\/\\1>/g\n\n  return {\n    name: 'maizzle:code-block-extract',\n    enforce: 'pre' as const,\n    transform(code: string, id: string) {\n      if (!id.endsWith('.vue') && !id.endsWith('.md')) return\n      if (!code.includes('CodeBlock') && !code.includes('code-block')) return\n\n      const transformed = code.replace(re, (_match, tag, attrs, content) => {\n        // Skip if already has a :code or v-bind:code prop\n        if (/(?:^|\\s):code\\b/.test(attrs) || /v-bind:code\\b/.test(attrs)) return _match\n\n        // Strip leading/trailing blank lines, then dedent based on\n        // the minimum indent of non-empty lines (à la min-indent)\n        const stripped = content.replace(/^\\n+/, '').replace(/\\s+$/, '')\n        if (!stripped) return _match\n\n        const minIndent = stripped.match(/^[ \\t]*(?=\\S)/gm)\n          ?.reduce((min, ws) => Math.min(min, ws.length), Infinity) ?? 0\n\n        const dedented = minIndent > 0\n          ? stripped.replace(new RegExp(`^[ \\\\t]{${minIndent}}`, 'gm'), '')\n          : stripped\n\n        // Base64-encode so no characters can interfere with Vue's HTML parser.\n        // The component decodes it back via Buffer.\n        const encoded = Buffer.from(dedented).toString('base64')\n\n        return `<${tag}${attrs} encoded-code=\"${encoded}\" />`\n      })\n\n      if (transformed !== code) {\n        return { code: transformed, map: null }\n      }\n    },\n  }\n}\n\nconst vuePkgDir = dirname(fileURLToPath(import.meta.resolve('vue/package.json')))\nconst vueServerRendererPkgDir = dirname(fileURLToPath(import.meta.resolve('@vue/server-renderer/package.json')))\nconst unheadVuePkgDir = resolve(dirname(fileURLToPath(import.meta.resolve('@unhead/vue'))), '..')\nconst vueRouterPkgDir = dirname(fileURLToPath(import.meta.resolve('vue-router/package.json')))\n\nexport interface RenderedTemplate {\n  html: string\n  doctype?: string\n  templateConfig: MaizzleConfig\n  sfcEventHandlers: RenderContext['sfcEventHandlers']\n  plaintext?: RenderContext['plaintext']\n}\n\nexport interface Renderer {\n  render(input: string | Component, config: MaizzleConfig): Promise<RenderedTemplate>\n  invalidate(filePath: string): Promise<void>\n  invalidateAll(): Promise<void>\n  close(): Promise<void>\n}\n\nexport interface CreateRendererOptions {\n  /** Generate .d.ts files for auto-imports and components (default: false) */\n  dts?: boolean\n  /** Options passed to unplugin-vue-markdown */\n  markdown?: MarkdownOptions\n  /** Root directory for resolving user component dirs and .d.ts output */\n  root?: string\n  /** Additional component directories to register for auto-import */\n  componentDirs?: string[]\n}\n\n/**\n * Lightweight Vite SSR loader for rendering Vue SFC email templates.\n *\n * Uses only Vue + unplugin for component/auto-import resolution.\n * Tailwind CSS compilation is handled by the transformer pipeline.\n */\nexport async function createRenderer(\n  options: CreateRendererOptions = {},\n): Promise<Renderer> {\n  const { dts = false, markdown: markdownOptions, root = process.cwd(), componentDirs = [] } = options\n\n  const dtsDir = isLaravel()\n    ? resolve(process.cwd(), 'resources/js/types/maizzle')\n    : resolve(root, '.maizzle')\n\n  const VIRTUAL_SFC_ID = 'virtual:maizzle-sfc.vue'\n  let virtualSfcSource = ''\n\n  const server = await createServer({\n    configFile: false,\n    plugins: [\n      codeBlockExtract(),\n      {\n        name: 'maizzle:virtual-sfc',\n        resolveId(id) {\n          if (id === VIRTUAL_SFC_ID) return id\n        },\n        load(id) {\n          if (id === VIRTUAL_SFC_ID) return virtualSfcSource\n        },\n      },\n      vue({\n        include: [/\\.vue$/, /\\.md$/],\n        template: {\n          transformAssetUrls: false,\n        },\n      }),\n      Markdown(merge(markdownOptions ?? {}, {\n        headEnabled: true,\n        wrapperDiv: false,\n      })),\n      AutoImport({\n        dirs: [\n          resolve(__dirname, '../composables'),\n          resolve(__dirname, '../filters'),\n        ],\n        imports: ['vue', unheadVueComposablesImports],\n        dts: dts ? resolve(dtsDir, 'auto-imports.d.ts') : false,\n      }),\n      Components({\n        extensions: ['vue', 'md'],\n        include: [/\\.vue$/, /\\.vue\\?vue/, /\\.md$/],\n        dirs: [\n          resolve(__dirname, '../components'),\n          resolve(root, 'components'),\n          ...componentDirs,\n        ],\n        dts: dts ? resolve(dtsDir, 'components.d.ts') : false,\n      }),\n    ],\n    resolve: {\n      alias: {\n        'vue/server-renderer': resolve(vueServerRendererPkgDir, 'dist/server-renderer.esm-bundler.js'),\n        'vue': resolve(vuePkgDir, 'dist/vue.runtime.esm-bundler.js'),\n        'vue-router': vueRouterPkgDir,\n        '@unhead/vue/server': resolve(unheadVuePkgDir, 'dist/server.mjs'),\n        '@unhead/vue': resolve(unheadVuePkgDir, 'dist/index.mjs'),\n      },\n    },\n    server: {\n      middlewareMode: true,\n      hmr: false,\n      watch: null,\n      fs: {\n        allow: [process.cwd(), root, ...componentDirs, vuePkgDir, vueServerRendererPkgDir, unheadVuePkgDir, vueRouterPkgDir],\n      },\n    },\n    appType: 'custom',\n    logLevel: 'silent',\n    optimizeDeps: {\n      noDiscovery: true,\n    },\n  })\n\n  return {\n    async render(input: string | Component, config: MaizzleConfig): Promise<RenderedTemplate> {\n      let component: Component\n      let configKey: InjectionKey<MaizzleConfig>\n      let contextKey: InjectionKey<RenderContext>\n\n      if (typeof input === 'string') {\n        // String input goes through Vite — must use ssrLoadModule for injection keys\n        // so they share the same module instance as the SFC\n        const configModule = await server.ssrLoadModule(resolve(__dirname, '../composables/useConfig'))\n        const contextModule = await server.ssrLoadModule(resolve(__dirname, '../composables/renderContext'))\n        configKey = configModule.MaizzleConfigKey\n        contextKey = contextModule.RenderContextKey\n\n        if (input.includes('<template') || input.includes('<script')) {\n          virtualSfcSource = input\n          const mod = server.moduleGraph.getModuleById(VIRTUAL_SFC_ID)\n          if (mod) server.moduleGraph.invalidateModule(mod)\n          component = (await server.ssrLoadModule(VIRTUAL_SFC_ID)).default\n        } else {\n          component = (await server.ssrLoadModule(input)).default\n        }\n      } else {\n        // Pre-compiled component — use directly imported keys\n        component = input\n        configKey = MaizzleConfigKey\n        contextKey = RenderContextKey\n      }\n\n      const renderContext: RenderContext = {\n        doctype: undefined,\n        sfcConfig: undefined,\n        sfcEventHandlers: [],\n      }\n\n      const head = createHead({ disableDefaults: true })\n      const app = createSSRApp(component)\n      app.use(head)\n      app.provide(configKey, config)\n      app.provide(contextKey, renderContext)\n\n      const ssrContext: Record<string, any> = {}\n      let html: string = await renderToString(app, ssrContext)\n\n      const { headTags, bodyTags, bodyTagsOpen, htmlAttrs, bodyAttrs } = await renderSSRHead(head)\n\n      // Inject head entries into the rendered HTML\n      if (htmlAttrs) {\n        html = html.replace(/<html([^>]*)>/, `<html$1 ${htmlAttrs}>`)\n      }\n      if (headTags) {\n        html = html.replace('</head>', `${headTags}\\n</head>`)\n      }\n      if (bodyAttrs) {\n        html = html.replace(/<body([^>]*)>/, `<body$1 ${bodyAttrs}>`)\n      }\n      if (bodyTagsOpen) {\n        html = html.replace(/<body([^>]*)>/, `<body$1>\\n${bodyTagsOpen}`)\n      }\n      if (bodyTags) {\n        html = html.replace('</body>', `${bodyTags}\\n</body>`)\n      }\n\n      // Inject SSR teleport content into their target elements\n      if (ssrContext.teleports) {\n        const { parse: parseDom, serialize: serializeDom, walk } = await import('../utils/ast/index.ts')\n        let dom = parseDom(html)\n\n        for (const [rawTarget, content] of Object.entries(ssrContext.teleports) as [string, string][]) {\n          if (!content) continue\n\n          const prepend = rawTarget.endsWith(':start')\n          const target = prepend ? rawTarget.slice(0, -6) : rawTarget\n          const targetChildren = parseDom(content)\n\n          walk(dom, (node) => {\n            const el = node as import('domhandler').Element\n\n            if (!el.name) return\n\n            const matched\n              = target === el.name\n              || (target.startsWith('#') && el.attribs?.id === target.slice(1))\n              || (target.startsWith('.') && el.attribs?.class?.split(/\\s+/).includes(target.slice(1)))\n\n            if (matched) {\n              for (const child of targetChildren) {\n                child.parent = el as any\n              }\n\n              el.children = prepend\n                ? [...targetChildren, ...(el.children || [])] as any\n                : [...(el.children || []), ...targetChildren] as any\n            }\n          })\n        }\n\n        html = serializeDom(dom)\n      }\n\n      // Inject preview/preheader text from usePreviewText() composable\n      if (renderContext.previewText) {\n        const { text, fillerCount, shyCount } = renderContext.previewText\n        const filler = '\\u2007\\u034F '.repeat(fillerCount)\n        const shys = '\\u00AD '.repeat(shyCount)\n        const previewHtml = `<div style=\"display:none\">${text}${filler}${shys}\\u00A0</div>`\n        html = html.replace(/<body([^>]*)>/, `<body$1>${previewHtml}`)\n      }\n\n      return {\n        html,\n        doctype: renderContext.doctype,\n        templateConfig: renderContext.sfcConfig ?? config,\n        sfcEventHandlers: renderContext.sfcEventHandlers,\n        plaintext: renderContext.plaintext,\n      }\n    },\n\n    async invalidate(filePath: string): Promise<void> {\n      const mod = await server.moduleGraph.getModuleByUrl(filePath)\n      if (mod) {\n        server.moduleGraph.invalidateModule(mod)\n      }\n    },\n\n    async invalidateAll(): Promise<void> {\n      for (const mod of server.moduleGraph.idToModuleMap.values()) {\n        server.moduleGraph.invalidateModule(mod)\n      }\n    },\n\n    async close(): Promise<void> {\n      await server.close()\n    },\n  }\n}\n"],"mappings":"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"}

package/dist/render/index.mjs

@@ -23,8 +23,9 @@ async function render(template, options = {}) {
 		const isFile = typeof template === "string" && [".vue", ".md"].includes(extname(template)) && !template.includes("\n");
 		const rendered = await renderer.render(isFile ? resolve(template) : template, config);
 		let html = rendered.html;
-		if (rendered.templateConfig.useTransformers !== false) html = await runTransformers(html, rendered.templateConfig, isFile ? resolve(template) : void 0);
-		html = `${rendered.doctype ?? rendered.templateConfig.doctype ?? "<!DOCTYPE html>"}\n${html}`;
+		const doctype = rendered.doctype ?? rendered.templateConfig.doctype ?? "<!DOCTYPE html>";
+		if (rendered.templateConfig.useTransformers !== false) html = await runTransformers(html, rendered.templateConfig, isFile ? resolve(template) : void 0, doctype);
+		html = `${doctype}\n${html}`;
 		const globalPlaintext = rendered.templateConfig.plaintext;
 		const sfcPlaintext = rendered.plaintext;
 		let plaintextResult;

package/dist/render/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/render/index.ts"],"sourcesContent":["import { resolve, extname } from 'node:path'\nimport { resolveConfig } from '../config/index.ts'\nimport { runTransformers } from '../transformers/index.ts'\nimport { createPlaintext } from '../plaintext.ts'\nimport type { Component } from 'vue'\nimport type { MaizzleConfig } from '../types/index.ts'\nimport { createRenderer, type Renderer } from './createRenderer.ts'\n\nexport type { Renderer, RenderedTemplate, CreateRendererOptions } from './createRenderer.ts'\nexport { createRenderer } from './createRenderer.ts'\n\nexport interface RenderOptions {\n  /** Already-resolved or partial config. If not provided, resolves from disk + defaults. */\n  config?: Partial<MaizzleConfig>\n  /** Reuse an existing renderer (used internally by build/serve to avoid creating one per template) */\n  _renderer?: Renderer\n}\n\nexport interface RenderResult {\n  html: string\n  config: MaizzleConfig\n  plaintext?: string\n}\n\n/**\n * Render a Vue SFC email template to a fully-transformed HTML string.\n *\n * Accepts a file path, a raw SFC source string, or an imported Vue component.\n * Runs the full pipeline: SSR render → transformers → doctype.\n */\nexport async function render(\n  template: string | Component,\n  options: RenderOptions = {},\n): Promise<RenderResult> {\n  const config = await resolveConfig(options.config)\n\n  // Reuse provided renderer or create a temporary one\n  const renderer = options._renderer ?? await createRenderer({ markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat() })\n  const ownsRenderer = !options._renderer\n\n  try {\n    const isFile = typeof template === 'string'\n      && ['.vue', '.md'].includes(extname(template))\n      && !template.includes('\\n')\n\n    const rendered = await renderer.render(isFile ? resolve(template) : template, config)\n    let html = rendered.html\n\n    // Run transformers\n    if (rendered.templateConfig.useTransformers !== false) {\n      html = await runTransformers(html, rendered.templateConfig, isFile ? resolve(template) : undefined)\n    }\n\n    // Prepend doctype\n    const doctype = rendered.doctype ?? rendered.templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = `${doctype}\\n${html}`\n\n    const globalPlaintext = rendered.templateConfig.plaintext\n    const sfcPlaintext = rendered.plaintext\n\n    let plaintextResult: string | undefined\n\n    if (globalPlaintext || sfcPlaintext) {\n      const stripOptions = typeof globalPlaintext === 'object' ? globalPlaintext : {}\n      plaintextResult = createPlaintext(html, stripOptions)\n    }\n\n    return { html, config: rendered.templateConfig, plaintext: plaintextResult }\n  } finally {\n    if (ownsRenderer) {\n      await renderer.close()\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA8BA,eAAsB,OACpB,UACA,UAAyB,EAAE,EACJ;CACvB,MAAM,SAAS,MAAM,cAAc,QAAQ,OAAO;CAGlD,MAAM,WAAW,QAAQ,aAAa,MAAM,eAAe;EAAE,UAAU,OAAO;EAAU,MAAM,OAAO;EAAM,eAAe,CAAC,OAAO,YAAY,UAAU,EAAE,CAAC,CAAC,MAAM;EAAE,CAAC;CACrK,MAAM,eAAe,CAAC,QAAQ;AAE9B,KAAI;EACF,MAAM,SAAS,OAAO,aAAa,YAC9B,CAAC,QAAQ,MAAM,CAAC,SAAS,QAAQ,SAAS,CAAC,IAC3C,CAAC,SAAS,SAAS,KAAK;EAE7B,MAAM,WAAW,MAAM,SAAS,OAAO,SAAS,QAAQ,SAAS,GAAG,UAAU,OAAO;EACrF,IAAI,OAAO,SAAS;AAGpB,MAAI,SAAS,eAAe,oBAAoB,MAC9C,QAAO,MAAM,gBAAgB,MAAM,SAAS,gBAAgB,SAAS,QAAQ,SAAS,GAAG,OAAU;AAKrG,SAAO,GADS,SAAS,WAAW,SAAS,eAAe,WAAW,kBACrD,IAAI;EAEtB,MAAM,kBAAkB,SAAS,eAAe;EAChD,MAAM,eAAe,SAAS;EAE9B,IAAI;AAEJ,MAAI,mBAAmB,aAErB,mBAAkB,gBAAgB,MADb,OAAO,oBAAoB,WAAW,kBAAkB,EAAE,CAC1B;AAGvD,SAAO;GAAE;GAAM,QAAQ,SAAS;GAAgB,WAAW;GAAiB;WACpE;AACR,MAAI,aACF,OAAM,SAAS,OAAO"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/render/index.ts"],"sourcesContent":["import { resolve, extname } from 'node:path'\nimport { resolveConfig } from '../config/index.ts'\nimport { runTransformers } from '../transformers/index.ts'\nimport { createPlaintext } from '../plaintext.ts'\nimport type { Component } from 'vue'\nimport type { MaizzleConfig } from '../types/index.ts'\nimport { createRenderer, type Renderer } from './createRenderer.ts'\n\nexport type { Renderer, RenderedTemplate, CreateRendererOptions } from './createRenderer.ts'\nexport { createRenderer } from './createRenderer.ts'\n\nexport interface RenderOptions {\n  /** Already-resolved or partial config. If not provided, resolves from disk + defaults. */\n  config?: Partial<MaizzleConfig>\n  /** Reuse an existing renderer (used internally by build/serve to avoid creating one per template) */\n  _renderer?: Renderer\n}\n\nexport interface RenderResult {\n  html: string\n  config: MaizzleConfig\n  plaintext?: string\n}\n\n/**\n * Render a Vue SFC email template to a fully-transformed HTML string.\n *\n * Accepts a file path, a raw SFC source string, or an imported Vue component.\n * Runs the full pipeline: SSR render → transformers → doctype.\n */\nexport async function render(\n  template: string | Component,\n  options: RenderOptions = {},\n): Promise<RenderResult> {\n  const config = await resolveConfig(options.config)\n\n  // Reuse provided renderer or create a temporary one\n  const renderer = options._renderer ?? await createRenderer({ markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat() })\n  const ownsRenderer = !options._renderer\n\n  try {\n    const isFile = typeof template === 'string'\n      && ['.vue', '.md'].includes(extname(template))\n      && !template.includes('\\n')\n\n    const rendered = await renderer.render(isFile ? resolve(template) : template, config)\n    let html = rendered.html\n\n    // Prepend doctype\n    const doctype = rendered.doctype ?? rendered.templateConfig.doctype ?? '<!DOCTYPE html>'\n\n    // Run transformers\n    if (rendered.templateConfig.useTransformers !== false) {\n      html = await runTransformers(html, rendered.templateConfig, isFile ? resolve(template) : undefined, doctype)\n    }\n    html = `${doctype}\\n${html}`\n\n    const globalPlaintext = rendered.templateConfig.plaintext\n    const sfcPlaintext = rendered.plaintext\n\n    let plaintextResult: string | undefined\n\n    if (globalPlaintext || sfcPlaintext) {\n      const stripOptions = typeof globalPlaintext === 'object' ? globalPlaintext : {}\n      plaintextResult = createPlaintext(html, stripOptions)\n    }\n\n    return { html, config: rendered.templateConfig, plaintext: plaintextResult }\n  } finally {\n    if (ownsRenderer) {\n      await renderer.close()\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA8BA,eAAsB,OACpB,UACA,UAAyB,EAAE,EACJ;CACvB,MAAM,SAAS,MAAM,cAAc,QAAQ,OAAO;CAGlD,MAAM,WAAW,QAAQ,aAAa,MAAM,eAAe;EAAE,UAAU,OAAO;EAAU,MAAM,OAAO;EAAM,eAAe,CAAC,OAAO,YAAY,UAAU,EAAE,CAAC,CAAC,MAAM;EAAE,CAAC;CACrK,MAAM,eAAe,CAAC,QAAQ;AAE9B,KAAI;EACF,MAAM,SAAS,OAAO,aAAa,YAC9B,CAAC,QAAQ,MAAM,CAAC,SAAS,QAAQ,SAAS,CAAC,IAC3C,CAAC,SAAS,SAAS,KAAK;EAE7B,MAAM,WAAW,MAAM,SAAS,OAAO,SAAS,QAAQ,SAAS,GAAG,UAAU,OAAO;EACrF,IAAI,OAAO,SAAS;EAGpB,MAAM,UAAU,SAAS,WAAW,SAAS,eAAe,WAAW;AAGvE,MAAI,SAAS,eAAe,oBAAoB,MAC9C,QAAO,MAAM,gBAAgB,MAAM,SAAS,gBAAgB,SAAS,QAAQ,SAAS,GAAG,QAAW,QAAQ;AAE9G,SAAO,GAAG,QAAQ,IAAI;EAEtB,MAAM,kBAAkB,SAAS,eAAe;EAChD,MAAM,eAAe,SAAS;EAE9B,IAAI;AAEJ,MAAI,mBAAmB,aAErB,mBAAkB,gBAAgB,MADb,OAAO,oBAAoB,WAAW,kBAAkB,EAAE,CAC1B;AAGvD,SAAO;GAAE;GAAM,QAAQ,SAAS;GAAgB,WAAW;GAAiB;WACpE;AACR,MAAI,aACF,OAAM,SAAS,OAAO"}

package/dist/serve.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"serve.d.mts","names":[],"sources":["../src/serve.ts"],"mappings":";;;;UAwBiB,YAAA;EACf,MAAA,GAAS,OAAA,CAAQ,aAAA;;EAEjB,IAAA;EAH2B;EAK3B,MAAA;AAAA;;;;;;;;AAYF;;iBAAsB,KAAA,CAAM,OAAA,GAAS,YAAA,GAAiB,OAAA,CAAA,aAAA;AAAA,iBA8ctC,WAAA,CAAY,MAAA,EAAQ,aAAA,EAAe,WAAA"}
+{"version":3,"file":"serve.d.mts","names":[],"sources":["../src/serve.ts"],"mappings":";;;;UAwBiB,YAAA;EACf,MAAA,GAAS,OAAA,CAAQ,aAAA;;EAEjB,IAAA;EAH2B;EAK3B,MAAA;AAAA;;;;;;;;AAYF;;iBAAsB,KAAA,CAAM,OAAA,GAAS,YAAA,GAAiB,OAAA,CAAA,aAAA;AAAA,iBAqdtC,WAAA,CAAY,MAAA,EAAQ,aAAA,EAAe,WAAA"}