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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOutlookFallback.d.mts","names":[],"sources":["../../src/composables/useOutlookFallback.ts"],"mappings":";;AAoBA;;;;;;;;;;;;;;;iBAAgB,kBAAA,CAAmB,KAAA"}

package/dist/composables/useOutlookFallback.mjs

@@ -0,0 +1,30 @@
+import { inject, provide } from "vue";
+
+//#region src/composables/useOutlookFallback.ts
+const OutlookFallbackKey = Symbol("OutlookFallback");
+/**
+* Toggle whether descendants emit Outlook (MSO) and VML fallback markup.
+*
+* Call once in a Layout/template's `<script setup>` to disable for the
+* whole tree:
+*   `useOutlookFallback(false)`
+*
+* Components inheriting `false` skip MSO ghost tables, VML rectangles,
+* `xmlns:v`/`xmlns:o`, mso-specific CSS, and Button's `<Outlook>`
+* spacers. Each MSO-aware component still accepts an `outlook-fallback`
+* prop that overrides inheritance for its subtree.
+*
+* @param value Pass `true`/`false` to set; omit to just read the
+*              inherited value (defaults to `true` at the root).
+* @returns The resolved boolean for the current component.
+*/
+function useOutlookFallback(value) {
+	const inherited = inject(OutlookFallbackKey, true);
+	const enabled = value == null ? inherited : value;
+	provide(OutlookFallbackKey, enabled);
+	return enabled;
+}
+
+//#endregion
+export { useOutlookFallback };
+//# sourceMappingURL=useOutlookFallback.mjs.map

package/dist/composables/useOutlookFallback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutlookFallback.mjs","names":[],"sources":["../../src/composables/useOutlookFallback.ts"],"sourcesContent":["import { inject, provide, type InjectionKey } from 'vue'\n\nconst OutlookFallbackKey: InjectionKey<boolean> = Symbol('OutlookFallback')\n\n/**\n * Toggle whether descendants emit Outlook (MSO) and VML fallback markup.\n *\n * Call once in a Layout/template's `<script setup>` to disable for the\n * whole tree:\n *   `useOutlookFallback(false)`\n *\n * Components inheriting `false` skip MSO ghost tables, VML rectangles,\n * `xmlns:v`/`xmlns:o`, mso-specific CSS, and Button's `<Outlook>`\n * spacers. Each MSO-aware component still accepts an `outlook-fallback`\n * prop that overrides inheritance for its subtree.\n *\n * @param value Pass `true`/`false` to set; omit to just read the\n *              inherited value (defaults to `true` at the root).\n * @returns The resolved boolean for the current component.\n */\nexport function useOutlookFallback(value?: boolean | null): boolean {\n  const inherited = inject(OutlookFallbackKey, true)\n  const enabled = value == null ? inherited : value\n  provide(OutlookFallbackKey, enabled)\n  return enabled\n}\n"],"mappings":";;;AAEA,MAAM,qBAA4C,OAAO,kBAAkB;;;;;;;;;;;;;;;;;AAkB3E,SAAgB,mBAAmB,OAAiC;CAClE,MAAM,YAAY,OAAO,oBAAoB,KAAK;CAClD,MAAM,UAAU,SAAS,OAAO,YAAY;AAC5C,SAAQ,oBAAoB,QAAQ;AACpC,QAAO"}

package/dist/index.d.mts

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

