@pyreon/document 0.11.4 → 0.11.6

package/src/renderers/notion.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'
 
 /**
  * Notion renderer — outputs Notion Block JSON for the Notion API.
@@ -7,17 +7,17 @@ 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 RichText {
-  type: "text"
+  type: 'text'
   text: { content: string; link?: { url: string } }
   annotations?: {
     bold?: boolean
@@ -28,10 +28,10 @@ interface RichText {
   }
 }
 
-function textToRichText(text: string, annotations?: RichText["annotations"]): RichText[] {
+function textToRichText(text: string, annotations?: RichText['annotations']): RichText[] {
   return [
     {
-      type: "text",
+      type: 'text',
       text: { content: text },
       ...(annotations ? { annotations } : {}),
     },
@@ -39,7 +39,7 @@ function textToRichText(text: string, annotations?: RichText["annotations"]): Ri
 }
 
 interface NotionBlock {
-  object: "block"
+  object: 'block'
   type: string
   [key: string]: unknown
 }
@@ -49,40 +49,40 @@ function nodeToBlocks(node: DocNode): NotionBlock[] {
   const blocks: NotionBlock[] = []
 
   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': {
       const level = (p.level as number) ?? 1
       const text = getTextContent(node.children)
-      const type = level <= 1 ? "heading_1" : level === 2 ? "heading_2" : "heading_3"
+      const type = level <= 1 ? 'heading_1' : level === 2 ? 'heading_2' : 'heading_3'
       blocks.push({
-        object: "block",
+        object: 'block',
         type,
         [type]: { rich_text: textToRichText(text) },
       })
       break
     }
 
-    case "text": {
+    case 'text': {
       const text = getTextContent(node.children)
-      const annotations: RichText["annotations"] = {}
+      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",
+        object: 'block',
+        type: 'paragraph',
         paragraph: {
           rich_text: textToRichText(
             text,
@@ -93,27 +93,27 @@ function nodeToBlocks(node: DocNode): NotionBlock[] {
       break
     }
 
-    case "link": {
+    case 'link': {
       const href = sanitizeHref(p.href as string)
       const text = getTextContent(node.children)
       blocks.push({
-        object: "block",
-        type: "paragraph",
+        object: 'block',
+        type: 'paragraph',
         paragraph: {
-          rich_text: [{ type: "text", text: { content: text, link: { url: href } } }],
+          rich_text: [{ type: 'text', text: { content: text, link: { url: href } } }],
         },
       })
       break
     }
 
-    case "image": {
+    case 'image': {
       const src = sanitizeImageSrc(p.src as string)
-      if (src.startsWith("http")) {
+      if (src.startsWith('http')) {
         blocks.push({
-          object: "block",
-          type: "image",
+          object: 'block',
+          type: 'image',
           image: {
-            type: "external",
+            type: 'external',
             external: { url: src },
             ...(p.caption ? { caption: textToRichText(p.caption as string) } : {}),
           },
@@ -122,7 +122,7 @@ function nodeToBlocks(node: DocNode): NotionBlock[] {
       break
     }
 
-    case "table": {
+    case 'table': {
       const columns = ((p.columns ?? []) as (string | TableColumn)[]).map(resolveColumn)
       const rows = (p.rows ?? []) as (string | number)[][]
 
@@ -130,8 +130,8 @@ function nodeToBlocks(node: DocNode): NotionBlock[] {
 
       // Header row
       tableRows.push({
-        object: "block",
-        type: "table_row",
+        object: 'block',
+        type: 'table_row',
         table_row: {
           cells: columns.map((col) => textToRichText(col.header, { bold: true })),
         },
@@ -140,17 +140,17 @@ function nodeToBlocks(node: DocNode): NotionBlock[] {
       // Data rows
       for (const row of rows) {
         tableRows.push({
-          object: "block",
-          type: "table_row",
+          object: 'block',
+          type: 'table_row',
           table_row: {
-            cells: columns.map((_, i) => textToRichText(String(row[i] ?? ""))),
+            cells: columns.map((_, i) => textToRichText(String(row[i] ?? ''))),
           },
         })
       }
 
       blocks.push({
-        object: "block",
-        type: "table",
+        object: 'block',
+        type: 'table',
         table: {
           table_width: columns.length,
           has_column_header: true,
@@ -160,14 +160,14 @@ function nodeToBlocks(node: DocNode): NotionBlock[] {
       break
     }
 
-    case "list": {
+    case 'list': {
       const ordered = p.ordered as boolean | undefined
-      const items = node.children.filter((c): c is DocNode => typeof c !== "string")
+      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"
+        const type = ordered ? 'numbered_list_item' : 'bulleted_list_item'
         blocks.push({
-          object: "block",
+          object: 'block',
           type,
           [type]: { rich_text: textToRichText(text) },
         })
@@ -175,12 +175,12 @@ function nodeToBlocks(node: DocNode): NotionBlock[] {
       break
     }
 
-    case "code": {
+    case 'code': {
       const text = getTextContent(node.children)
-      const lang = (p.language as string) ?? "plain text"
+      const lang = (p.language as string) ?? 'plain text'
       blocks.push({
-        object: "block",
-        type: "code",
+        object: 'block',
+        type: 'code',
         code: {
           rich_text: textToRichText(text),
           language: lang,
@@ -189,29 +189,29 @@ function nodeToBlocks(node: DocNode): NotionBlock[] {
       break
     }
 
-    case "divider":
-    case "page-break":
-      blocks.push({ object: "block", type: "divider", divider: {} })
+    case 'divider':
+    case 'page-break':
+      blocks.push({ object: 'block', type: 'divider', divider: {} })
       break
 
-    case "spacer":
+    case 'spacer':
       blocks.push({
-        object: "block",
-        type: "paragraph",
+        object: 'block',
+        type: 'paragraph',
         paragraph: { rich_text: [] },
       })
       break
 
-    case "button": {
+    case 'button': {
       const href = sanitizeHref(p.href as string)
       const text = getTextContent(node.children)
       blocks.push({
-        object: "block",
-        type: "paragraph",
+        object: 'block',
+        type: 'paragraph',
         paragraph: {
           rich_text: [
             {
-              type: "text",
+              type: 'text',
               text: { content: text, link: { url: href } },
               annotations: { bold: true },
             },
@@ -221,11 +221,11 @@ function nodeToBlocks(node: DocNode): NotionBlock[] {
       break
     }
 
-    case "quote": {
+    case 'quote': {
       const text = getTextContent(node.children)
       blocks.push({
-        object: "block",
-        type: "quote",
+        object: 'block',
+        type: 'quote',
         quote: { rich_text: textToRichText(text) },
       })
       break

package/src/renderers/pdf.ts

@@ -1,4 +1,4 @@
-import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from "../types"
+import type { DocChild, DocNode, DocumentRenderer, RenderOptions, TableColumn } from '../types'
 
 /**
  * PDF renderer — lazy-loads pdfmake on first use.
@@ -17,13 +17,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('')
 }
 
 type PdfContent = Record<string, unknown> | string | PdfContent[]
@@ -50,39 +50,39 @@ const PAGE_SIZES: Record<string, { width: number; height: number }> = {
 function resolveImageSrc(
   src: string,
 ): { image: string } | { text: string; italics: true; color: string } {
-  if (src.startsWith("data:")) {
+  if (src.startsWith('data:')) {
     return { image: src }
   }
-  if (src.startsWith("http://") || src.startsWith("https://")) {
-    return { text: `[Image: ${src}]`, italics: true, color: "#999999" }
+  if (src.startsWith('http://') || src.startsWith('https://')) {
+    return { text: `[Image: ${src}]`, italics: true, color: '#999999' }
   }
   // Local path — cannot resolve in browser
-  return { text: `[Image: ${src}]`, italics: true, color: "#999999" }
+  return { text: `[Image: ${src}]`, italics: true, color: '#999999' }
 }
 
 function nodeToContent(node: DocNode): PdfContent | PdfContent[] | null {
   const p = node.props
 
   switch (node.type) {
-    case "document":
-    case "page":
+    case 'document':
+    case 'page':
       return node.children
-        .map((c) => (typeof c === "string" ? c : nodeToContent(c)))
+        .map((c) => (typeof c === 'string' ? c : nodeToContent(c)))
         .filter((c): c is PdfContent => c != null)
 
-    case "section": {
+    case 'section': {
       const content = node.children
-        .map((c) => (typeof c === "string" ? c : nodeToContent(c)))
+        .map((c) => (typeof c === 'string' ? c : nodeToContent(c)))
         .filter((c): c is PdfContent => c != null)
         .flat()
 
-      if (p.direction === "row") {
+      if (p.direction === 'row') {
         return {
           columns: node.children
-            .filter((c): c is DocNode => typeof c !== "string")
+            .filter((c): c is DocNode => typeof c !== 'string')
             .map((child) => ({
               stack: [nodeToContent(child)].flat().filter(Boolean),
-              width: child.props.width === "*" || !child.props.width ? "*" : child.props.width,
+              width: child.props.width === '*' || !child.props.width ? '*' : child.props.width,
             })),
           columnGap: (p.gap as number) ?? 0,
         }
@@ -91,25 +91,25 @@ function nodeToContent(node: DocNode): PdfContent | PdfContent[] | null {
       return content
     }
 
-    case "row": {
+    case 'row': {
       return {
         columns: node.children
-          .filter((c): c is DocNode => typeof c !== "string")
+          .filter((c): c is DocNode => typeof c !== 'string')
           .map((child) => ({
             stack: [nodeToContent(child)].flat().filter(Boolean),
-            width: child.props.width ?? "*",
+            width: child.props.width ?? '*',
           })),
         columnGap: (p.gap as number) ?? 0,
       }
     }
 
-    case "column":
+    case 'column':
       return node.children
-        .map((c) => (typeof c === "string" ? c : nodeToContent(c)))
+        .map((c) => (typeof c === 'string' ? c : nodeToContent(c)))
         .filter((c): c is PdfContent => c != null)
         .flat()
 
-    case "heading": {
+    case 'heading': {
       const level = (p.level as number) ?? 1
       const sizes: Record<number, number> = {
         1: 24,
@@ -123,45 +123,45 @@ function nodeToContent(node: DocNode): PdfContent | PdfContent[] | null {
         text: getTextContent(node.children),
         fontSize: sizes[level] ?? 18,
         bold: true,
-        color: (p.color as string) ?? "#000000",
-        alignment: (p.align as string) ?? "left",
+        color: (p.color as string) ?? '#000000',
+        alignment: (p.align as string) ?? 'left',
         margin: [0, level === 1 ? 0 : 8, 0, 8],
       }
     }
 
-    case "text":
+    case 'text':
       return {
         text: getTextContent(node.children),
         fontSize: (p.size as number) ?? 12,
-        color: (p.color as string) ?? "#333333",
+        color: (p.color as string) ?? '#333333',
         bold: p.bold ?? false,
         italics: p.italic ?? false,
-        decoration: p.underline ? "underline" : p.strikethrough ? "lineThrough" : undefined,
-        alignment: (p.align as string) ?? "left",
+        decoration: p.underline ? 'underline' : p.strikethrough ? 'lineThrough' : undefined,
+        alignment: (p.align as string) ?? 'left',
         lineHeight: (p.lineHeight as number) ?? 1.4,
         margin: [0, 0, 0, 8],
       }
 
-    case "link":
+    case 'link':
       return {
         text: getTextContent(node.children),
         link: p.href as string,
-        color: (p.color as string) ?? "#4f46e5",
-        decoration: "underline",
+        color: (p.color as string) ?? '#4f46e5',
+        decoration: 'underline',
       }
 
-    case "image": {
+    case 'image': {
       const src = p.src as string
       const resolved = resolveImageSrc(src)
 
-      if ("image" in resolved) {
+      if ('image' in resolved) {
         const result: Record<string, unknown> = {
           image: resolved.image,
           fit: [p.width ?? 500, p.height ?? 400],
           margin: [0, 0, 0, 8],
         }
-        if (p.align === "center") result.alignment = "center"
-        if (p.align === "right") result.alignment = "right"
+        if (p.align === 'center') result.alignment = 'center'
+        if (p.align === 'right') result.alignment = 'right'
         return result
       }
 
@@ -169,7 +169,7 @@ function nodeToContent(node: DocNode): PdfContent | PdfContent[] | null {
       return { ...resolved, margin: [0, 0, 0, 8] }
     }
 
-    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 { background?: string; color?: string } | undefined
@@ -177,22 +177,22 @@ function nodeToContent(node: DocNode): PdfContent | PdfContent[] | null {
       const headerRow = columns.map((col) => ({
         text: col.header,
         bold: true,
-        fillColor: hs?.background ?? "#f5f5f5",
-        color: hs?.color ?? "#000000",
-        alignment: col.align ?? "left",
+        fillColor: hs?.background ?? '#f5f5f5',
+        color: hs?.color ?? '#000000',
+        alignment: col.align ?? 'left',
       }))
 
       const dataRows = rows.map((row, rowIdx) =>
         columns.map((col, colIdx) => ({
-          text: String(row[colIdx] ?? ""),
-          alignment: col.align ?? "left",
-          fillColor: p.striped && rowIdx % 2 === 1 ? "#f9f9f9" : undefined,
+          text: String(row[colIdx] ?? ''),
+          alignment: col.align ?? 'left',
+          fillColor: p.striped && rowIdx % 2 === 1 ? '#f9f9f9' : undefined,
         })),
       )
 
       const widths = columns.map((col) => {
-        if (!col.width) return "*"
-        if (typeof col.width === "string" && col.width.endsWith("%")) {
+        if (!col.width) return '*'
+        if (typeof col.width === 'string' && col.width.endsWith('%')) {
           return col.width
         }
         return col.width
@@ -204,81 +204,81 @@ function nodeToContent(node: DocNode): PdfContent | PdfContent[] | null {
           widths,
           body: [headerRow, ...dataRows],
         },
-        layout: p.bordered ? undefined : "lightHorizontalLines",
+        layout: p.bordered ? undefined : 'lightHorizontalLines',
         unbreakable: p.keepTogether ?? false,
         margin: [0, 0, 0, 12],
       }
     }
 
-    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))
 
       return p.ordered ? { ol: items, margin: [0, 0, 0, 8] } : { ul: items, margin: [0, 0, 0, 8] }
     }
 
-    case "list-item":
+    case 'list-item':
       return getTextContent(node.children)
 
-    case "code":
+    case 'code':
       return {
         text: getTextContent(node.children),
-        font: "Courier",
+        font: 'Courier',
         fontSize: 10,
-        background: "#f5f5f5",
+        background: '#f5f5f5',
         margin: [0, 0, 0, 8],
       }
 
-    case "page-break":
-      return { text: "", pageBreak: "after" }
+    case 'page-break':
+      return { text: '', pageBreak: 'after' }
 
-    case "divider":
+    case 'divider':
       return {
         canvas: [
           {
-            type: "line",
+            type: 'line',
             x1: 0,
             y1: 0,
             x2: 515,
             y2: 0,
             lineWidth: (p.thickness as number) ?? 1,
-            lineColor: (p.color as string) ?? "#dddddd",
+            lineColor: (p.color as string) ?? '#dddddd',
           },
         ],
         margin: [0, 8, 0, 8],
       }
 
-    case "spacer":
-      return { text: "", margin: [0, (p.height as number) ?? 12, 0, 0] }
+    case 'spacer':
+      return { text: '', margin: [0, (p.height as number) ?? 12, 0, 0] }
 
-    case "button":
+    case 'button':
       return {
         text: getTextContent(node.children),
         link: p.href as string,
         bold: true,
-        color: (p.color as string) ?? "#ffffff",
-        background: (p.background as string) ?? "#4f46e5",
+        color: (p.color as string) ?? '#ffffff',
+        background: (p.background as string) ?? '#4f46e5',
         margin: [0, 8, 0, 8],
       }
 
-    case "quote":
+    case 'quote':
       return {
         table: {
-          widths: [4, "*"],
+          widths: [4, '*'],
           body: [
             [
-              { text: "", fillColor: (p.borderColor as string) ?? "#dddddd" },
+              { text: '', fillColor: (p.borderColor as string) ?? '#dddddd' },
               {
                 text: getTextContent(node.children),
                 italics: true,
-                color: "#555555",
+                color: '#555555',
                 margin: [8, 4, 0, 4],
               },
             ],
           ],
         },
-        layout: "noBorders",
+        layout: 'noBorders',
         margin: [0, 4, 0, 8],
       }
 
@@ -291,7 +291,7 @@ function resolveMargin(
   margin: number | [number, number] | [number, number, number, number] | undefined,
 ): [number, number, number, number] {
   if (margin == null) return [40, 40, 40, 40]
-  if (typeof margin === "number") return [margin, margin, margin, margin]
+  if (typeof margin === 'number') return [margin, margin, margin, margin]
   if (margin.length === 2) return [margin[1], margin[0], margin[1], margin[0]]
   return margin
 }
@@ -307,7 +307,7 @@ function renderHeaderFooter(node: DocNode | undefined): PdfContent | undefined {
   const content = nodeToContent(node)
   if (content == null) return undefined
   if (Array.isArray(content)) return { stack: content, margin: [40, 10, 40, 0] }
-  if (typeof content === "object") return { ...content, margin: [40, 10, 40, 0] }
+  if (typeof content === 'object') return { ...content, margin: [40, 10, 40, 0] }
   return { text: content, margin: [40, 10, 40, 0] }
 }
 
@@ -317,8 +317,8 @@ export const pdfRenderer: DocumentRenderer = {
     let pdfMakeModule: any
     let pdfFontsModule: any
     try {
-      pdfMakeModule = await import("pdfmake/build/pdfmake")
-      pdfFontsModule = await import("pdfmake/build/vfs_fonts")
+      pdfMakeModule = await import('pdfmake/build/pdfmake')
+      pdfFontsModule = await import('pdfmake/build/vfs_fonts')
     } catch {
       throw new Error(
         '[@pyreon/document] PDF renderer requires "pdfmake" package. Install it: bun add pdfmake',
@@ -330,7 +330,7 @@ export const pdfRenderer: DocumentRenderer = {
     // ESM interop may wrap it in an extra .default layer.
     // eslint-disable-next-line @typescript-eslint/no-explicit-any -- pdfmake types are incomplete
     let pdfMake: any = pdfMakeModule.default ?? pdfMakeModule
-    if (pdfMake.default && typeof pdfMake.default.createPdf === "function") {
+    if (pdfMake.default && typeof pdfMake.default.createPdf === 'function') {
       pdfMake = pdfMake.default
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any -- pdfmake types are incomplete
@@ -343,10 +343,10 @@ export const pdfRenderer: DocumentRenderer = {
 
     // Find page config
     const pageNode = node.children.find(
-      (c): c is DocNode => typeof c !== "string" && c.type === "page",
+      (c): c is DocNode => typeof c !== 'string' && c.type === 'page',
     )
-    const pageSize = (pageNode?.props.size as string) ?? "A4"
-    const pageOrientation = (pageNode?.props.orientation as string) ?? "portrait"
+    const pageSize = (pageNode?.props.size as string) ?? 'A4'
+    const pageOrientation = (pageNode?.props.orientation as string) ?? 'portrait'
     const pageMargin = resolveMargin(
       pageNode?.props.margin as
         | number
@@ -366,10 +366,10 @@ export const pdfRenderer: DocumentRenderer = {
       pageOrientation,
       pageMargins: pageMargin,
       info: {
-        title: (node.props.title as string) ?? "",
-        author: (node.props.author as string) ?? "",
-        subject: (node.props.subject as string) ?? "",
-        keywords: (node.props.keywords as string[])?.join(", ") ?? "",
+        title: (node.props.title as string) ?? '',
+        author: (node.props.author as string) ?? '',
+        subject: (node.props.subject as string) ?? '',
+        keywords: (node.props.keywords as string[])?.join(', ') ?? '',
       },
       content,
       defaultStyle: {