@pyreon/document 0.11.5 → 0.11.6

package/src/renderers/docx.ts

@@ -1,4 +1,4 @@
-import { sanitizeHref, sanitizeXmlColor } from "../sanitize"
+import { sanitizeHref, sanitizeXmlColor } from '../sanitize'
 import type {
   DocChild,
   DocNode,
@@ -7,20 +7,20 @@ import type {
   PageSize,
   RenderOptions,
   TableColumn,
-} from "../types"
+} from '../types'
 
 /**
  * DOCX renderer — lazy-loads the 'docx' npm package on first use.
  */
 
 function resolveColumn(col: string | TableColumn): TableColumn {
-  return typeof col === "string" ? { header: col } : col
+  return typeof col === 'string' ? { header: col } : col
 }
 
 function getTextContent(children: DocChild[]): string {
   return children
-    .map((c) => (typeof c === "string" ? c : getTextContent((c as DocNode).children)))
-    .join("")
+    .map((c) => (typeof c === 'string' ? c : getTextContent((c as DocNode).children)))
+    .join('')
 }
 
 /** Parse a data URL and return the base64 data and media type, or null for external URLs. */
@@ -46,7 +46,7 @@ function getPageSize(
   }
   const dims = sizes[size]
   if (!dims) return undefined
-  if (orientation === "landscape") {
+  if (orientation === 'landscape') {
     return { width: dims.height, height: dims.width }
   }
   return dims
@@ -57,7 +57,7 @@ function getPageMargins(
   margin?: number | [number, number] | [number, number, number, number],
 ): object | undefined {
   if (margin == null) return undefined
-  if (typeof margin === "number") {
+  if (typeof margin === 'number') {
     const twips = margin * 20
     return { top: twips, right: twips, bottom: twips, left: twips }
   }
@@ -80,15 +80,15 @@ function getPageMargins(
 /** Map percentage column width to DOCX table column width. */
 function getColumnWidth(width?: number | string): { size: number; type: unknown } | undefined {
   if (width == null) return undefined
-  if (typeof width === "number") return undefined
+  if (typeof width === 'number') return undefined
   const match = width.match(/^(\d+)%$/)
   if (!match) return undefined
-  return { size: Number.parseInt(match[1]!, 10) * 100, type: "pct" as unknown }
+  return { size: Number.parseInt(match[1]!, 10) * 100, type: 'pct' as unknown }
 }
 
 /** Shared context passed to per-node-type render helpers. */
 interface DocxCtx {
-  docx: typeof import("docx")
+  docx: typeof import('docx')
   children: unknown[]
   alignmentMap: (align?: string) => unknown
   processListItems: (n: DocNode, listRef: string, level: number, ordered: boolean) => void
@@ -135,7 +135,7 @@ function renderTextNode(ctx: DocxCtx, n: DocNode): void {
           ...(p.underline ? { underline: {} } : {}),
           ...(p.strikethrough != null ? { strike: p.strikethrough as boolean } : {}),
           ...(p.size != null ? { size: (p.size as number) * 2 } : {}),
-          color: sanitizeXmlColor(p.color as string, "333333"),
+          color: sanitizeXmlColor(p.color as string, '333333'),
         }),
       ],
       alignment: alignmentMap(p.align as string) as any,
@@ -155,7 +155,7 @@ function renderLink(ctx: DocxCtx, n: DocNode): void {
           children: [
             new docx.TextRun({
               text: getTextContent(n.children),
-              color: sanitizeXmlColor(p.color as string, "4f46e5"),
+              color: sanitizeXmlColor(p.color as string, '4f46e5'),
               underline: { type: docx.UnderlineType.SINGLE },
             }),
           ],
@@ -178,9 +178,9 @@ function renderImage(ctx: DocxCtx, n: DocNode): void {
       new docx.Paragraph({
         children: [
           new docx.ImageRun({
-            data: Buffer.from(parsed.data, "base64"),
+            data: Buffer.from(parsed.data, 'base64'),
             transformation: { width: imgWidth, height: imgHeight },
-            type: parsed.mime === "image/png" ? "png" : "jpg",
+            type: parsed.mime === 'image/png' ? 'png' : 'jpg',
           }),
         ],
         alignment: alignmentMap(p.align as string) as any,
@@ -194,7 +194,7 @@ function renderImage(ctx: DocxCtx, n: DocNode): void {
               text: p.caption as string,
               italics: true,
               size: 20,
-              color: "666666",
+              color: '666666',
             }),
           ],
           alignment: alignmentMap(p.align as string) as any,
@@ -203,15 +203,15 @@ function renderImage(ctx: DocxCtx, n: DocNode): void {
       )
     }
   } else {
-    const alt = (p.alt as string) ?? "Image"
-    const caption = p.caption ? ` — ${p.caption}` : ""
+    const alt = (p.alt as string) ?? 'Image'
+    const caption = p.caption ? ` — ${p.caption}` : ''
     children.push(
       new docx.Paragraph({
         children: [
           new docx.TextRun({
             text: `[${alt}${caption}]`,
             italics: true,
-            color: "999999",
+            color: '999999',
           }),
         ],
       }),
@@ -227,7 +227,7 @@ function renderDocxTable(ctx: DocxCtx, n: DocNode): void {
   const hs = p.headerStyle as { background?: string; color?: string } | undefined
   const bordered = p.bordered as boolean | undefined
   const borderStyle = bordered
-    ? { style: docx.BorderStyle.SINGLE, size: 1, color: "DDDDDD" }
+    ? { style: docx.BorderStyle.SINGLE, size: 1, color: 'DDDDDD' }
     : undefined
   const cellBorders = borderStyle
     ? {
@@ -277,12 +277,12 @@ function renderDocxTable(ctx: DocxCtx, n: DocNode): void {
             new docx.TableCell({
               children: [
                 new docx.Paragraph({
-                  children: [new docx.TextRun({ text: String(row[colIdx] ?? "") })],
+                  children: [new docx.TextRun({ text: String(row[colIdx] ?? '') })],
                   alignment: alignmentMap(col.align) as any,
                 }),
               ],
               ...(p.striped && rowIdx % 2 === 1
-                ? { shading: { fill: "F9F9F9", type: docx.ShadingType.SOLID } }
+                ? { shading: { fill: 'F9F9F9', type: docx.ShadingType.SOLID } }
                 : {}),
               ...(cellBorders != null ? { borders: cellBorders } : {}),
               width: getColumnWidth(col.width as string | undefined) as any,
@@ -312,7 +312,7 @@ function renderDocxTable(ctx: DocxCtx, n: DocNode): void {
       width: { size: 100, type: docx.WidthType.PERCENTAGE },
     }),
   )
-  children.push(new docx.Paragraph({ text: "", spacing: { after: 120 } }))
+  children.push(new docx.Paragraph({ text: '', spacing: { after: 120 } }))
 }
 
 function renderList(ctx: DocxCtx, n: DocNode): void {
@@ -320,14 +320,14 @@ function renderList(ctx: DocxCtx, n: DocNode): void {
   const ordered = n.props.ordered as boolean | undefined
   const listRef = nextListId()
   processListItems(n, listRef, 0, ordered ?? false)
-  children.push(new docx.Paragraph({ text: "", spacing: { after: 60 } }))
+  children.push(new docx.Paragraph({ text: '', spacing: { after: 60 } }))
 }
 
 function renderButtonOrQuote(ctx: DocxCtx, n: DocNode): void {
   const { docx, children } = ctx
   const p = n.props
   const text = getTextContent(n.children)
-  if (n.type === "button") {
+  if (n.type === 'button') {
     children.push(
       new docx.Paragraph({
         children: [
@@ -337,7 +337,7 @@ function renderButtonOrQuote(ctx: DocxCtx, n: DocNode): void {
               new docx.TextRun({
                 text,
                 bold: true,
-                color: "4F46E5",
+                color: '4F46E5',
                 underline: { type: docx.UnderlineType.SINGLE },
               }),
             ],
@@ -349,13 +349,13 @@ function renderButtonOrQuote(ctx: DocxCtx, n: DocNode): void {
   } else {
     children.push(
       new docx.Paragraph({
-        children: [new docx.TextRun({ text, italics: true, color: "555555" })],
+        children: [new docx.TextRun({ text, italics: true, color: '555555' })],
         indent: { left: 720 },
         border: {
           left: {
             style: docx.BorderStyle.SINGLE,
             size: 6,
-            color: sanitizeXmlColor(p.borderColor as string, "DDDDDD"),
+            color: sanitizeXmlColor(p.borderColor as string, 'DDDDDD'),
           },
         },
         spacing: { after: 120 },
@@ -366,9 +366,9 @@ function renderButtonOrQuote(ctx: DocxCtx, n: DocNode): void {
 
 export const docxRenderer: DocumentRenderer = {
   async render(node: DocNode, _options?: RenderOptions): Promise<Uint8Array> {
-    let docx: typeof import("docx")
+    let docx: typeof import('docx')
     try {
-      docx = await import("docx")
+      docx = await import('docx')
     } catch {
       throw new Error(
         '[@pyreon/document] DOCX renderer requires "docx" package. Install it: bun add docx',
@@ -389,13 +389,13 @@ export const docxRenderer: DocumentRenderer = {
     }
 
     function processListItems(n: DocNode, listRef: string, level: number, ordered: boolean): void {
-      const items = n.children.filter((c): c is DocNode => typeof c !== "string")
+      const items = n.children.filter((c): c is DocNode => typeof c !== 'string')
       for (const item of items) {
         const nestedList = item.children.find(
-          (c): c is DocNode => typeof c !== "string" && (c as DocNode).type === "list",
+          (c): c is DocNode => typeof c !== 'string' && (c as DocNode).type === 'list',
         )
         const textChildren = item.children.filter(
-          (c) => typeof c === "string" || (c as DocNode).type !== "list",
+          (c) => typeof c === 'string' || (c as DocNode).type !== 'list',
         )
         children.push(
           new docx.Paragraph({
@@ -420,73 +420,73 @@ export const docxRenderer: DocumentRenderer = {
 
     function processNode(n: DocNode): void {
       switch (n.type) {
-        case "document":
-        case "page":
-        case "section":
-        case "row":
-        case "column":
+        case 'document':
+        case 'page':
+        case 'section':
+        case 'row':
+        case 'column':
           for (const child of n.children) {
-            if (typeof child !== "string") processNode(child)
+            if (typeof child !== 'string') processNode(child)
             else children.push(new docx.Paragraph({ text: child }))
           }
           break
-        case "heading":
+        case 'heading':
           renderHeading(ctx, n)
           break
-        case "text":
+        case 'text':
           renderTextNode(ctx, n)
           break
-        case "link":
+        case 'link':
           renderLink(ctx, n)
           break
-        case "image":
+        case 'image':
           renderImage(ctx, n)
           break
-        case "table":
+        case 'table':
           renderDocxTable(ctx, n)
           break
-        case "list":
+        case 'list':
           renderList(ctx, n)
           break
-        case "code":
+        case 'code':
           children.push(
             new docx.Paragraph({
               children: [
                 new docx.TextRun({
                   text: getTextContent(n.children),
-                  font: "Courier New",
+                  font: 'Courier New',
                   size: 20,
                 }),
               ],
-              shading: { fill: "F5F5F5", type: docx.ShadingType.SOLID },
+              shading: { fill: 'F5F5F5', type: docx.ShadingType.SOLID },
               spacing: { after: 120 },
             }),
           )
           break
-        case "divider":
+        case 'divider':
           children.push(
             new docx.Paragraph({
               border: {
                 bottom: {
                   style: docx.BorderStyle.SINGLE,
                   size: (n.props.thickness as number | undefined) ?? 1,
-                  color: sanitizeXmlColor(n.props.color as string, "DDDDDD"),
+                  color: sanitizeXmlColor(n.props.color as string, 'DDDDDD'),
                 },
               },
               spacing: { before: 120, after: 120 },
             }),
           )
           break
-        case "spacer":
+        case 'spacer':
           children.push(
             new docx.Paragraph({
-              text: "",
+              text: '',
               spacing: { after: (n.props.height as number) * 20 },
             }),
           )
           break
-        case "button":
-        case "quote":
+        case 'button':
+        case 'quote':
           renderButtonOrQuote(ctx, n)
           break
       }
@@ -513,11 +513,11 @@ export const docxRenderer: DocumentRenderer = {
 
     // Extract page properties from first page node
     const pageNode =
-      node.type === "document"
+      node.type === 'document'
         ? (node.children.find(
-            (c): c is DocNode => typeof c !== "string" && (c as DocNode).type === "page",
+            (c): c is DocNode => typeof c !== 'string' && (c as DocNode).type === 'page',
           ) as DocNode | undefined)
-        : node.type === "page"
+        : node.type === 'page'
           ? node
           : undefined
 
@@ -536,7 +536,7 @@ export const docxRenderer: DocumentRenderer = {
       if (!text) return undefined
       return [
         new docx.Paragraph({
-          children: [new docx.TextRun({ text, size: 18, color: "999999" })],
+          children: [new docx.TextRun({ text, size: 18, color: '999999' })],
           alignment: docx.AlignmentType.CENTER,
         }),
       ]

package/src/renderers/email.ts

@@ -1,5 +1,5 @@
-import { sanitizeColor, sanitizeHref, sanitizeImageSrc } from "../sanitize"
-import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from "../types"
+import { sanitizeColor, sanitizeHref, sanitizeImageSrc } from '../sanitize'
+import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from '../types'
 
 /**
  * Email renderer — generates table-based HTML with inline styles
@@ -15,72 +15,72 @@ import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn }
 
 function esc(str: string): string {
   return str
-    .replace(/&/g, "&")
-    .replace(/</g, "&lt;")
-    .replace(/>/g, "&gt;")
-    .replace(/"/g, "&quot;")
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
 }
 
 function resolveColumn(col: string | TableColumn): TableColumn {
-  return typeof col === "string" ? { header: col } : col
+  return typeof col === 'string' ? { header: col } : col
 }
 
 function renderChild(child: DocChild): string {
-  if (typeof child === "string") return esc(child)
+  if (typeof child === 'string') return esc(child)
   return renderNode(child)
 }
 
 function renderChildren(children: DocChild[]): string {
-  return children.map(renderChild).join("")
+  return children.map(renderChild).join('')
 }
 
-function wrapInTable(content: string, style = ""): string {
-  return `<table width="100%" cellpadding="0" cellspacing="0" border="0"${style ? ` style="${style}"` : ""}><tr><td>${content}</td></tr></table>`
+function wrapInTable(content: string, style = ''): string {
+  return `<table width="100%" cellpadding="0" cellspacing="0" border="0"${style ? ` style="${style}"` : ''}><tr><td>${content}</td></tr></table>`
 }
 
 function renderNode(node: DocNode): string {
   const p = node.props
 
   switch (node.type) {
-    case "document": {
-      const title = p.title ? `<title>${esc(p.title as string)}</title>` : ""
+    case 'document': {
+      const title = p.title ? `<title>${esc(p.title as string)}</title>` : ''
       const preview = p.subject
         ? `<div style="display:none;max-height:0;overflow:hidden">${esc(p.subject as string)}</div>`
-        : ""
+        : ''
       return `<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">${title}<!--[if mso]><noscript><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml></noscript><![endif]--></head><body style="margin:0;padding:0;background-color:#f4f4f4;font-family:Arial,Helvetica,sans-serif">${preview}<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#f4f4f4"><tr><td align="center" style="padding:20px 0"><table width="600" cellpadding="0" cellspacing="0" border="0" style="background-color:#ffffff;max-width:600px;width:100%"><tr><td>${renderChildren(node.children)}</td></tr></table></td></tr></table></body></html>`
     }
 
-    case "page":
+    case 'page':
       // In email, pages are just content sections
       return renderChildren(node.children)
 
-    case "section": {
-      const bg = p.background ? `background-color:${sanitizeColor(p.background as string)};` : ""
+    case 'section': {
+      const bg = p.background ? `background-color:${sanitizeColor(p.background as string)};` : ''
       const pad = p.padding
-        ? `padding:${typeof p.padding === "number" ? `${p.padding}px` : Array.isArray(p.padding) ? (p.padding as number[]).map((v) => `${v}px`).join(" ") : "0"}`
-        : "padding:0"
-      const radius = p.borderRadius ? `border-radius:${p.borderRadius}px;` : ""
+        ? `padding:${typeof p.padding === 'number' ? `${p.padding}px` : Array.isArray(p.padding) ? (p.padding as number[]).map((v) => `${v}px`).join(' ') : '0'}`
+        : 'padding:0'
+      const radius = p.borderRadius ? `border-radius:${p.borderRadius}px;` : ''
 
-      if (p.direction === "row") {
+      if (p.direction === 'row') {
         // Row layout via nested table
-        const children = node.children.filter((c): c is DocNode => typeof c !== "string")
+        const children = node.children.filter((c): c is DocNode => typeof c !== 'string')
         const colWidth = Math.floor(100 / Math.max(children.length, 1))
-        return `<table width="100%" cellpadding="0" cellspacing="0" border="0" style="${bg}${radius}${pad}"><tr>${children.map((child) => `<td width="${colWidth}%" valign="top" style="padding:${(p.gap as number | undefined) ? `0 ${(p.gap as number) / 2}px` : "0"}">${renderNode(child)}</td>`).join("")}</tr></table>`
+        return `<table width="100%" cellpadding="0" cellspacing="0" border="0" style="${bg}${radius}${pad}"><tr>${children.map((child) => `<td width="${colWidth}%" valign="top" style="padding:${(p.gap as number | undefined) ? `0 ${(p.gap as number) / 2}px` : '0'}">${renderNode(child)}</td>`).join('')}</tr></table>`
       }
 
       return wrapInTable(renderChildren(node.children), `${bg}${radius}${pad}`)
     }
 
-    case "row": {
-      const children = node.children.filter((c): c is DocNode => typeof c !== "string")
+    case 'row': {
+      const children = node.children.filter((c): c is DocNode => typeof c !== 'string')
       const gap = (p.gap as number) ?? 0
-      return `<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>${children.map((child) => `<td valign="top" style="padding:0 ${gap / 2}px">${renderNode(child)}</td>`).join("")}</tr></table>`
+      return `<table width="100%" cellpadding="0" cellspacing="0" border="0"><tr>${children.map((child) => `<td valign="top" style="padding:0 ${gap / 2}px">${renderNode(child)}</td>`).join('')}</tr></table>`
     }
 
-    case "column":
+    case 'column':
       return renderChildren(node.children)
 
-    case "heading": {
+    case 'heading': {
       const level = (p.level as number) ?? 1
       const sizes: Record<number, number> = {
         1: 28,
@@ -91,37 +91,37 @@ function renderNode(node: DocNode): string {
         6: 14,
       }
       const size = sizes[level] ?? 24
-      const color = sanitizeColor((p.color as string) ?? "#000000")
-      const align = (p.align as string) ?? "left"
+      const color = sanitizeColor((p.color as string) ?? '#000000')
+      const align = (p.align as string) ?? 'left'
       return `<h${level} style="margin:0 0 12px 0;font-size:${size}px;color:${color};text-align:${align};font-weight:bold;line-height:1.3">${renderChildren(node.children)}</h${level}>`
     }
 
-    case "text": {
+    case 'text': {
       const size = (p.size as number) ?? 14
-      const color = sanitizeColor((p.color as string) ?? "#333333")
-      const weight = p.bold ? "bold" : "normal"
-      const style = p.italic ? "italic" : "normal"
-      const decoration = p.underline ? "underline" : p.strikethrough ? "line-through" : "none"
-      const align = (p.align as string) ?? "left"
+      const color = sanitizeColor((p.color as string) ?? '#333333')
+      const weight = p.bold ? 'bold' : 'normal'
+      const style = p.italic ? 'italic' : 'normal'
+      const decoration = p.underline ? 'underline' : p.strikethrough ? 'line-through' : 'none'
+      const align = (p.align as string) ?? 'left'
       const lh = (p.lineHeight as number) ?? 1.5
       return `<p style="margin:0 0 12px 0;font-size:${size}px;color:${color};font-weight:${weight};font-style:${style};text-decoration:${decoration};text-align:${align};line-height:${lh}">${renderChildren(node.children)}</p>`
     }
 
-    case "link":
-      return `<a href="${esc(sanitizeHref(p.href as string))}" style="color:${sanitizeColor((p.color as string) ?? "#4f46e5")};text-decoration:underline" target="_blank">${renderChildren(node.children)}</a>`
+    case 'link':
+      return `<a href="${esc(sanitizeHref(p.href as string))}" style="color:${sanitizeColor((p.color as string) ?? '#4f46e5')};text-decoration:underline" target="_blank">${renderChildren(node.children)}</a>`
 
-    case "image": {
-      const align = (p.align as string) ?? "left"
-      const img = `<img src="${esc(sanitizeImageSrc(p.src as string))}"${p.width ? ` width="${p.width}"` : ""}${p.height ? ` height="${p.height}"` : ""} alt="${esc((p.alt as string) ?? "")}" style="display:block;outline:none;border:none;text-decoration:none${p.width ? `;max-width:${p.width}px` : ""}" />`
+    case 'image': {
+      const align = (p.align as string) ?? 'left'
+      const img = `<img src="${esc(sanitizeImageSrc(p.src as string))}"${p.width ? ` width="${p.width}"` : ''}${p.height ? ` height="${p.height}"` : ''} alt="${esc((p.alt as string) ?? '')}" style="display:block;outline:none;border:none;text-decoration:none${p.width ? `;max-width:${p.width}px` : ''}" />`
       if (p.caption) {
-        return `<table cellpadding="0" cellspacing="0" border="0"${align === "center" ? ' align="center"' : ""}><tr><td>${img}</td></tr><tr><td style="font-size:12px;color:#666;padding-top:4px;text-align:center">${esc(p.caption as string)}</td></tr></table>`
+        return `<table cellpadding="0" cellspacing="0" border="0"${align === 'center' ? ' align="center"' : ''}><tr><td>${img}</td></tr><tr><td style="font-size:12px;color:#666;padding-top:4px;text-align:center">${esc(p.caption as string)}</td></tr></table>`
       }
-      if (align === "center") return `<div style="text-align:center">${img}</div>`
-      if (align === "right") return `<div style="text-align:right">${img}</div>`
+      if (align === 'center') return `<div style="text-align:center">${img}</div>`
+      if (align === 'right') return `<div style="text-align:right">${img}</div>`
       return img
     }
 
-    case "table": {
+    case 'table': {
       const columns = ((p.columns ?? []) as (string | TableColumn)[]).map(resolveColumn)
       const rows = (p.rows ?? []) as (string | number)[][]
       const hs = p.headerStyle as
@@ -134,71 +134,71 @@ function renderNode(node: DocNode): string {
       if (p.caption)
         html += `<caption style="font-size:12px;color:#666;padding:8px;text-align:left">${esc(p.caption as string)}</caption>`
 
-      html += "<tr>"
+      html += '<tr>'
       for (const col of columns) {
         const bg = hs?.background
           ? `background-color:${sanitizeColor(hs.background)};`
-          : "background-color:#f5f5f5;"
-        const color = hs?.color ? `color:${sanitizeColor(hs.color)};` : ""
-        const align = col.align ? `text-align:${col.align};` : ""
+          : 'background-color:#f5f5f5;'
+        const color = hs?.color ? `color:${sanitizeColor(hs.color)};` : ''
+        const align = col.align ? `text-align:${col.align};` : ''
         const width = col.width
-          ? `width:${typeof col.width === "number" ? `${col.width}px` : col.width};`
-          : ""
+          ? `width:${typeof col.width === 'number' ? `${col.width}px` : col.width};`
+          : ''
         html += `<th style="${bg}${color}font-weight:bold;${align}${width}padding:8px;border-bottom:2px solid #ddd">${esc(col.header)}</th>`
       }
-      html += "</tr>"
+      html += '</tr>'
 
       for (let i = 0; i < rows.length; i++) {
-        const bg = striped && i % 2 === 1 ? "background-color:#f9f9f9;" : ""
-        html += "<tr>"
+        const bg = striped && i % 2 === 1 ? 'background-color:#f9f9f9;' : ''
+        html += '<tr>'
         for (let j = 0; j < columns.length; j++) {
           const col = columns[j]
-          const align = col?.align ? `text-align:${col.align};` : ""
-          html += `<td style="${bg}${align}padding:8px;border-bottom:1px solid #eee">${esc(String(rows[i]?.[j] ?? ""))}</td>`
+          const align = col?.align ? `text-align:${col.align};` : ''
+          html += `<td style="${bg}${align}padding:8px;border-bottom:1px solid #eee">${esc(String(rows[i]?.[j] ?? ''))}</td>`
         }
-        html += "</tr>"
+        html += '</tr>'
       }
-      html += "</table>"
+      html += '</table>'
       return html
     }
 
-    case "list": {
-      const tag = p.ordered ? "ol" : "ul"
+    case 'list': {
+      const tag = p.ordered ? 'ol' : 'ul'
       return `<${tag} style="margin:0 0 12px 0;padding-left:24px">${renderChildren(node.children)}</${tag}>`
     }
 
-    case "list-item":
+    case 'list-item':
       return `<li style="margin:0 0 4px 0;font-size:14px;color:#333">${renderChildren(node.children)}</li>`
 
-    case "code":
+    case 'code':
       return `<pre style="background-color:#f5f5f5;padding:12px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#333;overflow-x:auto;margin:0 0 12px 0"><code>${esc(renderChildren(node.children))}</code></pre>`
 
-    case "divider": {
-      const color = sanitizeColor((p.color as string) ?? "#dddddd")
+    case 'divider': {
+      const color = sanitizeColor((p.color as string) ?? '#dddddd')
       const thickness = (p.thickness as number) ?? 1
       return `<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:16px 0"><tr><td style="border-top:${thickness}px solid ${color};font-size:0;line-height:0">&nbsp;</td></tr></table>`
     }
 
-    case "page-break":
+    case 'page-break':
       return `<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:24px 0"><tr><td style="border-top:2px solid #dddddd;font-size:0;line-height:0">&nbsp;</td></tr></table>`
 
-    case "spacer":
+    case 'spacer':
       return `<div style="height:${p.height}px;line-height:${p.height}px;font-size:0">&nbsp;</div>`
 
-    case "button": {
-      const bg = sanitizeColor((p.background as string) ?? "#4f46e5")
-      const color = sanitizeColor((p.color as string) ?? "#ffffff")
+    case 'button': {
+      const bg = sanitizeColor((p.background as string) ?? '#4f46e5')
+      const color = sanitizeColor((p.color as string) ?? '#ffffff')
       const radius = (p.borderRadius as number) ?? 4
       const href = esc(sanitizeHref(p.href as string))
       const text = renderChildren(node.children)
-      const align = (p.align as string) ?? "left"
+      const align = (p.align as string) ?? 'left'
 
       // Bulletproof button — works in Outlook via VML, CSS everywhere else
       return `<div style="text-align:${align};margin:12px 0"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="${href}" style="height:44px;v-text-anchor:middle;width:200px" arcsize="10%" strokecolor="${bg}" fillcolor="${bg}"><w:anchorlock/><center style="color:${color};font-family:Arial,sans-serif;font-size:14px;font-weight:bold">${text}</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="${href}" style="display:inline-block;background-color:${bg};color:${color};padding:12px 24px;border-radius:${radius}px;text-decoration:none;font-weight:bold;font-size:14px;font-family:Arial,sans-serif" target="_blank">${text}</a><!--<![endif]--></div>`
     }
 
-    case "quote": {
-      const borderColor = sanitizeColor((p.borderColor as string) ?? "#dddddd")
+    case 'quote': {
+      const borderColor = sanitizeColor((p.borderColor as string) ?? '#dddddd')
       return `<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:12px 0"><tr><td style="border-left:4px solid ${borderColor};padding:12px 20px;color:#555555;font-style:italic">${renderChildren(node.children)}</td></tr></table>`
     }