@maizzle/framework 6.0.0-rc.18 → 6.0.0-rc.19

package/dist/utils/ast/walker.js.map

@@ -1 +1 @@
-{"version":3,"file":"walker.js","names":[],"sources":["../../../src/utils/ast/walker.ts"],"sourcesContent":["import type { ChildNode } from 'domhandler'\n\nexport function walk(ast: ChildNode[], callback: (node: ChildNode) => void): void {\n  function traverse(node: ChildNode) {\n    callback(node)\n\n    if ('children' in node && node.children && node.children.length > 0) {\n      for (const child of node.children) {\n        traverse(child)\n      }\n    }\n  }\n\n  for (const node of ast) {\n    traverse(node)\n  }\n}\n"],"mappings":";AAEA,SAAgB,KAAK,KAAkB,UAA2C;CAChF,SAAS,SAAS,MAAiB;AACjC,WAAS,KAAK;AAEd,MAAI,cAAc,QAAQ,KAAK,YAAY,KAAK,SAAS,SAAS,EAChE,MAAK,MAAM,SAAS,KAAK,SACvB,UAAS,MAAM;;AAKrB,MAAK,MAAM,QAAQ,IACjB,UAAS,KAAK"}
+{"version":3,"file":"walker.js","names":[],"sources":["../../../src/utils/ast/walker.ts"],"sourcesContent":["import type { ChildNode } from 'domhandler'\n\nexport function walk(ast: ChildNode[], callback: (node: ChildNode) => void): void {\n  function traverse(node: ChildNode) {\n    callback(node)\n\n    if ('children' in node && node.children && node.children.length > 0) {\n      for (const child of node.children) {\n        traverse(child)\n      }\n    }\n  }\n\n  for (const node of ast) {\n    traverse(node)\n  }\n}\n"],"mappings":";AAEA,SAAgB,KAAK,KAAkB,UAA2C;CAChF,SAAS,SAAS,MAAiB;EACjC,SAAS,KAAK;EAEd,IAAI,cAAc,QAAQ,KAAK,YAAY,KAAK,SAAS,SAAS,GAChE,KAAK,MAAM,SAAS,KAAK,UACvB,SAAS,MAAM;;CAKrB,KAAK,MAAM,QAAQ,KACjB,SAAS,KAAK"}

package/dist/utils/compileTailwindCss.js

@@ -9,7 +9,6 @@ import tailwindcssPostcss from "@tailwindcss/postcss";
 import postcssCalc from "postcss-calc";
 import safeParser from "postcss-safe-parser";
 import { transform } from "lightningcss";
-
 //#region src/utils/compileTailwindCss.ts
 function createTailwindProcessor(config) {
 	return postcss([
@@ -49,7 +48,7 @@ async function compileTailwindCss(cssInput, config, from) {
 		parser: safeParser
 	})).css), config);
 }
-
 //#endregion
 export { compileTailwindCss, createTailwindProcessor, lowerCssSyntax, optimizeTailwindCss };
+
 //# sourceMappingURL=compileTailwindCss.js.map

