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

package/dist/serve.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"serve.mjs","names":[],"sources":["../src/serve.ts"],"sourcesContent":["import { readFileSync } from 'node:fs'\nimport { dirname, resolve, basename, matchesGlob } from 'node:path'\nimport { fileURLToPath } from 'node:url'\nimport { createRequire } from 'node:module'\nimport { createServer, createLogger, type ViteDevServer } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport tailwindcss from '@tailwindcss/vite'\nimport { glob } from 'tinyglobby'\nimport { createHighlighter, type Highlighter } from 'shiki'\nimport { createPlaintext } from './plaintext.ts'\nimport { resolveConfig } from './config/index.ts'\nimport { runTransformers } from './transformers/index.ts'\nimport { createRenderer, type Renderer } from './render/createRenderer.ts'\nimport { serveCompatibility } from './server/compatibility.ts'\nimport { serveLint } from './server/linter.ts'\nimport { sendEmail } from './server/email.ts'\nimport type { MaizzleConfig } from './types/index.ts'\n\nconst __dirname = dirname(fileURLToPath(import.meta.url))\nconst devUIDir = resolve(__dirname, 'server/ui')\n\nconst require = createRequire(import.meta.url)\nconst pkg = (name: string) => {\n  const resolved = require.resolve(name).replace(/\\\\/g, '/')\n  const marker = `node_modules/${name}`\n  const idx = resolved.lastIndexOf(marker)\n\n  return resolved.slice(0, idx + marker.length)\n}\n\nexport interface ServeOptions {\n  config?: Partial<MaizzleConfig> | string\n  /** Expose the server on the network (e.g. --host) */\n  host?: boolean | string\n  /** When true, suppresses the banner/URL output (used by the Vite plugin, which prints its own) */\n  silent?: boolean\n}\n\n/**\n * Start the Maizzle dev server.\n *\n * Creates two things:\n * 1. A Vite dev server for the dev UI (sidebar + preview, with Vue + Tailwind for the UI itself)\n * 2. A Renderer instance for SSR rendering email templates\n *\n * Template rendering goes through the Renderer, not the Vite dev server.\n */\nexport async function serve(options: ServeOptions = {}) {\n  const start = performance.now()\n\n  let config = await resolveConfig(options.config)\n  const port = config.server?.port ?? 3000\n\n  // Create a renderer for SSR rendering email templates (with dts for dev)\n  let renderer = await createRenderer({ dts: true, markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat(), vite: config.vite })\n\n  const server = await createServer({\n    configFile: false,\n    plugins: [\n      // Vue and Tailwind are only for the dev UI SPA, not for email templates\n      vue(),\n      tailwindcss(),\n      maizzleDevPlugin(config, renderer, options.config),\n    ],\n    resolve: {\n      dedupe: ['vue'],\n      alias: [\n        { find: '@', replacement: devUIDir },\n        { find: 'vue', replacement: resolve(pkg('vue'), 'dist/vue.runtime.esm-bundler.js') },\n        ...['vue-router', 'reka-ui', '@vueuse/core', '@vueuse/shared', 'lucide-vue-next', 'class-variance-authority', 'clsx', 'tailwind-merge']\n          .map(name => ({ find: name, replacement: pkg(name) })),\n      ],\n    },\n    cacheDir: resolve(devUIDir, '.vite'),\n    optimizeDeps: {\n      noDiscovery: true,\n      include: [\n        'vue',\n        'vue-router',\n        'lucide-vue-next',\n        '@vueuse/core',\n        '@vueuse/shared',\n        'reka-ui',\n        'class-variance-authority',\n        'clsx',\n        'tailwind-merge',\n      ],\n    },\n    server: {\n      port,\n      host: options.host,\n      fs: {\n        allow: [process.cwd(), config.root ?? process.cwd(), devUIDir, ...['vue', 'vue-router', 'reka-ui', '@vueuse/core', '@vueuse/shared', 'lucide-vue-next', 'class-variance-authority', 'clsx', 'tailwind-merge'].map(pkg)],\n      },\n    },\n    customLogger: customLogger(),\n  })\n\n  // Store renderer ref on server for cleanup\n  const originalClose = server.close.bind(server)\n  server.close = async () => {\n    await renderer.close()\n    return originalClose()\n  }\n\n  await server.listen()\n\n  const startupTime = Math.round(performance.now() - start)\n\n  if (!options.silent) {\n    printBanner(server, startupTime)\n  }\n\n  // Expose startup time so the plugin can print it later\n  ; (server as any)._maizzleStartupTime = startupTime\n\n  return server\n}\n\n/**\n * Internal Vite plugin that adds Maizzle middleware and file watching to the dev UI server.\n */\nfunction maizzleDevPlugin(\n  config: MaizzleConfig,\n  renderer: Renderer,\n  configInput: Partial<MaizzleConfig> | string | undefined,\n) {\n  return {\n    name: 'maizzle:dev',\n    enforce: 'pre' as const,\n\n    hotUpdate: {\n      order: 'pre' as const,\n      handler({ file }: { file: string }) {\n        // Prevent Tailwind/Vue from triggering a full reload for email template files.\n        // Maizzle handles these via custom HMR events in the watcher below.\n        if (isTemplateFile(file)) {\n          return []\n        }\n      },\n    },\n\n    configureServer(server: ViteDevServer) {\n      // File watching\n      const defaultWatchPaths = [\n        'maizzle.config.js',\n        'maizzle.config.ts',\n        'tailwind.config.js',\n        'tailwind.config.ts',\n        'locales/**',\n      ]\n\n      const userWatchPaths = config.server?.watch ?? []\n      const watchPaths = [...defaultWatchPaths, ...userWatchPaths]\n      const isWatchedFile = (file: string) => watchPaths.some(p => matchesGlob(file, p))\n\n      for (const watchPath of watchPaths) {\n        server.watcher.add(watchPath)\n      }\n\n      server.watcher.on('add', async (file) => {\n        if (isTemplateFile(file)) {\n          await renderer.invalidateAll()\n          server.ws.send({ type: 'custom', event: 'maizzle:templates-changed' })\n        }\n      })\n\n      server.watcher.on('unlink', async (file) => {\n        if (isTemplateFile(file)) {\n          await renderer.invalidateAll()\n          server.ws.send({ type: 'custom', event: 'maizzle:templates-changed' })\n        }\n      })\n\n      server.watcher.on('change', async (file) => {\n        if (isWatchedFile(file)) {\n          config = await resolveConfig(configInput)\n\n          // Recreate the renderer so config changes (e.g. markdown.shikiTheme) take effect\n          await renderer.close()\n          renderer = await createRenderer({ dts: true, markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat(), vite: config.vite })\n\n          // Push UI-relevant config bits so the dev UI reacts to live edits\n          // without a page reload. Uses the same shape as the initial inject.\n          server.ws.send({ type: 'custom', event: 'maizzle:config-updated', data: buildUiConfig(config) })\n        }\n\n        // Invalidate all renderer modules so component and config changes\n        // are picked up on the next render (Tailwind recompiles with fresh content)\n        await renderer.invalidateAll()\n\n        if (\n          isTemplateFile(file)\n          || isWatchedFile(file)\n        ) {\n          server.ws.send({ type: 'custom', event: 'maizzle:template-updated', data: { file } })\n        }\n      })\n\n      // API middleware (before Vite's middleware)\n      server.middlewares.use(async (req: any, res: any, next: any) => {\n        const url = req.url || '/'\n\n        if (url === '/__maizzle/templates') {\n          return serveTemplateList(config, res)\n        }\n\n        if (url.startsWith('/__maizzle/render/')) {\n          return await serveRenderedTemplate(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/source/')) {\n          return await serveHighlightedSource(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/compatibility/')) {\n          return await serveCompatibility(url, res, config, [config.components?.source ?? []].flat())\n        }\n\n        if (url.startsWith('/__maizzle/lint/')) {\n          return await serveLint(url, res, config, [config.components?.source ?? []].flat())\n        }\n\n        if (url.startsWith('/__maizzle/vue-source/')) {\n          return await serveVueSource(url, config, res)\n        }\n\n        if (url.startsWith('/__maizzle/plaintext/')) {\n          return await servePlaintext(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/stats/')) {\n          return await serveStats(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/email/') && req.method === 'POST') {\n          return await serveEmailEndpoint(url, req, res, config, renderer)\n        }\n\n        if (url === '/__maizzle/email-config') {\n          return serveEmailConfig(config, res)\n        }\n\n        next()\n      })\n\n      // Dev UI fallback (after Vite's middleware)\n      return () => {\n        server.middlewares.use(async (req: any, res: any, next: any) => {\n          if (isNavigationRequest(req)) {\n            return await serveDevUI(server, res, req.url || '/', config)\n          }\n\n          next()\n        })\n      }\n    },\n  }\n}\n\nfunction isTemplateFile(file: string): boolean {\n  return (file.endsWith('.vue') || file.endsWith('.md')) && !file.includes('server/ui')\n}\n\nfunction isNavigationRequest(req: any): boolean {\n  const accept = req.headers?.accept || ''\n  return req.method === 'GET' && accept.includes('text/html')\n}\n\n/**\n * Shape exposed to the dev UI both at initial HTML load (as\n * `window.__MAIZZLE_CONFIG__`) and on the `maizzle:config-updated` HMR event.\n * Add UI-visible config bits here; consumers on both ends pick up automatically.\n */\nfunction buildUiConfig(config: MaizzleConfig) {\n  return {\n    checks: config.server?.checks ?? true,\n  }\n}\n\nasync function serveDevUI(server: ViteDevServer, res: any, url: string, config: MaizzleConfig) {\n  let indexHtml = readFileSync(resolve(devUIDir, 'index.html'), 'utf-8')\n\n  indexHtml = indexHtml.replace('./main.ts', `/@fs/${resolve(devUIDir, 'main.ts')}`)\n  indexHtml = indexHtml.replace('./favicon.svg', `/@fs/${resolve(devUIDir, 'favicon.svg')}`)\n\n  const configScript = `<script>window.__MAIZZLE_CONFIG__ = ${JSON.stringify(buildUiConfig(config))};</script>`\n  indexHtml = indexHtml.replace('</head>', `${configScript}</head>`)\n\n  const transformed = await server.transformIndexHtml(url, indexHtml)\n\n  res.setHeader('Content-Type', 'text/html')\n  res.end(transformed)\n}\n\nasync function serveTemplateList(config: MaizzleConfig, res: any) {\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n\n  const data = templates.map(t => ({\n    name: basename(t).replace(/\\.(vue|md)$/, ''),\n    path: t,\n    href: '/' + t.replace(/\\.(vue|md)$/, ''),\n  }))\n\n  res.setHeader('Content-Type', 'application/json')\n  res.end(JSON.stringify(data))\n}\n\n/**\n * SSR render a .vue template using the Renderer (not the dev UI server).\n */\nasync function serveRenderedTemplate(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/render/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n\n    // Invalidate all modules so template + component changes are picked up\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n    html = `${doctype}\\n${html}`\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(html)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nlet highlighter: Highlighter | null = null\n\nasync function getHighlighter() {\n  if (!highlighter) {\n    highlighter = await createHighlighter({\n      themes: ['laserwave'],\n      langs: ['html', 'vue'],\n    })\n  }\n  return highlighter\n}\n\nasync function serveHighlightedSource(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/source/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    html = `${doctype}\\n${html}`\n\n    const hl = await getHighlighter()\n    const highlighted = hl.codeToHtml(html, {\n      lang: 'html',\n      theme: 'laserwave',\n      transformers: [{\n        line(node, line) {\n          node.properties['data-line'] = line\n        },\n      }],\n    })\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(highlighted)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nasync function serveVueSource(url: string, config: MaizzleConfig, res: any) {\n  const templateSlug = url.replace('/__maizzle/vue-source/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const source = readFileSync(resolve(match), 'utf-8')\n    const lang = match.endsWith('.md') ? 'html' : 'vue'\n\n    const hl = await getHighlighter()\n    const highlighted = hl.codeToHtml(source, {\n      lang,\n      theme: 'laserwave',\n      transformers: [{\n        line(node, line) {\n          node.properties['data-line'] = line\n        },\n      }],\n    })\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(highlighted)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nasync function servePlaintext(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/plaintext/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    const plaintext = createPlaintext(html)\n\n    res.setHeader('Content-Type', 'text/plain')\n    res.end(plaintext)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(error.message)\n  }\n}\n\nfunction humanFileSize(bytes: number, si = false, dp = 2) {\n  const threshold = si ? 1000 : 1024\n\n  if (Math.abs(bytes) < threshold) {\n    return bytes + ' B'\n  }\n\n  const units = ['KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n  let u = -1\n  const r = 10 ** dp\n\n  do {\n    bytes /= threshold\n    ++u\n  } while (Math.round(Math.abs(bytes) * r) / r >= threshold && u < units.length - 1)\n\n  return bytes.toFixed(dp) + ' ' + units[u]\n}\n\nasync function serveStats(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/stats/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end(JSON.stringify({ error: 'Template not found' }))\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    const sizeBytes = Buffer.byteLength(html, 'utf-8')\n\n    // Count images: <img> tags and CSS background images\n    const imgTags = (html.match(/<img\\b[^>]*>/gi) || []).length\n    const bgImages = (html.match(/url\\s*\\([^)]+\\)/gi) || []).length\n    const totalImages = imgTags + bgImages\n\n    // Count links\n    const links = (html.match(/<a\\b[^>]*href\\s*=/gi) || []).length\n\n    res.setHeader('Content-Type', 'application/json')\n    res.end(JSON.stringify({\n      size: {\n        bytes: sizeBytes,\n        formatted: humanFileSize(sizeBytes),\n      },\n      images: totalImages,\n      links,\n    }))\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(JSON.stringify({ error: error.message }))\n  }\n}\n\nasync function serveEmailEndpoint(url: string, req: any, res: any, config: MaizzleConfig, renderer: Renderer) {\n  const templateSlug = url.replace('/__maizzle/email/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end(JSON.stringify({ success: false, message: 'Template not found' }))\n    return\n  }\n\n  let body = ''\n  for await (const chunk of req) body += chunk\n\n  let payload: { to: string[]; subject: string }\n\n  try {\n    payload = JSON.parse(body)\n  } catch {\n    res.statusCode = 400\n    res.end(JSON.stringify({ success: false, message: 'Invalid JSON' }))\n    return\n  }\n\n  if (!payload.to?.length) {\n    res.statusCode = 400\n    res.end(JSON.stringify({ success: false, message: 'Missing recipients' }))\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n    html = `${doctype}\\n${html}`\n\n    const text = createPlaintext(html)\n\n    const result = await sendEmail(\n      { to: payload.to, subject: payload.subject, html, text },\n      config,\n      templateConfig,\n    )\n\n    res.setHeader('Content-Type', 'application/json')\n    res.end(JSON.stringify(result))\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(JSON.stringify({ success: false, message: error.message }))\n  }\n}\n\nfunction serveEmailConfig(config: MaizzleConfig, res: any) {\n  const emailConfig = config.server?.email\n  res.setHeader('Content-Type', 'application/json')\n  res.end(JSON.stringify({\n    to: emailConfig?.to ? (Array.isArray(emailConfig.to) ? emailConfig.to : [emailConfig.to]) : [],\n    from: emailConfig?.from ?? '',\n    subject: emailConfig?.subject ?? '',\n    hasTransport: !!emailConfig?.transport,\n  }))\n}\n\nexport function printBanner(server: ViteDevServer, startupTime?: number) {\n  const info = server.config.logger.info\n  const time = startupTime ?? (server as any)._maizzleStartupTime\n\n  info('')\n  info(`  \\x1b[32m\\x1b[1mMAIZZLE\\x1b[0m\\x1b[32m v6.0.0\\x1b[0m  \\x1b[2mready in\\x1b[0m \\x1b[1m${time}\\x1b[0m ms`)\n  info('')\n  server.printUrls()\n  info('')\n}\n\nfunction customLogger() {\n  const logger = createLogger('info')\n  const warn = logger.warn\n\n  logger.warn = (message, options) => {\n    if (typeof message === 'string' && message.includes('<tr> cannot be child of <table>')) {\n      return\n    }\n\n    warn(message, options)\n  }\n\n  return logger\n}\n"],"mappings":"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"}
+{"version":3,"file":"serve.mjs","names":[],"sources":["../src/serve.ts"],"sourcesContent":["import { readFileSync } from 'node:fs'\nimport { dirname, resolve, basename, matchesGlob } from 'node:path'\nimport { fileURLToPath } from 'node:url'\nimport { createRequire } from 'node:module'\nimport { createServer, createLogger, type ViteDevServer } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport tailwindcss from '@tailwindcss/vite'\nimport { glob } from 'tinyglobby'\nimport { createHighlighter, type Highlighter } from 'shiki'\nimport { createPlaintext } from './plaintext.ts'\nimport { resolveConfig } from './config/index.ts'\nimport { runTransformers } from './transformers/index.ts'\nimport { createRenderer, type Renderer } from './render/createRenderer.ts'\nimport { serveCompatibility } from './server/compatibility.ts'\nimport { serveLint } from './server/linter.ts'\nimport { sendEmail } from './server/email.ts'\nimport type { MaizzleConfig } from './types/index.ts'\n\nconst __dirname = dirname(fileURLToPath(import.meta.url))\nconst devUIDir = resolve(__dirname, 'server/ui')\n\nconst require = createRequire(import.meta.url)\nconst pkg = (name: string) => {\n  const resolved = require.resolve(name).replace(/\\\\/g, '/')\n  const marker = `node_modules/${name}`\n  const idx = resolved.lastIndexOf(marker)\n\n  return resolved.slice(0, idx + marker.length)\n}\n\nexport interface ServeOptions {\n  config?: Partial<MaizzleConfig> | string\n  /** Expose the server on the network (e.g. --host) */\n  host?: boolean | string\n  /** When true, suppresses the banner/URL output (used by the Vite plugin, which prints its own) */\n  silent?: boolean\n}\n\n/**\n * Start the Maizzle dev server.\n *\n * Creates two things:\n * 1. A Vite dev server for the dev UI (sidebar + preview, with Vue + Tailwind for the UI itself)\n * 2. A Renderer instance for SSR rendering email templates\n *\n * Template rendering goes through the Renderer, not the Vite dev server.\n */\nexport async function serve(options: ServeOptions = {}) {\n  const start = performance.now()\n\n  let config = await resolveConfig(options.config)\n  const port = config.server?.port ?? 3000\n\n  // Create a renderer for SSR rendering email templates (with dts for dev)\n  let renderer = await createRenderer({ dts: true, markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat(), vite: config.vite })\n\n  const server = await createServer({\n    configFile: false,\n    plugins: [\n      // Vue and Tailwind are only for the dev UI SPA, not for email templates\n      vue(),\n      tailwindcss(),\n      maizzleDevPlugin(config, renderer, options.config),\n    ],\n    resolve: {\n      dedupe: ['vue'],\n      alias: [\n        { find: '@', replacement: devUIDir },\n        { find: 'vue', replacement: resolve(pkg('vue'), 'dist/vue.runtime.esm-bundler.js') },\n        ...['vue-router', 'reka-ui', '@vueuse/core', '@vueuse/shared', 'lucide-vue-next', 'class-variance-authority', 'clsx', 'tailwind-merge']\n          .map(name => ({ find: name, replacement: pkg(name) })),\n      ],\n    },\n    cacheDir: resolve(devUIDir, '.vite'),\n    optimizeDeps: {\n      noDiscovery: true,\n      include: [\n        'vue',\n        'vue-router',\n        'lucide-vue-next',\n        '@vueuse/core',\n        '@vueuse/shared',\n        'reka-ui',\n        'class-variance-authority',\n        'clsx',\n        'tailwind-merge',\n        'culori',\n        'postcss-safe-parser',\n      ],\n    },\n    server: {\n      port,\n      host: options.host,\n      fs: {\n        allow: [process.cwd(), config.root ?? process.cwd(), devUIDir, ...['vue', 'vue-router', 'reka-ui', '@vueuse/core', '@vueuse/shared', 'lucide-vue-next', 'class-variance-authority', 'clsx', 'tailwind-merge', 'culori', 'postcss-safe-parser'].map(pkg)],\n      },\n    },\n    customLogger: customLogger(),\n  })\n\n  // Store renderer ref on server for cleanup\n  const originalClose = server.close.bind(server)\n  server.close = async () => {\n    await renderer.close()\n    return originalClose()\n  }\n\n  await server.listen()\n\n  const startupTime = Math.round(performance.now() - start)\n\n  if (!options.silent) {\n    printBanner(server, startupTime)\n  }\n\n  // Expose startup time so the plugin can print it later\n  ; (server as any)._maizzleStartupTime = startupTime\n\n  return server\n}\n\n/**\n * Internal Vite plugin that adds Maizzle middleware and file watching to the dev UI server.\n */\nfunction maizzleDevPlugin(\n  config: MaizzleConfig,\n  renderer: Renderer,\n  configInput: Partial<MaizzleConfig> | string | undefined,\n) {\n  return {\n    name: 'maizzle:dev',\n    enforce: 'pre' as const,\n\n    hotUpdate: {\n      order: 'pre' as const,\n      handler({ file }: { file: string }) {\n        // Prevent Tailwind/Vue from triggering a full reload for email template files.\n        // Maizzle handles these via custom HMR events in the watcher below.\n        if (isTemplateFile(file)) {\n          return []\n        }\n      },\n    },\n\n    configureServer(server: ViteDevServer) {\n      // File watching\n      const defaultWatchPaths = [\n        'maizzle.config.js',\n        'maizzle.config.ts',\n        'tailwind.config.js',\n        'tailwind.config.ts',\n        'locales/**',\n      ]\n\n      const userWatchPaths = config.server?.watch ?? []\n      const watchPaths = [...defaultWatchPaths, ...userWatchPaths]\n      const isWatchedFile = (file: string) => watchPaths.some(p => matchesGlob(file, p))\n\n      for (const watchPath of watchPaths) {\n        server.watcher.add(watchPath)\n      }\n\n      server.watcher.on('add', async (file) => {\n        if (isTemplateFile(file)) {\n          await renderer.invalidateAll()\n          server.ws.send({ type: 'custom', event: 'maizzle:templates-changed' })\n        }\n      })\n\n      server.watcher.on('unlink', async (file) => {\n        if (isTemplateFile(file)) {\n          await renderer.invalidateAll()\n          server.ws.send({ type: 'custom', event: 'maizzle:templates-changed' })\n        }\n      })\n\n      server.watcher.on('change', async (file) => {\n        if (isWatchedFile(file)) {\n          config = await resolveConfig(configInput)\n\n          // Recreate the renderer so config changes (e.g. markdown.shikiTheme) take effect\n          await renderer.close()\n          renderer = await createRenderer({ dts: true, markdown: config.markdown, root: config.root, componentDirs: [config.components?.source ?? []].flat(), vite: config.vite })\n\n          // Push UI-relevant config bits so the dev UI reacts to live edits\n          // without a page reload. Uses the same shape as the initial inject.\n          server.ws.send({ type: 'custom', event: 'maizzle:config-updated', data: buildUiConfig(config) })\n        }\n\n        // Invalidate all renderer modules so component and config changes\n        // are picked up on the next render (Tailwind recompiles with fresh content)\n        await renderer.invalidateAll()\n\n        if (\n          isTemplateFile(file)\n          || isWatchedFile(file)\n        ) {\n          server.ws.send({ type: 'custom', event: 'maizzle:template-updated', data: { file } })\n        }\n      })\n\n      // API middleware (before Vite's middleware)\n      server.middlewares.use(async (req: any, res: any, next: any) => {\n        const url = req.url || '/'\n\n        if (url === '/__maizzle/templates') {\n          return serveTemplateList(config, res)\n        }\n\n        if (url.startsWith('/__maizzle/render/')) {\n          return await serveRenderedTemplate(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/source/')) {\n          return await serveHighlightedSource(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/compatibility/')) {\n          return await serveCompatibility(url, res, config, [config.components?.source ?? []].flat())\n        }\n\n        if (url.startsWith('/__maizzle/lint/')) {\n          return await serveLint(url, res, config, [config.components?.source ?? []].flat())\n        }\n\n        if (url.startsWith('/__maizzle/vue-source/')) {\n          return await serveVueSource(url, config, res)\n        }\n\n        if (url.startsWith('/__maizzle/plaintext/')) {\n          return await servePlaintext(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/stats/')) {\n          return await serveStats(url, config, renderer, res)\n        }\n\n        if (url.startsWith('/__maizzle/email/') && req.method === 'POST') {\n          return await serveEmailEndpoint(url, req, res, config, renderer)\n        }\n\n        if (url === '/__maizzle/email-config') {\n          return serveEmailConfig(config, res)\n        }\n\n        next()\n      })\n\n      // Dev UI fallback (after Vite's middleware)\n      return () => {\n        server.middlewares.use(async (req: any, res: any, next: any) => {\n          if (isNavigationRequest(req)) {\n            return await serveDevUI(server, res, req.url || '/', config)\n          }\n\n          next()\n        })\n      }\n    },\n  }\n}\n\nfunction isTemplateFile(file: string): boolean {\n  return (file.endsWith('.vue') || file.endsWith('.md')) && !file.includes('server/ui')\n}\n\nfunction isNavigationRequest(req: any): boolean {\n  const accept = req.headers?.accept || ''\n  return req.method === 'GET' && accept.includes('text/html')\n}\n\n/**\n * Shape exposed to the dev UI both at initial HTML load (as\n * `window.__MAIZZLE_CONFIG__`) and on the `maizzle:config-updated` HMR event.\n * Add UI-visible config bits here; consumers on both ends pick up automatically.\n */\nfunction buildUiConfig(config: MaizzleConfig) {\n  return {\n    checks: config.server?.checks ?? true,\n  }\n}\n\nasync function serveDevUI(server: ViteDevServer, res: any, url: string, config: MaizzleConfig) {\n  let indexHtml = readFileSync(resolve(devUIDir, 'index.html'), 'utf-8')\n\n  indexHtml = indexHtml.replace('./main.ts', `/@fs/${resolve(devUIDir, 'main.ts')}`)\n  indexHtml = indexHtml.replace('./favicon.svg', `/@fs/${resolve(devUIDir, 'favicon.svg')}`)\n\n  const configScript = `<script>window.__MAIZZLE_CONFIG__ = ${JSON.stringify(buildUiConfig(config))};</script>`\n  indexHtml = indexHtml.replace('</head>', `${configScript}</head>`)\n\n  const transformed = await server.transformIndexHtml(url, indexHtml)\n\n  res.setHeader('Content-Type', 'text/html')\n  res.end(transformed)\n}\n\nasync function serveTemplateList(config: MaizzleConfig, res: any) {\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n\n  const data = templates.map(t => ({\n    name: basename(t).replace(/\\.(vue|md)$/, ''),\n    path: t,\n    href: '/' + t.replace(/\\.(vue|md)$/, ''),\n  }))\n\n  res.setHeader('Content-Type', 'application/json')\n  res.end(JSON.stringify(data))\n}\n\n/**\n * SSR render a .vue template using the Renderer (not the dev UI server).\n */\nasync function serveRenderedTemplate(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/render/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n\n    // Invalidate all modules so template + component changes are picked up\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n    html = `${doctype}\\n${html}`\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(html)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nlet highlighter: Highlighter | null = null\n\nasync function getHighlighter() {\n  if (!highlighter) {\n    highlighter = await createHighlighter({\n      themes: ['laserwave'],\n      langs: ['html', 'vue'],\n    })\n  }\n  return highlighter\n}\n\nasync function serveHighlightedSource(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/source/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    html = `${doctype}\\n${html}`\n\n    const hl = await getHighlighter()\n    const highlighted = hl.codeToHtml(html, {\n      lang: 'html',\n      theme: 'laserwave',\n      transformers: [{\n        line(node, line) {\n          node.properties['data-line'] = line\n        },\n      }],\n    })\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(highlighted)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nasync function serveVueSource(url: string, config: MaizzleConfig, res: any) {\n  const templateSlug = url.replace('/__maizzle/vue-source/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const source = readFileSync(resolve(match), 'utf-8')\n    const lang = match.endsWith('.md') ? 'html' : 'vue'\n\n    const hl = await getHighlighter()\n    const highlighted = hl.codeToHtml(source, {\n      lang,\n      theme: 'laserwave',\n      transformers: [{\n        line(node, line) {\n          node.properties['data-line'] = line\n        },\n      }],\n    })\n\n    res.setHeader('Content-Type', 'text/html')\n    res.end(highlighted)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(`<pre>${error.stack || error.message}</pre>`)\n  }\n}\n\nasync function servePlaintext(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/plaintext/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end('Template not found')\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    const plaintext = createPlaintext(html)\n\n    res.setHeader('Content-Type', 'text/plain')\n    res.end(plaintext)\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(error.message)\n  }\n}\n\nfunction humanFileSize(bytes: number, si = false, dp = 2) {\n  const threshold = si ? 1000 : 1024\n\n  if (Math.abs(bytes) < threshold) {\n    return bytes + ' B'\n  }\n\n  const units = ['KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n  let u = -1\n  const r = 10 ** dp\n\n  do {\n    bytes /= threshold\n    ++u\n  } while (Math.round(Math.abs(bytes) * r) / r >= threshold && u < units.length - 1)\n\n  return bytes.toFixed(dp) + ' ' + units[u]\n}\n\nasync function serveStats(url: string, config: MaizzleConfig, renderer: Renderer, res: any) {\n  const templateSlug = url.replace('/__maizzle/stats/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end(JSON.stringify({ error: 'Template not found' }))\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n\n    const sizeBytes = Buffer.byteLength(html, 'utf-8')\n\n    // Count images: <img> tags and CSS background images\n    const imgTags = (html.match(/<img\\b[^>]*>/gi) || []).length\n    const bgImages = (html.match(/url\\s*\\([^)]+\\)/gi) || []).length\n    const totalImages = imgTags + bgImages\n\n    // Count links\n    const links = (html.match(/<a\\b[^>]*href\\s*=/gi) || []).length\n\n    res.setHeader('Content-Type', 'application/json')\n    res.end(JSON.stringify({\n      size: {\n        bytes: sizeBytes,\n        formatted: humanFileSize(sizeBytes),\n      },\n      images: totalImages,\n      links,\n    }))\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(JSON.stringify({ error: error.message }))\n  }\n}\n\nasync function serveEmailEndpoint(url: string, req: any, res: any, config: MaizzleConfig, renderer: Renderer) {\n  const templateSlug = url.replace('/__maizzle/email/', '').replace(/\\?.*$/, '')\n\n  const contentPatterns = config.content ?? ['emails/**/*.vue']\n  const templates = await glob(contentPatterns)\n  const match = templates.find(t => t.replace(/\\.(vue|md)$/, '') === templateSlug)\n\n  if (!match) {\n    res.statusCode = 404\n    res.end(JSON.stringify({ success: false, message: 'Template not found' }))\n    return\n  }\n\n  let body = ''\n  for await (const chunk of req) body += chunk\n\n  let payload: { to: string[]; subject: string }\n\n  try {\n    payload = JSON.parse(body)\n  } catch {\n    res.statusCode = 400\n    res.end(JSON.stringify({ success: false, message: 'Invalid JSON' }))\n    return\n  }\n\n  if (!payload.to?.length) {\n    res.statusCode = 400\n    res.end(JSON.stringify({ success: false, message: 'Missing recipients' }))\n    return\n  }\n\n  try {\n    const absolutePath = resolve(match)\n    await renderer.invalidateAll()\n\n    const rendered = await renderer.render(absolutePath, config)\n    let html = rendered.html\n    const templateConfig = rendered.templateConfig\n    const doctype = rendered.doctype ?? templateConfig.doctype ?? '<!DOCTYPE html>'\n    html = await runTransformers(html, templateConfig, absolutePath, doctype)\n    html = `${doctype}\\n${html}`\n\n    const text = createPlaintext(html)\n\n    const result = await sendEmail(\n      { to: payload.to, subject: payload.subject, html, text },\n      config,\n      templateConfig,\n    )\n\n    res.setHeader('Content-Type', 'application/json')\n    res.end(JSON.stringify(result))\n  } catch (error: any) {\n    res.statusCode = 500\n    res.end(JSON.stringify({ success: false, message: error.message }))\n  }\n}\n\nfunction serveEmailConfig(config: MaizzleConfig, res: any) {\n  const emailConfig = config.server?.email\n  res.setHeader('Content-Type', 'application/json')\n  res.end(JSON.stringify({\n    to: emailConfig?.to ? (Array.isArray(emailConfig.to) ? emailConfig.to : [emailConfig.to]) : [],\n    from: emailConfig?.from ?? '',\n    subject: emailConfig?.subject ?? '',\n    hasTransport: !!emailConfig?.transport,\n  }))\n}\n\nexport function printBanner(server: ViteDevServer, startupTime?: number) {\n  const info = server.config.logger.info\n  const time = startupTime ?? (server as any)._maizzleStartupTime\n\n  info('')\n  info(`  \\x1b[32m\\x1b[1mMAIZZLE\\x1b[0m\\x1b[32m v6.0.0\\x1b[0m  \\x1b[2mready in\\x1b[0m \\x1b[1m${time}\\x1b[0m ms`)\n  info('')\n  server.printUrls()\n  info('')\n}\n\nfunction customLogger() {\n  const logger = createLogger('info')\n  const warn = logger.warn\n\n  logger.warn = (message, options) => {\n    if (typeof message === 'string' && message.includes('<tr> cannot be child of <table>')) {\n      return\n    }\n\n    warn(message, options)\n  }\n\n  return logger\n}\n"],"mappings":"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"}

