@pyreon/document 0.11.4 → 0.11.6

package/src/renderers/google-chat.ts

@@ -1,5 +1,5 @@
-import { sanitizeHref, sanitizeImageSrc } from "../sanitize"
-import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from "../types"
+import { sanitizeHref, sanitizeImageSrc } from '../sanitize'
+import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from '../types'
 
 /**
  * Google Chat renderer — outputs Card V2 JSON for Google Chat API.
@@ -7,13 +7,13 @@ import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn }
  */
 
 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('')
 }
 
 interface CardWidget {
@@ -25,23 +25,23 @@ function nodeToWidgets(node: DocNode): CardWidget[] {
   const widgets: CardWidget[] = []
 
   switch (node.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 node.children) {
-        if (typeof child !== "string") {
+        if (typeof child !== 'string') {
           widgets.push(...nodeToWidgets(child))
         }
       }
       break
 
-    case "heading": {
+    case 'heading': {
       const text = getTextContent(node.children)
       widgets.push({
         decoratedText: {
-          topLabel: "",
+          topLabel: '',
           text: `<b>${text}</b>`,
           wrapText: true,
         },
@@ -49,7 +49,7 @@ function nodeToWidgets(node: DocNode): CardWidget[] {
       break
     }
 
-    case "text": {
+    case 'text': {
       let text = getTextContent(node.children)
       if (p.bold) text = `<b>${text}</b>`
       if (p.italic) text = `<i>${text}</i>`
@@ -60,7 +60,7 @@ function nodeToWidgets(node: DocNode): CardWidget[] {
       break
     }
 
-    case "link": {
+    case 'link': {
       const href = sanitizeHref(p.href as string)
       const text = getTextContent(node.children)
       widgets.push({
@@ -69,26 +69,26 @@ function nodeToWidgets(node: DocNode): CardWidget[] {
       break
     }
 
-    case "image": {
+    case 'image': {
       const src = sanitizeImageSrc(p.src as string)
-      if (src.startsWith("http")) {
+      if (src.startsWith('http')) {
         widgets.push({
           image: {
             imageUrl: src,
-            altText: (p.alt as string) ?? "Image",
+            altText: (p.alt as string) ?? 'Image',
           },
         })
       }
       break
     }
 
-    case "table": {
+    case 'table': {
       const columns = ((p.columns ?? []) as (string | TableColumn)[]).map(resolveColumn)
       const rows = (p.rows ?? []) as (string | number)[][]
 
       // Google Chat Cards don't have native tables — use grid or formatted text
-      const header = columns.map((c) => `<b>${c.header}</b>`).join(" | ")
-      const body = rows.map((row) => row.map((c) => String(c ?? "")).join(" | ")).join("\n")
+      const header = columns.map((c) => `<b>${c.header}</b>`).join(' | ')
+      const body = rows.map((row) => row.map((c) => String(c ?? '')).join(' | ')).join('\n')
 
       widgets.push({
         textParagraph: { text: `${header}\n${body}` },
@@ -96,22 +96,22 @@ function nodeToWidgets(node: DocNode): CardWidget[] {
       break
     }
 
-    case "list": {
+    case 'list': {
       const ordered = p.ordered as boolean | undefined
       const items = node.children
-        .filter((c): c is DocNode => typeof c !== "string")
+        .filter((c): c is DocNode => typeof c !== 'string')
         .map((item, i) => {
-          const prefix = ordered ? `${i + 1}.` : "•"
+          const prefix = ordered ? `${i + 1}.` : '•'
           return `${prefix} ${getTextContent(item.children)}`
         })
-        .join("\n")
+        .join('\n')
       widgets.push({
         textParagraph: { text: items },
       })
       break
     }
 
-    case "code": {
+    case 'code': {
       const text = getTextContent(node.children)
       widgets.push({
         textParagraph: {
@@ -121,16 +121,16 @@ function nodeToWidgets(node: DocNode): CardWidget[] {
       break
     }
 
-    case "divider":
-    case "page-break":
+    case 'divider':
+    case 'page-break':
       widgets.push({ divider: {} })
       break
 
-    case "spacer":
+    case 'spacer':
       // No direct equivalent — skip
       break
 
-    case "button": {
+    case 'button': {
       const href = sanitizeHref(p.href as string)
       const text = getTextContent(node.children)
       widgets.push({
@@ -152,7 +152,7 @@ function nodeToWidgets(node: DocNode): CardWidget[] {
       break
     }
 
-    case "quote": {
+    case 'quote': {
       const text = getTextContent(node.children)
       widgets.push({
         textParagraph: { text: `<i>"${text}"</i>` },
@@ -169,10 +169,10 @@ export const googleChatRenderer: DocumentRenderer = {
     const widgets = nodeToWidgets(node)
 
     // Extract title from first heading or document title
-    let title = (node.props.title as string) ?? ""
+    let title = (node.props.title as string) ?? ''
     if (!title) {
       const firstHeading = node.children.find(
-        (c): c is DocNode => typeof c !== "string" && c.type === "heading",
+        (c): c is DocNode => typeof c !== 'string' && c.type === 'heading',
       )
       if (firstHeading) title = getTextContent(firstHeading.children)
     }
@@ -180,7 +180,7 @@ export const googleChatRenderer: DocumentRenderer = {
     const card = {
       cardsV2: [
         {
-          cardId: "document",
+          cardId: 'document',
           card: {
             header: title
               ? { title, subtitle: (node.props.subject as string) ?? undefined }

package/src/renderers/html.ts

@@ -1,67 +1,67 @@
-import { sanitizeColor, sanitizeHref, sanitizeImageSrc, sanitizeStyle } from "../sanitize"
-import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from "../types"
+import { sanitizeColor, sanitizeHref, sanitizeImageSrc, sanitizeStyle } from '../sanitize'
+import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from '../types'
 
 function escapeHtml(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 styleStr(styles: Record<string, string | number | undefined>): string {
   const parts: string[] = []
   for (const [k, v] of Object.entries(styles)) {
-    if (v != null && v !== "") {
-      const prop = k.replace(/([A-Z])/g, "-$1").toLowerCase()
-      parts.push(`${prop}:${typeof v === "number" ? `${v}px` : v}`)
+    if (v != null && v !== '') {
+      const prop = k.replace(/([A-Z])/g, '-$1').toLowerCase()
+      parts.push(`${prop}:${typeof v === 'number' ? `${v}px` : v}`)
     }
   }
-  return parts.length > 0 ? ` style="${parts.join(";")}"` : ""
+  return parts.length > 0 ? ` style="${parts.join(';')}"` : ''
 }
 
 function padStr(
   pad: number | [number, number] | [number, number, number, number] | undefined,
 ): string | undefined {
   if (pad == null) return undefined
-  if (typeof pad === "number") return `${pad}px`
+  if (typeof pad === 'number') return `${pad}px`
   if (pad.length === 2) return `${pad[0]}px ${pad[1]}px`
   return `${pad[0]}px ${pad[1]}px ${pad[2]}px ${pad[3]}px`
 }
 
 function renderChild(child: DocChild): string {
-  if (typeof child === "string") return escapeHtml(child)
+  if (typeof child === 'string') return escapeHtml(child)
   return renderNode(child)
 }
 
 function renderChildren(children: DocChild[]): string {
-  return children.map(renderChild).join("")
+  return children.map(renderChild).join('')
 }
 
 function renderNode(node: DocNode): string {
   const p = node.props
 
   switch (node.type) {
-    case "document": {
-      const lang = (p.language as string) ?? "en"
-      const title = p.title ? `<title>${escapeHtml(p.title as string)}</title>` : ""
+    case 'document': {
+      const lang = (p.language as string) ?? 'en'
+      const title = p.title ? `<title>${escapeHtml(p.title as string)}</title>` : ''
       return `<!DOCTYPE html><html lang="${lang}"><head><meta charset="utf-8">${title}<meta name="viewport" content="width=device-width,initial-scale=1"></head><body>${renderChildren(node.children)}</body></html>`
     }
 
-    case "page": {
+    case 'page': {
       const margin = padStr(p.margin as PageMargin)
-      return `<div${styleStr({ maxWidth: "800px", margin: margin ?? "0 auto", padding: margin ?? "40px" })}>${renderChildren(node.children)}</div>`
+      return `<div${styleStr({ maxWidth: '800px', margin: margin ?? '0 auto', padding: margin ?? '40px' })}>${renderChildren(node.children)}</div>`
     }
 
-    case "section": {
-      const dir = (p.direction as string) ?? "column"
+    case 'section': {
+      const dir = (p.direction as string) ?? 'column'
       return `<div${styleStr({
-        display: dir === "row" ? "flex" : "block",
-        flexDirection: dir === "row" ? "row" : undefined,
+        display: dir === 'row' ? 'flex' : 'block',
+        flexDirection: dir === 'row' ? 'row' : undefined,
         gap: p.gap as number | undefined,
         padding: padStr(p.padding as PageMargin),
         background: sanitizeColor(p.background as string | undefined),
@@ -69,48 +69,48 @@ function renderNode(node: DocNode): string {
       })}>${renderChildren(node.children)}</div>`
     }
 
-    case "row":
-      return `<div${styleStr({ display: "flex", gap: p.gap as number | undefined, alignItems: p.align as string | undefined })}>${renderChildren(node.children)}</div>`
+    case 'row':
+      return `<div${styleStr({ display: 'flex', gap: p.gap as number | undefined, alignItems: p.align as string | undefined })}>${renderChildren(node.children)}</div>`
 
-    case "column":
-      return `<div${styleStr({ flex: p.width ? undefined : "1", width: p.width as string | undefined, textAlign: p.align as string | undefined })}>${renderChildren(node.children)}</div>`
+    case 'column':
+      return `<div${styleStr({ flex: p.width ? undefined : '1', width: p.width as string | undefined, textAlign: p.align as string | undefined })}>${renderChildren(node.children)}</div>`
 
-    case "heading": {
+    case 'heading': {
       const level = (p.level as number) ?? 1
       const tag = `h${Math.min(Math.max(level, 1), 6)}`
       return `<${tag}${styleStr({ color: sanitizeColor(p.color as string | undefined), textAlign: p.align as string | undefined })}>${renderChildren(node.children)}</${tag}>`
     }
 
-    case "text": {
+    case 'text': {
       return `<p${styleStr({
         fontSize: p.size as number | undefined,
         color: sanitizeColor(p.color as string | undefined),
-        fontWeight: p.bold ? "bold" : undefined,
-        fontStyle: p.italic ? "italic" : undefined,
-        textDecoration: p.underline ? "underline" : p.strikethrough ? "line-through" : undefined,
+        fontWeight: p.bold ? 'bold' : undefined,
+        fontStyle: p.italic ? 'italic' : undefined,
+        textDecoration: p.underline ? 'underline' : p.strikethrough ? 'line-through' : undefined,
         textAlign: p.align as string | undefined,
         lineHeight: p.lineHeight as number | undefined,
       })}>${renderChildren(node.children)}</p>`
     }
 
-    case "link":
+    case 'link':
       return `<a href="${escapeHtml(sanitizeHref(p.href as string))}"${styleStr({ color: sanitizeColor(p.color as string | undefined) })}>${renderChildren(node.children)}</a>`
 
-    case "image": {
+    case 'image': {
       const alignStyle =
-        p.align === "center"
-          ? "display:block;margin:0 auto"
-          : p.align === "right"
-            ? "display:block;margin-left:auto"
-            : ""
-      const img = `<img src="${escapeHtml(sanitizeImageSrc(p.src as string))}"${p.width ? ` width="${p.width}"` : ""}${p.height ? ` height="${p.height}"` : ""}${p.alt ? ` alt="${escapeHtml(p.alt as string)}"` : ""}${alignStyle ? ` style="${sanitizeStyle(alignStyle)}"` : ""} />`
+        p.align === 'center'
+          ? 'display:block;margin:0 auto'
+          : p.align === 'right'
+            ? 'display:block;margin-left:auto'
+            : ''
+      const img = `<img src="${escapeHtml(sanitizeImageSrc(p.src as string))}"${p.width ? ` width="${p.width}"` : ''}${p.height ? ` height="${p.height}"` : ''}${p.alt ? ` alt="${escapeHtml(p.alt as string)}"` : ''}${alignStyle ? ` style="${sanitizeStyle(alignStyle)}"` : ''} />`
       if (p.caption) {
-        return `<figure${p.align === "center" ? ' style="text-align:center"' : ""}>${img}<figcaption>${escapeHtml(p.caption as string)}</figcaption></figure>`
+        return `<figure${p.align === 'center' ? ' style="text-align:center"' : ''}>${img}<figcaption>${escapeHtml(p.caption as string)}</figcaption></figure>`
       }
       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
@@ -119,76 +119,76 @@ function renderNode(node: DocNode): string {
       const striped = p.striped as boolean | undefined
       const bordered = p.bordered as boolean | undefined
       const borderStyle = bordered
-        ? "border:1px solid #ddd;border-collapse:collapse;"
-        : "border-collapse:collapse;"
+        ? 'border:1px solid #ddd;border-collapse:collapse;'
+        : 'border-collapse:collapse;'
 
       let html = `<table style="width:100%;${borderStyle}">`
       if (p.caption) html += `<caption>${escapeHtml(p.caption as string)}</caption>`
 
-      html += "<thead><tr>"
+      html += '<thead><tr>'
       for (const col of columns) {
-        const cellBorder = bordered ? "border:1px solid #ddd;" : ""
-        const bgStyle = hs?.background ? `background:${sanitizeColor(hs.background)};` : ""
-        const colorStyle = hs?.color ? `color:${sanitizeColor(hs.color)};` : ""
-        const fontStyle = hs?.bold !== false ? "font-weight:bold;" : ""
-        const alignStyle = col.align ? `text-align:${col.align};` : ""
+        const cellBorder = bordered ? 'border:1px solid #ddd;' : ''
+        const bgStyle = hs?.background ? `background:${sanitizeColor(hs.background)};` : ''
+        const colorStyle = hs?.color ? `color:${sanitizeColor(hs.color)};` : ''
+        const fontStyle = hs?.bold !== false ? 'font-weight:bold;' : ''
+        const alignStyle = col.align ? `text-align:${col.align};` : ''
         const widthStyle = 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="${cellBorder}${bgStyle}${colorStyle}${fontStyle}${alignStyle}${widthStyle}padding:8px">${escapeHtml(col.header)}</th>`
       }
-      html += "</tr></thead>"
+      html += '</tr></thead>'
 
-      html += "<tbody>"
+      html += '<tbody>'
       for (let i = 0; i < rows.length; i++) {
-        const rowBg = striped && i % 2 === 1 ? ' style="background:#f9f9f9"' : ""
+        const rowBg = striped && i % 2 === 1 ? ' style="background:#f9f9f9"' : ''
         html += `<tr${rowBg}>`
         for (let j = 0; j < columns.length; j++) {
-          const cellBorder = bordered ? "border:1px solid #ddd;" : ""
+          const cellBorder = bordered ? 'border:1px solid #ddd;' : ''
           const col = columns[j]
-          const alignStyle = col?.align ? `text-align:${col.align};` : ""
-          html += `<td style="${cellBorder}${alignStyle}padding:8px">${escapeHtml(String(rows[i]?.[j] ?? ""))}</td>`
+          const alignStyle = col?.align ? `text-align:${col.align};` : ''
+          html += `<td style="${cellBorder}${alignStyle}padding:8px">${escapeHtml(String(rows[i]?.[j] ?? ''))}</td>`
         }
-        html += "</tr>"
+        html += '</tr>'
       }
-      html += "</tbody></table>"
+      html += '</tbody></table>'
       return html
     }
 
-    case "list": {
-      const tag = p.ordered ? "ol" : "ul"
+    case 'list': {
+      const tag = p.ordered ? 'ol' : 'ul'
       return `<${tag}>${renderChildren(node.children)}</${tag}>`
     }
 
-    case "list-item":
+    case 'list-item':
       return `<li>${renderChildren(node.children)}</li>`
 
-    case "code":
+    case 'code':
       return `<pre style="background:#f5f5f5;padding:12px;border-radius:4px;overflow-x:auto"><code>${escapeHtml(renderChildren(node.children))}</code></pre>`
 
-    case "divider": {
-      const color = sanitizeColor((p.color as string) ?? "#ddd")
+    case 'divider': {
+      const color = sanitizeColor((p.color as string) ?? '#ddd')
       const thickness = (p.thickness as number) ?? 1
       return `<hr style="border:none;border-top:${thickness}px solid ${color};margin:16px 0" />`
     }
 
-    case "page-break":
+    case 'page-break':
       return '<div style="page-break-after:always;break-after:page"></div>'
 
-    case "spacer":
+    case 'spacer':
       return `<div style="height:${p.height}px"></div>`
 
-    case "button": {
-      const bg = sanitizeColor((p.background as string) ?? "#4f46e5")
-      const color = sanitizeColor((p.color as string) ?? "#fff")
+    case 'button': {
+      const bg = sanitizeColor((p.background as string) ?? '#4f46e5')
+      const color = sanitizeColor((p.color as string) ?? '#fff')
       const radius = (p.borderRadius as number) ?? 4
       const pad = padStr((p.padding ?? [12, 24]) as [number, number])
-      const align = (p.align as string) ?? "left"
+      const align = (p.align as string) ?? 'left'
       return `<div style="text-align:${align}"><a href="${escapeHtml(sanitizeHref(p.href as string))}" style="display:inline-block;background:${bg};color:${color};padding:${pad};border-radius:${radius}px;text-decoration:none;font-weight:bold">${renderChildren(node.children)}</a></div>`
     }
 
-    case "quote": {
-      const borderColor = sanitizeColor((p.borderColor as string) ?? "#ddd")
+    case 'quote': {
+      const borderColor = sanitizeColor((p.borderColor as string) ?? '#ddd')
       return `<blockquote style="margin:0;padding:12px 20px;border-left:4px solid ${borderColor};color:#555">${renderChildren(node.children)}</blockquote>`
     }
 
@@ -202,8 +202,8 @@ type PageMargin = number | [number, number] | [number, number, number, number]
 export const htmlRenderer: DocumentRenderer = {
   async render(node: DocNode, options?: RenderOptions): Promise<string> {
     let html = renderNode(node)
-    if (options?.direction === "rtl") {
-      html = html.replace("<body>", '<body dir="rtl" style="direction:rtl">')
+    if (options?.direction === 'rtl') {
+      html = html.replace('<body>', '<body dir="rtl" style="direction:rtl">')
     }
     return html
   },

package/src/renderers/markdown.ts

@@ -1,47 +1,47 @@
-import { sanitizeHref, sanitizeImageSrc } from "../sanitize"
-import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from "../types"
+import { sanitizeHref, sanitizeImageSrc } from '../sanitize'
+import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from '../types'
 
 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 child
+  if (typeof child === 'string') return child
   return renderNode(child)
 }
 
 function renderChildren(children: DocChild[]): string {
-  return children.map(renderChild).join("")
+  return children.map(renderChild).join('')
 }
 
 function renderInline(children: DocChild[]): string {
-  return children.map(renderChild).join("")
+  return children.map(renderChild).join('')
 }
 
 function renderNode(node: DocNode): string {
   const p = node.props
 
   switch (node.type) {
-    case "document":
+    case 'document':
       return renderChildren(node.children)
 
-    case "page":
+    case 'page':
       return renderChildren(node.children)
 
-    case "section":
+    case 'section':
       return `${renderChildren(node.children)}\n`
 
-    case "row":
-    case "column":
+    case 'row':
+    case 'column':
       return renderChildren(node.children)
 
-    case "heading": {
+    case 'heading': {
       const level = (p.level as number) ?? 1
-      const prefix = "#".repeat(Math.min(Math.max(level, 1), 6))
+      const prefix = '#'.repeat(Math.min(Math.max(level, 1), 6))
       return `${prefix} ${renderInline(node.children)}\n\n`
     }
 
-    case "text": {
+    case 'text': {
       let text = renderInline(node.children)
       if (p.bold) text = `**${text}**`
       if (p.italic) text = `*${text}*`
@@ -49,78 +49,78 @@ function renderNode(node: DocNode): string {
       return `${text}\n\n`
     }
 
-    case "link":
+    case 'link':
       return `[${renderInline(node.children)}](${sanitizeHref(p.href as string)})`
 
-    case "image": {
-      const alt = (p.alt as string) ?? ""
+    case 'image': {
+      const alt = (p.alt as string) ?? ''
       let md = `![${alt}](${sanitizeImageSrc(p.src as string)})`
       if (p.caption) md += `\n*${p.caption}*`
       return `${md}\n\n`
     }
 
-    case "table": {
+    case 'table': {
       const columns = ((p.columns ?? []) as (string | TableColumn)[]).map(resolveColumn)
       const rows = (p.rows ?? []) as (string | number)[][]
 
-      if (columns.length === 0) return ""
+      if (columns.length === 0) return ''
 
       // Header
-      const header = `| ${columns.map((c) => c.header).join(" | ")} |`
+      const header = `| ${columns.map((c) => c.header).join(' | ')} |`
 
       // Separator with alignment
       const separator = `| ${columns
         .map((c) => {
-          const align = c.align ?? "left"
-          if (align === "center") return ":---:"
-          if (align === "right") return "---:"
-          return "---"
+          const align = c.align ?? 'left'
+          if (align === 'center') return ':---:'
+          if (align === 'right') return '---:'
+          return '---'
         })
-        .join(" | ")} |`
+        .join(' | ')} |`
 
       // Rows
       const body = rows
-        .map((row) => `| ${row.map((cell) => String(cell ?? "")).join(" | ")} |`)
-        .join("\n")
+        .map((row) => `| ${row.map((cell) => String(cell ?? '')).join(' | ')} |`)
+        .join('\n')
 
       let md = `${header}\n${separator}\n${body}\n\n`
       if (p.caption) md = `*${p.caption}*\n\n${md}`
       return md
     }
 
-    case "list": {
+    case 'list': {
       const ordered = p.ordered as boolean | undefined
       return `${node.children
-        .filter((c): c is DocNode => typeof c !== "string")
+        .filter((c): c is DocNode => typeof c !== 'string')
         .map((item, i) => {
-          const prefix = ordered ? `${i + 1}.` : "-"
+          const prefix = ordered ? `${i + 1}.` : '-'
           return `${prefix} ${renderInline(item.children)}`
         })
-        .join("\n")}\n\n`
+        .join('\n')}\n\n`
     }
 
-    case "list-item":
+    case 'list-item':
       return renderInline(node.children)
 
-    case "code": {
-      const lang = (p.language as string) ?? ""
+    case 'code': {
+      const lang = (p.language as string) ?? ''
       const content = renderInline(node.children)
       return `\`\`\`${lang}\n${content}\n\`\`\`\n\n`
     }
 
-    case "divider":
-      return "---\n\n"
+    case 'divider':
+      return '---\n\n'
 
-    case "page-break":
-      return "---\n\n"
+    case 'page-break':
+      return '---\n\n'
 
-    case "spacer":
-      return "\n"
+    case 'spacer':
+      return '\n'
 
-    case "button":
+    case 'button':
       return `[${renderInline(node.children)}](${sanitizeHref(p.href as string)})\n\n`
 
-    case "quote":
+    case 'quote':
       return `> ${renderInline(node.children)}\n\n`
 
     default: