@pyreon/document 0.0.1

package/src/renderers/markdown.ts

@@ -0,0 +1,144 @@
+import type {
+  DocChild,
+  DocNode,
+  DocumentRenderer,
+  RenderOptions,
+  TableColumn,
+} from '../types'
+
+function resolveColumn(col: string | TableColumn): TableColumn {
+  return typeof col === 'string' ? { header: col } : col
+}
+
+function renderChild(child: DocChild): string {
+  if (typeof child === 'string') return child
+  return renderNode(child)
+}
+
+function renderChildren(children: DocChild[]): string {
+  return children.map(renderChild).join('')
+}
+
+function renderInline(children: DocChild[]): string {
+  return children.map(renderChild).join('')
+}
+
+function renderNode(node: DocNode): string {
+  const p = node.props
+
+  switch (node.type) {
+    case 'document':
+      return renderChildren(node.children)
+
+    case 'page':
+      return renderChildren(node.children)
+
+    case 'section':
+      return `${renderChildren(node.children)}\n`
+
+    case 'row':
+    case 'column':
+      return renderChildren(node.children)
+
+    case 'heading': {
+      const level = (p.level as number) ?? 1
+      const prefix = '#'.repeat(Math.min(Math.max(level, 1), 6))
+      return `${prefix} ${renderInline(node.children)}\n\n`
+    }
+
+    case 'text': {
+      let text = renderInline(node.children)
+      if (p.bold) text = `**${text}**`
+      if (p.italic) text = `*${text}*`
+      if (p.strikethrough) text = `~~${text}~~`
+      return `${text}\n\n`
+    }
+
+    case 'link':
+      return `[${renderInline(node.children)}](${p.href})`
+
+    case 'image': {
+      const alt = (p.alt as string) ?? ''
+      let md = `![${alt}](${p.src})`
+      if (p.caption) md += `\n*${p.caption}*`
+      return `${md}\n\n`
+    }
+
+    case 'table': {
+      const columns = ((p.columns ?? []) as (string | TableColumn)[]).map(
+        resolveColumn,
+      )
+      const rows = (p.rows ?? []) as (string | number)[][]
+
+      if (columns.length === 0) return ''
+
+      // Header
+      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 '---'
+        })
+        .join(' | ')} |`
+
+      // Rows
+      const body = rows
+        .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': {
+      const ordered = p.ordered as boolean | undefined
+      return `${node.children
+        .filter((c): c is DocNode => typeof c !== 'string')
+        .map((item, i) => {
+          const prefix = ordered ? `${i + 1}.` : '-'
+          return `${prefix} ${renderInline(item.children)}`
+        })
+        .join('\n')}\n\n`
+    }
+
+    case 'list-item':
+      return renderInline(node.children)
+
+    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 'page-break':
+      return '---\n\n'
+
+    case 'spacer':
+      return '\n'
+
+    case 'button':
+      return `[${renderInline(node.children)}](${p.href})\n\n`
+
+    case 'quote':
+      return `> ${renderInline(node.children)}\n\n`
+
+    default:
+      return renderChildren(node.children)
+  }
+}
+
+export const markdownRenderer: DocumentRenderer = {
+  async render(node: DocNode, _options?: RenderOptions): Promise<string> {
+    return `${renderNode(node).trim()}\n`
+  },
+}

package/src/renderers/notion.ts

@@ -0,0 +1,264 @@
+import type {
+  DocChild,
+  DocNode,
+  DocumentRenderer,
+  RenderOptions,
+  TableColumn,
+} from '../types'
+
+/**
+ * Notion renderer — outputs Notion Block JSON for the Notion API.
+ * Blocks can be appended to a page via `notion.blocks.children.append()`.
+ */
+
+function resolveColumn(col: string | TableColumn): TableColumn {
+  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('')
+}
+
+interface RichText {
+  type: 'text'
+  text: { content: string; link?: { url: string } }
+  annotations?: {
+    bold?: boolean
+    italic?: boolean
+    strikethrough?: boolean
+    underline?: boolean
+    code?: boolean
+  }
+}
+
+function textToRichText(
+  text: string,
+  annotations?: RichText['annotations'],
+): RichText[] {
+  return [
+    {
+      type: 'text',
+      text: { content: text },
+      ...(annotations ? { annotations } : {}),
+    },
+  ]
+}
+
+interface NotionBlock {
+  object: 'block'
+  type: string
+  [key: string]: unknown
+}
+
+function nodeToBlocks(node: DocNode): NotionBlock[] {
+  const p = node.props
+  const blocks: NotionBlock[] = []
+
+  switch (node.type) {
+    case 'document':
+    case 'page':
+    case 'section':
+    case 'row':
+    case 'column':
+      for (const child of node.children) {
+        if (typeof child !== 'string') {
+          blocks.push(...nodeToBlocks(child))
+        }
+      }
+      break
+
+    case 'heading': {
+      const level = (p.level as number) ?? 1
+      const text = getTextContent(node.children)
+      const type =
+        level <= 1 ? 'heading_1' : level === 2 ? 'heading_2' : 'heading_3'
+      blocks.push({
+        object: 'block',
+        type,
+        [type]: { rich_text: textToRichText(text) },
+      })
+      break
+    }
+
+    case 'text': {
+      const text = getTextContent(node.children)
+      const annotations: RichText['annotations'] = {}
+      if (p.bold) annotations.bold = true
+      if (p.italic) annotations.italic = true
+      if (p.strikethrough) annotations.strikethrough = true
+      if (p.underline) annotations.underline = true
+      blocks.push({
+        object: 'block',
+        type: 'paragraph',
+        paragraph: {
+          rich_text: textToRichText(
+            text,
+            Object.keys(annotations).length > 0 ? annotations : undefined,
+          ),
+        },
+      })
+      break
+    }
+
+    case 'link': {
+      const href = p.href as string
+      const text = getTextContent(node.children)
+      blocks.push({
+        object: 'block',
+        type: 'paragraph',
+        paragraph: {
+          rich_text: [
+            { type: 'text', text: { content: text, link: { url: href } } },
+          ],
+        },
+      })
+      break
+    }
+
+    case 'image': {
+      const src = p.src as string
+      if (src.startsWith('http')) {
+        blocks.push({
+          object: 'block',
+          type: 'image',
+          image: {
+            type: 'external',
+            external: { url: src },
+            ...(p.caption
+              ? { caption: textToRichText(p.caption as string) }
+              : {}),
+          },
+        })
+      }
+      break
+    }
+
+    case 'table': {
+      const columns = ((p.columns ?? []) as (string | TableColumn)[]).map(
+        resolveColumn,
+      )
+      const rows = (p.rows ?? []) as (string | number)[][]
+
+      const tableRows: NotionBlock[] = []
+
+      // Header row
+      tableRows.push({
+        object: 'block',
+        type: 'table_row',
+        table_row: {
+          cells: columns.map((col) =>
+            textToRichText(col.header, { bold: true }),
+          ),
+        },
+      })
+
+      // Data rows
+      for (const row of rows) {
+        tableRows.push({
+          object: 'block',
+          type: 'table_row',
+          table_row: {
+            cells: columns.map((_, i) => textToRichText(String(row[i] ?? ''))),
+          },
+        })
+      }
+
+      blocks.push({
+        object: 'block',
+        type: 'table',
+        table: {
+          table_width: columns.length,
+          has_column_header: true,
+          children: tableRows,
+        },
+      })
+      break
+    }
+
+    case 'list': {
+      const ordered = p.ordered as boolean | undefined
+      const items = node.children.filter(
+        (c): c is DocNode => typeof c !== 'string',
+      )
+      for (const item of items) {
+        const text = getTextContent(item.children)
+        const type = ordered ? 'numbered_list_item' : 'bulleted_list_item'
+        blocks.push({
+          object: 'block',
+          type,
+          [type]: { rich_text: textToRichText(text) },
+        })
+      }
+      break
+    }
+
+    case 'code': {
+      const text = getTextContent(node.children)
+      const lang = (p.language as string) ?? 'plain text'
+      blocks.push({
+        object: 'block',
+        type: 'code',
+        code: {
+          rich_text: textToRichText(text),
+          language: lang,
+        },
+      })
+      break
+    }
+
+    case 'divider':
+    case 'page-break':
+      blocks.push({ object: 'block', type: 'divider', divider: {} })
+      break
+
+    case 'spacer':
+      blocks.push({
+        object: 'block',
+        type: 'paragraph',
+        paragraph: { rich_text: [] },
+      })
+      break
+
+    case 'button': {
+      const href = p.href as string
+      const text = getTextContent(node.children)
+      blocks.push({
+        object: 'block',
+        type: 'paragraph',
+        paragraph: {
+          rich_text: [
+            {
+              type: 'text',
+              text: { content: text, link: { url: href } },
+              annotations: { bold: true },
+            },
+          ],
+        },
+      })
+      break
+    }
+
+    case 'quote': {
+      const text = getTextContent(node.children)
+      blocks.push({
+        object: 'block',
+        type: 'quote',
+        quote: { rich_text: textToRichText(text) },
+      })
+      break
+    }
+  }
+
+  return blocks
+}
+
+export const notionRenderer: DocumentRenderer = {
+  async render(node: DocNode, _options?: RenderOptions): Promise<string> {
+    const blocks = nodeToBlocks(node)
+    return JSON.stringify({ children: blocks }, null, 2)
+  },
+}