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

package/dist/plugins/postcss/tailwindCleanup.mjs

@@ -2,6 +2,28 @@
 const DEFAULT_SELECTORS = [":host", ":lang"];
 const DEFAULT_AT_RULES = ["layer", "property"];
 /**
+* Split a selector list on top-level commas only.
+*
+* Commas inside parenthesised groups like `:not(:is(:lang(ae), :lang(ar)))`
+* are not treated as selector separators.
+*/
+function splitSelector(selector) {
+	const parts = [];
+	let depth = 0;
+	let start = 0;
+	for (let i = 0; i < selector.length; i++) {
+		const ch = selector[i];
+		if (ch === "(") depth++;
+		else if (ch === ")") depth--;
+		else if (ch === "," && depth === 0) {
+			parts.push(selector.slice(start, i).trim());
+			start = i + 1;
+		}
+	}
+	parts.push(selector.slice(start).trim());
+	return parts.filter(Boolean);
+}
+/**
 * Removes CSS rules whose every comma-separated selector part starts with
 * one of the configured prefixes (e.g. ':host', ':lang'). Rules with mixed
 * selectors have the unwanted parts stripped.
@@ -14,20 +36,31 @@ 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(", ");
-		}
-	}, {
-		postcssPlugin: "tailwind-cleanup-at-rules",
-		AtRule(rule) {
-			if (atRules.includes(rule.name)) rule.remove();
+	return [
+		{
+			postcssPlugin: "tailwind-cleanup-selectors",
+			Rule(rule) {
+				const parts = splitSelector(rule.selector);
+				const kept = parts.filter((p) => !selectors.some((s) => p === s || p.includes(`${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)) return;
+				if (rule.nodes?.length) rule.replaceWith(rule.nodes);
+				else rule.remove();
+			}
+		},
+		{
+			postcssPlugin: "tailwind-cleanup-text-decoration",
+			Declaration(decl) {
+				if (decl.prop === "text-decoration-line") decl.prop = "text-decoration";
+			}
 		}
-	}];
+	];
 }
 
 //#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 * Split a selector list on top-level commas only.\n *\n * Commas inside parenthesised groups like `:not(:is(:lang(ae), :lang(ar)))`\n * are not treated as selector separators.\n */\nfunction splitSelector(selector: string): string[] {\n  const parts: string[] = []\n  let depth = 0\n  let start = 0\n\n  for (let i = 0; i < selector.length; i++) {\n    const ch = selector[i]\n    if (ch === '(') depth++\n    else if (ch === ')') depth--\n    else if (ch === ',' && depth === 0) {\n      parts.push(selector.slice(start, i).trim())\n      start = i + 1\n    }\n  }\n\n  parts.push(selector.slice(start).trim())\n\n  return parts.filter(Boolean)\n}\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 = splitSelector(rule.selector)\n        const kept = parts.filter(p => !selectors.some(s => p === s || p.includes(`${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)) return\n\n        if (rule.nodes?.length) {\n          // Unwrap: keep children, remove the at-rule wrapper\n          rule.replaceWith(rule.nodes)\n        } else {\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;;;;;;;AAQ9C,SAAS,cAAc,UAA4B;CACjD,MAAM,QAAkB,EAAE;CAC1B,IAAI,QAAQ;CACZ,IAAI,QAAQ;AAEZ,MAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;EACxC,MAAM,KAAK,SAAS;AACpB,MAAI,OAAO,IAAK;WACP,OAAO,IAAK;WACZ,OAAO,OAAO,UAAU,GAAG;AAClC,SAAM,KAAK,SAAS,MAAM,OAAO,EAAE,CAAC,MAAM,CAAC;AAC3C,WAAQ,IAAI;;;AAIhB,OAAM,KAAK,SAAS,MAAM,MAAM,CAAC,MAAM,CAAC;AAExC,QAAO,MAAM,OAAO,QAAQ;;;;;;;;;;;;AAa9B,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,cAAc,KAAK,SAAS;IAC1C,MAAM,OAAO,MAAM,QAAO,MAAK,CAAC,UAAU,MAAK,MAAK,MAAM,KAAK,EAAE,SAAS,GAAG,EAAE,GAAG,CAAC,CAAC;AACpF,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,CAAC,QAAQ,SAAS,KAAK,KAAK,CAAE;AAElC,QAAI,KAAK,OAAO,OAEd,MAAK,YAAY,KAAK,MAAM;QAE5B,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,7 @@
-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";
+import { InlineConfig } from "vite";
 
 //#region src/render/createRenderer.d.ts
 interface RenderedTemplate {
@@ -14,15 +14,20 @@ 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 {
   /** 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 */
+  componentDirs?: string[];
+  /** User Vite config options to merge into the internal SSR server */
+  vite?: InlineConfig;
 }
 /**
  * Lightweight Vite SSR loader for rendering Vue SFC email templates.

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

@@ -1 +1 @@
-{"version":3,"file":"createRenderer.d.mts","names":[],"sources":["../../src/render/createRenderer.ts"],"mappings":";;;;;;UA0BiB,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;AAAA;;AAZF;;;;;iBAqBsB,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;EAfuB;EAiBvB,IAAA,GAAO,YAAA;AAAA;;;;;;;iBASa,cAAA,CACpB,OAAA,GAAS,qBAAA,GACR,OAAA,CAAQ,QAAA"}

package/dist/render/createRenderer.mjs

@@ -1,10 +1,12 @@
 import { MaizzleConfigKey } from "../composables/useConfig.mjs";
 import { RenderContextKey } from "../composables/renderContext.mjs";
+import { isLaravel } from "../utils/detect.mjs";
+import { existsSync, readFileSync } from "node:fs";
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { defu } from "defu";
 import { createSSRApp } from "vue";
-import { createServer } from "vite";
+import { createServer, mergeConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import Markdown from "unplugin-vue-markdown/vite";
 import AutoImport from "unplugin-auto-import/vite";
@@ -15,6 +17,77 @@ 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;
+				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,
+				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"))), "..");
@@ -26,12 +99,17 @@ 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() } = options;
+	const { dts = false, markdown: markdownOptionsRaw, root = process.cwd(), componentDirs = [], vite: userViteConfig } = 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 = "";
-	const server = await createServer({
-		configFile: false,
+	const viteConfigFile = ["vite.config.ts", "vite.config.js"].map((f) => resolve(root, f)).find((f) => existsSync(f));
+	const maizzleConfig = {
+		configFile: viteConfigFile ?? false,
 		plugins: [
+			codeBlockExtract(),
+			markdownExtract(),
 			{
 				name: "maizzle:virtual-sfc",
 				resolveId(id) {
@@ -47,12 +125,31 @@ 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")],
 				imports: ["vue", unheadVueComposablesImports],
-				dts: dts ? resolve(root, "types/auto-imports.d.ts") : false
+				dts: dts ? resolve(dtsDir, "auto-imports.d.ts") : false
 			}),
 			Components({
 				extensions: ["vue", "md"],
@@ -61,8 +158,12 @@ async function createRenderer(options = {}) {
 					/\.vue\?vue/,
 					/\.md$/
 				],
-				dirs: [resolve(__dirname, "../components"), resolve(root, "components")],
-				dts: dts ? resolve(root, "types/components.d.ts") : false
+				dirs: [
+					resolve(__dirname, "../components"),
+					resolve(root, "components"),
+					...componentDirs
+				],
+				dts: dts ? resolve(dtsDir, "components.d.ts") : false
 			})
 		],
 		resolve: { alias: {
@@ -79,6 +180,7 @@ async function createRenderer(options = {}) {
 			fs: { allow: [
 				process.cwd(),
 				root,
+				...componentDirs,
 				vuePkgDir,
 				vueServerRendererPkgDir,
 				unheadVuePkgDir,
@@ -88,7 +190,8 @@ async function createRenderer(options = {}) {
 		appType: "custom",
 		logLevel: "silent",
 		optimizeDeps: { noDiscovery: true }
-	});
+	};
+	const server = await createServer(userViteConfig && !viteConfigFile ? mergeConfig(userViteConfig, maizzleConfig) : maizzleConfig);
 	return {
 		async render(input, config) {
 			let component;
@@ -118,15 +221,45 @@ async function createRenderer(options = {}) {
 			const head = createHead({ disableDefaults: true });
 			const app = createSSRApp(component);
 			app.use(head);
+			if (config.vue) {
+				for (const plugin of config.vue.plugins ?? []) app.use(plugin);
+				for (const [name, directive] of Object.entries(config.vue.directives ?? {})) app.directive(name, directive);
+				Object.assign(app.config.globalProperties, config.vue.globalProperties);
+			}
 			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.preheader) {
+				const { text, fillerCount, shyCount } = renderContext.preheader;
+				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,
@@ -139,6 +272,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 { 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}\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() } = options\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(root, 'types/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        ],\n        dts: dts ? resolve(root, 'types/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, 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 { readFileSync, existsSync } from 'node:fs'\nimport { fileURLToPath } from 'node:url'\nimport { isLaravel } from '../utils/detect.ts'\nimport { createServer, mergeConfig, type InlineConfig } 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  /** User Vite config options to merge into the internal SSR server */\n  vite?: InlineConfig\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 = [], vite: userViteConfig } = 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  // Check for a user vite.config file in the project root\n  const viteConfigFile = ['vite.config.ts', 'vite.config.js']\n    .map(f => resolve(root, f))\n    .find(f => existsSync(f))\n\n  const maizzleConfig: InlineConfig = {\n    configFile: viteConfigFile ?? 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  // Merge user's vite config (from config.vite) under Maizzle's config.\n  // mergeConfig(a, b) → b overrides a for scalars, arrays are concatenated.\n  // This ensures Maizzle's critical settings (middlewareMode, appType, etc.) always win,\n  // while user plugins and other options are included.\n  const finalConfig = userViteConfig && !viteConfigFile\n    ? mergeConfig(userViteConfig, maizzleConfig)\n    : maizzleConfig\n\n  const server = await createServer(finalConfig)\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\n      // Register user Vue plugins, directives, and global properties\n      if (config.vue) {\n        for (const plugin of config.vue.plugins ?? []) {\n          app.use(plugin)\n        }\n        for (const [name, directive] of Object.entries(config.vue.directives ?? {})) {\n          app.directive(name, directive)\n        }\n        Object.assign(app.config.globalProperties, config.vue.globalProperties)\n      }\n\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 preheader text from usePreheader() composable\n      if (renderContext.preheader) {\n        const { text, fillerCount, shyCount } = renderContext.preheader\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

@@ -15,15 +15,18 @@ async function render(template, options = {}) {
 	const config = await resolveConfig(options.config);
 	const renderer = options._renderer ?? await createRenderer({
 		markdown: config.markdown,
-		root: config.root
+		root: config.root,
+		componentDirs: [config.components?.source ?? []].flat(),
+		vite: config.vite
 	});
 	const ownsRenderer = !options._renderer;
 	try {
 		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 })\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,CAAC;CAC5G,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(), vite: config.vite })\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,MAAM,OAAO;EAAM,CAAC;CACxL,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":";;;;UA+BiB,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,iBAmiBtC,WAAA,CAAY,MAAA,EAAQ,aAAA,EAAe,WAAA"}