package/dist/utils/compileTailwindCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"compileTailwindCss.js","names":["resolveProps","pruneVars"],"sources":["../../src/utils/compileTailwindCss.ts"],"sourcesContent":["import postcss from 'postcss'\nimport tailwindcssPostcss from '@tailwindcss/postcss'\nimport postcssCalc from 'postcss-calc'\nimport safeParser from 'postcss-safe-parser'\nimport { transform } from 'lightningcss'\nimport resolveProps from '../plugins/postcss/resolveProps.ts'\nimport pruneVars from '../plugins/postcss/pruneVars.ts'\nimport { tailwindCleanup } from '../plugins/postcss/tailwindCleanup.ts'\nimport { mergeMediaQueries } from '../plugins/postcss/mergeMediaQueries.ts'\nimport { quoteFontFamilies } from '../plugins/postcss/quoteFontFamilies.ts'\nimport { resolveMaizzleImports } from '../plugins/postcss/resolveMaizzleImports.ts'\nimport type { MaizzleConfig } from '../types/config.ts'\n\nexport function createTailwindProcessor(config: MaizzleConfig) {\n  return postcss([\n    // Must run before @tailwindcss/postcss so it sees absolute import paths\n    resolveMaizzleImports(),\n    tailwindcssPostcss({\n      base: config.css?.base,\n      transformAssetUrls: false,\n      optimize: false,\n    }),\n    resolveProps(),\n    postcssCalc({}),\n    pruneVars(),\n  ])\n}\n\nexport function lowerCssSyntax(css: string): string {\n  const result = transform({\n    filename: 'email.css',\n    code: Buffer.from(css),\n    minify: false,\n    targets: { ie: 4 << 5 },\n  })\n\n  return result.code.toString()\n}\n\nexport async function optimizeTailwindCss(css: string, config: MaizzleConfig): Promise<string> {\n  const plugins: postcss.Plugin[] = [...tailwindCleanup(config), quoteFontFamilies()]\n\n  const mediaPlugin = mergeMediaQueries(config)\n  if (mediaPlugin) plugins.push(mediaPlugin)\n\n  const result = await postcss(plugins).process(css, { from: undefined })\n\n  return result.css\n}\n\n/**\n * Compile a Tailwind CSS source string into final email-safe CSS:\n * runs @tailwindcss/postcss, lowers modern syntax via lightningcss,\n * then applies cleanup + media-query merging.\n */\nexport async function compileTailwindCss(\n  cssInput: string,\n  config: MaizzleConfig,\n  from: string,\n): Promise<string> {\n  const processor = createTailwindProcessor(config)\n  const result = await processor.process(cssInput, { from, parser: safeParser })\n  const lowered = lowerCssSyntax(result.css)\n  return optimizeTailwindCss(lowered, config)\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,wBAAwB,QAAuB;AAC7D,QAAO,QAAQ;EAEb,uBAAuB;EACvB,mBAAmB;GACjB,MAAM,OAAO,KAAK;GAClB,oBAAoB;GACpB,UAAU;GACX,CAAC;EACFA,sBAAc;EACd,YAAY,EAAE,CAAC;EACfC,mBAAW;EACZ,CAAC;;AAGJ,SAAgB,eAAe,KAAqB;AAQlD,QAPe,UAAU;EACvB,UAAU;EACV,MAAM,OAAO,KAAK,IAAI;EACtB,QAAQ;EACR,SAAS,EAAE,IAAI,KAAQ;EACxB,CAAC,CAEY,KAAK,UAAU;;AAG/B,eAAsB,oBAAoB,KAAa,QAAwC;CAC7F,MAAM,UAA4B,CAAC,GAAG,gBAAgB,OAAO,EAAE,mBAAmB,CAAC;CAEnF,MAAM,cAAc,kBAAkB,OAAO;AAC7C,KAAI,YAAa,SAAQ,KAAK,YAAY;AAI1C,SAFe,MAAM,QAAQ,QAAQ,CAAC,QAAQ,KAAK,EAAE,MAAM,QAAW,CAAC,EAEzD;;;;;;;AAQhB,eAAsB,mBACpB,UACA,QACA,MACiB;AAIjB,QAAO,oBADS,gBADD,MADG,wBAAwB,OAAO,CAClB,QAAQ,UAAU;EAAE;EAAM,QAAQ;EAAY,CAAC,EACxC,IAAI,EACN,OAAO"}
+{"version":3,"file":"compileTailwindCss.js","names":["resolveProps","pruneVars"],"sources":["../../src/utils/compileTailwindCss.ts"],"sourcesContent":["import postcss from 'postcss'\nimport tailwindcssPostcss from '@tailwindcss/postcss'\nimport postcssCalc from 'postcss-calc'\nimport safeParser from 'postcss-safe-parser'\nimport { transform } from 'lightningcss'\nimport resolveProps from '../plugins/postcss/resolveProps.ts'\nimport pruneVars from '../plugins/postcss/pruneVars.ts'\nimport { tailwindCleanup } from '../plugins/postcss/tailwindCleanup.ts'\nimport { mergeMediaQueries } from '../plugins/postcss/mergeMediaQueries.ts'\nimport { quoteFontFamilies } from '../plugins/postcss/quoteFontFamilies.ts'\nimport { resolveMaizzleImports } from '../plugins/postcss/resolveMaizzleImports.ts'\nimport type { MaizzleConfig } from '../types/config.ts'\n\nexport function createTailwindProcessor(config: MaizzleConfig) {\n  return postcss([\n    // Must run before @tailwindcss/postcss so it sees absolute import paths\n    resolveMaizzleImports(),\n    tailwindcssPostcss({\n      base: config.css?.base,\n      transformAssetUrls: false,\n      optimize: false,\n    }),\n    resolveProps(),\n    postcssCalc({}),\n    pruneVars(),\n  ])\n}\n\nexport function lowerCssSyntax(css: string): string {\n  const result = transform({\n    filename: 'email.css',\n    code: Buffer.from(css),\n    minify: false,\n    targets: { ie: 4 << 5 },\n  })\n\n  return result.code.toString()\n}\n\nexport async function optimizeTailwindCss(css: string, config: MaizzleConfig): Promise<string> {\n  const plugins: postcss.Plugin[] = [...tailwindCleanup(config), quoteFontFamilies()]\n\n  const mediaPlugin = mergeMediaQueries(config)\n  if (mediaPlugin) plugins.push(mediaPlugin)\n\n  const result = await postcss(plugins).process(css, { from: undefined })\n\n  return result.css\n}\n\n/**\n * Compile a Tailwind CSS source string into final email-safe CSS:\n * runs @tailwindcss/postcss, lowers modern syntax via lightningcss,\n * then applies cleanup + media-query merging.\n */\nexport async function compileTailwindCss(\n  cssInput: string,\n  config: MaizzleConfig,\n  from: string,\n): Promise<string> {\n  const processor = createTailwindProcessor(config)\n  const result = await processor.process(cssInput, { from, parser: safeParser })\n  const lowered = lowerCssSyntax(result.css)\n  return optimizeTailwindCss(lowered, config)\n}\n"],"mappings":";;;;;;;;;;;;AAaA,SAAgB,wBAAwB,QAAuB;CAC7D,OAAO,QAAQ;EAEb,uBAAuB;EACvB,mBAAmB;GACjB,MAAM,OAAO,KAAK;GAClB,oBAAoB;GACpB,UAAU;GACX,CAAC;EACFA,sBAAc;EACd,YAAY,EAAE,CAAC;EACfC,mBAAW;EACZ,CAAC;;AAGJ,SAAgB,eAAe,KAAqB;CAQlD,OAPe,UAAU;EACvB,UAAU;EACV,MAAM,OAAO,KAAK,IAAI;EACtB,QAAQ;EACR,SAAS,EAAE,IAAI,KAAQ;EACxB,CAEY,CAAC,KAAK,UAAU;;AAG/B,eAAsB,oBAAoB,KAAa,QAAwC;CAC7F,MAAM,UAA4B,CAAC,GAAG,gBAAgB,OAAO,EAAE,mBAAmB,CAAC;CAEnF,MAAM,cAAc,kBAAkB,OAAO;CAC7C,IAAI,aAAa,QAAQ,KAAK,YAAY;CAI1C,QAAO,MAFc,QAAQ,QAAQ,CAAC,QAAQ,KAAK,EAAE,MAAM,KAAA,GAAW,CAAC,EAEzD;;;;;;;AAQhB,eAAsB,mBACpB,UACA,QACA,MACiB;CAIjB,OAAO,oBADS,gBAAe,MAFb,wBAAwB,OACZ,CAAC,QAAQ,UAAU;EAAE;EAAM,QAAQ;EAAY,CAAC,EACxC,IACJ,EAAE,OAAO"}

package/dist/utils/decodeStyleEntities.js

