npm - @maizzle/framework - Versions diffs - 6.0.0-rc.20 → 6.0.0-rc.22 - Mend

@maizzle/framework 6.0.0-rc.20 → 6.0.0-rc.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (94) hide show

package/dist/build.d.ts.map +1 -1
package/dist/build.js +53 -43
package/dist/build.js.map +1 -1
package/dist/components/Body.vue +1 -1
package/dist/components/CodeBlock.vue +1 -1
package/dist/components/CodeInline.vue +72 -2
package/dist/components/Column.vue +2 -1
package/dist/components/Container.vue +1 -11
package/dist/components/Img.vue +199 -4
package/dist/components/Preheader.vue +33 -5
package/dist/components/Section.vue +9 -14
package/dist/components/Text.vue +1 -1
package/dist/composables/defineConfig.d.ts +3 -4
package/dist/composables/defineConfig.d.ts.map +1 -1
package/dist/composables/defineConfig.js +3 -4
package/dist/composables/defineConfig.js.map +1 -1
package/dist/composables/renderContext.d.ts +1 -2
package/dist/composables/renderContext.d.ts.map +1 -1
package/dist/composables/renderContext.js.map +1 -1
package/dist/composables/useCurrentTemplate.d.ts +31 -0
package/dist/composables/useCurrentTemplate.d.ts.map +1 -0
package/dist/composables/useCurrentTemplate.js +35 -0
package/dist/composables/useCurrentTemplate.js.map +1 -0
package/dist/composables/useEvent.d.ts +1 -1
package/dist/composables/useEvent.js +1 -1
package/dist/composables/useEvent.js.map +1 -1
package/dist/composables/usePreheader.d.ts +6 -5
package/dist/composables/usePreheader.d.ts.map +1 -1
package/dist/composables/usePreheader.js +3 -3
package/dist/composables/usePreheader.js.map +1 -1
package/dist/composables/useTransformers.d.ts +1 -1
package/dist/composables/useTransformers.js +1 -1
package/dist/composables/useTransformers.js.map +1 -1
package/dist/events/index.d.ts +20 -8
package/dist/events/index.d.ts.map +1 -1
package/dist/events/index.js +5 -8
package/dist/events/index.js.map +1 -1
package/dist/index.d.ts +3 -2
package/dist/index.js +3 -2
package/dist/render/createRenderer.js +4 -3
package/dist/render/createRenderer.js.map +1 -1
package/dist/serve.d.ts.map +1 -1
package/dist/serve.js +3 -2
package/dist/serve.js.map +1 -1
package/dist/transformers/addAttributes.d.ts +18 -8
package/dist/transformers/addAttributes.d.ts.map +1 -1
package/dist/transformers/addAttributes.js +22 -8
package/dist/transformers/addAttributes.js.map +1 -1
package/dist/transformers/columnWidth.d.ts.map +1 -1
package/dist/transformers/columnWidth.js +136 -150
package/dist/transformers/columnWidth.js.map +1 -1
package/dist/transformers/entities.d.ts.map +1 -1
package/dist/transformers/entities.js +1 -0
package/dist/transformers/entities.js.map +1 -1
package/dist/transformers/index.d.ts.map +1 -1
package/dist/transformers/index.js +7 -5
package/dist/transformers/index.js.map +1 -1
package/dist/transformers/inlineCss.js +2 -7
package/dist/transformers/inlineCss.js.map +1 -1
package/dist/transformers/inlineLink.js +2 -2
package/dist/transformers/inlineLink.js.map +1 -1
package/dist/transformers/minifyCodeInline.d.ts +29 -0
package/dist/transformers/minifyCodeInline.d.ts.map +1 -0
package/dist/transformers/minifyCodeInline.js +36 -0
package/dist/transformers/minifyCodeInline.js.map +1 -0
package/dist/transformers/msoPlaceholders.d.ts +10 -5
package/dist/transformers/msoPlaceholders.d.ts.map +1 -1
package/dist/transformers/msoPlaceholders.js +38 -7
package/dist/transformers/msoPlaceholders.js.map +1 -1
package/dist/transformers/safeSelectors.d.ts +37 -0
package/dist/transformers/safeSelectors.d.ts.map +1 -0
package/dist/transformers/{safeClassNames.js → safeSelectors.js} +24 -5
package/dist/transformers/safeSelectors.js.map +1 -0
package/dist/transformers/shorthandCss.js +38 -7
package/dist/transformers/shorthandCss.js.map +1 -1
package/dist/transformers/tailwindComponent.js +1 -1
package/dist/transformers/tailwindComponent.js.map +1 -1
package/dist/types/config.d.ts +19 -9
package/dist/types/config.d.ts.map +1 -1
package/dist/utils/ast/serializer.d.ts.map +1 -1
package/dist/utils/ast/serializer.js +27 -17
package/dist/utils/ast/serializer.js.map +1 -1
package/dist/utils/cssBox.d.ts +42 -0
package/dist/utils/cssBox.d.ts.map +1 -0
package/dist/utils/cssBox.js +156 -0
package/dist/utils/cssBox.js.map +1 -0
package/dist/utils/watchPaths.d.ts +11 -0
package/dist/utils/watchPaths.d.ts.map +1 -0
package/dist/utils/watchPaths.js +19 -0
package/dist/utils/watchPaths.js.map +1 -0
package/package.json +1 -1
package/dist/transformers/safeClassNames.d.ts +0 -22
package/dist/transformers/safeClassNames.d.ts.map +0 -1
package/dist/transformers/safeClassNames.js.map +0 -1