package/dist/server/ui/App.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted, watch, watchEffect } from 'vue'
 import { RouterLink, RouterView, useRoute, useRouter } from 'vue-router'
-import { Monitor, CodeXml, Smartphone, ChevronDown, ArrowUp, ArrowDown, CornerDownLeft, Check, Search, FileCode, FileText, Code, BookText, MailQuestion } from 'lucide-vue-next'
+import { Monitor, CodeXml, Smartphone, ChevronDown, ArrowUp, ArrowDown, CornerDownLeft, Check, Search, FileCode, FileText, Code, BookText, MailQuestion, Moon, Sun } from 'lucide-vue-next'
 import SidebarClose from '@/components/SidebarClose.vue'
 import logoUrl from '@/logo.svg'
 import logoGradientUrl from '@/logo-gradient.svg'
@@ -77,6 +77,7 @@ const devicePresets: DevicePreset[] = [
 
 const selectedDevice = ref<DevicePreset | null>(null)
 const deviceMenuOpen = ref(false)
+const darkMode = ref(false)
 const panelWidth = ref(0)
 const panelHeight = ref(0)
 const isDragging = ref(false)
@@ -199,12 +200,6 @@ function onKeydown(e: KeyboardEvent) {
     return
   }
 
-  if ((e.metaKey || e.ctrlKey) && e.key === 'b') {
-    e.preventDefault()
-    sidebarOpen.value = !sidebarOpen.value
-    return
-  }
-
   if (e.key === '/' && !isInputFocused()) {
     e.preventDefault()
     commandOpen.value = true
@@ -241,6 +236,11 @@ function onWindowBlur() {
   deviceMenuOpen.value = false
 }
 
+function toggleDarkMode() {
+  commandOpen.value = false
+  darkMode.value = !darkMode.value
+}
+
 onMounted(() => {
   document.addEventListener('keydown', onKeydown)
   window.addEventListener('blur', onWindowBlur)
@@ -334,7 +334,8 @@ onUnmounted(() => {
           >
             {{ panelWidth }} <button class="hover:text-gray-700 dark:hover:text-gray-300" @click="selectedDevice = null; isFullSize = true; viewMode = 'preview'; resetKey++">&times;</button> {{ panelHeight }}
           </span>
-          <DropdownMenu v-if="isPreviewRoute" v-model:open="deviceMenuOpen" :modal="false">
+          <div v-if="isPreviewRoute" class="flex items-center gap-1">
+            <DropdownMenu v-model:open="deviceMenuOpen" :modal="false">
             <DropdownMenuTrigger as-child>
               <Button variant="ghost" size="sm" class="hidden min-[430px]:inline-flex gap-1.5 shadow-none border-none hover:bg-transparent">
                 <Smartphone class="size-4 dark:text-gray-400" :stroke-width="1" />
@@ -358,23 +359,36 @@ onUnmounted(() => {
                 <span class="ml-auto text-[11px] text-gray-400 dark:text-gray-500 tabular-nums tracking-tight">{{ device.width }}&times;{{ device.height }}</span>
               </DropdownMenuItem>
             </DropdownMenuContent>
-          </DropdownMenu>
+            </DropdownMenu>
+          </div>
         </div>
       </header>
 
       <!-- 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" @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:is-dragging="isDragging" v-model:is-full-size="isFullSize" v-model:dark-mode="darkMode" @clear-device="selectedDevice = null; isFullSize = false" />
         </RouterView>
       </div>
     </SidebarInset>
 
     <CommandDialog v-model:open="commandOpen" title="Command palette" description="Run commands or search emails">
       <CommandInput v-model="commandSearch" placeholder="Type a command or find an email..." />
-      <CommandList>
+      <CommandList class="max-h-[400px]">
         <CommandEmpty>No results found.</CommandEmpty>
 
+        <!-- Preview commands -->
+        <CommandGroup v-if="isPreviewRoute && viewMode === 'preview'" heading="Preview">
+          <CommandItem
+            :value="darkMode ? 'Disable dark mode' : 'Emulate dark mode'"
+            @select="toggleDarkMode"
+          >
+            <Sun v-if="darkMode" class="size-3 shrink-0 opacity-50" />
+            <Moon v-else class="size-3 shrink-0 opacity-50" />
+            <span>{{ darkMode ? 'Disable dark mode' : 'Emulate dark mode' }}</span>
+          </CommandItem>
+        </CommandGroup>
+
         <!-- Copy to clipboard commands -->
         <CommandGroup v-if="isPreviewRoute" heading="Copy to clipboard">
           <CommandItem

package/dist/server/ui/lib/emulated-dark-mode.ts

@@ -0,0 +1,131 @@
+import { parse, converter, formatRgb } from 'culori'
+import safeParser from 'postcss-safe-parser'
+
+const toLch = converter('lch')
+
+type Mode = 'background' | 'foreground'
+
+// CSS properties whose values contain colors we should invert, mapped to
+// the inversion mode. Kebab-case for <style> decls; inline styles are
+// handled via the same lookup after lowercasing.
+const styleProps = new Map<string, Mode>([
+  ['background', 'background'],
+  ['background-color', 'background'],
+  ['border', 'foreground'],
+  ['border-color', 'foreground'],
+  ['border-top', 'foreground'],
+  ['border-right', 'foreground'],
+  ['border-bottom', 'foreground'],
+  ['border-left', 'foreground'],
+  ['border-top-color', 'foreground'],
+  ['border-right-color', 'foreground'],
+  ['border-bottom-color', 'foreground'],
+  ['border-left-color', 'foreground'],
+  ['color', 'foreground'],
+  ['outline', 'foreground'],
+  ['outline-color', 'foreground'],
+])
+
+// Hex | color function with balanced-enough parens | bare word (possible named color).
+const COLOR_TOKEN = /#[a-f0-9]{3,8}\b|(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color)\([^)]*\)|\b[a-z]{3,20}\b/gi
+
+// Words that look color-shaped but aren't — skip to avoid a wasted parse().
+const NON_COLOR_KEYWORDS = /^(?:none|transparent|inherit|initial|unset|revert|currentcolor|auto|normal|solid|dashed|dotted|double|groove|ridge|inset|outset|hidden|thin|thick|medium|center|left|right|top|bottom|cover|contain|repeat|no-repeat|fixed|scroll|local|url|var|calc|linear|radial|conic|gradient)$/i
+
+function invertOne(color: string, mode: Mode): string {
+  try {
+    const parsed = parse(color)
+    if (!parsed) return color
+    const lch = toLch(parsed) as any
+    if (!lch || typeof lch.l !== 'number' || Number.isNaN(lch.l)) return color
+
+    if (mode === 'background' && lch.l >= 50) lch.l = 50 - (lch.l - 50) * 0.75
+    if (mode === 'foreground' && lch.l < 50)  lch.l = 50 - (lch.l - 50) * 0.75
+    if (typeof lch.c === 'number' && !Number.isNaN(lch.c)) lch.c *= 0.8
+
+    return formatRgb(lch) || color
+  } catch {
+    return color
+  }
+}
+
+function invertValue(value: string, mode: Mode): string {
+  return value.replace(COLOR_TOKEN, (tok) => {
+    if (NON_COLOR_KEYWORDS.test(tok)) return tok
+    if (!parse(tok)) return tok
+    return invertOne(tok, mode)
+  })
+}
+
+// Splits an inline style attr by `;` (safe — color functions use `,` not `;`).
+function invertInlineStyle(style: string): string {
+  return style.split(';').map((decl) => {
+    const i = decl.indexOf(':')
+    if (i === -1) return decl
+    const prop = decl.slice(0, i).trim().toLowerCase()
+    const mode = styleProps.get(prop)
+    if (!mode) return decl
+    return decl.slice(0, i + 1) + invertValue(decl.slice(i + 1), mode)
+  }).join(';')
+}
+
+function invertStyleTag(css: string): string {
+  try {
+    const root = safeParser(css)
+    root.walkDecls((decl) => {
+      const mode = styleProps.get(decl.prop.toLowerCase())
+      if (mode) decl.value = invertValue(decl.value, mode)
+    })
+    return root.toString()
+  } catch {
+    return css
+  }
+}
+
+const ORIG_INLINE = 'data-maizzle-orig-style'
+const ORIG_STYLE_TAG = 'data-maizzle-orig-style-content'
+const APPLIED_FLAG = 'data-maizzle-dark-applied'
+
+function* walk(root: Node): Generator<Element> {
+  if (root.nodeType === 1) yield root as Element
+  for (const child of Array.from(root.childNodes)) yield* walk(child)
+}
+
+export function applyColorInversion(iframe: HTMLIFrameElement): void {
+  const doc = iframe.contentDocument
+  if (!doc || !doc.body || doc.body.hasAttribute(APPLIED_FLAG)) return
+
+  for (const el of walk(doc.documentElement)) {
+    const inline = el.getAttribute('style')
+    if (inline) {
+      el.setAttribute(ORIG_INLINE, inline)
+      el.setAttribute('style', invertInlineStyle(inline))
+    }
+    if (el.tagName === 'STYLE') {
+      const original = el.textContent ?? ''
+      el.setAttribute(ORIG_STYLE_TAG, original)
+      el.textContent = invertStyleTag(original)
+    }
+  }
+
+  doc.body.setAttribute(APPLIED_FLAG, '')
+}
+
+export function undoColorInversion(iframe: HTMLIFrameElement): void {
+  const doc = iframe.contentDocument
+  if (!doc || !doc.body || !doc.body.hasAttribute(APPLIED_FLAG)) return
+
+  for (const el of walk(doc.documentElement)) {
+    const origInline = el.getAttribute(ORIG_INLINE)
+    if (origInline !== null) {
+      el.setAttribute('style', origInline)
+      el.removeAttribute(ORIG_INLINE)
+    }
+    if (el.tagName === 'STYLE' && el.hasAttribute(ORIG_STYLE_TAG)) {
+      el.textContent = el.getAttribute(ORIG_STYLE_TAG) ?? ''
+      el.removeAttribute(ORIG_STYLE_TAG)
+    }
+  }
+
+  doc.body.removeAttribute(APPLIED_FLAG)
+}

package/dist/server/ui/pages/Preview.vue

@@ -22,6 +22,7 @@ import {
 } from '@/components/ui/tags-input'
 
 import stripesUrl from '../stripes.svg'
+import { applyColorInversion, undoColorInversion } from '@/lib/emulated-dark-mode'
 
 interface Device {
   name: string
@@ -42,6 +43,7 @@ const props = defineProps<{
 }>()
 
 const viewMode = defineModel<'preview' | 'source'>('viewMode', { default: 'preview' })
+const darkMode = defineModel<boolean>('darkMode', { default: false })
 
 const route = useRoute()
 const srcdoc = ref('')
@@ -70,7 +72,9 @@ const iframeContentHeight = ref<number | null>(null)
 function copySource() {
   let text: string
   if (sourceView.value === 'compiled') {
-    text = srcdoc.value
+    // `renderedHtml` holds the raw compiled HTML (srcdoc is only populated
+    // for the initial iframe load; subsequent renders use doc.write).
+    text = renderedHtml || srcdoc.value
   } else if (sourceView.value === 'plaintext') {
     text = plaintextContent.value
   } else {
@@ -79,11 +83,11 @@ function copySource() {
     text = el.textContent || ''
   }
 
-  const blob = new Blob([text], { type: 'text/plain' })
-  const item = new ClipboardItem({ 'text/plain': blob })
-  navigator.clipboard.write([item]).then(() => {
+  navigator.clipboard.writeText(text).then(() => {
     copied.value = true
     setTimeout(() => { copied.value = false }, 2000)
+  }).catch((err) => {
+    console.error('Copy failed:', err)
   })
 }
 
@@ -230,6 +234,19 @@ function updateIframeContentHeight() {
   }
 }
 
+function onIframeLoad() {
+  updateIframeContentHeight()
+  const iframe = iframeEl.value
+  if (darkMode.value && iframe) applyColorInversion(iframe)
+}
+
+watch(darkMode, (on) => {
+  const iframe = iframeEl.value
+  if (!iframe) return
+  if (on) applyColorInversion(iframe)
+  else undoColorInversion(iframe)
+})
+
 async function fetchTemplate() {
   const res = await fetch(`/__maizzle/render/${route.params.template}`)
   renderedHtml = await res.text()
@@ -245,6 +262,7 @@ async function fetchTemplate() {
     doc.close()
     // Hide iframe body overflow — scrolling is handled by the outer ScrollArea
     if (doc.body) doc.body.style.overflow = 'hidden'
+    if (darkMode.value && iframe) applyColorInversion(iframe)
     await nextTick()
     updateIframeContentHeight()
   } else {
@@ -540,6 +558,7 @@ function forwardIframeKeys(iframe: HTMLIFrameElement) {
         metaKey: e.metaKey,
         shiftKey: e.shiftKey,
         altKey: e.altKey,
+        bubbles: true,
       }))
     })
   } catch {}
@@ -745,7 +764,7 @@ const stripeBg = {
               <iframe
                 ref="iframeEl"
                 :srcdoc="srcdoc"
-                @load="updateIframeContentHeight"
+                @load="onIframeLoad"
                 class="w-full border-0 bg-white dark:bg-gray-950"
                 :style="{ height: iframeContentHeight ? `${iframeContentHeight}px` : '100%' }"
               />

package/dist/transformers/columnWidth.d.mts

@@ -0,0 +1,31 @@
+import { ChildNode } from "domhandler";
+
+//#region src/transformers/columnWidth.d.ts
+/**
+ * Resolve `__MAIZZLE_COLW_{id}__` and `__MAIZZLE_OH_{id}__` placeholders.
+ *
+ * COLW (column width) — emitted by `<Column>` and `<Overlap>`. Walks up to
+ * the nearest ancestor marked with `data-maizzle-cw` (Container/Section/
+ * Row/another Column already resolved) and divides by `data-maizzle-cw-count`.
+ * If `data-maizzle-cw-self` is present, reads from the element's own inlined
+ * `max-width`/`width`/`min-width` instead of walking up — used by `<Overlap>`
+ * when it has its own width class/inline style.
+ *
+ * OH (overlap height) — emitted by `<Overlap>`. Reads `max-height`/`height`/
+ * `min-height` from the element's own inlined style.
+ *
+ * Resolution rules:
+ * - Style placeholders for `min-width`: replaced when resolvable, otherwise
+ *   the entire `min-width` declaration is stripped.
+ * - Other style placeholders (Overlap td `width`, etc.): replaced when
+ *   resolvable, otherwise replaced with the count-based fallback or `100%`.
+ * - Comment placeholders: same fallback chain.
+ *
+ * Resolved column widths are written back to `data-maizzle-cw` so nested
+ * rows cascade. All `data-maizzle-cw*` and `data-maizzle-oh-*` attrs are
+ * stripped at the end.
+ */
+declare function columnWidth(dom: ChildNode[]): ChildNode[];
+//#endregion
+export { columnWidth };
+//# sourceMappingURL=columnWidth.d.mts.map

package/dist/transformers/columnWidth.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnWidth.d.mts","names":[],"sources":["../../src/transformers/columnWidth.ts"],"mappings":";;;;;AA4FA;;;;;;;;;;;;;;;;;;;;;;iBAAgB,WAAA,CAAY,GAAA,EAAK,SAAA,KAAc,SAAA"}