package/dist/index.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"createRenderer.d.mts","names":[],"sources":["../../src/render/createRenderer.ts"],"mappings":";;;;;;UA0JiB,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"}
+{"version":3,"file":"createRenderer.d.mts","names":[],"sources":["../../src/render/createRenderer.ts"],"mappings":";;;;;;UAgCiB,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

@@ -2,7 +2,10 @@ import { MaizzleConfigKey } from "../composables/useConfig.mjs";
 import { RenderContextKey } from "../composables/renderContext.mjs";
 import { isLaravel } from "../utils/detect.mjs";
 import { rowSourceLocation } from "./plugins/rowSourceLocation.mjs";
-import { existsSync, readFileSync } from "node:fs";
+import { rawExtract } from "./plugins/rawExtract.mjs";
+import { codeBlockExtract } from "./plugins/codeBlockExtract.mjs";
+import { markdownExtract } from "./plugins/markdownExtract.mjs";
+import { existsSync } from "node:fs";
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { defu } from "defu";
@@ -14,81 +17,10 @@ import AutoImport from "unplugin-auto-import/vite";
 import Components from "unplugin-vue-components/vite";
 import { unheadVueComposablesImports } from "@unhead/vue";
 import { renderToString } from "vue/server-renderer";
-import { createHead, renderSSRHead } from "@unhead/vue/server";
+import { createHead } 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"))), "..");
@@ -109,6 +41,7 @@ async function createRenderer(options = {}) {
 	const maizzleConfig = {
 		configFile: viteConfigFile ?? false,
 		plugins: [
+			rawExtract(),
 			codeBlockExtract(),
 			markdownExtract(),
 			rowSourceLocation(),
@@ -178,7 +111,6 @@ async function createRenderer(options = {}) {
 		server: {
 			middlewareMode: true,
 			hmr: false,
-			watch: null,
 			fs: { allow: [
 				process.cwd(),
 				root,
@@ -232,7 +164,7 @@ async function createRenderer(options = {}) {
 			app.provide(contextKey, renderContext);
 			const ssrContext = {};
 			let html = await renderToString(app, ssrContext);
-			const { headTags, bodyTags, bodyTagsOpen, htmlAttrs, bodyAttrs } = await renderSSRHead(head);
+			const { headTags, bodyTags, bodyTagsOpen, htmlAttrs, bodyAttrs } = head.render();
 			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}>`);

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 { readFileSync, existsSync } from 'node:fs'\nimport { fileURLToPath } from 'node:url'\nimport { isLaravel } from '../utils/detect.ts'\nimport { rowSourceLocation } from './plugins/rowSourceLocation.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      rowSourceLocation(),\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      const hasTeleports = ssrContext.teleports && Object.keys(ssrContext.teleports).length > 0\n      const hasFonts = (renderContext.fonts?.length ?? 0) > 0\n\n      if (hasTeleports || hasFonts) {\n        const { parse: parseDom, serialize: serializeDom, walk } = await import('../utils/ast/index.ts')\n        let dom = parseDom(html)\n\n        if (hasTeleports) {\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\n        if (hasFonts) {\n          const { injectFonts } = await import('./injectFonts.ts')\n          injectFonts(dom, renderContext.fonts!, parseDom, walk)\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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"}
+{"version":3,"file":"createRenderer.mjs","names":["merge"],"sources":["../../src/render/createRenderer.ts"],"sourcesContent":["import { dirname, resolve } from 'node:path'\nimport { existsSync } from 'node:fs'\nimport { fileURLToPath } from 'node:url'\nimport { isLaravel } from '../utils/detect.ts'\nimport { rowSourceLocation } from './plugins/rowSourceLocation.ts'\nimport { rawExtract } from './plugins/rawExtract.ts'\nimport { codeBlockExtract } from './plugins/codeBlockExtract.ts'\nimport { markdownExtract } from './plugins/markdownExtract.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 } 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\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      rawExtract(),\n      codeBlockExtract(),\n      markdownExtract(),\n      rowSourceLocation(),\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      // Watcher is required so unplugin-vue-components and unplugin-auto-import\n      // detect added/removed component files and rewrite their .d.ts on the fly.\n      // (We only render via SSR — HMR is off, but chokidar still drives the plugins.)\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 } = head.render()\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      const hasTeleports = ssrContext.teleports && Object.keys(ssrContext.teleports).length > 0\n      const hasFonts = (renderContext.fonts?.length ?? 0) > 0\n\n      if (hasTeleports || hasFonts) {\n        const { parse: parseDom, serialize: serializeDom, walk } = await import('../utils/ast/index.ts')\n        let dom = parseDom(html)\n\n        if (hasTeleports) {\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\n        if (hasFonts) {\n          const { injectFonts } = await import('./injectFonts.ts')\n          injectFonts(dom, renderContext.fonts!, parseDom, walk)\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":";;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,YAAY,QAAQ,cAAc,OAAO,KAAK,IAAI,CAAC;AAEzD,MAAM,YAAY,QAAQ,cAAc,OAAO,KAAK,QAAQ,mBAAmB,CAAC,CAAC;AACjF,MAAM,0BAA0B,QAAQ,cAAc,OAAO,KAAK,QAAQ,oCAAoC,CAAC,CAAC;AAChH,MAAM,kBAAkB,QAAQ,QAAQ,cAAc,OAAO,KAAK,QAAQ,cAAc,CAAC,CAAC,EAAE,KAAK;AACjG,MAAM,kBAAkB,QAAQ,cAAc,OAAO,KAAK,QAAQ,0BAA0B,CAAC,CAAC;;;;;;;AAoC9F,eAAsB,eACpB,UAAiC,EAAE,EAChB;CACnB,MAAM,EAAE,MAAM,OAAO,UAAU,oBAAoB,OAAO,QAAQ,KAAK,EAAE,gBAAgB,EAAE,EAAE,MAAM,mBAAmB;CACtH,MAAM,EAAE,aAAa,gBAAgB,GAAG,oBAAoB,sBAAsB,EAAE;CAEpF,MAAM,SAAS,WAAW,GACtB,QAAQ,QAAQ,KAAK,EAAE,6BAA6B,GACpD,QAAQ,MAAM,WAAW;CAE7B,MAAM,iBAAiB;CACvB,IAAI,mBAAmB;CAGvB,MAAM,iBAAiB,CAAC,kBAAkB,iBAAiB,CACxD,KAAI,MAAK,QAAQ,MAAM,EAAE,CAAC,CAC1B,MAAK,MAAK,WAAW,EAAE,CAAC;CAE3B,MAAM,gBAA8B;EAClC,YAAY,kBAAkB;EAC9B,SAAS;GACP,YAAY;GACZ,kBAAkB;GAClB,iBAAiB;GACjB,mBAAmB;GACnB;IACE,MAAM;IACN,UAAU,IAAI;AACZ,SAAI,OAAO,eAAgB,QAAO;;IAEpC,KAAK,IAAI;AACP,SAAI,OAAO,eAAgB,QAAO;;IAErC;GACD,IAAI;IACF,SAAS,CAAC,UAAU,QAAQ;IAC5B,UAAU,EACR,oBAAoB,OACrB;IACF,CAAC;GACF,SAASA,KAAM,mBAAmB,EAAE,EAAE;IACpC,aAAa;IACb,YAAY;IACZ,gBAAgB;IAChB,iBAAiB,EACf,MAAM,UAAU,MAAc,MAAc;KAC1C,MAAM,EAAE,eAAe,MAAM,OAAO;AACpC,YAAO,WAAW,MAAM;MAAE;MAAM,OAAO;MAAY,CAAC;OAEvD;IACD,cAAc,IAAkB;KAC9B,MAAM,WAAW,SACf,mEAAmE,KAAK;KAE1E,MAAM,eAAe,GAAG,SAAS,MAAM;AACvC,QAAG,SAAS,MAAM,SAAS,GAAG,SAAS;MACrC,MAAM,SAAS,aAAa,GAAG,KAAK;AACpC,UAAI,OAAO,WAAW,SAAU,QAAO,QAAQ,OAAO;AACtD,aAAO,OAAO,KAAK,QAAQ;;KAG7B,MAAM,mBAAmB,GAAG,SAAS,MAAM;AAC3C,QAAG,SAAS,MAAM,cAAc,GAAG,SAAS,QAAQ,iBAAiB,GAAG,KAAK,CAAW;;IAE3F,CAAC,CAAC;GACH,WAAW;IACT,MAAM,CACJ,QAAQ,WAAW,iBAAiB,EACpC,QAAQ,WAAW,aAAa,CACjC;IACD,SAAS,CAAC,OAAO,4BAA4B;IAC7C,KAAK,MAAM,QAAQ,QAAQ,oBAAoB,GAAG;IACnD,CAAC;GACF,WAAW;IACT,YAAY,CAAC,OAAO,KAAK;IACzB,SAAS;KAAC;KAAU;KAAc;KAAQ;IAC1C,MAAM;KACJ,QAAQ,WAAW,gBAAgB;KACnC,QAAQ,MAAM,aAAa;KAC3B,GAAG;KACJ;IACD,KAAK,MAAM,QAAQ,QAAQ,kBAAkB,GAAG;IACjD,CAAC;GACH;EACD,SAAS,EACP,OAAO;GACL,uBAAuB,QAAQ,yBAAyB,sCAAsC;GAC9F,OAAO,QAAQ,WAAW,kCAAkC;GAC5D,cAAc;GACd,sBAAsB,QAAQ,iBAAiB,kBAAkB;GACjE,eAAe,QAAQ,iBAAiB,iBAAiB;GAC1D,EACF;EACD,QAAQ;GACN,gBAAgB;GAChB,KAAK;GAIL,IAAI,EACF,OAAO;IAAC,QAAQ,KAAK;IAAE;IAAM,GAAG;IAAe;IAAW;IAAyB;IAAiB;IAAgB,EACrH;GACF;EACD,SAAS;EACT,UAAU;EACV,cAAc,EACZ,aAAa,MACd;EACF;CAUD,MAAM,SAAS,MAAM,aAJD,kBAAkB,CAAC,iBACnC,YAAY,gBAAgB,cAAc,GAC1C,cAE0C;AAE9C,QAAO;EACL,MAAM,OAAO,OAA2B,QAAkD;GACxF,IAAI;GACJ,IAAI;GACJ,IAAI;AAEJ,OAAI,OAAO,UAAU,UAAU;IAG7B,MAAM,eAAe,MAAM,OAAO,cAAc,QAAQ,WAAW,2BAA2B,CAAC;IAC/F,MAAM,gBAAgB,MAAM,OAAO,cAAc,QAAQ,WAAW,+BAA+B,CAAC;AACpG,gBAAY,aAAa;AACzB,iBAAa,cAAc;AAE3B,QAAI,MAAM,SAAS,YAAY,IAAI,MAAM,SAAS,UAAU,EAAE;AAC5D,wBAAmB;KACnB,MAAM,MAAM,OAAO,YAAY,cAAc,eAAe;AAC5D,SAAI,IAAK,QAAO,YAAY,iBAAiB,IAAI;AACjD,kBAAa,MAAM,OAAO,cAAc,eAAe,EAAE;UAEzD,cAAa,MAAM,OAAO,cAAc,MAAM,EAAE;UAE7C;AAEL,gBAAY;AACZ,gBAAY;AACZ,iBAAa;;GAGf,MAAM,gBAA+B;IACnC,SAAS;IACT,WAAW;IACX,kBAAkB,EAAE;IACrB;GAED,MAAM,OAAO,WAAW,EAAE,iBAAiB,MAAM,CAAC;GAClD,MAAM,MAAM,aAAa,UAAU;AACnC,OAAI,IAAI,KAAK;AAGb,OAAI,OAAO,KAAK;AACd,SAAK,MAAM,UAAU,OAAO,IAAI,WAAW,EAAE,CAC3C,KAAI,IAAI,OAAO;AAEjB,SAAK,MAAM,CAAC,MAAM,cAAc,OAAO,QAAQ,OAAO,IAAI,cAAc,EAAE,CAAC,CACzE,KAAI,UAAU,MAAM,UAAU;AAEhC,WAAO,OAAO,IAAI,OAAO,kBAAkB,OAAO,IAAI,iBAAiB;;AAGzE,OAAI,QAAQ,WAAW,OAAO;AAC9B,OAAI,QAAQ,YAAY,cAAc;GAEtC,MAAM,aAAkC,EAAE;GAC1C,IAAI,OAAe,MAAM,eAAe,KAAK,WAAW;GAExD,MAAM,EAAE,UAAU,UAAU,cAAc,WAAW,cAAc,KAAK,QAAQ;AAGhF,OAAI,UACF,QAAO,KAAK,QAAQ,iBAAiB,WAAW,UAAU,GAAG;AAE/D,OAAI,SACF,QAAO,KAAK,QAAQ,WAAW,GAAG,SAAS,WAAW;AAExD,OAAI,UACF,QAAO,KAAK,QAAQ,iBAAiB,WAAW,UAAU,GAAG;AAE/D,OAAI,aACF,QAAO,KAAK,QAAQ,iBAAiB,aAAa,eAAe;AAEnE,OAAI,SACF,QAAO,KAAK,QAAQ,WAAW,GAAG,SAAS,WAAW;GAIxD,MAAM,eAAe,WAAW,aAAa,OAAO,KAAK,WAAW,UAAU,CAAC,SAAS;GACxF,MAAM,YAAY,cAAc,OAAO,UAAU,KAAK;AAEtD,OAAI,gBAAgB,UAAU;IAC5B,MAAM,EAAE,OAAO,UAAU,WAAW,cAAc,SAAS,MAAM,OAAO;IACxE,IAAI,MAAM,SAAS,KAAK;AAExB,QAAI,aACF,MAAK,MAAM,CAAC,WAAW,YAAY,OAAO,QAAQ,WAAW,UAAU,EAAwB;AAC7F,SAAI,CAAC,QAAS;KAEd,MAAM,UAAU,UAAU,SAAS,SAAS;KAC5C,MAAM,SAAS,UAAU,UAAU,MAAM,GAAG,GAAG,GAAG;KAClD,MAAM,iBAAiB,SAAS,QAAQ;AAExC,UAAK,MAAM,SAAS;MAClB,MAAM,KAAK;AAEX,UAAI,CAAC,GAAG,KAAM;AAOd,UAJI,WAAW,GAAG,QACZ,OAAO,WAAW,IAAI,IAAI,GAAG,SAAS,OAAO,OAAO,MAAM,EAAE,IAC5D,OAAO,WAAW,IAAI,IAAI,GAAG,SAAS,OAAO,MAAM,MAAM,CAAC,SAAS,OAAO,MAAM,EAAE,CAAC,EAE5E;AACX,YAAK,MAAM,SAAS,eAClB,OAAM,SAAS;AAGjB,UAAG,WAAW,UACV,CAAC,GAAG,gBAAgB,GAAI,GAAG,YAAY,EAAE,CAAE,GAC3C,CAAC,GAAI,GAAG,YAAY,EAAE,EAAG,GAAG,eAAe;;OAEjD;;AAIN,QAAI,UAAU;KACZ,MAAM,EAAE,gBAAgB,MAAM,OAAO;AACrC,iBAAY,KAAK,cAAc,OAAQ,UAAU,KAAK;;AAGxD,WAAO,aAAa,IAAI;;AAI1B,OAAI,cAAc,WAAW;IAC3B,MAAM,EAAE,MAAM,aAAa,aAAa,cAAc;IAGtD,MAAM,cAAc,6BAA6B,OAFlC,MAAgB,OAAO,YAAY,GACrC,KAAU,OAAO,SAAS,CAC+B;AACtE,WAAO,KAAK,QAAQ,iBAAiB,WAAW,cAAc;;AAGhE,UAAO;IACL;IACA,SAAS,cAAc;IACvB,gBAAgB,cAAc,aAAa;IAC3C,kBAAkB,cAAc;IAChC,WAAW,cAAc;IAC1B;;EAGH,MAAM,WAAW,UAAiC;GAChD,MAAM,MAAM,MAAM,OAAO,YAAY,eAAe,SAAS;AAC7D,OAAI,IACF,QAAO,YAAY,iBAAiB,IAAI;;EAI5C,MAAM,gBAA+B;AACnC,QAAK,MAAM,OAAO,OAAO,YAAY,cAAc,QAAQ,CACzD,QAAO,YAAY,iBAAiB,IAAI;;EAI5C,MAAM,QAAuB;AAC3B,SAAM,OAAO,OAAO;;EAEvB"}

package/dist/render/plugins/codeBlockExtract.d.mts

@@ -0,0 +1,14 @@
+import { Plugin } from "vite";
+
+//#region src/render/plugins/codeBlockExtract.d.ts
+/**
+ * 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.
+ */
+declare function codeBlockExtract(): Plugin;
+//#endregion
+export { codeBlockExtract };
+//# sourceMappingURL=codeBlockExtract.d.mts.map

package/dist/render/plugins/codeBlockExtract.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeBlockExtract.d.mts","names":[],"sources":["../../../src/render/plugins/codeBlockExtract.ts"],"mappings":";;;;;AASA;;;;;iBAAgB,gBAAA,CAAA,GAAoB,MAAA"}

package/dist/render/plugins/codeBlockExtract.mjs

@@ -0,0 +1,34 @@
+//#region src/render/plugins/codeBlockExtract.ts
+/**
+* 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
+			};
+		}
+	};
+}
+
+//#endregion
+export { codeBlockExtract };
+//# sourceMappingURL=codeBlockExtract.mjs.map

package/dist/render/plugins/codeBlockExtract.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeBlockExtract.mjs","names":[],"sources":["../../../src/render/plugins/codeBlockExtract.ts"],"sourcesContent":["import type { Plugin } from 'vite'\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 */\nexport function codeBlockExtract(): Plugin {\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',\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: 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        // 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"],"mappings":";;;;;;;;AASA,SAAgB,mBAA2B;CAEzC,MAAM,KAAK;AAEX,QAAO;EACL,MAAM;EACN,SAAS;EACT,UAAU,MAAc,IAAY;AAClC,OAAI,CAAC,GAAG,SAAS,OAAO,IAAI,CAAC,GAAG,SAAS,MAAM,CAAE;AACjD,OAAI,CAAC,KAAK,SAAS,YAAY,IAAI,CAAC,KAAK,SAAS,aAAa,CAAE;GAEjE,MAAM,cAAc,KAAK,QAAQ,KAAK,QAAQ,KAAK,OAAO,YAAY;AAEpE,QAAI,kBAAkB,KAAK,MAAM,IAAI,gBAAgB,KAAK,MAAM,CAAE,QAAO;IAIzE,MAAM,WAAW,QAAQ,QAAQ,QAAQ,GAAG,CAAC,QAAQ,QAAQ,GAAG;AAChE,QAAI,CAAC,SAAU,QAAO;IAEtB,MAAM,YAAY,SAAS,MAAM,kBAAkB,EAC/C,QAAQ,KAAa,OAAe,KAAK,IAAI,KAAK,GAAG,OAAO,EAAE,SAAS,IAAI;AAa/E,WAAO,IAAI,MAAM,MAAM,UAXN,YAAY,IACzB,SAAS,QAAQ,IAAI,OAAO,WAAW,UAAU,IAAI,KAAK,EAAE,GAAG,GAC/D,UAID,QAAQ,MAAM,QAAQ,CACtB,QAAQ,MAAM,SAAS,CACvB,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,OAAO,CAEgB;KACxC;AAEF,OAAI,gBAAgB,KAClB,QAAO;IAAE,MAAM;IAAa,KAAK;IAAM;;EAG5C"}

package/dist/render/plugins/markdownExtract.d.mts

@@ -0,0 +1,12 @@
+import { Plugin } from "vite";
+
+//#region src/render/plugins/markdownExtract.d.ts
+/**
+ * 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
+ */
+declare function markdownExtract(): Plugin;
+//#endregion
+export { markdownExtract };
+//# sourceMappingURL=markdownExtract.d.mts.map

package/dist/render/plugins/markdownExtract.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownExtract.d.mts","names":[],"sources":["../../../src/render/plugins/markdownExtract.ts"],"mappings":";;;;;AASA;;;iBAAgB,eAAA,CAAA,GAAmB,MAAA"}

package/dist/render/plugins/markdownExtract.mjs

@@ -0,0 +1,50 @@
+import { readFileSync } from "node:fs";
+import { dirname, resolve } from "node:path";
+
+//#region src/render/plugins/markdownExtract.ts
+/**
+* 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
+			};
+		}
+	};
+}
+
+//#endregion
+export { markdownExtract };
+//# sourceMappingURL=markdownExtract.mjs.map

package/dist/render/plugins/markdownExtract.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdownExtract.mjs","names":[],"sources":["../../../src/render/plugins/markdownExtract.ts"],"sourcesContent":["import { dirname, resolve } from 'node:path'\nimport { readFileSync } from 'node:fs'\nimport type { Plugin } from 'vite'\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 */\nexport function markdownExtract(): Plugin {\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',\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"],"mappings":";;;;;;;;;AASA,SAAgB,kBAA0B;CACxC,MAAM,KAAK;CACX,MAAM,gBAAgB;AAEtB,QAAO;EACL,MAAM;EACN,SAAS;EACT,UAAU,MAAc,IAAY;AAClC,OAAI,CAAC,GAAG,SAAS,OAAO,IAAI,CAAC,GAAG,SAAS,MAAM,CAAE;AACjD,OAAI,CAAC,KAAK,SAAS,WAAW,IAAI,CAAC,KAAK,SAAS,WAAW,CAAE;GAE9D,IAAI,cAAc;AAGlB,iBAAc,YAAY,QAAQ,KAAK,QAAQ,KAAK,OAAO,YAAY;AACrE,QAAI,qBAAqB,KAAK,MAAM,IAAI,mBAAmB,KAAK,MAAM,CAAE,QAAO;IAE/E,MAAM,WAAW,QAAQ,QAAQ,QAAQ,GAAG,CAAC,QAAQ,QAAQ,GAAG;AAChE,QAAI,CAAC,SAAU,QAAO;IAEtB,MAAM,YAAY,SAAS,MAAM,kBAAkB,EAC/C,QAAQ,KAAa,OAAe,KAAK,IAAI,KAAK,GAAG,OAAO,EAAE,SAAS,IAAI;AAY/E,WAAO,IAAI,MAAM,MAAM,aAVN,YAAY,IACzB,SAAS,QAAQ,IAAI,OAAO,WAAW,UAAU,IAAI,KAAK,EAAE,GAAG,GAC/D,UAGD,QAAQ,MAAM,QAAQ,CACtB,QAAQ,MAAM,SAAS,CACvB,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,OAAO,CAEmB;KAC3C;AAGF,iBAAc,YAAY,QAAQ,gBAAgB,QAAQ,KAAK,UAAU;IACvE,MAAM,WAAW,MAAM,MAAM,wBAAwB;AACrD,QAAI,CAAC,SAAU,QAAO;IAEtB,MAAM,UAAU,SAAS;IACzB,MAAM,eAAe,QAAQ,QAAQ,GAAG,EAAE,QAAQ;IAElD,IAAI;AACJ,QAAI;AACF,mBAAc,aAAa,cAAc,QAAQ,CAAC,MAAM;YAClD;AACN,YAAO;;AAWT,WAAO,IAAI,MAPQ,MAAM,QAAQ,0BAA0B,GAAG,CAOlC,YANZ,YACb,QAAQ,MAAM,QAAQ,CACtB,QAAQ,MAAM,SAAS,CACvB,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,OAAO,CAEwB;KAChD;AAEF,OAAI,gBAAgB,KAClB,QAAO;IAAE,MAAM;IAAa,KAAK;IAAM;;EAG5C"}

package/dist/render/plugins/rawExtract.d.mts

@@ -0,0 +1,14 @@
+import { Plugin } from "vite";
+
+//#region src/render/plugins/rawExtract.d.ts
+/**
+ * Vite plugin that extracts raw slot content from <Raw> tags
+ * and passes it as a :content prop before Vue compiles the template.
+ *
+ * Lets users write content (including `{{ }}` interpolation syntax used
+ * by ESPs / Handlebars / Liquid) inside <Raw> without Vue parsing it.
+ */
+declare function rawExtract(): Plugin;
+//#endregion
+export { rawExtract };
+//# sourceMappingURL=rawExtract.d.mts.map

package/dist/render/plugins/rawExtract.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rawExtract.d.mts","names":[],"sources":["../../../src/render/plugins/rawExtract.ts"],"mappings":";;;;;AASA;;;;;iBAAgB,UAAA,CAAA,GAAc,MAAA"}

package/dist/render/plugins/rawExtract.mjs

@@ -0,0 +1,34 @@
+//#region src/render/plugins/rawExtract.ts
+/**
+* Vite plugin that extracts raw slot content from <Raw> tags
+* and passes it as a :content prop before Vue compiles the template.
+*
+* Lets users write content (including `{{ }}` interpolation syntax used
+* by ESPs / Handlebars / Liquid) inside <Raw> without Vue parsing it.
+*/
+function rawExtract() {
+	const re = /<(Raw)((?:\s[^>]*?)?)>([\s\S]*?)<\/\1>/g;
+	return {
+		name: "maizzle:raw-extract",
+		enforce: "pre",
+		transform(code, id) {
+			if (!id.endsWith(".vue") && !id.endsWith(".md")) return;
+			if (!code.includes("Raw")) return;
+			const transformed = code.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;")}" />`;
+			});
+			if (transformed !== code) return {
+				code: transformed,
+				map: null
+			};
+		}
+	};
+}
+
+//#endregion
+export { rawExtract };
+//# sourceMappingURL=rawExtract.mjs.map

package/dist/render/plugins/rawExtract.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rawExtract.mjs","names":[],"sources":["../../../src/render/plugins/rawExtract.ts"],"sourcesContent":["import type { Plugin } from 'vite'\n\n/**\n * Vite plugin that extracts raw slot content from <Raw> tags\n * and passes it as a :content prop before Vue compiles the template.\n *\n * Lets users write content (including `{{ }}` interpolation syntax used\n * by ESPs / Handlebars / Liquid) inside <Raw> without Vue parsing it.\n */\nexport function rawExtract(): Plugin {\n  const re = /<(Raw)((?:\\s[^>]*?)?)>([\\s\\S]*?)<\\/\\1>/g\n\n  return {\n    name: 'maizzle:raw-extract',\n    enforce: 'pre',\n    transform(code: string, id: string) {\n      if (!id.endsWith('.vue') && !id.endsWith('.md')) return\n      if (!code.includes('Raw')) return\n\n      const transformed = code.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      if (transformed !== code) {\n        return { code: transformed, map: null }\n      }\n    },\n  }\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,aAAqB;CACnC,MAAM,KAAK;AAEX,QAAO;EACL,MAAM;EACN,SAAS;EACT,UAAU,MAAc,IAAY;AAClC,OAAI,CAAC,GAAG,SAAS,OAAO,IAAI,CAAC,GAAG,SAAS,MAAM,CAAE;AACjD,OAAI,CAAC,KAAK,SAAS,MAAM,CAAE;GAE3B,MAAM,cAAc,KAAK,QAAQ,KAAK,QAAQ,KAAK,OAAO,YAAY;AACpE,QAAI,qBAAqB,KAAK,MAAM,IAAI,mBAAmB,KAAK,MAAM,CAAE,QAAO;IAE/E,MAAM,WAAW,QAAQ,QAAQ,QAAQ,GAAG,CAAC,QAAQ,QAAQ,GAAG;AAChE,QAAI,CAAC,SAAU,QAAO;IAEtB,MAAM,YAAY,SAAS,MAAM,kBAAkB,EAC/C,QAAQ,KAAa,OAAe,KAAK,IAAI,KAAK,GAAG,OAAO,EAAE,SAAS,IAAI;AAY/E,WAAO,IAAI,MAAM,MAAM,aAVN,YAAY,IACzB,SAAS,QAAQ,IAAI,OAAO,WAAW,UAAU,IAAI,KAAK,EAAE,GAAG,GAC/D,UAGD,QAAQ,MAAM,QAAQ,CACtB,QAAQ,MAAM,SAAS,CACvB,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,OAAO,CAEmB;KAC3C;AAEF,OAAI,gBAAgB,KAClB,QAAO;IAAE,MAAM;IAAa,KAAK;IAAM;;EAG5C"}

package/dist/server/ui/App.vue

@@ -80,6 +80,10 @@ const deviceMenuOpen = ref(false)
 const darkMode = ref(false)
 const panelWidth = ref(0)
 const panelHeight = ref(0)
+const iframeWidth = ref<number | null>(null)
+const iframeHeight = ref<number | null>(null)
+const maxIframeWidth = ref(0)
+const maxIframeHeight = ref(0)
 const isDragging = ref(false)
 const isFullSize = ref(true)
 const resetKey = ref(0)
@@ -89,6 +93,31 @@ function selectDevice(device: DevicePreset) {
   viewMode.value = 'preview'
 }
 
+/**
+ * Writable proxies for the toolbar's size-indicator inputs. Display falls back
+ * to the measured panel size when the iframe dimension is null (the axis
+ * hasn't been explicitly set yet — e.g. user only dragged one axis).
+ * Setter rejects non-finite/non-positive values and clamps to
+ * [200, maxIframeWidth] / [100, maxIframeHeight] so users
+ * can't push the drag handles off-screen via the input.
+ */
+const widthInput = computed<number>({
+  get: () => Math.round(iframeWidth.value ?? panelWidth.value),
+  set: (v) => {
+    if (typeof v !== 'number' || !Number.isFinite(v) || v <= 0) return
+    const max = maxIframeWidth.value || v
+    iframeWidth.value = Math.max(200, Math.min(max, Math.round(v)))
+  },
+})
+const heightInput = computed<number>({
+  get: () => Math.round(iframeHeight.value ?? panelHeight.value),
+  set: (v) => {
+    if (typeof v !== 'number' || !Number.isFinite(v) || v <= 0) return
+    const max = maxIframeHeight.value || v
+    iframeHeight.value = Math.max(100, Math.min(max, Math.round(v)))
+  },
+})
+
 watch(sidebarOpen, (open) => {
   localStorage.setItem('maizzle:sidebar', open ? 'open' : 'closed')
 })
@@ -332,7 +361,23 @@ onUnmounted(() => {
             v-if="isPreviewRoute && (!isFullSize || selectedDevice) && panelWidth"
             class="hidden min-[430px]:inline text-xs font-medium tabular-nums text-gray-500 dark:text-gray-400 select-none"
           >
-            {{ panelWidth }} <button class="hover:text-gray-700 dark:hover:text-gray-300" @click="selectedDevice = null; isFullSize = true; viewMode = 'preview'; resetKey++">&times;</button> {{ panelHeight }}
+            <input
+              v-model.number="widthInput"
+              type="number"
+              min="200"
+              :max="maxIframeWidth || undefined"
+              aria-label="Preview width"
+              class="bg-transparent border-0 outline-none p-0 m-0 text-inherit font-inherit text-center tabular-nums w-[4.5ch] focus:outline-none focus:ring-0 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+            >
+            <button class="hover:text-gray-700 dark:hover:text-gray-300" @click="selectedDevice = null; isFullSize = true; viewMode = 'preview'; resetKey++">&times;</button>
+            <input
+              v-model.number="heightInput"
+              type="number"
+              min="100"
+              :max="maxIframeHeight || undefined"
+              aria-label="Preview height"
+              class="bg-transparent border-0 outline-none p-0 m-0 text-inherit font-inherit text-center tabular-nums w-[4.5ch] focus:outline-none focus:ring-0 [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+            >
           </span>
           <div v-if="isPreviewRoute" class="flex items-center gap-1">
             <DropdownMenu v-model:open="deviceMenuOpen" :modal="false">
@@ -367,7 +412,7 @@ onUnmounted(() => {
       <!-- Main content -->
       <div class="flex-1 overflow-hidden">
         <RouterView v-slot="{ Component }">
-          <component :is="Component" v-model:view-mode="viewMode" :device="selectedDevice" :reset-key="resetKey" :templates="templates" v-model:panel-width="panelWidth" v-model:panel-height="panelHeight" v-model:is-dragging="isDragging" v-model:is-full-size="isFullSize" v-model:dark-mode="darkMode" @clear-device="selectedDevice = null; isFullSize = false" />
+          <component :is="Component" v-model:view-mode="viewMode" :device="selectedDevice" :reset-key="resetKey" :templates="templates" v-model:panel-width="panelWidth" v-model:panel-height="panelHeight" v-model:iframe-width="iframeWidth" v-model:iframe-height="iframeHeight" v-model:max-iframe-width="maxIframeWidth" v-model:max-iframe-height="maxIframeHeight" v-model:is-dragging="isDragging" v-model:is-full-size="isFullSize" v-model:dark-mode="darkMode" @clear-device="selectedDevice = null; isFullSize = false" />
         </RouterView>
       </div>
     </SidebarInset>