@@ -12,7 +12,7 @@
 function decodeStyleEntities(s) {
 	return s.replace(/&quot;/g, "\"").replace(/&#39;/g, "'").replace(/&apos;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
 }
-
 //#endregion
 export { decodeStyleEntities };
+
 //# sourceMappingURL=decodeStyleEntities.js.map

package/dist/utils/decodeStyleEntities.js.map

@@ -1 +1 @@
-{"version":3,"file":"decodeStyleEntities.js","names":[],"sources":["../../src/utils/decodeStyleEntities.ts"],"sourcesContent":["/**\n * Decode HTML entities that Vue SSR encodes inside `<style>` tags.\n *\n * Vue's `renderToString` HTML-encodes quotes and angle brackets within\n * style elements in templates, breaking CSS like\n * `@import \"tailwindcss\"` → `@import &quot;tailwindcss&quot;`.\n *\n * `&amp;` is decoded last so previously-decoded entities are not\n * re-processed.\n */\nexport function decodeStyleEntities(s: string): string {\n  return s\n    .replace(/&quot;/g, '\"')\n    .replace(/&#39;/g, \"'\")\n    .replace(/&apos;/g, \"'\")\n    .replace(/&lt;/g, '<')\n    .replace(/&gt;/g, '>')\n    .replace(/&amp;/g, '&')\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,oBAAoB,GAAmB;AACrD,QAAO,EACJ,QAAQ,WAAW,KAAI,CACvB,QAAQ,UAAU,IAAI,CACtB,QAAQ,WAAW,IAAI,CACvB,QAAQ,SAAS,IAAI,CACrB,QAAQ,SAAS,IAAI,CACrB,QAAQ,UAAU,IAAI"}
+{"version":3,"file":"decodeStyleEntities.js","names":[],"sources":["../../src/utils/decodeStyleEntities.ts"],"sourcesContent":["/**\n * Decode HTML entities that Vue SSR encodes inside `<style>` tags.\n *\n * Vue's `renderToString` HTML-encodes quotes and angle brackets within\n * style elements in templates, breaking CSS like\n * `@import \"tailwindcss\"` → `@import &quot;tailwindcss&quot;`.\n *\n * `&amp;` is decoded last so previously-decoded entities are not\n * re-processed.\n */\nexport function decodeStyleEntities(s: string): string {\n  return s\n    .replace(/&quot;/g, '\"')\n    .replace(/&#39;/g, \"'\")\n    .replace(/&apos;/g, \"'\")\n    .replace(/&lt;/g, '<')\n    .replace(/&gt;/g, '>')\n    .replace(/&amp;/g, '&')\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,oBAAoB,GAAmB;CACrD,OAAO,EACJ,QAAQ,WAAW,KAAI,CACvB,QAAQ,UAAU,IAAI,CACtB,QAAQ,WAAW,IAAI,CACvB,QAAQ,SAAS,IAAI,CACrB,QAAQ,SAAS,IAAI,CACrB,QAAQ,UAAU,IAAI"}

package/dist/utils/detect.js

@@ -1,11 +1,10 @@
 import { existsSync } from "node:fs";
 import { resolve } from "node:path";
-
 //#region src/utils/detect.ts
 function isLaravel(cwd = process.cwd()) {
 	return existsSync(resolve(cwd, "artisan"));
 }
-
 //#endregion
 export { isLaravel };
+
 //# sourceMappingURL=detect.js.map

package/dist/utils/detect.js.map

@@ -1 +1 @@
-{"version":3,"file":"detect.js","names":[],"sources":["../../src/utils/detect.ts"],"sourcesContent":["import { existsSync } from 'node:fs'\nimport { resolve } from 'node:path'\n\nexport function isLaravel(cwd: string = process.cwd()): boolean {\n  return existsSync(resolve(cwd, 'artisan'))\n}\n"],"mappings":";;;;AAGA,SAAgB,UAAU,MAAc,QAAQ,KAAK,EAAW;AAC9D,QAAO,WAAW,QAAQ,KAAK,UAAU,CAAC"}
+{"version":3,"file":"detect.js","names":[],"sources":["../../src/utils/detect.ts"],"sourcesContent":["import { existsSync } from 'node:fs'\nimport { resolve } from 'node:path'\n\nexport function isLaravel(cwd: string = process.cwd()): boolean {\n  return existsSync(resolve(cwd, 'artisan'))\n}\n"],"mappings":";;;AAGA,SAAgB,UAAU,MAAc,QAAQ,KAAK,EAAW;CAC9D,OAAO,WAAW,QAAQ,KAAK,UAAU,CAAC"}

package/dist/utils/output-markers.d.ts

@@ -0,0 +1,29 @@
+//#region src/utils/output-markers.d.ts
+/**
+ * Sentinel attributes the `<Plaintext>` and `<NotPlaintext>`
+ * components stamp on their wrapper `<div>` so the build step
+ * can route their slot content to one output and remove it
+ * entirely from the other.
+ */
+declare const PLAINTEXT_ONLY_ATTR = "data-maizzle-plaintext-only";
+declare const HTML_ONLY_ATTR = "data-maizzle-html-only";
+/**
+ * Strip output markers for the HTML output: drop plaintext-only
+ * subtrees entirely, unwrap html-only wrappers (keep children).
+ *
+ * When no markers are present, the input is returned unchanged so
+ * the post-transformer formatting (prettify, XHTML self-closing
+ * slashes, etc.) survives intact for the typical case.
+ */
+declare function stripForHtml(html: string): string;
+/**
+ * Strip output markers for the plaintext source: drop html-only
+ * subtrees entirely, unwrap plaintext-only wrappers (keep children).
+ *
+ * The result is fed to `createPlaintext`, which then strips all
+ * remaining tags via `string-strip-html`.
+ */
+declare function stripForPlaintext(html: string): string;
+//#endregion
+export { HTML_ONLY_ATTR, PLAINTEXT_ONLY_ATTR, stripForHtml, stripForPlaintext };
+//# sourceMappingURL=output-markers.d.ts.map

package/dist/utils/output-markers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"output-markers.d.ts","names":[],"sources":["../../src/utils/output-markers.ts"],"mappings":";;AASA;;;;;cAAa,mBAAA;AAAA,cACA,cAAA;;;;AA+Cb;;;;;iBAAgB,YAAA,CAAa,IAAA;;;;;;;;iBAgBb,iBAAA,CAAkB,IAAA"}

package/dist/utils/output-markers.js

@@ -0,0 +1,68 @@
+import { parse } from "./ast/parser.js";
+import { serialize } from "./ast/serializer.js";
+import "./ast/index.js";
+//#region src/utils/output-markers.ts
+/**
+* Sentinel attributes the `<Plaintext>` and `<NotPlaintext>`
+* components stamp on their wrapper `<div>` so the build step
+* can route their slot content to one output and remove it
+* entirely from the other.
+*/
+const PLAINTEXT_ONLY_ATTR = "data-maizzle-plaintext-only";
+const HTML_ONLY_ATTR = "data-maizzle-html-only";
+const isElement = (n) => n.type === "tag";
+/**
+* Apply marker rules to a forest of nodes.
+*
+* - `drop` removes the matched element and its descendants.
+* - `unwrap` removes the wrapper element but keeps its children,
+*   splicing them into the parent's child list in place.
+*
+* Non-matching elements recurse so nested markers are handled.
+*/
+function applyRules(nodes, rules) {
+	const out = [];
+	for (const n of nodes) {
+		if (isElement(n)) {
+			const match = rules.find(([attr]) => n.attribs?.[attr] !== void 0);
+			if (match) {
+				const [, op] = match;
+				if (op === "drop") continue;
+				out.push(...applyRules(n.children ?? [], rules));
+				continue;
+			}
+			if (n.children?.length) n.children = applyRules(n.children, rules);
+		}
+		out.push(n);
+	}
+	return out;
+}
+const hasMarkers = (html) => html.includes("data-maizzle-plaintext-only") || html.includes("data-maizzle-html-only");
+/**
+* Strip output markers for the HTML output: drop plaintext-only
+* subtrees entirely, unwrap html-only wrappers (keep children).
+*
+* When no markers are present, the input is returned unchanged so
+* the post-transformer formatting (prettify, XHTML self-closing
+* slashes, etc.) survives intact for the typical case.
+*/
+function stripForHtml(html) {
+	if (!hasMarkers(html)) return html;
+	const isXhtml = /<!DOCTYPE\s+[^>]*xhtml/i.test(html);
+	return serialize(applyRules(parse(html), [[PLAINTEXT_ONLY_ATTR, "drop"], [HTML_ONLY_ATTR, "unwrap"]]), { selfClosingTags: isXhtml });
+}
+/**
+* Strip output markers for the plaintext source: drop html-only
+* subtrees entirely, unwrap plaintext-only wrappers (keep children).
+*
+* The result is fed to `createPlaintext`, which then strips all
+* remaining tags via `string-strip-html`.
+*/
+function stripForPlaintext(html) {
+	if (!hasMarkers(html)) return html;
+	return serialize(applyRules(parse(html), [[HTML_ONLY_ATTR, "drop"], [PLAINTEXT_ONLY_ATTR, "unwrap"]]));
+}
+//#endregion
+export { HTML_ONLY_ATTR, PLAINTEXT_ONLY_ATTR, stripForHtml, stripForPlaintext };
+
+//# sourceMappingURL=output-markers.js.map

package/dist/utils/output-markers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"output-markers.js","names":[],"sources":["../../src/utils/output-markers.ts"],"sourcesContent":["import { parse, serialize } from './ast/index.ts'\nimport type { ChildNode, Element } from 'domhandler'\n\n/**\n * Sentinel attributes the `<Plaintext>` and `<NotPlaintext>`\n * components stamp on their wrapper `<div>` so the build step\n * can route their slot content to one output and remove it\n * entirely from the other.\n */\nexport const PLAINTEXT_ONLY_ATTR = 'data-maizzle-plaintext-only'\nexport const HTML_ONLY_ATTR = 'data-maizzle-html-only'\n\ntype Op = 'drop' | 'unwrap'\ntype Rule = readonly [attr: string, op: Op]\n\nconst isElement = (n: ChildNode): n is Element => n.type === 'tag'\n\n/**\n * Apply marker rules to a forest of nodes.\n *\n * - `drop` removes the matched element and its descendants.\n * - `unwrap` removes the wrapper element but keeps its children,\n *   splicing them into the parent's child list in place.\n *\n * Non-matching elements recurse so nested markers are handled.\n */\nfunction applyRules(nodes: ChildNode[], rules: readonly Rule[]): ChildNode[] {\n  const out: ChildNode[] = []\n  for (const n of nodes) {\n    if (isElement(n)) {\n      const match = rules.find(([attr]) => n.attribs?.[attr] !== undefined)\n      if (match) {\n        const [, op] = match\n        if (op === 'drop') continue\n        out.push(...applyRules((n.children ?? []) as ChildNode[], rules))\n        continue\n      }\n      if (n.children?.length) {\n        n.children = applyRules(n.children as ChildNode[], rules) as Element['children']\n      }\n    }\n    out.push(n)\n  }\n  return out\n}\n\nconst hasMarkers = (html: string): boolean =>\n  html.includes(PLAINTEXT_ONLY_ATTR) || html.includes(HTML_ONLY_ATTR)\n\n/**\n * Strip output markers for the HTML output: drop plaintext-only\n * subtrees entirely, unwrap html-only wrappers (keep children).\n *\n * When no markers are present, the input is returned unchanged so\n * the post-transformer formatting (prettify, XHTML self-closing\n * slashes, etc.) survives intact for the typical case.\n */\nexport function stripForHtml(html: string): string {\n  if (!hasMarkers(html)) return html\n  const isXhtml = /<!DOCTYPE\\s+[^>]*xhtml/i.test(html)\n  return serialize(applyRules(parse(html), [\n    [PLAINTEXT_ONLY_ATTR, 'drop'],\n    [HTML_ONLY_ATTR, 'unwrap'],\n  ]), { selfClosingTags: isXhtml })\n}\n\n/**\n * Strip output markers for the plaintext source: drop html-only\n * subtrees entirely, unwrap plaintext-only wrappers (keep children).\n *\n * The result is fed to `createPlaintext`, which then strips all\n * remaining tags via `string-strip-html`.\n */\nexport function stripForPlaintext(html: string): string {\n  if (!hasMarkers(html)) return html\n  return serialize(applyRules(parse(html), [\n    [HTML_ONLY_ATTR, 'drop'],\n    [PLAINTEXT_ONLY_ATTR, 'unwrap'],\n  ]))\n}\n"],"mappings":";;;;;;;;;;AASA,MAAa,sBAAsB;AACnC,MAAa,iBAAiB;AAK9B,MAAM,aAAa,MAA+B,EAAE,SAAS;;;;;;;;;;AAW7D,SAAS,WAAW,OAAoB,OAAqC;CAC3E,MAAM,MAAmB,EAAE;CAC3B,KAAK,MAAM,KAAK,OAAO;EACrB,IAAI,UAAU,EAAE,EAAE;GAChB,MAAM,QAAQ,MAAM,MAAM,CAAC,UAAU,EAAE,UAAU,UAAU,KAAA,EAAU;GACrE,IAAI,OAAO;IACT,MAAM,GAAG,MAAM;IACf,IAAI,OAAO,QAAQ;IACnB,IAAI,KAAK,GAAG,WAAY,EAAE,YAAY,EAAE,EAAkB,MAAM,CAAC;IACjE;;GAEF,IAAI,EAAE,UAAU,QACd,EAAE,WAAW,WAAW,EAAE,UAAyB,MAAM;;EAG7D,IAAI,KAAK,EAAE;;CAEb,OAAO;;AAGT,MAAM,cAAc,SAClB,KAAK,SAAA,8BAA6B,IAAI,KAAK,SAAA,yBAAwB;;;;;;;;;AAUrE,SAAgB,aAAa,MAAsB;CACjD,IAAI,CAAC,WAAW,KAAK,EAAE,OAAO;CAC9B,MAAM,UAAU,0BAA0B,KAAK,KAAK;CACpD,OAAO,UAAU,WAAW,MAAM,KAAK,EAAE,CACvC,CAAC,qBAAqB,OAAO,EAC7B,CAAC,gBAAgB,SAAS,CAC3B,CAAC,EAAE,EAAE,iBAAiB,SAAS,CAAC;;;;;;;;;AAUnC,SAAgB,kBAAkB,MAAsB;CACtD,IAAI,CAAC,WAAW,KAAK,EAAE,OAAO;CAC9B,OAAO,UAAU,WAAW,MAAM,KAAK,EAAE,CACvC,CAAC,gBAAgB,OAAO,EACxB,CAAC,qBAAqB,SAAS,CAChC,CAAC,CAAC"}

package/dist/utils/url.js

@@ -1,5 +1,4 @@
 import isUrl from "is-url-superb";
-
 //#region src/utils/url.ts
 const defaultTags = {
 	a: ["href"],
@@ -26,7 +25,7 @@ function processSrcset(srcset, baseUrl) {
 		return parts.join(" ");
 	}).join(", ");
 }
-
 //#endregion
 export { defaultTags, isAbsoluteUrl, processSrcset, urlAttributes };
+
 //# sourceMappingURL=url.js.map

package/dist/utils/url.js.map

@@ -1 +1 @@
-{"version":3,"file":"url.js","names":[],"sources":["../../src/utils/url.ts"],"sourcesContent":["import isUrl from 'is-url-superb'\n\nexport const defaultTags: Record<string, string[]> = {\n  a: ['href'],\n  img: ['src', 'srcset'],\n  video: ['src', 'poster'],\n  source: ['src', 'srcset'],\n  link: ['href'],\n  script: ['src'],\n  object: ['data'],\n  embed: ['src'],\n  iframe: ['src'],\n  'v:image': ['src'],\n  'v:fill': ['src'],\n}\n\nexport const urlAttributes = [...new Set(Object.values(defaultTags).flat())]\n\nexport function isAbsoluteUrl(url: string): boolean {\n  if (!url) return true\n\n  return url.startsWith('//') || url.startsWith('#') || url.startsWith('?') || isUrl(url)\n}\n\nexport function processSrcset(srcset: string, baseUrl: string): string {\n  return srcset.split(',').map(entry => {\n    const parts = entry.trim().split(/\\s+/)\n\n    if (parts[0] && !isAbsoluteUrl(parts[0])) {\n      parts[0] = baseUrl + parts[0]\n    }\n\n    return parts.join(' ')\n  }).join(', ')\n}\n"],"mappings":";;;AAEA,MAAa,cAAwC;CACnD,GAAG,CAAC,OAAO;CACX,KAAK,CAAC,OAAO,SAAS;CACtB,OAAO,CAAC,OAAO,SAAS;CACxB,QAAQ,CAAC,OAAO,SAAS;CACzB,MAAM,CAAC,OAAO;CACd,QAAQ,CAAC,MAAM;CACf,QAAQ,CAAC,OAAO;CAChB,OAAO,CAAC,MAAM;CACd,QAAQ,CAAC,MAAM;CACf,WAAW,CAAC,MAAM;CAClB,UAAU,CAAC,MAAM;CAClB;AAED,MAAa,gBAAgB,CAAC,GAAG,IAAI,IAAI,OAAO,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAE5E,SAAgB,cAAc,KAAsB;AAClD,KAAI,CAAC,IAAK,QAAO;AAEjB,QAAO,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,MAAM,IAAI;;AAGzF,SAAgB,cAAc,QAAgB,SAAyB;AACrE,QAAO,OAAO,MAAM,IAAI,CAAC,KAAI,UAAS;EACpC,MAAM,QAAQ,MAAM,MAAM,CAAC,MAAM,MAAM;AAEvC,MAAI,MAAM,MAAM,CAAC,cAAc,MAAM,GAAG,CACtC,OAAM,KAAK,UAAU,MAAM;AAG7B,SAAO,MAAM,KAAK,IAAI;GACtB,CAAC,KAAK,KAAK"}
+{"version":3,"file":"url.js","names":[],"sources":["../../src/utils/url.ts"],"sourcesContent":["import isUrl from 'is-url-superb'\n\nexport const defaultTags: Record<string, string[]> = {\n  a: ['href'],\n  img: ['src', 'srcset'],\n  video: ['src', 'poster'],\n  source: ['src', 'srcset'],\n  link: ['href'],\n  script: ['src'],\n  object: ['data'],\n  embed: ['src'],\n  iframe: ['src'],\n  'v:image': ['src'],\n  'v:fill': ['src'],\n}\n\nexport const urlAttributes = [...new Set(Object.values(defaultTags).flat())]\n\nexport function isAbsoluteUrl(url: string): boolean {\n  if (!url) return true\n\n  return url.startsWith('//') || url.startsWith('#') || url.startsWith('?') || isUrl(url)\n}\n\nexport function processSrcset(srcset: string, baseUrl: string): string {\n  return srcset.split(',').map(entry => {\n    const parts = entry.trim().split(/\\s+/)\n\n    if (parts[0] && !isAbsoluteUrl(parts[0])) {\n      parts[0] = baseUrl + parts[0]\n    }\n\n    return parts.join(' ')\n  }).join(', ')\n}\n"],"mappings":";;AAEA,MAAa,cAAwC;CACnD,GAAG,CAAC,OAAO;CACX,KAAK,CAAC,OAAO,SAAS;CACtB,OAAO,CAAC,OAAO,SAAS;CACxB,QAAQ,CAAC,OAAO,SAAS;CACzB,MAAM,CAAC,OAAO;CACd,QAAQ,CAAC,MAAM;CACf,QAAQ,CAAC,OAAO;CAChB,OAAO,CAAC,MAAM;CACd,QAAQ,CAAC,MAAM;CACf,WAAW,CAAC,MAAM;CAClB,UAAU,CAAC,MAAM;CAClB;AAED,MAAa,gBAAgB,CAAC,GAAG,IAAI,IAAI,OAAO,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAE5E,SAAgB,cAAc,KAAsB;CAClD,IAAI,CAAC,KAAK,OAAO;CAEjB,OAAO,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,MAAM,IAAI;;AAGzF,SAAgB,cAAc,QAAgB,SAAyB;CACrE,OAAO,OAAO,MAAM,IAAI,CAAC,KAAI,UAAS;EACpC,MAAM,QAAQ,MAAM,MAAM,CAAC,MAAM,MAAM;EAEvC,IAAI,MAAM,MAAM,CAAC,cAAc,MAAM,GAAG,EACtC,MAAM,KAAK,UAAU,MAAM;EAG7B,OAAO,MAAM,KAAK,IAAI;GACtB,CAAC,KAAK,KAAK"}

