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

package/dist/components/Vml.vue

@@ -1,56 +1,208 @@
 <script lang="ts">
 import { computed, createStaticVNode } from 'vue'
+import type { PropType } from 'vue'
 import { normalizeToPixels } from './utils.ts'
 
 export default {
   name: 'Vml',
   props: {
+    /**
+     * Width of the VML rectangle.
+     *
+     * Accepts a number (treated as pixels) or a string with units.
+     *
+     * @default '600px'
+     */
     width: {
       type: [String, Number],
       default: '600px'
     },
+    /**
+     * Height of the VML rectangle.
+     *
+     * Accepts a number (treated as pixels) or a string with units.
+     * When not set, the rectangle auto-sizes to fit its content.
+     */
     height: {
       type: [String, Number],
       default: null
     },
+    /**
+     * VML fill type that controls how the background image is rendered.
+     *
+     * - `frame` — scale to fill the rectangle (default)
+     * - `tile` — repeat the image to fill the rectangle
+     * - `pattern` — tile at original size
+     * - `solid` — solid color fill, no image
+     * - `gradient` — linear gradient fill
+     * - `gradientradial` — radial gradient fill
+     *
+     * @default 'frame'
+     */
     type: {
-      type: String,
+      type: String as PropType<'solid' | 'gradient' | 'gradientradial' | 'tile' | 'pattern' | 'frame'>,
       default: 'frame'
     },
-    sizes: String,
-    origin: String,
-    position: String,
-    aspect: String,
+    /**
+     * Comma-separated dimensions for the fill image.
+     *
+     * Controls the rendered size of the background image.
+     *
+     * @example '300px,200px'
+     */
+    sizes: {
+      type: String,
+      validator: (v: string) => /^[\d.]+(px|%|em|rem)?(,[\d.]+(px|%|em|rem)?)+$/.test(v.replace(/\s/g, ''))
+    },
+    /**
+     * Fill origin offset as comma-separated fractional values.
+     *
+     * Controls where the fill image anchors relative to the shape.
+     * Values are fractions of the shape's dimensions, where `0,0` is
+     * center and `-0.5,-0.5` is the top-left corner.
+     *
+     * Overridden by `backgroundPosition` if both are set.
+     *
+     * @example '0,0'
+     * @example '-0.5,-0.5'
+     */
+    origin: {
+      type: String,
+      validator: (v: string) => /^-?[\d.]+(,-?[\d.]+)+$/.test(v.replace(/\s/g, ''))
+    },
+    /**
+     * Fill position offset as comma-separated fractional values.
+     *
+     * Controls where the fill image is positioned within the shape.
+     * Values are fractions of the shape's dimensions, where `0,0` is
+     * center and `0.5,0.5` is the bottom-right corner.
+     *
+     * Overridden by `backgroundPosition` if both are set.
+     *
+     * @example '0,0'
+     * @example '0.5,0.5'
+     */
+    position: {
+      type: String,
+      validator: (v: string) => /^-?[\d.]+(,-?[\d.]+)+$/.test(v.replace(/\s/g, ''))
+    },
+    /**
+     * Background image position as `vertical,horizontal`.
+     *
+     * First value is the vertical axis: `top`, `center`, or `bottom`.
+     * Second value is the horizontal axis: `left`, `center`, or `right`.
+     *
+     * Convenience prop that maps to VML `origin` and `position` attributes.
+     *
+     * @example 'top,left'
+     * @example 'center,center'
+     */
+    backgroundPosition: {
+      type: String as PropType<
+        | 'top,left' | 'top,center' | 'top,right'
+        | 'center,left' | 'center,center' | 'center,right'
+        | 'bottom,left' | 'bottom,center' | 'bottom,right'
+      >,
+      validator: (v: string) => /^(top|center|bottom),(left|center|right)$/.test(v.replace(/\s/g, ''))
+    },
+    /**
+     * Aspect ratio constraint for the fill image.
+     *
+     * - `atleast` — image is at least as large as the shape
+     * - `atmost` — image is at most as large as the shape
+     */
+    aspect: {
+      type: String as PropType<'atleast' | 'atmost'>,
+    },
+    /**
+     * Fill color used for `solid` and `gradient` fill types.
+     *
+     * @example '#ffffff'
+     */
     color: String,
+    /**
+     * Text box inset (padding) as `top,right,bottom,left`.
+     *
+     * Controls the inner spacing of the `v:textbox` element.
+     *
+     * @default '0,0,0,0'
+     */
     inset: {
       type: String,
       default: '0,0,0,0'
     },
+    /**
+     * Whether the VML rectangle has a visible border.
+     *
+     * @default false
+     */
     stroke: {
-      type: String,
-      default: 'f'
+      type: [Boolean, String],
+      default: false
     },
+    /**
+     * Border color for the VML rectangle.
+     *
+     * Setting this also enables `stroke` automatically.
+     *
+     * @example '#000000'
+     */
     strokecolor: String,
+    /**
+     * Whether the VML rectangle has a fill.
+     *
+     * @default true
+     */
     fill: {
-      type: String,
-      default: 't'
+      type: [Boolean, String],
+      default: true
     },
+    /**
+     * Background color of the VML rectangle.
+     *
+     * Used as a fallback when the background image cannot be loaded.
+     *
+     * @default 'none'
+     * @example '#3b82f6'
+     */
     fillcolor: {
       type: String,
       default: 'none'
     },
+    /**
+     * URL of the background image.
+     *
+     * @default 'https://via.placeholder.com/600x400'
+     */
     src: {
       type: String,
       default: 'https://via.placeholder.com/600x400'
     }
   },
   setup(props, { slots }) {
+    const backgroundPositionMap: Record<string, string> = {
+      'top,left': '-0.5,-0.5',
+      'top,center': '0,-0.5',
+      'top,right': '0.5,-0.5',
+      'center,left': '-0.5,0',
+      'center,center': '0,0',
+      'center,right': '0.5,0',
+      'bottom,left': '-0.5,0.5',
+      'bottom,center': '0,0.5',
+      'bottom,right': '0.5,0.5',
+    }
+
+    const resolvedOrigin = computed(() => props.origin ?? (props.backgroundPosition ? backgroundPositionMap[props.backgroundPosition.replace(/\s/g, '')] : undefined))
+    const resolvedPosition = computed(() => props.position ?? (props.backgroundPosition ? backgroundPositionMap[props.backgroundPosition.replace(/\s/g, '')] : undefined))
+
     const before = computed(() => {
       const width = normalizeToPixels(props.width)
 
+      const toBool = (v: boolean | string) => v === true || v === 'true' ? 'true' : 'false'
+
       const rectAttrs = [
-        `fill="${props.fillcolor ? 't' : props.fill}"`,
-        `stroke="${props.strokecolor ? 't' : props.stroke}"`,
+        `fill="${props.fillcolor ? 'true' : toBool(props.fill)}"`,
+        `stroke="${props.strokecolor ? 'true' : toBool(props.stroke)}"`,
         `style="width: ${width};${props.height ? ` height: ${normalizeToPixels(props.height)};` : ''}"`,
         props.strokecolor ? `strokecolor="${props.strokecolor}"` : '',
         props.fillcolor ? `fillcolor="${props.fillcolor}"` : ''
@@ -61,8 +213,8 @@ export default {
         `src="${props.src}"`,
         props.sizes ? `sizes="${props.sizes}"` : '',
         props.aspect ? `aspect="${props.aspect}"` : '',
-        props.origin ? `origin="${props.origin}"` : '',
-        props.position ? `position="${props.position}"` : '',
+        resolvedOrigin.value ? `origin="${resolvedOrigin.value}"` : '',
+        resolvedPosition.value ? `position="${resolvedPosition.value}"` : '',
         props.color ? `color="${props.color}"` : ''
       ].filter(Boolean).join(' ')
 

package/dist/plugins/postcss/tailwindCleanup.mjs

@@ -14,20 +14,29 @@ const DEFAULT_AT_RULES = ["layer", "property"];
 function tailwindCleanup(config) {
 	const selectors = config.postcss?.removeSelectors ?? DEFAULT_SELECTORS;
 	const atRules = config.postcss?.removeAtRules ?? DEFAULT_AT_RULES;
-	return [{
-		postcssPlugin: "tailwind-cleanup-selectors",
-		Rule(rule) {
-			const parts = rule.selector.split(",").map((s) => s.trim());
-			const kept = parts.filter((p) => !selectors.some((s) => p === s || p.startsWith(`${s}(`)));
-			if (kept.length === 0) rule.remove();
-			else if (kept.length < parts.length) rule.selector = kept.join(", ");
+	return [
+		{
+			postcssPlugin: "tailwind-cleanup-selectors",
+			Rule(rule) {
+				const parts = rule.selector.split(",").map((s) => s.trim());
+				const kept = parts.filter((p) => !selectors.some((s) => p === s || p.startsWith(`${s}(`)));
+				if (kept.length === 0) rule.remove();
+				else if (kept.length < parts.length) rule.selector = kept.join(", ");
+			}
+		},
+		{
+			postcssPlugin: "tailwind-cleanup-at-rules",
+			AtRule(rule) {
+				if (atRules.includes(rule.name)) rule.remove();
+			}
+		},
+		{
+			postcssPlugin: "tailwind-cleanup-text-decoration",
+			Declaration(decl) {
+				if (decl.prop === "text-decoration-line") decl.prop = "text-decoration";
+			}
 		}
-	}, {
-		postcssPlugin: "tailwind-cleanup-at-rules",
-		AtRule(rule) {
-			if (atRules.includes(rule.name)) rule.remove();
-		}
-	}];
+	];
 }
 
 //#endregion

package/dist/plugins/postcss/tailwindCleanup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindCleanup.mjs","names":[],"sources":["../../../src/plugins/postcss/tailwindCleanup.ts"],"sourcesContent":["import postcss from 'postcss'\nimport type { MaizzleConfig } from '../../types/config.ts'\n\nconst DEFAULT_SELECTORS = [':host', ':lang']\nconst DEFAULT_AT_RULES = ['layer', 'property']\n\n/**\n * Removes CSS rules whose every comma-separated selector part starts with\n * one of the configured prefixes (e.g. ':host', ':lang'). Rules with mixed\n * selectors have the unwanted parts stripped.\n *\n * Also removes entire at-rules by name (e.g. '@layer', '@property').\n *\n * Intended to clean up Tailwind's compiled output after lightningcss has\n * flattened all modern CSS syntax.\n */\nexport function tailwindCleanup(config: MaizzleConfig): postcss.Plugin[] {\n  const selectors: string[] = config.postcss?.removeSelectors ?? DEFAULT_SELECTORS\n  const atRules: string[] = config.postcss?.removeAtRules ?? DEFAULT_AT_RULES\n\n  return [\n    {\n      postcssPlugin: 'tailwind-cleanup-selectors',\n      Rule(rule) {\n        const parts = rule.selector.split(',').map(s => s.trim())\n        const kept = parts.filter(p => !selectors.some(s => p === s || p.startsWith(`${s}(`)))\n        if (kept.length === 0) {\n          rule.remove()\n        } else if (kept.length < parts.length) {\n          rule.selector = kept.join(', ')\n        }\n      },\n    },\n    {\n      postcssPlugin: 'tailwind-cleanup-at-rules',\n      AtRule(rule) {\n        if (atRules.includes(rule.name)) {\n          rule.remove()\n        }\n      },\n    },\n  ]\n}\n"],"mappings":";AAGA,MAAM,oBAAoB,CAAC,SAAS,QAAQ;AAC5C,MAAM,mBAAmB,CAAC,SAAS,WAAW;;;;;;;;;;;AAY9C,SAAgB,gBAAgB,QAAyC;CACvE,MAAM,YAAsB,OAAO,SAAS,mBAAmB;CAC/D,MAAM,UAAoB,OAAO,SAAS,iBAAiB;AAE3D,QAAO,CACL;EACE,eAAe;EACf,KAAK,MAAM;GACT,MAAM,QAAQ,KAAK,SAAS,MAAM,IAAI,CAAC,KAAI,MAAK,EAAE,MAAM,CAAC;GACzD,MAAM,OAAO,MAAM,QAAO,MAAK,CAAC,UAAU,MAAK,MAAK,MAAM,KAAK,EAAE,WAAW,GAAG,EAAE,GAAG,CAAC,CAAC;AACtF,OAAI,KAAK,WAAW,EAClB,MAAK,QAAQ;YACJ,KAAK,SAAS,MAAM,OAC7B,MAAK,WAAW,KAAK,KAAK,KAAK;;EAGpC,EACD;EACE,eAAe;EACf,OAAO,MAAM;AACX,OAAI,QAAQ,SAAS,KAAK,KAAK,CAC7B,MAAK,QAAQ;;EAGlB,CACF"}
+{"version":3,"file":"tailwindCleanup.mjs","names":[],"sources":["../../../src/plugins/postcss/tailwindCleanup.ts"],"sourcesContent":["import postcss from 'postcss'\nimport type { MaizzleConfig } from '../../types/config.ts'\n\nconst DEFAULT_SELECTORS = [':host', ':lang']\nconst DEFAULT_AT_RULES = ['layer', 'property']\n\n/**\n * Removes CSS rules whose every comma-separated selector part starts with\n * one of the configured prefixes (e.g. ':host', ':lang'). Rules with mixed\n * selectors have the unwanted parts stripped.\n *\n * Also removes entire at-rules by name (e.g. '@layer', '@property').\n *\n * Intended to clean up Tailwind's compiled output after lightningcss has\n * flattened all modern CSS syntax.\n */\nexport function tailwindCleanup(config: MaizzleConfig): postcss.Plugin[] {\n  const selectors: string[] = config.postcss?.removeSelectors ?? DEFAULT_SELECTORS\n  const atRules: string[] = config.postcss?.removeAtRules ?? DEFAULT_AT_RULES\n\n  return [\n    {\n      postcssPlugin: 'tailwind-cleanup-selectors',\n      Rule(rule) {\n        const parts = rule.selector.split(',').map(s => s.trim())\n        const kept = parts.filter(p => !selectors.some(s => p === s || p.startsWith(`${s}(`)))\n        if (kept.length === 0) {\n          rule.remove()\n        } else if (kept.length < parts.length) {\n          rule.selector = kept.join(', ')\n        }\n      },\n    },\n    {\n      postcssPlugin: 'tailwind-cleanup-at-rules',\n      AtRule(rule) {\n        if (atRules.includes(rule.name)) {\n          rule.remove()\n        }\n      },\n    },\n    {\n      postcssPlugin: 'tailwind-cleanup-text-decoration',\n      Declaration(decl) {\n        if (decl.prop === 'text-decoration-line') {\n          decl.prop = 'text-decoration'\n        }\n      },\n    },\n  ]\n}\n"],"mappings":";AAGA,MAAM,oBAAoB,CAAC,SAAS,QAAQ;AAC5C,MAAM,mBAAmB,CAAC,SAAS,WAAW;;;;;;;;;;;AAY9C,SAAgB,gBAAgB,QAAyC;CACvE,MAAM,YAAsB,OAAO,SAAS,mBAAmB;CAC/D,MAAM,UAAoB,OAAO,SAAS,iBAAiB;AAE3D,QAAO;EACL;GACE,eAAe;GACf,KAAK,MAAM;IACT,MAAM,QAAQ,KAAK,SAAS,MAAM,IAAI,CAAC,KAAI,MAAK,EAAE,MAAM,CAAC;IACzD,MAAM,OAAO,MAAM,QAAO,MAAK,CAAC,UAAU,MAAK,MAAK,MAAM,KAAK,EAAE,WAAW,GAAG,EAAE,GAAG,CAAC,CAAC;AACtF,QAAI,KAAK,WAAW,EAClB,MAAK,QAAQ;aACJ,KAAK,SAAS,MAAM,OAC7B,MAAK,WAAW,KAAK,KAAK,KAAK;;GAGpC;EACD;GACE,eAAe;GACf,OAAO,MAAM;AACX,QAAI,QAAQ,SAAS,KAAK,KAAK,CAC7B,MAAK,QAAQ;;GAGlB;EACD;GACE,eAAe;GACf,YAAY,MAAM;AAChB,QAAI,KAAK,SAAS,uBAChB,MAAK,OAAO;;GAGjB;EACF"}

package/dist/render/createRenderer.d.mts

@@ -1,7 +1,6 @@
-import { MaizzleConfig } from "../types/config.mjs";
+import { MaizzleConfig, MarkdownConfig } from "../types/config.mjs";
 import { RenderContext } from "../composables/renderContext.mjs";
 import { Component } from "vue";
-import { Options } from "unplugin-vue-markdown/types";
 
 //#region src/render/createRenderer.d.ts
 interface RenderedTemplate {
@@ -21,7 +20,7 @@ interface CreateRendererOptions {
   /** Generate .d.ts files for auto-imports and components (default: false) */
   dts?: boolean;
   /** Options passed to unplugin-vue-markdown */
-  markdown?: Options;
+  markdown?: MarkdownConfig;
   /** Root directory for resolving user component dirs and .d.ts output */
   root?: string;
   /** Additional component directories to register for auto-import */

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"createRenderer.d.mts","names":[],"sources":["../../src/render/createRenderer.ts"],"mappings":";;;;;UAyJiB,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,cAAA;EAdC;EAgBZ,IAAA;EAhByB;EAkBzB,aAAA;AAAA;;;;;;;iBASoB,cAAA,CACpB,OAAA,GAAS,qBAAA,GACR,OAAA,CAAQ,QAAA"}

package/dist/render/createRenderer.mjs

@@ -1,6 +1,7 @@
 import { MaizzleConfigKey } from "../composables/useConfig.mjs";
 import { RenderContextKey } from "../composables/renderContext.mjs";
 import { isLaravel } from "../utils/detect.mjs";
+import { readFileSync } from "node:fs";
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { defu } from "defu";
@@ -36,8 +37,49 @@ function codeBlockExtract() {
 				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")}" />`;
+				return `<${tag}${attrs} code="${(minIndent > 0 ? stripped.replace(new RegExp(`^[ \\t]{${minIndent}}`, "gm"), "") : stripped).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}" />`;
+			});
+			if (transformed !== code) return {
+				code: transformed,
+				map: null
+			};
+		}
+	};
+}
+/**
+* Vite plugin that pre-processes <Markdown> tags:
+* - Extracts slot content, dedents it, and passes as :content prop
+* - Resolves `src` prop to read file contents at build time
+*/
+function markdownExtract() {
+	const re = /<(Markdown|markdown)((?:\s[^>]*?)?)>([\s\S]*?)<\/\1>/g;
+	const selfClosingRe = /<(Markdown|markdown)((?:\s[^>]*?\bsrc\s*=\s*"[^"]*"[^>]*?))\/>/g;
+	return {
+		name: "maizzle:markdown-extract",
+		enforce: "pre",
+		transform(code, id) {
+			if (!id.endsWith(".vue") && !id.endsWith(".md")) return;
+			if (!code.includes("Markdown") && !code.includes("markdown")) return;
+			let transformed = code;
+			transformed = transformed.replace(re, (_match, tag, attrs, content) => {
+				if (/(?:^|\s):content\b/.test(attrs) || /v-bind:content\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;
+				return `<${tag}${attrs} content="${(minIndent > 0 ? stripped.replace(new RegExp(`^[ \\t]{${minIndent}}`, "gm"), "") : stripped).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}" />`;
+			});
+			transformed = transformed.replace(selfClosingRe, (_match, tag, attrs) => {
+				const srcMatch = attrs.match(/\bsrc\s*=\s*"([^"]*)"/);
+				if (!srcMatch) return _match;
+				const srcPath = srcMatch[1];
+				const resolvedPath = resolve(dirname(id), srcPath);
+				let fileContent;
+				try {
+					fileContent = readFileSync(resolvedPath, "utf-8").trim();
+				} catch {
+					return _match;
+				}
+				return `<${tag}${attrs.replace(/\s*\bsrc\s*=\s*"[^"]*"/, "")} content="${fileContent.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}" />`;
 			});
 			if (transformed !== code) return {
 				code: transformed,
@@ -57,7 +99,8 @@ const vueRouterPkgDir = dirname(fileURLToPath(import.meta.resolve("vue-router/pa
 * Tailwind CSS compilation is handled by the transformer pipeline.
 */
 async function createRenderer(options = {}) {
-	const { dts = false, markdown: markdownOptions, root = process.cwd(), componentDirs = [] } = options;
+	const { dts = false, markdown: markdownOptionsRaw, root = process.cwd(), componentDirs = [] } = options;
+	const { shikiTheme = "github-light", ...markdownOptions } = markdownOptionsRaw ?? {};
 	const dtsDir = isLaravel() ? resolve(process.cwd(), "resources/js/types/maizzle") : resolve(root, ".maizzle");
 	const VIRTUAL_SFC_ID = "virtual:maizzle-sfc.vue";
 	let virtualSfcSource = "";
@@ -65,6 +108,7 @@ async function createRenderer(options = {}) {
 		configFile: false,
 		plugins: [
 			codeBlockExtract(),
+			markdownExtract(),
 			{
 				name: "maizzle:virtual-sfc",
 				resolveId(id) {
@@ -80,7 +124,26 @@ async function createRenderer(options = {}) {
 			}),
 			Markdown(defu(markdownOptions ?? {}, {
 				headEnabled: true,
-				wrapperDiv: false
+				wrapperDiv: false,
+				wrapperClasses: "prose",
+				markdownOptions: { async highlight(code, lang) {
+					const { codeToHtml } = await import("shiki");
+					return codeToHtml(code, {
+						lang,
+						theme: shikiTheme
+					});
+				} },
+				markdownSetup(md) {
+					const wrapPre = (html) => `<table class="w-full"><tr><td class="max-w-0 mso-padding-alt-4">${html}</td></tr></table>\n`;
+					const defaultFence = md.renderer.rules.fence;
+					md.renderer.rules.fence = (...args) => {
+						const result = defaultFence(...args);
+						if (typeof result === "string") return wrapPre(result);
+						return result.then(wrapPre);
+					};
+					const defaultCodeBlock = md.renderer.rules.code_block;
+					md.renderer.rules.code_block = (...args) => wrapPre(defaultCodeBlock(...args));
+				}
 			})),
 			AutoImport({
 				dirs: [resolve(__dirname, "../composables"), resolve(__dirname, "../filters")],

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\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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"}
+{"version":3,"file":"createRenderer.mjs","names":["merge"],"sources":["../../src/render/createRenderer.ts"],"sourcesContent":["import { dirname, resolve } from 'node:path'\nimport { readFileSync } from 'node:fs'\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, MarkdownConfig } from '../types/index.ts'\nimport type { MarkdownExit } from 'markdown-exit'\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        // HTML-escape for safe embedding in a static attribute value.\n        const escaped = dedented\n          .replace(/&/g, '&amp;')\n          .replace(/\"/g, '&quot;')\n          .replace(/</g, '&lt;')\n          .replace(/>/g, '&gt;')\n\n        return `<${tag}${attrs} code=\"${escaped}\" />`\n      })\n\n      if (transformed !== code) {\n        return { code: transformed, map: null }\n      }\n    },\n  }\n}\n\n/**\n * Vite plugin that pre-processes <Markdown> tags:\n * - Extracts slot content, dedents it, and passes as :content prop\n * - Resolves `src` prop to read file contents at build time\n */\nfunction markdownExtract() {\n  const re = /<(Markdown|markdown)((?:\\s[^>]*?)?)>([\\s\\S]*?)<\\/\\1>/g\n  const selfClosingRe = /<(Markdown|markdown)((?:\\s[^>]*?\\bsrc\\s*=\\s*\"[^\"]*\"[^>]*?))\\/>/g\n\n  return {\n    name: 'maizzle:markdown-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('Markdown') && !code.includes('markdown')) return\n\n      let transformed = code\n\n      // Handle <Markdown>content</Markdown>\n      transformed = transformed.replace(re, (_match, tag, attrs, content) => {\n        if (/(?:^|\\s):content\\b/.test(attrs) || /v-bind:content\\b/.test(attrs)) return _match\n\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: number, ws: string) => 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        const escaped = dedented\n          .replace(/&/g, '&amp;')\n          .replace(/\"/g, '&quot;')\n          .replace(/</g, '&lt;')\n          .replace(/>/g, '&gt;')\n\n        return `<${tag}${attrs} content=\"${escaped}\" />`\n      })\n\n      // Handle <Markdown src=\"./file.md\" /> — resolve and inline file content\n      transformed = transformed.replace(selfClosingRe, (_match, tag, attrs) => {\n        const srcMatch = attrs.match(/\\bsrc\\s*=\\s*\"([^\"]*)\"/)\n        if (!srcMatch) return _match\n\n        const srcPath = srcMatch[1]\n        const resolvedPath = resolve(dirname(id), srcPath)\n\n        let fileContent: string\n        try {\n          fileContent = readFileSync(resolvedPath, 'utf-8').trim()\n        } catch {\n          return _match\n        }\n\n        // Remove src prop, add content prop\n        const cleanAttrs = attrs.replace(/\\s*\\bsrc\\s*=\\s*\"[^\"]*\"/, '')\n        const escaped = fileContent\n          .replace(/&/g, '&amp;')\n          .replace(/\"/g, '&quot;')\n          .replace(/</g, '&lt;')\n          .replace(/>/g, '&gt;')\n\n        return `<${tag}${cleanAttrs} content=\"${escaped}\" />`\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?: MarkdownConfig\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: markdownOptionsRaw, root = process.cwd(), componentDirs = [] } = options\n  const { shikiTheme = 'github-light', ...markdownOptions } = markdownOptionsRaw ?? {}\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      markdownExtract(),\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        wrapperClasses: 'prose',\n        markdownOptions: {\n          async highlight(code: string, lang: string) {\n            const { codeToHtml } = await import('shiki')\n            return codeToHtml(code, { lang, theme: shikiTheme })\n          },\n        },\n        markdownSetup(md: MarkdownExit) {\n          const wrapPre = (html: string) =>\n            `<table class=\"w-full\"><tr><td class=\"max-w-0 mso-padding-alt-4\">${html}</td></tr></table>\\n`\n\n          const defaultFence = md.renderer.rules.fence!\n          md.renderer.rules.fence = (...args) => {\n            const result = defaultFence(...args)\n            if (typeof result === 'string') return wrapPre(result)\n            return result.then(wrapPre)\n          }\n\n          const defaultCodeBlock = md.renderer.rules.code_block!\n          md.renderer.rules.code_block = (...args) => wrapPre(defaultCodeBlock(...args) as string)\n        },\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/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,iBAqdtC,WAAA,CAAY,MAAA,EAAQ,aAAA,EAAe,WAAA"}
+{"version":3,"file":"serve.d.mts","names":[],"sources":["../src/serve.ts"],"mappings":";;;;UAyBiB,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,iBAuiBtC,WAAA,CAAY,MAAA,EAAQ,aAAA,EAAe,WAAA"}

package/dist/serve.mjs

@@ -4,6 +4,7 @@ import { createRenderer } from "./render/createRenderer.mjs";
 import { createPlaintext } from "./plaintext.mjs";
 import { serveCompatibility } from "./server/compatibility.mjs";
 import { serveLint } from "./server/linter.mjs";
+import { sendEmail } from "./server/email.mjs";
 import { createRequire } from "node:module";
 import { readFileSync } from "node:fs";
 import { basename, dirname, resolve } from "node:path";
@@ -32,7 +33,7 @@ async function serve(options = {}) {
 	const start = performance.now();
 	let config = await resolveConfig(options.config);
 	const port = config.server?.port ?? 3e3;
-	const renderer = await createRenderer({
+	let renderer = await createRenderer({
 		dts: true,
 		markdown: config.markdown,
 		root: config.root,
@@ -170,7 +171,16 @@ function maizzleDevPlugin(config, renderer, configInput) {
 				}
 			});
 			server.watcher.on("change", async (file) => {
-				if (watchPaths.some((p) => file.endsWith(p))) config = await resolveConfig(configInput);
+				if (watchPaths.some((p) => file.endsWith(p))) {
+					config = await resolveConfig(configInput);
+					await renderer.close();
+					renderer = await createRenderer({
+						dts: true,
+						markdown: config.markdown,
+						root: config.root,
+						componentDirs: [config.components?.source ?? []].flat()
+					});
+				}
 				await renderer.invalidateAll();
 				if (isTemplateFile(file) || watchPaths.some((p) => file.endsWith(p))) server.ws.send({
 					type: "custom",
@@ -183,11 +193,13 @@ function maizzleDevPlugin(config, renderer, configInput) {
 				if (url === "/__maizzle/templates") return serveTemplateList(config, res);
 				if (url.startsWith("/__maizzle/render/")) return await serveRenderedTemplate(url, config, renderer, res);
 				if (url.startsWith("/__maizzle/source/")) return await serveHighlightedSource(url, config, renderer, res);
-				if (url.startsWith("/__maizzle/compatibility/")) return await serveCompatibility(url, config, res);
-				if (url.startsWith("/__maizzle/lint/")) return await serveLint(url, config, res);
+				if (url === "/__maizzle/compatibility" && req.method === "POST") return await serveCompatibility(req, res);
+				if (url.startsWith("/__maizzle/lint/")) return serveLint(url, res);
 				if (url.startsWith("/__maizzle/vue-source/")) return await serveVueSource(url, config, res);
 				if (url.startsWith("/__maizzle/plaintext/")) return await servePlaintext(url, config, renderer, res);
 				if (url.startsWith("/__maizzle/stats/")) return await serveStats(url, config, renderer, res);
+				if (url.startsWith("/__maizzle/email/") && req.method === "POST") return await serveEmailEndpoint(url, req, res, config, renderer);
+				if (url === "/__maizzle/email-config") return serveEmailConfig(config, res);
 				next();
 			});
 			return () => {
@@ -392,6 +404,74 @@ async function serveStats(url, config, renderer, res) {
 		res.end(JSON.stringify({ error: error.message }));
 	}
 }
+async function serveEmailEndpoint(url, req, res, config, renderer) {
+	const templateSlug = url.replace("/__maizzle/email/", "").replace(/\?.*$/, "");
+	const match = (await glob(config.content ?? ["emails/**/*.vue"])).find((t) => t.replace(/\.(vue|md)$/, "") === templateSlug);
+	if (!match) {
+		res.statusCode = 404;
+		res.end(JSON.stringify({
+			success: false,
+			message: "Template not found"
+		}));
+		return;
+	}
+	let body = "";
+	for await (const chunk of req) body += chunk;
+	let payload;
+	try {
+		payload = JSON.parse(body);
+	} catch {
+		res.statusCode = 400;
+		res.end(JSON.stringify({
+			success: false,
+			message: "Invalid JSON"
+		}));
+		return;
+	}
+	if (!payload.to?.length) {
+		res.statusCode = 400;
+		res.end(JSON.stringify({
+			success: false,
+			message: "Missing recipients"
+		}));
+		return;
+	}
+	try {
+		const absolutePath = resolve(match);
+		await renderer.invalidateAll();
+		const rendered = await renderer.render(absolutePath, config);
+		let html = rendered.html;
+		const templateConfig = rendered.templateConfig;
+		const doctype = rendered.doctype ?? templateConfig.doctype ?? "<!DOCTYPE html>";
+		html = await runTransformers(html, templateConfig, absolutePath, doctype);
+		html = `${doctype}\n${html}`;
+		const text = createPlaintext(html);
+		const result = await sendEmail({
+			to: payload.to,
+			subject: payload.subject,
+			html,
+			text
+		}, config, templateConfig);
+		res.setHeader("Content-Type", "application/json");
+		res.end(JSON.stringify(result));
+	} catch (error) {
+		res.statusCode = 500;
+		res.end(JSON.stringify({
+			success: false,
+			message: error.message
+		}));
+	}
+}
+function serveEmailConfig(config, res) {
+	const emailConfig = config.server?.email;
+	res.setHeader("Content-Type", "application/json");
+	res.end(JSON.stringify({
+		to: emailConfig?.to ? Array.isArray(emailConfig.to) ? emailConfig.to : [emailConfig.to] : [],
+		from: emailConfig?.from ?? "",
+		subject: emailConfig?.subject ?? "",
+		hasTransport: !!emailConfig?.transport
+	}));
+}
 function printBanner(server, startupTime) {
 	const info = server.config.logger.info;
 	const time = startupTime ?? server._maizzleStartupTime;