package/dist/transformers/tailwindComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tailwindComponent.js","names":[],"sources":["../../src/transformers/tailwindComponent.ts"],"sourcesContent":["import { resolve } from 'node:path'\nimport type { ChildNode, Element, Comment } from 'domhandler'\nimport { walk } from '../utils/ast/index.ts'\nimport { compileTailwindCss } from '../utils/compileTailwindCss.ts'\nimport type { TailwindBlock } from '../composables/renderContext.ts'\nimport type { MaizzleConfig } from '../types/config.ts'\n\nconst DEFAULT_SEED = '@import \"@maizzle/tailwindcss\";'\n\ninterface BlockMeta {\n id: string\n configCss?: string\n nested: boolean\n classes: Set<string>\n}\n\nconst OPEN_RE = /^mz-tw:(\\S+)$/\nconst CLOSE_RE = /^\\/mz-tw:(\\S+)$/\n\n/*\n Compile Tailwind CSS for each top-level <Tailwind> block in the render\n * context. Nested <Tailwind> instances are flattened: their classes flow\n * up to the outermost block, their `#config` slot (if any) is ignored.\n * One <style> per outermost block is appended to <head>; marker comments\n * are stripped after.\n */\nexport async function tailwindComponent(\n dom: ChildNode[],\n blocks: TailwindBlock[],\n config: MaizzleConfig,\n filePath?: string,\n): Promise<ChildNode[]> {\n if (!blocks.length) return dom\n\n const map = new Map<string, BlockMeta>()\n for (const b of blocks) {\n map.set(b.id, { id: b.id, configCss: b.css, nested: false, classes: new Set() })\n }\n\n const stack: string[] = []\n const markers: Comment[] = []\n\n walk(dom, (node) => {\n if (node.type === 'comment') {\n const data = (node as Comment).data\n const open = data.match(OPEN_RE)\n const close = data.match(CLOSE_RE)\n if (open) {\n const id = open[1]\n const meta = map.get(id)\n if (meta && stack.length > 0) meta.nested = true\n if (meta) stack.push(id)\n markers.push(node as Comment)\n } else if (close) {\n const id = close[1]\n if (stack[stack.length - 1] === id) stack.pop()\n markers.push(node as Comment)\n }\n return\n }\n\n const el = node as Element\n // Always assign to the OUTERMOST active marker (stack[0]) so nested\n // <Tailwind> blocks merge their classes into the parent's scope.\n if (el.attribs?.class && stack.length > 0) {\n map.get(stack[0])!.classes.add(el.attribs.class)\n }\n })\n\n const fromPath = filePath ?? resolve(process.cwd(), 'template.vue')\n\n let head: Element \| undefined\n walk(dom, (n) => {\n if (!head && (n as Element).name === 'head') head = n as Element\n })\n\n if (!head) {\n throw new Error('`Tailwind` component requires `Head` component to be present in the template.')\n }\n\n // Compile + inject one <style raw> per outermost block. `raw` opts the\n // existing tailwindcss transformer out of recompiling already-compiled CSS.\n for (const meta of map.values()) {\n if (meta.nested) continue\n\n const cssInput = buildCssInput(meta.configCss, meta.classes)\n const css = (await compileTailwindCss(cssInput, config, `${fromPath}?tw=${meta.id}`)).trim()\n if (!css) continue\n\n const styleNode: Element = {\n type: 'tag',\n name: 'style',\n attribs: { raw: '' },\n children: [],\n parent: head,\n prev: null,\n next: null,\n } as any\n\n const textNode = {\n type: 'text',\n data: css,\n parent: styleNode,\n prev: null,\n next: null,\n } as any\n\n styleNode.children = [textNode]\n head.children.push(styleNode)\n }\n\n // Strip marker comments from their parents\n for (const c of markers) {\n const parent = c.parent as Element \| null\n if (!parent?.children) continue\n const i = parent.children.indexOf(c)\n if (i >= 0) parent.children.splice(i, 1)\n }\n\n return dom\n}\n\nfunction buildCssInput(configCss: string \| undefined, classes: Set<string>): string {\n const seed = configCss ?? DEFAULT_SEED\n\n if (!classes.size) return seed\n\n const inline = [...classes].join(' ').replace(/\"/g, '\\\\\"')\n return `${seed}\\n@source inline(\"${inline}\");`\n}\n"],"mappings":";;;;;AAOA,MAAM,eAAe;AASrB,MAAM,UAAU;AAChB,MAAM,WAAW;;;;;;;;AASjB,eAAsB,kBACpB,KACA,QACA,QACA,UACsB;CACtB,IAAI,CAAC,OAAO,QAAQ,OAAO;CAE3B,MAAM,sBAAM,IAAI,KAAwB;CACxC,KAAK,MAAM,KAAK,QACd,IAAI,IAAI,EAAE,IAAI;EAAE,IAAI,EAAE;EAAI,WAAW,EAAE;EAAK,QAAQ;EAAO,yBAAS,IAAI,KAAK;EAAE,CAAC;CAGlF,MAAM,QAAkB,EAAE;CAC1B,MAAM,UAAqB,EAAE;CAE7B,KAAK,MAAM,SAAS;EAClB,IAAI,KAAK,SAAS,WAAW;GAC3B,MAAM,OAAQ,KAAiB;GAC/B,MAAM,OAAO,KAAK,MAAM,QAAQ;GAChC,MAAM,QAAQ,KAAK,MAAM,SAAS;GAClC,IAAI,MAAM;IACR,MAAM,KAAK,KAAK;IAChB,MAAM,OAAO,IAAI,IAAI,GAAG;IACxB,IAAI,QAAQ,MAAM,SAAS,GAAG,KAAK,SAAS;IAC5C,IAAI,MAAM,MAAM,KAAK,GAAG;IACxB,QAAQ,KAAK,KAAgB;UACxB,IAAI,OAAO;IAChB,MAAM,KAAK,MAAM;IACjB,IAAI,MAAM,MAAM,SAAS,OAAO,IAAI,MAAM,KAAK;IAC/C,QAAQ,KAAK,KAAgB;;GAE/B;;EAGF,MAAM,KAAK;EAGX,IAAI,GAAG,SAAS,SAAS,MAAM,SAAS,GACtC,IAAI,IAAI,MAAM,GAAG,CAAE,QAAQ,IAAI,GAAG,QAAQ,MAAM;GAElD;CAEF,MAAM,WAAW,YAAY,QAAQ,QAAQ,KAAK,EAAE,eAAe;CAEnE,IAAI;CACJ,KAAK,MAAM,MAAM;EACf,IAAI,CAAC,QAAS,EAAc,SAAS,QAAQ,OAAO;GACpD;CAEF,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,gFAAgF;CAKlG,KAAK,MAAM,QAAQ,IAAI,QAAQ,EAAE;EAC/B,IAAI,KAAK,QAAQ;EAGjB,MAAM,OAAO,MAAM,mBADF,cAAc,KAAK,WAAW,KAAK,QACN,EAAE,QAAQ,GAAG,SAAS,MAAM,KAAK,KAAK,EAAE,MAAM;EAC5F,IAAI,CAAC,KAAK;EAEV,MAAM,YAAqB;GACzB,MAAM;GACN,MAAM;GACN,SAAS,EAAE,KAAK,IAAI;GACpB,UAAU,EAAE;GACZ,QAAQ;GACR,MAAM;GACN,MAAM;GACP;EAUD,UAAU,WAAW,CAAC;GAPpB,MAAM;GACN,MAAM;GACN,QAAQ;GACR,MAAM;GACN,MAAM;GAGsB,CAAC;EAC/B,KAAK,SAAS,KAAK,UAAU;;CAI/B,KAAK,MAAM,KAAK,SAAS;EACvB,MAAM,SAAS,EAAE;EACjB,IAAI,CAAC,QAAQ,UAAU;EACvB,MAAM,IAAI,OAAO,SAAS,QAAQ,EAAE;EACpC,IAAI,KAAK,GAAG,OAAO,SAAS,OAAO,GAAG,EAAE;;CAG1C,OAAO;;AAGT,SAAS,cAAc,WAA+B,SAA8B;CAClF,MAAM,OAAO,aAAa;CAE1B,IAAI,CAAC,QAAQ,MAAM,OAAO;CAG1B,OAAO,GAAG,KAAK,oBADA,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,MAAM,OACX,CAAC"}
1	+ {"version":3,"file":"tailwindComponent.js","names":[],"sources":["../../src/transformers/tailwindComponent.ts"],"sourcesContent":["import { resolve } from 'node:path'\nimport type { ChildNode, Element, Comment } from 'domhandler'\nimport { walk } from '../utils/ast/index.ts'\nimport { compileTailwindCss } from '../utils/compileTailwindCss.ts'\nimport type { TailwindBlock } from '../composables/renderContext.ts'\nimport type { MaizzleConfig } from '../types/config.ts'\n\nconst DEFAULT_SEED = '@import \"@maizzle/tailwindcss\" source(none);'\n\ninterface BlockMeta {\n id: string\n configCss?: string\n nested: boolean\n classes: Set<string>\n}\n\nconst OPEN_RE = /^mz-tw:(\\S+)$/\nconst CLOSE_RE = /^\\/mz-tw:(\\S+)$/\n\n/*\n Compile Tailwind CSS for each top-level <Tailwind> block in the render\n * context. Nested <Tailwind> instances are flattened: their classes flow\n * up to the outermost block, their `#config` slot (if any) is ignored.\n * One <style> per outermost block is appended to <head>; marker comments\n * are stripped after.\n */\nexport async function tailwindComponent(\n dom: ChildNode[],\n blocks: TailwindBlock[],\n config: MaizzleConfig,\n filePath?: string,\n): Promise<ChildNode[]> {\n if (!blocks.length) return dom\n\n const map = new Map<string, BlockMeta>()\n for (const b of blocks) {\n map.set(b.id, { id: b.id, configCss: b.css, nested: false, classes: new Set() })\n }\n\n const stack: string[] = []\n const markers: Comment[] = []\n\n walk(dom, (node) => {\n if (node.type === 'comment') {\n const data = (node as Comment).data\n const open = data.match(OPEN_RE)\n const close = data.match(CLOSE_RE)\n if (open) {\n const id = open[1]\n const meta = map.get(id)\n if (meta && stack.length > 0) meta.nested = true\n if (meta) stack.push(id)\n markers.push(node as Comment)\n } else if (close) {\n const id = close[1]\n if (stack[stack.length - 1] === id) stack.pop()\n markers.push(node as Comment)\n }\n return\n }\n\n const el = node as Element\n // Always assign to the OUTERMOST active marker (stack[0]) so nested\n // <Tailwind> blocks merge their classes into the parent's scope.\n if (el.attribs?.class && stack.length > 0) {\n map.get(stack[0])!.classes.add(el.attribs.class)\n }\n })\n\n const fromPath = filePath ?? resolve(process.cwd(), 'template.vue')\n\n let head: Element \| undefined\n walk(dom, (n) => {\n if (!head && (n as Element).name === 'head') head = n as Element\n })\n\n if (!head) {\n throw new Error('`Tailwind` component requires `Head` component to be present in the template.')\n }\n\n // Compile + inject one <style raw> per outermost block. `raw` opts the\n // existing tailwindcss transformer out of recompiling already-compiled CSS.\n for (const meta of map.values()) {\n if (meta.nested) continue\n\n const cssInput = buildCssInput(meta.configCss, meta.classes)\n const css = (await compileTailwindCss(cssInput, config, `${fromPath}?tw=${meta.id}`)).trim()\n if (!css) continue\n\n const styleNode: Element = {\n type: 'tag',\n name: 'style',\n attribs: { raw: '' },\n children: [],\n parent: head,\n prev: null,\n next: null,\n } as any\n\n const textNode = {\n type: 'text',\n data: css,\n parent: styleNode,\n prev: null,\n next: null,\n } as any\n\n styleNode.children = [textNode]\n head.children.push(styleNode)\n }\n\n // Strip marker comments from their parents\n for (const c of markers) {\n const parent = c.parent as Element \| null\n if (!parent?.children) continue\n const i = parent.children.indexOf(c)\n if (i >= 0) parent.children.splice(i, 1)\n }\n\n return dom\n}\n\nfunction buildCssInput(configCss: string \| undefined, classes: Set<string>): string {\n const seed = configCss ?? DEFAULT_SEED\n\n if (!classes.size) return seed\n\n const inline = [...classes].join(' ').replace(/\"/g, '\\\\\"')\n return `${seed}\\n@source inline(\"${inline}\");`\n}\n"],"mappings":";;;;;AAOA,MAAM,eAAe;AASrB,MAAM,UAAU;AAChB,MAAM,WAAW;;;;;;;;AASjB,eAAsB,kBACpB,KACA,QACA,QACA,UACsB;CACtB,IAAI,CAAC,OAAO,QAAQ,OAAO;CAE3B,MAAM,sBAAM,IAAI,KAAwB;CACxC,KAAK,MAAM,KAAK,QACd,IAAI,IAAI,EAAE,IAAI;EAAE,IAAI,EAAE;EAAI,WAAW,EAAE;EAAK,QAAQ;EAAO,yBAAS,IAAI,KAAK;EAAE,CAAC;CAGlF,MAAM,QAAkB,EAAE;CAC1B,MAAM,UAAqB,EAAE;CAE7B,KAAK,MAAM,SAAS;EAClB,IAAI,KAAK,SAAS,WAAW;GAC3B,MAAM,OAAQ,KAAiB;GAC/B,MAAM,OAAO,KAAK,MAAM,QAAQ;GAChC,MAAM,QAAQ,KAAK,MAAM,SAAS;GAClC,IAAI,MAAM;IACR,MAAM,KAAK,KAAK;IAChB,MAAM,OAAO,IAAI,IAAI,GAAG;IACxB,IAAI,QAAQ,MAAM,SAAS,GAAG,KAAK,SAAS;IAC5C,IAAI,MAAM,MAAM,KAAK,GAAG;IACxB,QAAQ,KAAK,KAAgB;UACxB,IAAI,OAAO;IAChB,MAAM,KAAK,MAAM;IACjB,IAAI,MAAM,MAAM,SAAS,OAAO,IAAI,MAAM,KAAK;IAC/C,QAAQ,KAAK,KAAgB;;GAE/B;;EAGF,MAAM,KAAK;EAGX,IAAI,GAAG,SAAS,SAAS,MAAM,SAAS,GACtC,IAAI,IAAI,MAAM,GAAG,CAAE,QAAQ,IAAI,GAAG,QAAQ,MAAM;GAElD;CAEF,MAAM,WAAW,YAAY,QAAQ,QAAQ,KAAK,EAAE,eAAe;CAEnE,IAAI;CACJ,KAAK,MAAM,MAAM;EACf,IAAI,CAAC,QAAS,EAAc,SAAS,QAAQ,OAAO;GACpD;CAEF,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,gFAAgF;CAKlG,KAAK,MAAM,QAAQ,IAAI,QAAQ,EAAE;EAC/B,IAAI,KAAK,QAAQ;EAGjB,MAAM,OAAO,MAAM,mBADF,cAAc,KAAK,WAAW,KAAK,QACN,EAAE,QAAQ,GAAG,SAAS,MAAM,KAAK,KAAK,EAAE,MAAM;EAC5F,IAAI,CAAC,KAAK;EAEV,MAAM,YAAqB;GACzB,MAAM;GACN,MAAM;GACN,SAAS,EAAE,KAAK,IAAI;GACpB,UAAU,EAAE;GACZ,QAAQ;GACR,MAAM;GACN,MAAM;GACP;EAUD,UAAU,WAAW,CAAC;GAPpB,MAAM;GACN,MAAM;GACN,QAAQ;GACR,MAAM;GACN,MAAM;GAGsB,CAAC;EAC/B,KAAK,SAAS,KAAK,UAAU;;CAI/B,KAAK,MAAM,KAAK,SAAS;EACvB,MAAM,SAAS,EAAE;EACjB,IAAI,CAAC,QAAQ,UAAU;EACvB,MAAM,IAAI,OAAO,SAAS,QAAQ,EAAE;EACpC,IAAI,KAAK,GAAG,OAAO,SAAS,OAAO,GAAG,EAAE;;CAG1C,OAAO;;AAGT,SAAS,cAAc,WAA+B,SAA8B;CAClF,MAAM,OAAO,aAAa;CAE1B,IAAI,CAAC,QAAQ,MAAM,OAAO;CAG1B,OAAO,GAAG,KAAK,oBADA,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,MAAM,OACX,CAAC"}

package/dist/types/config.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { RemoveValue } from "../plugins/postcss/removeDeclarations.js";
+import { TemplateInfo } from "../events/index.js";
 import { Directive, Plugin } from "vue";
 import { Options } from "juice";
 import * as _$oxfmt from "oxfmt";
@@ -374,8 +375,15 @@ interface MarkdownConfig extends Options$1 {
   shikiTheme?: _$shiki.BundledTheme;
 }
 interface VueConfig {
-  /** Vue plugins to register on the app instance before rendering. */
-  plugins?: Plugin[];
+  /**
+   * Vue plugins to register on the app instance before rendering.
+   *
+   * Pass a factory (`() => Plugin[]`) for stateful plugins like vue-i18n
+   * or Pinia to get a fresh instance per render — otherwise state leaks
+   * across templates (e.g. one template setting `locale.value = 'fr'`
+   * affects the next render).
+   */
+  plugins?: Plugin[] | (() => Plugin[]);
   /** Custom Vue directives to register globally. */
   directives?: Record<string, Directive>;
   /** Properties added to `app.config.globalProperties`, available in all templates. */
@@ -387,7 +395,7 @@ interface VueConfig {
  * - `false` skips the listed transformer.
  * - `true` force-enables it for this run (only meaningful for boolean-driven
  *   transformers: inlineCss, purgeCss, prettify, minify, shorthandCss,
- *   sixHex, safeClassNames, entities). Layers on the matching
+ *   sixHex, safeSelectors, entities). Layers on the matching
  *   `css.*` / `html.*` config slice.
  * - missing keys keep their default behavior.
  *
@@ -400,7 +408,7 @@ interface VueConfig {
  * or framework state, not user opt-in.
  */
 interface TransformerToggles {
-  safeClassNames?: boolean;
+  safeSelectors?: boolean;
   attributeToStyle?: boolean;
   inlineCss?: boolean;
   removeAttributes?: boolean;
@@ -688,7 +696,9 @@ interface MaizzleConfig {
    *
    * @example
    * vue: {
-   *   plugins: [createI18n({ locale: 'en', messages })],
+   *   // Use a factory for stateful plugins (vue-i18n, Pinia, vue-router)
+   *   // so each render gets a fresh instance.
+   *   plugins: () => [createI18n({ locale: 'en', messages })],
    *   directives: { focus: vFocus },
    *   globalProperties: { $format: dateFormat },
    * }
@@ -698,21 +708,21 @@ interface MaizzleConfig {
   beforeCreate?: (params: {
     config: MaizzleConfig;
   }) => void | Promise<void>;
-  /** Called before each template is rendered. Return a string to replace the template source. */
+  /** Called before each template is rendered. Return a string to replace `template.source`. */
   beforeRender?: (params: {
     config: MaizzleConfig;
-    template: string;
+    template: TemplateInfo;
   }) => string | void | Promise<string | void>;
   /** Called after each template is rendered but before transformers run. Return a string to replace the output HTML. */
   afterRender?: (params: {
     config: MaizzleConfig;
-    template: string;
+    template: TemplateInfo;
     html: string;
   }) => string | void | Promise<string | void>;
   /** Called after transformers have run on each template. Return a string to replace the output HTML. */
   afterTransform?: (params: {
     config: MaizzleConfig;
-    template: string;
+    template: TemplateInfo;
     html: string;
   }) => string | void | Promise<string | void>;
   /** Called after all templates have been built. */

package/dist/types/config.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"config.d.ts","names":[],"sources":["../../src/types/config.ts"],"mappings":"~~;;;;;;;;;;;UAKiB~~,eAAA;;;;;;EAMf,IAAA;EANe;;;;;EAYf,UAAA;EAMA;;;;;EAAA,MAAA;EASkB;;;;;EAHlB,EAAA,GAAK,MAAA;AAAA;AAAA,KAGK,QAAA,GAAW,MAAA;EACrB,QAAA,GAAW,eAAA;AAAA;AAAA,UAGI,SAAA;EAYP;;;;;;;;;;;EAAR,KAAA,GAAQ,QAAA;EAe2B;;;;;;;AAUrC;;;EAdE,IAAA;IA0CmB,+BAxCjB,GAAA,WAoGa;IAlGb,IAAA,cAAkB,MAAA,SAAe,MAAA,6BA0IZ;IAxIrB,UAAA,GAAa,MAAA,kBAmKY;IAjKzB,QAAA,YAYF;IAVE,SAAA;EAAA;AAAA;AAAA,UAIa,SAAA;EAmCb;;;;;EA7BF,IAAA;EAoEE;;;;;;;EA5DF,KAAA,aAAkB,MAAA;EAmGhB;;;;;;;;;;;;;EArFF,MAAA,aAAmB,OAAA;IA4IZ;AAGT;;;;;IAxII,gBAAA;IAgLO;;;;;IA1KP,oBAAA;IA0KF;;;;;;IAnKE,QAAA;IAsKQ;;;;;AAOZ;;;;;AAOA;IAxKI,gBAAA,GAAmB,MAAA;IA8KX;;;;;;IAvKR,aAAA;IAkLa;;;;;AAyBjB;IApMI,cAAA;IAoMuB;;;;;;IA7LvB,kBAAA;IAsNwB;;;;;;IA/MxB,UAAA,GAAa,MAAA;MAAiB,KAAA;MAAe,GAAA;IAAA;IA+MrB;;AAG5B;;IA7MI,SAAA;EAAA;EA6MoD;AACxD;;;;;AAEA;;;;;;EAlME,KAAA;IAwMU;;AAGZ;;;IArMI,IAAA,wCAA4C,CAAA,UAAW,CAAA;EAAA;~~EAyM5C~~;;;;;;;~~EAhMb~~,cAAA;~~EAgM4B~~;;;;;~~EA1L5B~~,IAAA,aAAiB,MAAA;~~EAiNgB;;;;;;;EAzMjC~~,SAAA;IAAwB,IAAA;EAAA;~~EAiNxB~~;;;;;;;~~EAzMA~~,MAAA;~~EAgNM;;AASR;;;;;;;;EA9ME~~,kBAAA,GAAqB,MAAA,SA3BE,WAAA;~~EA0PN;;AAanB;;;;;;;;;AAqBA;EApPE~~,OAAA;AAAA;AAAA,UAGe,gBAAA~~;EAmUJ;;;;;;;;;;;;;;;;;EAjTX~~,GAAA,WAAc,MAAA,iBAAuB,MAAA;~~EA6cJ~~;;;;;;;;;;;;;;;;;;;;;~~EAvbjC~~,MAAA,GAAS,KAAA;IAAiB,IAAA;IAAc,KAAA,YAAiB,MAAA;EAAA;AAAA;AAAA,KAG/C,cAAA,aAA2B,MAAA;;;;;;KAO3B,eAAA;AAAA,UAOK,YAAA;~~EA4UT~~;;;;;~~EAtUN~~,OAAA,GAAU,eAAA;~~EAmWkB~~;;;;;;;~~EA3V5B~~,KAAA;AAAA;AAAA,UAGe,aAAA;~~EA8XR~~;;;;;;;;;;~~EAnXP~~,eAAA;~~EAwYiD~~;;;;;;;;;;~~EA7XjD~~,aAAA;AAAA;AAAA,UAGe,UAAA;~~EA8XoC~~;~~EA5XnD~~,UAAA,GAAa,gBAAA;~~EA4XK~~;;;;;;;~~EApXlB~~,cAAA,GAAiB,cAAA;~~EAyXhB~~;;;;;~~EAnXD~~,MAAA,aAN+B,OAAA,CAMI,aAAA~~;;;;;;;;;EASnC~~,MAAA,aAAmB,OAAA,CAT6B,aAAA,CASA,IAAA;AAAA;AAAA,KAGtC,cAAA,IAAkB,GAAA,UAAa,KAAA;AAAA,KAC/B,aAAA,WAAwB,MAAA,SAAe,cAAA;AAAA,UAElC,cAAA,SAAuB,SAAA;;;;;;EAMtC,UAAA,GAN8B,OAAA,CAMD,YAAA;AAAA;AAAA,UAGd,SAAA~~;;EAEf~~,OAAA,GAAU,MAAA;;~~EAEV~~,UAAA,GAAa,MAAA,SAAe,SAAA;;EAE5B,gBAAA,GAAmB,MAAA;AAAA;;;;;;;;;;;;;;;;;;;UAqBJ,kBAAA;EACf,~~cAAA~~;EACA,gBAAA;EACA,SAAA;EACA,gBAAA;EACA,YAAA;EACA,MAAA;EACA,aAAA;EACA,OAAA;EACA,OAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EACA,cAAA;EACA,QAAA;EACA,MAAA;AAAA;;;;;;;UASe,eAAA;;;;;EAKf,WAAA;;;;;;EAMA,SAAA;;;;;;EAMA,OAAA,GAAU,OAAA,CAjBoB,oBAAA,CAiBgB,IAAA;AAAA;;;;;;;;;;;KAapC,eAAA;uDAIR,IAAA;;;;;EAKA,MAAA;;;;;;;;;EASA,UAAA;AAAA;AAAA,UAGa,aAAA;;;;;;;;;;;;;;;EAef,IAAA;;EAEA,QAAA,GAAW,cAAA;;;;;;;;EAQX,OAAA;;EAEA,MAAA;;;;;;IAME,IAAA;;;;;;;;;;;IAWA,SAAA;EAAA;;EAGF,MAAA;;;;;;IAME,MAAA;;;;;;IAMA,WAAA;EAAA;;EAGF,UAAA;;;;;;;;;;;;;;;;;;;;IAoBE,MAAA,GAAS,eAAA,GAAkB,eAAA;EAAA;;EAG7B,MAAA;;;;;;IAME,IAAA;;;;;;;;;;;IAWA,KAAA;;;;;;;;;;;;;;;;;;;;IAoBA,KAAA;kCAEE,EAAA;MAEA,IAAA;MAEA,OAAA;MAEA,SAAA,GAAY,MAAA;IAAA;;;;;;;;;;;;;;IAed,MAAA,WAAiB,YAAA;EAAA;;EAGnB,GAAA,GAAM,SAAA;;;;;;;;;;;;;;;EAeN,SAAA,aAAsB,eAAA;;EAEtB,OAAA,GAAU,aAAA;;;;;;;;;;;;EAYV,eAAA,aAA4B,kBAAA;;;;;;;;;EAS5B,cAAA,GAAiB,MAAA;;;;;;;;;;;;EAYjB,OAAA,GAAU,aAAA;;EAEV,GAAA,GAAM,SAAA;;EAEN,IAAA,GAAO,UAAA;;;;;;;;;;;;;EAaP,IAAA,GAAO,YAAA~~;;;;;;;;;;;;;;EAcP~~,GAAA,GAAM,SAAA;;EAKN,YAAA,IAAgB,MAAA;IAAU,MAAA,EAAQ,aAAA;EAAA,aAA2B,OAAA;;EAE7D,YAAA,IAAgB,MAAA;IAAU,MAAA,EAAQ,aAAA;IAAe,QAAA;EAAA,~~sBAAuC~~,OAAA;;~~EAExF~~,WAAA,IAAe,MAAA;IAAU,MAAA,EAAQ,aAAA;IAAe,QAAA;~~IAAkB~~,IAAA;EAAA,sBAAmC,OAAA;;~~EAErG~~,cAAA,IAAkB,MAAA;IAAU,MAAA,EAAQ,aAAA;IAAe,QAAA;~~IAAkB~~,IAAA;EAAA,sBAAmC,OAAA;;~~EAExG~~,UAAA,IAAc,MAAA;IAAU,KAAA;IAAiB,MAAA,EAAQ,aAAA;EAAA,aAA2B,OAAA;EAAA,CAG3E,GAAA;AAAA"}
1	+ {"version":3,"file":"config.d.ts","names":[],"sources":["../../src/types/config.ts"],"mappings":"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"}

package/dist/utils/ast/serializer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"serializer.d.ts","names":[],"sources":["../../../src/utils/ast/serializer.ts"],"mappings":";;;;~~iBA6BgB~~,SAAA,CAAU,GAAA,EAAK,SAAA,IAAa,OAAA,GAAU,oBAAA"}
1	+ {"version":3,"file":"serializer.d.ts","names":[],"sources":["../../../src/utils/ast/serializer.ts"],"mappings":";;;;iBA0CgB,SAAA,CAAU,GAAA,EAAK,SAAA,IAAa,OAAA,GAAU,oBAAA"}

package/dist/utils/ast/serializer.js CHANGED Viewed

@@ -1,30 +1,40 @@
-import { walk } from "./walker.js";
 import render from "dom-serializer";
 //#region src/utils/ast/serializer.ts
+const RAW_TEXT_ELEMENTS = new Set(["script", "style"]);
 /**
-* Re-encode < and > as entities in text nodes inside <code> elements.
+* Re-encode `<` and `>` in text nodes before serialization.
 *
-* The DOM parser decodes entities like &#x3C; into raw < in text nodes.
-* With encodeEntities: false the serializer outputs them as-is, which
-* creates broken HTML (e.g. </a> inside a code block closes the real tag).
+* The parser decodes entities like `&lt;` into raw `<` in text nodes. With
+* `encodeEntities: false` (needed so other transformers can emit entity
+* strings such as `&nbsp;` verbatim), the serializer would write those raw
+* `<` characters as-is, turning escaped text (e.g. a Vue `{{ html }}`
+* interpolation containing `<p>...</p>`) into real DOM downstream.
 *
-* We selectively fix this for <code> contents only, so the rest of the
-* document (where encodeEntities: false is needed) is unaffected.
+* `&` is intentionally not re-encoded: the `entities` transformer writes
+* literal entity strings (`&nbsp;`, `&mdash;`) directly into text-node data
+* and relies on the serializer leaving them alone.
+*
+* Skip `<script>` / `<style>` — their children are raw-text containers, and
+* CSS/JS legitimately contains `<` and `>`.
 */
-function encodeCodeTextNodes(dom) {
-	walk(dom, (node) => {
-		const el = node;
-		if (el.name !== "code") return;
-		walk(el.children ?? [], (child) => {
-			if (child.type === "text") {
-				const text = child;
+function encodeTextNodes(dom, inRawText = false) {
+	for (const node of dom) {
+		if (node.type === "text") {
+			if (!inRawText) {
+				const text = node;
 				text.data = text.data.replace(/</g, "&lt;").replace(/>/g, "&gt;");
 			}
-		});
-	});
+			continue;
+		}
+		if ("children" in node && node.children?.length) {
+			const el = node;
+			const nextRaw = inRawText || RAW_TEXT_ELEMENTS.has(el.name);
+			encodeTextNodes(el.children, nextRaw);
+		}
+	}
 }
 function serialize(dom, options) {
-	encodeCodeTextNodes(dom);
+	encodeTextNodes(dom);
 	return render(dom, {
 		encodeEntities: false,
 		...options

package/dist/utils/ast/serializer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"serializer.js","names":[],"sources":["../../../src/utils/ast/serializer.ts"],"sourcesContent":["import render from 'dom-serializer'\nimport type { ChildNode } from 'domhandler'\nimport type { DomSerializerOptions } from 'dom-serializer'\~~nimport~~ { ~~walk~~ } ~~from~~ '~~./walker.ts~~'\n\n/*\n Re-encode < and > ~~as entities~~ in text nodes ~~inside~~ ~~<code> elements~~.\n \n The ~~DOM~~ parser decodes entities like ~~<~~ into raw < in text nodes.\n * ~~With~~ encodeEntities: false ~~the~~ ~~serializer~~ ~~outputs~~ ~~them~~ as~~-is~~, ~~which~~\n * ~~creates~~ ~~broken~~ ~~HTML~~ (e.g. </a> ~~inside~~ a ~~code~~ ~~block~~ ~~closes~~ ~~the~~ real ~~tag)~~.\n \n We ~~selectively~~ ~~fix~~ ~~this~~ ~~for~~ ~~<code>~~ ~~contents~~ ~~only,~~ so ~~the~~ ~~rest~~ of ~~the~~\n * ~~document~~ ~~(where~~ ~~encodeEntities:~~ ~~false~~ is ~~needed)~~ is ~~unaffected~~.\n */\nfunction ~~encodeCodeTextNodes~~(dom: ChildNode[]): void {\n ~~walk(dom,~~ (~~node) => {\n~~ const ~~el =~~ node as ~~import('domhandler'~~)~~.Element~~\n if (el.~~name~~ ~~!==~~ '~~code~~') ~~return\n\n walk(el.children ?? [], (child) =>~~ {\n if (~~child.type === 'text'~~) {\n const text = ~~child~~ as ~~import('domhandler').~~Text\n text.data = text.data.replace(/</g, '<').replace(/>/g, '>')\n }\n })\n })\n}\n\nexport function serialize(dom: ChildNode[], options?: DomSerializerOptions): string {\n ~~encodeCodeTextNodes~~(dom)\n return render(dom, { encodeEntities: false, ...options })\n}\n"],"mappings":"~~;;;;;;;;;;;;;AAeA~~,~~SAAS~~,oBAAoB,~~KAAwB;CACnD~~,~~KAAK~~,~~MAAM~~,~~SAAS;EAClB~~,~~MAAM~~,~~KAAK;EACX~~,~~IAAI~~,~~GAAG~~,~~SAAS~~,~~QAAQ~~;~~EAExB~~,KAAK,~~GAAG~~,~~YAAY~~,~~EAAE,GAAG,UAAU~~;~~GACjC~~,IAAI,~~MAAM~~,SAAS,QAAQ;~~IACzB~~,MAAM,OAAO;IACb,KAAK,OAAO,KAAK,~~KAAK~~,QAAQ,MAAM,OAAO,~~CAAC~~,QAAQ,MAAM,OAAO;;~~IAEnE;GACF~~;;~~AAGJ~~,SAAgB,UAAU,KAAkB,SAAwC;CAClF,~~oBAAoB~~,IAAI;~~CACxB~~,OAAO,OAAO,KAAK;EAAE,gBAAgB;EAAO,GAAG;EAAS,CAAC"}
1	+ {"version":3,"file":"serializer.js","names":[],"sources":["../../../src/utils/ast/serializer.ts"],"sourcesContent":["import render from 'dom-serializer'\nimport type { ChildNode, Element, Text } from 'domhandler'\nimport type { DomSerializerOptions } from 'dom-serializer'\n\nconst RAW_TEXT_ELEMENTS = new Set(['script', 'style'])\n\n/*\n Re-encode `<` and `>` in text nodes before serialization.\n \n The parser decodes entities like `<` into raw `<` in text nodes. With\n * `encodeEntities: false` (needed so other transformers can emit entity\n * strings such as ` ` verbatim), the serializer would write those raw\n * `<` characters as-is, turning escaped text (e.g. a Vue `{{ html }}`\n * interpolation containing `<p>...</p>`) into real DOM downstream.\n \n `&` is intentionally not re-encoded: the `entities` transformer writes\n * literal entity strings (` `, `—`) directly into text-node data\n * and relies on the serializer leaving them alone.\n \n Skip `<script>` / `<style>` — their children are raw-text containers, and\n * CSS/JS legitimately contains `<` and `>`.\n */\nfunction encodeTextNodes(dom: ChildNode[], inRawText = false): void {\n for (const node of dom) {\n if (node.type === 'text') {\n if (!inRawText) {\n const text = node as Text\n text.data = text.data\n .replace(/</g, '<')\n .replace(/>/g, '>')\n }\n continue\n }\n\n if ('children' in node && (node as Element).children?.length) {\n const el = node as Element\n const nextRaw = inRawText \|\| RAW_TEXT_ELEMENTS.has(el.name)\n encodeTextNodes(el.children as ChildNode[], nextRaw)\n }\n }\n}\n\nexport function serialize(dom: ChildNode[], options?: DomSerializerOptions): string {\n encodeTextNodes(dom)\n return render(dom, { encodeEntities: false, ...options })\n}\n"],"mappings":";;AAIA,MAAM,oBAAoB,IAAI,IAAI,CAAC,UAAU,QAAQ,CAAC;;;;;;;;;;;;;;;;;AAkBtD,SAAS,gBAAgB,KAAkB,YAAY,OAAa;CAClE,KAAK,MAAM,QAAQ,KAAK;EACtB,IAAI,KAAK,SAAS,QAAQ;GACxB,IAAI,CAAC,WAAW;IACd,MAAM,OAAO;IACb,KAAK,OAAO,KAAK,KACd,QAAQ,MAAM,OAAO,CACrB,QAAQ,MAAM,OAAO;;GAE1B;;EAGF,IAAI,cAAc,QAAS,KAAiB,UAAU,QAAQ;GAC5D,MAAM,KAAK;GACX,MAAM,UAAU,aAAa,kBAAkB,IAAI,GAAG,KAAK;GAC3D,gBAAgB,GAAG,UAAyB,QAAQ;;;;AAK1D,SAAgB,UAAU,KAAkB,SAAwC;CAClF,gBAAgB,IAAI;CACpB,OAAO,OAAO,KAAK;EAAE,gBAAgB;EAAO,GAAG;EAAS,CAAC"}

package/dist/utils/cssBox.d.ts ADDED Viewed

@@ -0,0 +1,42 @@
+import { Root } from "postcss";
+//#region src/utils/cssBox.d.ts
+declare const NO_BORDER_STYLES: Set<string>;
+/**
+ * Parse a length token into px. Handles `Npx`, `Nrem`, `Nem`, `Npt`, and
+ * unitless N (treated as px). Returns null for percentages, calc(),
+ * keywords, or anything that doesn't reduce to a concrete length.
+ */
+declare function lengthToPx(value: string): number | null;
+/**
+ * Expand a 1-4 token CSS shorthand (T R B L) into a left/right pair:
+ *   1: all sides
+ *   2: TB RL
+ *   3: T RL B
+ *   4: T R B L
+ */
+declare function shorthandSides(value: string): {
+  left?: string;
+  right?: string;
+};
+/**
+ * Read horizontal padding (left + right) px from a parsed style root.
+ * Percentages are skipped since they'd need a known container width.
+ */
+declare function horizontalPaddingPx(root: Root): number;
+/**
+ * Extract a px length from a CSS border shorthand (e.g. `1px solid red` → 1).
+ * Returns null when the value indicates no border (`none` or `hidden`).
+ * Defaults to 3px (CSS `medium`) when a visible style is set but no
+ * explicit width token is present in the shorthand value.
+ */
+declare function shorthandBorderWidthPx(value: string): number | null;
+/**
+ * Read horizontal border widths (left + right) px from a parsed style root.
+ * Per-side `border-style: none|hidden` overrides count as zero
+ * contribution. Returns total px or 0 when nothing resolves.
+ */
+declare function horizontalBorderPx(root: Root): number;
+//#endregion
+export { NO_BORDER_STYLES, horizontalBorderPx, horizontalPaddingPx, lengthToPx, shorthandBorderWidthPx, shorthandSides };
+//# sourceMappingURL=cssBox.d.ts.map

package/dist/utils/cssBox.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"cssBox.d.ts","names":[],"sources":["../../src/utils/cssBox.ts"],"mappings":";;;cAEa,gBAAA,EAAgB,GAAA;;AAA7B;;;;iBAOgB,UAAA,CAAW,KAAA;AAA3B;;;;;AAoBA;;AApBA,iBAoBgB,cAAA,CAAe,KAAA;EAAkB,IAAA;EAAe,KAAA;AAAA;;;;AAehE;iBAAgB,mBAAA,CAAoB,IAAA,EAAM,IAAA;;;;AA8B1C;;;iBAAgB,sBAAA,CAAuB,KAAA;;AAevC;;;;iBAAgB,kBAAA,CAAmB,IAAA,EAAM,IAAA"}

package/dist/utils/cssBox.js ADDED Viewed

@@ -0,0 +1,156 @@
+//#region src/utils/cssBox.ts
+const NO_BORDER_STYLES = new Set(["none", "hidden"]);
+/**
+* Parse a length token into px. Handles `Npx`, `Nrem`, `Nem`, `Npt`, and
+* unitless N (treated as px). Returns null for percentages, calc(),
+* keywords, or anything that doesn't reduce to a concrete length.
+*/
+function lengthToPx(value) {
+	const m = value.trim().match(/^([\d.]+)(px|rem|em|pt)?$/i);
+	if (!m) return null;
+	const n = parseFloat(m[1]);
+	switch ((m[2] || "px").toLowerCase()) {
+		case "px": return n;
+		case "rem":
+		case "em": return n * 16;
+		case "pt": return n * 1.333;
+		default: return null;
+	}
+}
+/**
+* Expand a 1-4 token CSS shorthand (T R B L) into a left/right pair:
+*   1: all sides
+*   2: TB RL
+*   3: T RL B
+*   4: T R B L
+*/
+function shorthandSides(value) {
+	const parts = value.trim().split(/\s+/);
+	switch (parts.length) {
+		case 1: return {
+			left: parts[0],
+			right: parts[0]
+		};
+		case 2:
+		case 3: return {
+			left: parts[1],
+			right: parts[1]
+		};
+		case 4: return {
+			left: parts[3],
+			right: parts[1]
+		};
+		default: return {};
+	}
+}
+/**
+* Read horizontal padding (left + right) px from a parsed style root.
+* Percentages are skipped since they'd need a known container width.
+*/
+function horizontalPaddingPx(root) {
+	let left = null;
+	let right = null;
+	root.walkDecls((d) => {
+		switch (d.prop) {
+			case "padding": {
+				const { left: l, right: r } = shorthandSides(d.value);
+				if (l) left = lengthToPx(l);
+				if (r) right = lengthToPx(r);
+				break;
+			}
+			case "padding-left":
+				left = lengthToPx(d.value);
+				break;
+			case "padding-right":
+				right = lengthToPx(d.value);
+				break;
+		}
+	});
+	return (left ?? 0) + (right ?? 0);
+}
+/**
+* Extract a px length from a CSS border shorthand (e.g. `1px solid red` → 1).
+* Returns null when the value indicates no border (`none` or `hidden`).
+* Defaults to 3px (CSS `medium`) when a visible style is set but no
+* explicit width token is present in the shorthand value.
+*/
+function shorthandBorderWidthPx(value) {
+	const tokens = value.trim().split(/\s+/);
+	if (tokens.some((t) => NO_BORDER_STYLES.has(t.toLowerCase()))) return null;
+	for (const t of tokens) {
+		const px = lengthToPx(t);
+		if (px != null) return px;
+	}
+	return 3;
+}
+/**
+* Read horizontal border widths (left + right) px from a parsed style root.
+* Per-side `border-style: none|hidden` overrides count as zero
+* contribution. Returns total px or 0 when nothing resolves.
+*/
+function horizontalBorderPx(root) {
+	let left = null;
+	let right = null;
+	let leftNone = false;
+	let rightNone = false;
+	root.walkDecls((d) => {
+		switch (d.prop) {
+			case "border": {
+				const w = shorthandBorderWidthPx(d.value);
+				if (w == null) leftNone = rightNone = true;
+				else {
+					left = right = w;
+					leftNone = rightNone = false;
+				}
+				break;
+			}
+			case "border-width": {
+				const { left: l, right: r } = shorthandSides(d.value);
+				if (l) left = lengthToPx(l) ?? left;
+				if (r) right = lengthToPx(r) ?? right;
+				break;
+			}
+			case "border-style": {
+				const { left: l, right: r } = shorthandSides(d.value);
+				if (l && NO_BORDER_STYLES.has(l.toLowerCase())) leftNone = true;
+				if (r && NO_BORDER_STYLES.has(r.toLowerCase())) rightNone = true;
+				break;
+			}
+			case "border-left": {
+				const w = shorthandBorderWidthPx(d.value);
+				if (w == null) leftNone = true;
+				else {
+					left = w;
+					leftNone = false;
+				}
+				break;
+			}
+			case "border-right": {
+				const w = shorthandBorderWidthPx(d.value);
+				if (w == null) rightNone = true;
+				else {
+					right = w;
+					rightNone = false;
+				}
+				break;
+			}
+			case "border-left-width":
+				left = lengthToPx(d.value) ?? left;
+				break;
+			case "border-right-width":
+				right = lengthToPx(d.value) ?? right;
+				break;
+			case "border-left-style":
+				if (NO_BORDER_STYLES.has(d.value.trim().toLowerCase())) leftNone = true;
+				break;
+			case "border-right-style":
+				if (NO_BORDER_STYLES.has(d.value.trim().toLowerCase())) rightNone = true;
+				break;
+		}
+	});
+	return (leftNone ? 0 : left ?? 0) + (rightNone ? 0 : right ?? 0);
+}
+//#endregion
+export { NO_BORDER_STYLES, horizontalBorderPx, horizontalPaddingPx, lengthToPx, shorthandBorderWidthPx, shorthandSides };
+//# sourceMappingURL=cssBox.js.map

package/dist/utils/cssBox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"cssBox.js","names":[],"sources":["../../src/utils/cssBox.ts"],"sourcesContent":["import type { Root } from 'postcss'\n\nexport const NO_BORDER_STYLES = new Set(['none', 'hidden'])\n\n/**\n * Parse a length token into px. Handles `Npx`, `Nrem`, `Nem`, `Npt`, and\n * unitless N (treated as px). Returns null for percentages, calc(),\n * keywords, or anything that doesn't reduce to a concrete length.\n */\nexport function lengthToPx(value: string): number | null {\n const m = value.trim().match(/^([\\d.]+)(px|rem|em|pt)?$/i)\n if (!m) return null\n const n = parseFloat(m[1])\n switch ((m[2] || 'px').toLowerCase()) {\n case 'px': return n\n case 'rem':\n case 'em': return n * 16\n case 'pt': return n * 1.333\n default: return null\n }\n}\n\n/**\n * Expand a 1-4 token CSS shorthand (T R B L) into a left/right pair:\n * 1: all sides\n * 2: TB RL\n * 3: T RL B\n * 4: T R B L\n */\nexport function shorthandSides(value: string): { left?: string; right?: string } {\n const parts = value.trim().split(/\\s+/)\n switch (parts.length) {\n case 1: return { left: parts[0], right: parts[0] }\n case 2:\n case 3: return { left: parts[1], right: parts[1] }\n case 4: return { left: parts[3], right: parts[1] }\n default: return {}\n }\n}\n\n/**\n * Read horizontal padding (left + right) px from a parsed style root.\n * Percentages are skipped since they'd need a known container width.\n */\nexport function horizontalPaddingPx(root: Root): number {\n let left: number | null = null\n let right: number | null = null\n\n root.walkDecls((d) => {\n switch (d.prop) {\n case 'padding': {\n const { left: l, right: r } = shorthandSides(d.value)\n if (l) left = lengthToPx(l)\n if (r) right = lengthToPx(r)\n break\n }\n case 'padding-left':\n left = lengthToPx(d.value)\n break\n case 'padding-right':\n right = lengthToPx(d.value)\n break\n }\n })\n\n return (left ?? 0) + (right ?? 0)\n}\n\n/**\n * Extract a px length from a CSS border shorthand (e.g. `1px solid red` → 1).\n * Returns null when the value indicates no border (`none` or `hidden`).\n * Defaults to 3px (CSS `medium`) when a visible style is set but no\n * explicit width token is present in the shorthand value.\n */\nexport function shorthandBorderWidthPx(value: string): number | null {\n const tokens = value.trim().split(/\\s+/)\n if (tokens.some((t) => NO_BORDER_STYLES.has(t.toLowerCase()))) return null\n for (const t of tokens) {\n const px = lengthToPx(t)\n if (px != null) return px\n }\n return 3\n}\n\n/**\n * Read horizontal border widths (left + right) px from a parsed style root.\n * Per-side `border-style: none|hidden` overrides count as zero\n * contribution. Returns total px or 0 when nothing resolves.\n */\nexport function horizontalBorderPx(root: Root): number {\n let left: number | null = null\n let right: number | null = null\n let leftNone = false\n let rightNone = false\n\n root.walkDecls((d) => {\n switch (d.prop) {\n case 'border': {\n const w = shorthandBorderWidthPx(d.value)\n if (w == null) {\n leftNone = rightNone = true\n }\n else {\n left = right = w\n leftNone = rightNone = false\n }\n break\n }\n case 'border-width': {\n const { left: l, right: r } = shorthandSides(d.value)\n if (l) left = lengthToPx(l) ?? left\n if (r) right = lengthToPx(r) ?? right\n break\n }\n case 'border-style': {\n const { left: l, right: r } = shorthandSides(d.value)\n if (l && NO_BORDER_STYLES.has(l.toLowerCase())) leftNone = true\n if (r && NO_BORDER_STYLES.has(r.toLowerCase())) rightNone = true\n break\n }\n case 'border-left': {\n const w = shorthandBorderWidthPx(d.value)\n if (w == null) leftNone = true\n else { left = w; leftNone = false }\n break\n }\n case 'border-right': {\n const w = shorthandBorderWidthPx(d.value)\n if (w == null) rightNone = true\n else { right = w; rightNone = false }\n break\n }\n case 'border-left-width':\n left = lengthToPx(d.value) ?? left\n break\n case 'border-right-width':\n right = lengthToPx(d.value) ?? right\n break\n case 'border-left-style':\n if (NO_BORDER_STYLES.has(d.value.trim().toLowerCase())) leftNone = true\n break\n case 'border-right-style':\n if (NO_BORDER_STYLES.has(d.value.trim().toLowerCase())) rightNone = true\n break\n }\n })\n\n return (leftNone ? 0 : (left ?? 0)) + (rightNone ? 0 : (right ?? 0))\n}\n"],"mappings":"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"}

package/dist/utils/watchPaths.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+//#region src/utils/watchPaths.d.ts
+/**
+ * Build a predicate that tells whether an absolute file path emitted by
+ * chokidar matches any of the given globs. Patterns are interpreted as
+ * project-relative; a leading `./` is stripped so user-supplied globs like
+ * `./locales/**` behave identically to `locales/**`.
+ */
+declare function createWatchedFileMatcher(patterns: string[], cwd: string): (file: string) => boolean;
+//#endregion
+export { createWatchedFileMatcher };
+//# sourceMappingURL=watchPaths.d.ts.map

package/dist/utils/watchPaths.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"watchPaths.d.ts","names":[],"sources":["../../src/utils/watchPaths.ts"],"mappings":";;AAQA;;;;;iBAAgB,wBAAA,CAAyB,QAAA,YAAoB,GAAA,YAEnD,IAAA"}

package/dist/utils/watchPaths.js ADDED Viewed

@@ -0,0 +1,19 @@
+import { matchesGlob, relative } from "node:path";
+//#region src/utils/watchPaths.ts
+/**
+* Build a predicate that tells whether an absolute file path emitted by
+* chokidar matches any of the given globs. Patterns are interpreted as
+* project-relative; a leading `./` is stripped so user-supplied globs like
+* `./locales/**` behave identically to `locales/**`.
+*/
+function createWatchedFileMatcher(patterns, cwd) {
+	const normalized = patterns.map((p) => p.replace(/^\.\//, ""));
+	return (file) => {
+		const rel = relative(cwd, file).replace(/\\/g, "/");
+		return normalized.some((p) => matchesGlob(rel, p));
+	};
+}
+//#endregion
+export { createWatchedFileMatcher };
+//# sourceMappingURL=watchPaths.js.map

package/dist/utils/watchPaths.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"watchPaths.js","names":[],"sources":["../../src/utils/watchPaths.ts"],"sourcesContent":["import { matchesGlob, relative } from 'node:path'\n\n/**\n * Build a predicate that tells whether an absolute file path emitted by\n * chokidar matches any of the given globs. Patterns are interpreted as\n * project-relative; a leading `./` is stripped so user-supplied globs like\n * `./locales/**` behave identically to `locales/**`.\n */\nexport function createWatchedFileMatcher(patterns: string[], cwd: string) {\n const normalized = patterns.map(p => p.replace(/^\\.\\//, ''))\n return (file: string) => {\n const rel = relative(cwd, file).replace(/\\\\/g, '/')\n return normalized.some(p => matchesGlob(rel, p))\n }\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,yBAAyB,UAAoB,KAAa;CACxE,MAAM,aAAa,SAAS,KAAI,MAAK,EAAE,QAAQ,SAAS,GAAG,CAAC;CAC5D,QAAQ,SAAiB;EACvB,MAAM,MAAM,SAAS,KAAK,KAAK,CAAC,QAAQ,OAAO,IAAI;EACnD,OAAO,WAAW,MAAK,MAAK,YAAY,KAAK,EAAE,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "6.0.0-rc.20",
+  "version": "6.0.0-rc.22",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",

package/dist/transformers/safeClassNames.d.ts DELETED Viewed

@@ -1,22 +0,0 @@
-import { CssConfig } from "../types/config.js";
-import { ChildNode } from "domhandler";
-//#region src/transformers/safeClassNames.d.ts
-/**
- * Safe class names transformer.
- *
- * Replaces unsafe characters (`:`, `/`, `[`, `]`, etc.) in:
- * - CSS selectors inside `<style>` tags
- * - HTML `class` attributes
- *
- * This makes Tailwind utility classes like `sm:text-base` safe for
- * email clients that cannot handle escaped characters in class names.
- *
- * Enabled by default. Disable by setting `css.safe` to `false`.
- * Customize replacements by passing a `Record<string, string>` — user
- * values are merged on top of the defaults.
- */
-declare function safeClassNames(dom: ChildNode[], config?: CssConfig): ChildNode[];
-//#endregion
-export { safeClassNames };
-//# sourceMappingURL=safeClassNames.d.ts.map

package/dist/transformers/safeClassNames.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"safeClassNames.d.ts","names":[],"sources":["../../src/transformers/safeClassNames.ts"],"mappings":";;;;;;AAsGA;;;;;;;;;;;;iBAAgB,cAAA,CAAe,GAAA,EAAK,SAAA,IAAa,MAAA,GAAQ,SAAA,GAAiB,SAAA"}

package/dist/transformers/safeClassNames.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"safeClassNames.js","names":[],"sources":["../../src/transformers/safeClassNames.ts"],"sourcesContent":["import postcss from 'postcss'\nimport safeParser from 'postcss-safe-parser'\nimport type { ChildNode, Element } from 'domhandler'\nimport { walk } from '../utils/ast/index.ts'\nimport type { CssConfig } from '../types/config.ts'\n\nconst DEFAULT_REPLACEMENTS: Record<string, string> = {\n ':': '-',\n '/': '-',\n '%': 'pc',\n '.': '_',\n ',': '_',\n '#': '_',\n '[': '',\n ']': '',\n '(': '',\n ')': '',\n '{': '',\n '}': '',\n '!': '-i',\n '&': 'and-',\n '<': 'lt-',\n '=': 'eq-',\n '>': 'gt-',\n '|': 'or-',\n '@': 'at-',\n '?': 'q-',\n '\\\\': '-',\n '\"': '-',\n \"'\": '-',\n '*': '-',\n '+': '-',\n ';': '-',\n '^': '-',\n '`': '-',\n '~': '-',\n '$': '-',\n}\n\nfunction escapeForRegex(s: string): string {\n return s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\n/**\n * Replace escaped special characters in CSS selectors.\n *\n * Tailwind generates selectors like `.sm\\:text-base`. This function\n * replaces the `\\:` with `-` (or whatever the configured replacement is)\n * so the selector becomes `.sm-text-base`, which is safe for email clients.\n */\nfunction processCssSelectors(css: string, replacements: Record<string, string>): string {\n // Matches \\<char> in CSS selectors — e.g. \\: \\/ \\. \\[ etc.\n const selectorRegex = new RegExp(\n `\\\\\\\\(${Object.keys(replacements).map(escapeForRegex).join('|')})`,\n 'g',\n )\n\n return postcss([\n (root: postcss.Root) => {\n root.walkRules((rule: postcss.Rule) => {\n rule.selector = rule.selector\n .replace(selectorRegex, (_matched, char) => replacements[char] ?? _matched)\n // Handle CSS unicode escape for comma (\\2c → _)\n .replaceAll('\\\\2c ', '_')\n })\n },\n ]).process(css, { parser: safeParser }).css\n}\n\n/**\n * Replace unsafe special characters in a class attribute value.\n *\n * Splits on whitespace and replaces each char from the replacements map\n * in each class token individually.\n */\nfunction processClassAttr(classStr: string, replacements: Record<string, string>): string {\n return classStr\n .split(/\\s+/)\n .filter(Boolean)\n .map((cls) => {\n for (const [from, to] of Object.entries(replacements)) {\n cls = cls.split(from).join(to)\n }\n return cls\n })\n .join(' ')\n}\n\n/**\n * Safe class names transformer.\n *\n * Replaces unsafe characters (`:`, `/`, `[`, `]`, etc.) in:\n * - CSS selectors inside `<style>` tags\n * - HTML `class` attributes\n *\n * This makes Tailwind utility classes like `sm:text-base` safe for\n * email clients that cannot handle escaped characters in class names.\n *\n * Enabled by default. Disable by setting `css.safe` to `false`.\n * Customize replacements by passing a `Record<string, string>` — user\n * values are merged on top of the defaults.\n */\nexport function safeClassNames(dom: ChildNode[], config: CssConfig = {}): ChildNode[] {\n const option = config.safe ?? true\n\n if (!option) return dom\n\n const replacements: Record<string, string> =\n option && typeof option === 'object'\n ? { ...DEFAULT_REPLACEMENTS, ...option }\n : DEFAULT_REPLACEMENTS\n\n walk(dom, (node) => {\n const el = node as Element\n\n // Process CSS selectors inside <style> tags\n if (el.name === 'style' && el.children?.length) {\n const text = el.children.find((c) => c.type === 'text') as any\n if (text?.data?.trim()) {\n text.data = processCssSelectors(text.data, replacements)\n }\n }\n\n // Replace special chars in class attributes\n if ('attribs' in el && el.attribs?.class) {\n el.attribs.class = processClassAttr(el.attribs.class, replacements)\n }\n })\n\n return dom\n}\n"],"mappings":";;;;;AAMA,MAAM,uBAA+C;CACnD,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,MAAM;CACN,MAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;AAED,SAAS,eAAe,GAAmB;CACzC,OAAO,EAAE,QAAQ,uBAAuB,OAAO;;;;;;;;;AAUjD,SAAS,oBAAoB,KAAa,cAA8C;CAEtF,MAAM,gBAAgB,IAAI,OACxB,QAAQ,OAAO,KAAK,aAAa,CAAC,IAAI,eAAe,CAAC,KAAK,IAAI,CAAC,IAChE,IACD;CAED,OAAO,QAAQ,EACZ,SAAuB;EACtB,KAAK,WAAW,SAAuB;GACrC,KAAK,WAAW,KAAK,SAClB,QAAQ,gBAAgB,UAAU,SAAS,aAAa,SAAS,SAAS,CAE1E,WAAW,SAAS,IAAI;IAC3B;GAEL,CAAC,CAAC,QAAQ,KAAK,EAAE,QAAQ,YAAY,CAAC,CAAC;;;;;;;;AAS1C,SAAS,iBAAiB,UAAkB,cAA8C;CACxF,OAAO,SACJ,MAAM,MAAM,CACZ,OAAO,QAAQ,CACf,KAAK,QAAQ;EACZ,KAAK,MAAM,CAAC,MAAM,OAAO,OAAO,QAAQ,aAAa,EACnD,MAAM,IAAI,MAAM,KAAK,CAAC,KAAK,GAAG;EAEhC,OAAO;GACP,CACD,KAAK,IAAI;;;;;;;;;;;;;;;;AAiBd,SAAgB,eAAe,KAAkB,SAAoB,EAAE,EAAe;CACpF,MAAM,SAAS,OAAO,QAAQ;CAE9B,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,eACJ,UAAU,OAAO,WAAW,WACxB;EAAE,GAAG;EAAsB,GAAG;EAAQ,GACtC;CAEN,KAAK,MAAM,SAAS;EAClB,MAAM,KAAK;EAGX,IAAI,GAAG,SAAS,WAAW,GAAG,UAAU,QAAQ;GAC9C,MAAM,OAAO,GAAG,SAAS,MAAM,MAAM,EAAE,SAAS,OAAO;GACvD,IAAI,MAAM,MAAM,MAAM,EACpB,KAAK,OAAO,oBAAoB,KAAK,MAAM,aAAa;;EAK5D,IAAI,aAAa,MAAM,GAAG,SAAS,OACjC,GAAG,QAAQ,QAAQ,iBAAiB,GAAG,QAAQ,OAAO,aAAa;GAErE;CAEF,OAAO"}