package/node_modules/maizzle/README.md

@@ -78,6 +78,8 @@ Start a local development server:
 maizzle serve
 ```
 
+`maizzle dev` is an alias for `maizzle serve`.
+
 ### Build
 
 Build emails for production:
@@ -86,6 +88,28 @@ Build emails for production:
 maizzle build
 ```
 
+#### Options
+
+| Option | Description |
+|--------|-------------|
+| `-c, --config <path>` | Path to a Maizzle config file |
+| `-o, --output <path>` | Output directory |
+| `--dir <path>` | Source directory for email templates |
+| `--ext <extension>` | Output file extension |
+| `--pretty` | Pretty-print HTML output |
+| `--minify` | Minify HTML output |
+| `--plaintext` | Generate plaintext versions alongside HTML |
+
+When `-c, --config` is set, the override flags (`-o`, `--dir`, `--ext`, `--pretty`, `--minify`, `--plaintext`) are ignored — your config file is used as-is.
+
+### Prepare
+
+Generate IDE type definitions in `.maizzle/`. Run after adding new components or composables when you want auto-import types to update without starting the dev server:
+
+```bash
+maizzle prepare
+```
+
 ### Scaffolding
 
 You may use the `make` command to scaffold new files for your project.

package/node_modules/maizzle/dist/commands/make/component.mjs

