@pyreon/document 0.10.0 → 0.11.1

package/src/renderers/pptx.ts

@@ -1,11 +1,5 @@
-import { sanitizeHref, sanitizeImageSrc, sanitizeXmlColor } from '../sanitize'
-import type {
-  DocChild,
-  DocNode,
-  DocumentRenderer,
-  RenderOptions,
-  TableColumn,
-} from '../types'
+import { sanitizeHref, sanitizeImageSrc, sanitizeXmlColor } from "../sanitize"
+import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from "../types"
 
 /**
  * PPTX renderer — lazy-loads pptxgenjs on first use.
@@ -27,15 +21,13 @@ import type {
  */
 
 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("")
 }
 
 /** Vertical position tracker for placing elements on a slide. */
@@ -81,7 +73,7 @@ function processNode(node: DocNode, ctx: SlideContext): void {
   const p = node.props
 
   switch (node.type) {
-    case 'heading': {
+    case "heading": {
       const level = (p.level as number) ?? 1
       const fontSize = HEADING_SIZES[level] ?? 20
       ctx.slide.addText(getTextContent(node.children), {
@@ -91,14 +83,14 @@ function processNode(node: DocNode, ctx: SlideContext): void {
         h: 0.6,
         fontSize,
         bold: true,
-        color: sanitizeXmlColor((p.color as string) ?? '#000000'),
-        align: (p.align as string) ?? 'left',
+        color: sanitizeXmlColor((p.color as string) ?? "#000000"),
+        align: (p.align as string) ?? "left",
       })
       ctx.y += 0.7
       break
     }
 
-    case 'text': {
+    case "text": {
       const text = getTextContent(node.children)
       ctx.slide.addText(text, {
         x: CONTENT_MARGIN,
@@ -108,21 +100,21 @@ function processNode(node: DocNode, ctx: SlideContext): void {
         fontSize: (p.size as number) ?? 14,
         bold: p.bold ?? false,
         italic: p.italic ?? false,
-        underline: p.underline ? { style: 'sng' } : undefined,
-        strike: p.strikethrough ? 'sngStrike' : undefined,
-        color: sanitizeXmlColor((p.color as string) ?? '#333333'),
-        align: (p.align as string) ?? 'left',
+        underline: p.underline ? { style: "sng" } : undefined,
+        strike: p.strikethrough ? "sngStrike" : undefined,
+        color: sanitizeXmlColor((p.color as string) ?? "#333333"),
+        align: (p.align as string) ?? "left",
       })
       ctx.y += 0.5
       break
     }
 
-    case 'image': {
+    case "image": {
       const src = sanitizeImageSrc(p.src as string)
       const w = Math.min(((p.width as number) ?? 400) / 96, CONTENT_WIDTH)
       const h = ((p.height as number) ?? 300) / 96
 
-      if (src.startsWith('data:')) {
+      if (src.startsWith("data:")) {
         ctx.slide.addImage({
           data: src,
           x: CONTENT_MARGIN,
@@ -136,34 +128,29 @@ function processNode(node: DocNode, ctx: SlideContext): void {
       break
     }
 
-    case 'table': {
-      const columns = ((p.columns ?? []) as (string | TableColumn)[]).map(
-        resolveColumn,
-      )
+    case "table": {
+      const columns = ((p.columns ?? []) as (string | TableColumn)[]).map(resolveColumn)
       const rows = (p.rows ?? []) as (string | number)[][]
-      const hs = p.headerStyle as
-        | { background?: string; color?: string }
-        | undefined
+      const hs = p.headerStyle as { background?: string; color?: string } | undefined
 
       const headerRow = columns.map((col) => ({
         text: col.header,
         options: {
           bold: true,
-          fill: { color: sanitizeXmlColor(hs?.background ?? '#f5f5f5') },
-          color: sanitizeXmlColor(hs?.color ?? '#000000'),
-          align: col.align ?? 'left',
+          fill: { color: sanitizeXmlColor(hs?.background ?? "#f5f5f5") },
+          color: sanitizeXmlColor(hs?.color ?? "#000000"),
+          align: col.align ?? "left",
           fontSize: 12,
         },
       }))
 
       const dataRows = rows.map((row, rowIdx) =>
         columns.map((col, colIdx) => ({
-          text: String(row[colIdx] ?? ''),
+          text: String(row[colIdx] ?? ""),
           options: {
-            align: col.align ?? 'left',
+            align: col.align ?? "left",
             fontSize: 11,
-            fill:
-              p.striped && rowIdx % 2 === 1 ? { color: 'F9F9F9' } : undefined,
+            fill: p.striped && rowIdx % 2 === 1 ? { color: "F9F9F9" } : undefined,
           },
         })),
       )
@@ -176,16 +163,16 @@ function processNode(node: DocNode, ctx: SlideContext): void {
         x: CONTENT_MARGIN,
         y: ctx.y,
         w: CONTENT_WIDTH,
-        border: { pt: 0.5, color: 'DDDDDD' },
+        border: { pt: 0.5, color: "DDDDDD" },
         rowH: rowHeight,
       })
       ctx.y += tableHeight + 0.2
       break
     }
 
-    case 'list': {
+    case "list": {
       const items = node.children
-        .filter((c): c is DocNode => typeof c !== 'string')
+        .filter((c): c is DocNode => typeof c !== "string")
         .map((item) => getTextContent(item.children))
 
       const isOrdered = p.ordered as boolean
@@ -204,7 +191,7 @@ function processNode(node: DocNode, ctx: SlideContext): void {
       break
     }
 
-    case 'code': {
+    case "code": {
       const text = getTextContent(node.children)
       ctx.slide.addText(text, {
         x: CONTENT_MARGIN,
@@ -212,15 +199,15 @@ function processNode(node: DocNode, ctx: SlideContext): void {
         w: CONTENT_WIDTH,
         h: 0.5,
         fontSize: 10,
-        fontFace: 'Courier New',
-        fill: { color: 'F5F5F5' },
-        color: '333333',
+        fontFace: "Courier New",
+        fill: { color: "F5F5F5" },
+        color: "333333",
       })
       ctx.y += 0.6
       break
     }
 
-    case 'quote': {
+    case "quote": {
       const text = getTextContent(node.children)
       ctx.slide.addText(text, {
         x: CONTENT_MARGIN + 0.3,
@@ -229,28 +216,28 @@ function processNode(node: DocNode, ctx: SlideContext): void {
         h: 0.5,
         fontSize: 13,
         italic: true,
-        color: '555555',
+        color: "555555",
       })
       ctx.y += 0.6
       break
     }
 
-    case 'link': {
+    case "link": {
       ctx.slide.addText(getTextContent(node.children), {
         x: CONTENT_MARGIN,
         y: ctx.y,
         w: CONTENT_WIDTH,
         h: 0.4,
         fontSize: 13,
-        color: '4F46E5',
-        underline: { style: 'sng' },
+        color: "4F46E5",
+        underline: { style: "sng" },
         hyperlink: { url: sanitizeHref(p.href as string) },
       })
       ctx.y += 0.5
       break
     }
 
-    case 'button': {
+    case "button": {
       ctx.slide.addText(getTextContent(node.children), {
         x: CONTENT_MARGIN,
         y: ctx.y,
@@ -258,41 +245,41 @@ function processNode(node: DocNode, ctx: SlideContext): void {
         h: 0.5,
         fontSize: 14,
         bold: true,
-        color: sanitizeXmlColor((p.color as string) ?? '#ffffff'),
+        color: sanitizeXmlColor((p.color as string) ?? "#ffffff"),
         fill: {
-          color: sanitizeXmlColor((p.background as string) ?? '#4f46e5'),
+          color: sanitizeXmlColor((p.background as string) ?? "#4f46e5"),
         },
-        align: 'center',
+        align: "center",
         hyperlink: { url: sanitizeHref(p.href as string) },
       })
       ctx.y += 0.6
       break
     }
 
-    case 'spacer': {
+    case "spacer": {
       ctx.y += ((p.height as number) ?? 12) / 72
       break
     }
 
-    case 'divider': {
+    case "divider": {
       // Render as a thin line using a text element with top border
-      ctx.slide.addText('', {
+      ctx.slide.addText("", {
         x: CONTENT_MARGIN,
         y: ctx.y,
         w: CONTENT_WIDTH,
         h: 0.02,
-        fill: { color: sanitizeXmlColor((p.color as string) ?? '#DDDDDD') },
+        fill: { color: sanitizeXmlColor((p.color as string) ?? "#DDDDDD") },
       })
       ctx.y += 0.2
       break
     }
 
     // Container types — recurse into children
-    case 'section':
-    case 'row':
-    case 'column':
+    case "section":
+    case "row":
+    case "column":
       for (const child of node.children) {
-        if (typeof child !== 'string') {
+        if (typeof child !== "string") {
           processNode(child, ctx)
         }
       }
@@ -308,7 +295,7 @@ function processSlide(pageNode: DocNode, pptx: PptxGen): void {
   const ctx: SlideContext = { slide, y: CONTENT_MARGIN }
 
   for (const child of pageNode.children) {
-    if (typeof child !== 'string') {
+    if (typeof child !== "string") {
       processNode(child, ctx)
     }
   }
@@ -316,7 +303,14 @@ function processSlide(pageNode: DocNode, pptx: PptxGen): void {
 
 export const pptxRenderer: DocumentRenderer = {
   async render(node: DocNode, _options?: RenderOptions): Promise<Uint8Array> {
-    const PptxGenJS = await import('pptxgenjs')
+    let PptxGenJS: any
+    try {
+      PptxGenJS = await import("pptxgenjs")
+    } catch {
+      throw new Error(
+        '[@pyreon/document] PPTX renderer requires "pptxgenjs" package. Install it: bun add pptxgenjs',
+      )
+    }
     const PptxGenClass = PptxGenJS.default ?? PptxGenJS
 
     const pptx = new PptxGenClass() as PptxGen
@@ -329,7 +323,7 @@ export const pptxRenderer: DocumentRenderer = {
     // Collect pages — each becomes a slide
     const pages: DocNode[] = []
     for (const child of node.children) {
-      if (typeof child !== 'string' && child.type === 'page') {
+      if (typeof child !== "string" && child.type === "page") {
         pages.push(child)
       }
     }
@@ -337,7 +331,7 @@ export const pptxRenderer: DocumentRenderer = {
     // If no explicit pages, treat entire document content as one slide
     if (pages.length === 0) {
       const syntheticPage: DocNode = {
-        type: 'page',
+        type: "page",
         props: {},
         children: node.children,
       }
@@ -348,7 +342,7 @@ export const pptxRenderer: DocumentRenderer = {
       processSlide(page, pptx)
     }
 
-    const output = await pptx.write('arraybuffer')
+    const output = await pptx.write("arraybuffer")
     return new Uint8Array(output as ArrayBuffer)
   },
 }

package/src/renderers/slack.ts

@@ -1,11 +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"
 
 /**
  * Slack Block Kit renderer — outputs JSON that can be posted via Slack's API.
@@ -13,15 +7,13 @@ import type {
  */
 
 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 SlackBlock {
@@ -29,12 +21,12 @@ interface SlackBlock {
   [key: string]: unknown
 }
 
-function mrkdwn(text: string): { type: 'mrkdwn'; text: string } {
-  return { type: 'mrkdwn', text }
+function mrkdwn(text: string): { type: "mrkdwn"; text: string } {
+  return { type: "mrkdwn", text }
 }
 
-function plainText(text: string): { type: 'plain_text'; text: string } {
-  return { type: 'plain_text', text }
+function plainText(text: string): { type: "plain_text"; text: string } {
+  return { type: "plain_text", text }
 }
 
 function nodeToBlocks(node: DocNode): SlackBlock[] {
@@ -42,140 +34,136 @@ function nodeToBlocks(node: DocNode): SlackBlock[] {
   const blocks: SlackBlock[] = []
 
   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") {
           blocks.push(...nodeToBlocks(child))
         }
       }
       break
 
-    case 'heading':
+    case "heading":
       blocks.push({
-        type: 'header',
+        type: "header",
         text: plainText(getTextContent(node.children)),
       })
       break
 
-    case 'text': {
+    case "text": {
       let text = getTextContent(node.children)
       if (p.bold) text = `*${text}*`
       if (p.italic) text = `_${text}_`
       if (p.strikethrough) text = `~${text}~`
       blocks.push({
-        type: 'section',
+        type: "section",
         text: mrkdwn(text),
       })
       break
     }
 
-    case 'link': {
+    case "link": {
       const href = sanitizeHref(p.href as string)
       const text = getTextContent(node.children)
       blocks.push({
-        type: 'section',
+        type: "section",
         text: mrkdwn(`<${href}|${text}>`),
       })
       break
     }
 
-    case 'image': {
+    case "image": {
       const src = sanitizeImageSrc(p.src as string)
       // Slack only supports public URLs for images
-      if (src.startsWith('http')) {
+      if (src.startsWith("http")) {
         blocks.push({
-          type: 'image',
+          type: "image",
           image_url: src,
-          alt_text: (p.alt as string) ?? 'Image',
+          alt_text: (p.alt as string) ?? "Image",
           ...(p.caption ? { title: plainText(p.caption as string) } : {}),
         })
       }
       break
     }
 
-    case 'table': {
-      const columns = ((p.columns ?? []) as (string | TableColumn)[]).map(
-        resolveColumn,
-      )
+    case "table": {
+      const columns = ((p.columns ?? []) as (string | TableColumn)[]).map(resolveColumn)
       const rows = (p.rows ?? []) as (string | number)[][]
 
       // Slack doesn't have native tables — render as formatted text
-      const header = columns.map((c) => `*${c.header}*`).join(' | ')
-      const separator = columns.map(() => '---').join(' | ')
-      const body = rows
-        .map((row) => row.map((cell) => String(cell ?? '')).join(' | '))
-        .join('\n')
+      const header = columns.map((c) => `*${c.header}*`).join(" | ")
+      const separator = columns.map(() => "---").join(" | ")
+      const body = rows.map((row) => row.map((cell) => String(cell ?? "")).join(" | ")).join("\n")
 
       let text = `${header}\n${separator}\n${body}`
       if (p.caption) text = `_${p.caption}_\n${text}`
 
       blocks.push({
-        type: 'section',
+        type: "section",
         text: mrkdwn(`\`\`\`\n${text}\n\`\`\``),
       })
       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")
       blocks.push({
-        type: 'section',
+        type: "section",
         text: mrkdwn(items),
       })
       break
     }
 
-    case 'code': {
+    case "code": {
       const text = getTextContent(node.children)
-      const lang = (p.language as string) ?? ''
+      const lang = (p.language as string) ?? ""
       blocks.push({
-        type: 'section',
+        type: "section",
         text: mrkdwn(`\`\`\`${lang}\n${text}\n\`\`\``),
       })
       break
     }
 
-    case 'divider':
-    case 'page-break':
-      blocks.push({ type: 'divider' })
+    case "divider":
+    case "page-break":
+      blocks.push({ type: "divider" })
       break
 
-    case 'spacer':
+    case "spacer":
       // No equivalent in Slack — skip
       break
 
-    case 'button': {
+    case "button": {
       const href = sanitizeHref(p.href as string)
       const text = getTextContent(node.children)
       blocks.push({
-        type: 'actions',
+        type: "actions",
         elements: [
           {
-            type: 'button',
+            type: "button",
             text: plainText(text),
             url: href,
-            style: 'primary',
+            style: "primary",
           },
         ],
       })
       break
     }
 
-    case 'quote': {
+    case "quote": {
       const text = getTextContent(node.children)
       blocks.push({
-        type: 'section',
+        type: "section",
         text: mrkdwn(`> ${text}`),
       })
       break