@@ -19,9 +19,9 @@ async function makeComponent(filePath) {
 		path: () => p.text({
 			message: "Directory to place it in",
 			placeholder: "./components",
+			initialValue: "./components",
 			validate: (value) => {
 				if (!value) return "Please enter a path.";
-				if (value[0] !== ".") return "Please enter a relative path.";
 			}
 		})
 	}, { onCancel });

package/node_modules/maizzle/dist/commands/make/config.mjs

@@ -13,7 +13,7 @@ async function makeConfig(name) {
 		placeholder: "production",
 		validate: (value) => {
 			if (!value) return "Please enter a config name.";
-			if (value.includes(" ")) return "Use - instead of spaces.";
+			if (value.includes(" ")) return "Use - or . instead of spaces.";
 		}
 	}) }, { onCancel })).name}.config.ts`, "config.ts");
 }

package/node_modules/maizzle/dist/commands/make/layout.mjs

@@ -4,7 +4,7 @@ import * as p from "@clack/prompts";
 //#region src/commands/make/layout.ts
 async function makeLayout(filePath) {
 	if (filePath) {
-		await scaffold(filePath, "layout.vue");
+		await scaffold(filePath, "Layout.vue");
 		return;
 	}
 	p.intro(`${color.bgCyan(color.black(" maizzle make:layout "))}`);
@@ -19,13 +19,13 @@ async function makeLayout(filePath) {
 		path: () => p.text({
 			message: "Directory to place it in",
 			placeholder: "./components",
+			initialValue: "./components",
 			validate: (value) => {
 				if (!value) return "Please enter a path.";
-				if (value[0] !== ".") return "Please enter a relative path.";
 			}
 		})
 	}, { onCancel });
-	await scaffold(`${result.path}/${result.filename}`, "layout.vue");
+	await scaffold(`${result.path}/${result.filename}`, "Layout.vue");
 }
 //#endregion
 export { makeLayout as default };

package/node_modules/maizzle/dist/commands/make/scaffold.mjs

@@ -21,7 +21,7 @@ async function scaffold(filePath, stubName) {
 	}
 }
 function onCancel() {
-	p.cancel("Cancelled.");
+	p.cancel("Canceled.");
 	process.exit(0);
 }
 //#endregion

package/node_modules/maizzle/dist/commands/make/stubs/Layout.vue

@@ -0,0 +1,146 @@
+<script setup lang="ts">
+import { computed, useAttrs, createStaticVNode, type PropType } from 'vue'
+import { twMerge } from 'tailwind-merge'
+import { outlookFallbackProp } from './utils.ts'
+import { useOutlookFallback } from '../composables/useOutlookFallback'
+
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps({
+  /**
+   * Classes to add to the `<body>` tag.
+   */
+  bodyClass: {
+    type: String,
+    default: ''
+  },
+  /**
+   * Language code for the `lang` and `xml:lang` attributes.
+   *
+   * @default 'en'
+   */
+  lang: {
+    type: String,
+    default: 'en'
+  },
+  /**
+   * Text direction.
+   *
+   * @default 'ltr'
+   */
+  dir: {
+    type: String as PropType<'ltr' | 'rtl'>,
+    default: 'ltr'
+  },
+  /**
+   * Render an empty `<head>` before the main head element.
+   *
+   * This is a workaround for Yahoo! Mail on Android, which
+   * strips the first `<head>` element it finds.
+   *
+   * @default false
+   */
+  doubleHead: {
+    type: [Boolean, String],
+    default: false
+  },
+  /**
+   * Accessible label for the email article wrapper.
+   *
+   * Used as the `aria-label` on the inner `<div role="article">`.
+   *
+   * @example 'Order confirmation'
+   */
+  ariaLabel: {
+    type: String,
+    default: undefined
+  },
+  /**
+   * Toggle Outlook (MSO) and VML fallback markup for this
+   * component and all descendants.
+   *
+   * When `false`, skips MSO ghost tables, VML shapes,
+   * `xmlns:v`/`xmlns:o` attributes, and mso-specific CSS
+   * in all built-in components.
+   *
+   * @default true
+   */
+  outlookFallback: outlookFallbackProp,
+})
+
+const outlookFallback = useOutlookFallback(props.outlookFallback)
+
+const attrs = useAttrs()
+const bodyMergedClass = computed(() => twMerge('m-0 p-0 size-full [word-break:break-word]', props.bodyClass))
+const articleMergedClass = computed(() => twMerge('[font-size:max(16px,1rem)] font-inter', attrs.class as string))
+
+const EmptyHead = () => createStaticVNode('<head></head>', 1)
+
+const MsoHead = () => createStaticVNode(
+  `<!--[if mso]>
+    <style>
+      td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
+      .mso-break-all {word-break: break-all;}
+    </style>
+  <![endif]-->`,
+  1
+)
+
+const msoBody = `<!--[if mso]>
+  <xml>
+    <o:OfficeDocumentSettings>
+      <o:PixelsPerInch>96</o:PixelsPerInch>
+    </o:OfficeDocumentSettings>
+    <w:WordDocument>
+      <w:DontUseAdvancedTypographyReadingMail />
+    </w:WordDocument>
+  </xml>
+<![endif]-->`
+
+const htmlXmlns = computed(() => outlookFallback ? {
+  'xmlns:v': 'urn:schemas-microsoft-com:vml',
+  'xmlns:o': 'urn:schemas-microsoft-com:office:office',
+} : {})
+</script>
+
+<template>
+  <html :lang="lang" :dir="dir" v-bind="htmlXmlns">
+  <EmptyHead v-if="props.doubleHead === true || props.doubleHead === 'true'" />
+
+  <head>
+    <meta charset="utf-8">
+    <meta name="x-apple-disable-message-reformatting">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
+    <meta name="color-scheme" content="light dark">
+    <meta name="supported-color-schemes" content="light dark">
+    <MsoHead v-if="outlookFallback" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet" media="screen">
+    <style>
+      @import "@maizzle/tailwindcss";
+
+      img {
+        @apply max-w-full align-middle;
+      }
+
+    </style>
+  </head>
+
+  <body :xml:lang="outlookFallback ? lang : null" :class="bodyMergedClass">
+    <span v-if="outlookFallback" style="display: none" v-html="msoBody"></span>
+    <div
+      role="article"
+      aria-roledescription="email"
+      :aria-label="ariaLabel"
+      :lang="lang"
+      :dir="dir"
+      style="font-size: medium;"
+      :class="articleMergedClass">
+      <slot />
+    </div>
+  </body>
+
+  </html>
+</template>

package/node_modules/maizzle/dist/commands/make/stubs/component.vue

@@ -1,7 +1,5 @@
-<script setup lang="ts">
-  defineProps({
-    //
-  })
+<script setup>
+
 </script>
 
 <template>

package/node_modules/maizzle/dist/commands/make/stubs/config.ts

@@ -1,9 +1,5 @@
 import { defineConfig } from '@maizzle/framework'
 
 export default defineConfig({
-  css: {
-    purge: true,
-    inline: true,
-    shorthand: true,
-  },
+
 })

package/node_modules/maizzle/dist/commands/make/template.mjs

@@ -19,9 +19,9 @@ async function makeTemplate(filePath) {
 		path: () => p.text({
 			message: "Directory to place it in",
 			placeholder: "./emails",
+			initialValue: "./emails",
 			validate: (value) => {
 				if (!value) return "Please enter a path.";
-				if (value[0] !== ".") return "Please enter a relative path.";
 			}
 		})
 	}, { onCancel });

package/node_modules/maizzle/dist/commands/new.mjs

@@ -160,9 +160,9 @@ async function newProject(starterArg, dirArg, options = {}) {
 			path: () => p.text({
 				message: "Where should we create your project?",
 				placeholder: "./maizzle",
+				initialValue: "./maizzle",
 				validate: (value) => {
 					if (!value) return "Please enter a path.";
-					if (value[0] !== ".") return "Please enter a relative path.";
 					if (existsSync(value)) return "That directory already exists. Please enter a different path.";
 				}
 			}),
@@ -216,32 +216,37 @@ async function newProject(starterArg, dirArg, options = {}) {
 			process.exit(0);
 		} });
 	}
-	const spinner = p.spinner();
-	spinner.start("Creating project");
 	const starter = starters.find((s) => s.value === project.starter);
 	const source = starter ? starter.path : project.starter;
-	await downloadTemplate(source.includes(":") ? source : `gh:${source}`, { dir: project.path });
-	await rm(`${project.path}/.github`, {
-		recursive: true,
-		force: true
-	});
-	spinner.stop(`Created project in ${project.path}`);
-	if (project.install) {
-		try {
-			execSync(`${project.pm} --version`, { stdio: "ignore" });
-		} catch {
-			p.log.error(`${project.pm} is not installed. Please install it first.`);
-			process.exit(1);
-		}
-		spinner.start("Installing dependencies");
-		const startTime = Date.now();
-		await installDependencies({
-			cwd: project.path,
-			silent: true,
-			packageManager: project.pm
-		});
-		spinner.stop(`Installed dependencies ${color.gray((Date.now() - startTime) / 1e3 + "s")}`);
+	if (project.install) try {
+		execSync(`${project.pm} --version`, { stdio: "ignore" });
+	} catch {
+		p.log.error(`${project.pm} is not installed. Please install it first.`);
+		process.exit(1);
 	}
+	await p.tasks([{
+		title: "Creating project",
+		task: async () => {
+			await downloadTemplate(source.includes(":") ? source : `gh:${source}`, { dir: project.path });
+			await rm(`${project.path}/.github`, {
+				recursive: true,
+				force: true
+			});
+			return `Created project in ${project.path}`;
+		}
+	}, {
+		title: "Installing dependencies",
+		enabled: project.install,
+		task: async () => {
+			const startTime = Date.now();
+			await installDependencies({
+				cwd: project.path,
+				silent: true,
+				packageManager: project.pm
+			});
+			return `Installed dependencies ${color.gray((Date.now() - startTime) / 1e3 + "s")}`;
+		}
+	}]);
 	const pm = project.pm || "npm";
 	const runCmd = pm === "yarn" ? "yarn dev" : `${pm} run dev`;
 	const nextSteps = `cd ${project.path}        \n\n${project.install ? "" : `${pm} install\n\n`}${runCmd}`;

package/node_modules/maizzle/dist/index.mjs

@@ -7,22 +7,42 @@ import { Command } from "commander";
 //#region src/index.ts
 async function bootstrap(framework) {
 	const program = new Command();
-	program.name("maizzle").description("Maizzle CLI").version("1.0.0");
+	program.name("maizzle").description("Maizzle CLI").version("1.2.0");
 	if (framework) {
-		program.command("serve").description("Start the Maizzle dev server with HMR").option("-c, --config <path>", "Path to maizzle config file").option("-p, --port <number>", "Dev server port").option("--host [address]", "Expose on network").action(async (options) => {
+		program.command("serve").alias("dev").description("Start the Maizzle dev server with HMR").option("-c, --config <path>", "Path to a Maizzle config file").option("-p, --port <number>", "Dev server port").option("--host [address]", "Expose on network").action(async (options) => {
 			await framework.serve({
 				config: options.config,
 				port: options.port ? parseInt(options.port, 10) : void 0,
 				host: options.host
 			});
 		});
-		program.command("build").description("Build email templates to HTML").option("-c, --config <path>", "Path to maizzle config file").option("-o, --output <path>", "Output directory").action(async (options) => {
-			await framework.build({
-				config: options.config,
-				output: options.output
-			});
+		program.command("build").description("Build email templates to HTML").option("-c, --config <path>", "Path to a Maizzle config file").option("-o, --output <path>", "Output directory").option("--pretty", "Pretty-print HTML output").option("--minify", "Minify HTML output").option("--plaintext", "Generate plaintext versions").option("--dir <path>", "Source directory for email templates").option("--ext <extension>", "Output file extension").action(async (options) => {
+			if (options.config) {
+				await framework.build(options.config);
+				return;
+			}
+			const overrides = {};
+			if (options.output) overrides.output = {
+				...overrides.output,
+				path: options.output
+			};
+			if (options.ext) overrides.output = {
+				...overrides.output,
+				extension: options.ext
+			};
+			if (options.pretty) overrides.html = {
+				...overrides.html,
+				format: true
+			};
+			if (options.minify) overrides.html = {
+				...overrides.html,
+				minify: true
+			};
+			if (options.plaintext) overrides.plaintext = true;
+			if (options.dir) overrides.content = [`${options.dir}/**/*.{vue,md}`];
+			await framework.build(Object.keys(overrides).length ? overrides : void 0);
 		});
-		program.command("prepare").description("Generate IDE type definitions in .maizzle/").option("-c, --config <path>", "Path to maizzle config file").action(async (options) => {
+		program.command("prepare").description("Generate IDE type definitions in .maizzle/").option("-c, --config <path>", "Path to a Maizzle config file").action(async (options) => {
 			await framework.prepare({ config: options.config });
 		});
 	}

package/node_modules/maizzle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maizzle",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "CLI tool for the Maizzle Email Framework",
   "license": "MIT",
   "type": "module",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "6.0.0-rc.18",
+  "version": "6.0.0-rc.19",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",
@@ -94,7 +94,7 @@
     "oxlint": "^1.50.0",
     "shiki": "^4.0.2",
     "tailwind-merge": "^3.5.0",
-    "tsdown": "^0.20.3",
+    "tsdown": "^0.22.0",
     "vitest": "^4.0.18",
     "vue": "^3.5.28"
   },