@puredesktop/platform-editor 1.0.0-beta.1 → 1.0.0-beta.2

package/src/insertCollectionImage.test.ts

@@ -1,60 +1,60 @@
-import type { Editor } from '@tiptap/core'
-import { describe, expect, it, vi } from 'vitest'
-import { insertCollectionImage } from './insertCollectionImage.js'
-
-function createMockEditor(): {
-  editor: Editor
-  insertContent: ReturnType<typeof vi.fn>
-  run: ReturnType<typeof vi.fn>
-} {
-  const run = vi.fn()
-  const insertContent = vi.fn().mockReturnThis()
-  const chain = {
-    focus: vi.fn().mockReturnThis(),
-    insertContent,
-    run,
-  }
-
-  const editor = {
-    isDestroyed: false,
-    chain: vi.fn(() => chain),
-    schema: { nodes: { image: {} } },
-  } as unknown as Editor
-
-  return { editor, insertContent, run }
-}
-
-describe('insertCollectionImage', () => {
-  it('inserts image node with data URL and collectionAssetSrc', () => {
-    const { editor, insertContent, run } = createMockEditor()
-    const bytes = Uint8Array.from([0x89, 0x50, 0x4e, 0x47])
-
-    insertCollectionImage(editor, {
-      relativePath: 'assets/figures/chart.png',
-      alt: 'Chart',
-      bytes,
-      mimeType: 'image/png',
-    })
-
-    expect(insertContent).toHaveBeenCalledWith({
-      type: 'image',
-      attrs: {
-        src: expect.stringMatching(/^data:image\/png;base64,/),
-        alt: 'Chart',
-        collectionAssetSrc: 'assets/figures/chart.png',
-      },
-    })
-    expect(run).toHaveBeenCalled()
-  })
-
-  it('returns false when editor is missing', () => {
-    expect(
-      insertCollectionImage(null, {
-        relativePath: 'assets/a.png',
-        alt: 'A',
-        bytes: new Uint8Array([1]),
-        mimeType: 'image/png',
-      }),
-    ).toBe(false)
-  })
-})
+import type { Editor } from '@tiptap/core'
+import { describe, expect, it, vi } from 'vitest'
+import { insertCollectionImage } from './insertCollectionImage.js'
+
+function createMockEditor(): {
+  editor: Editor
+  insertContent: ReturnType<typeof vi.fn>
+  run: ReturnType<typeof vi.fn>
+} {
+  const run = vi.fn()
+  const insertContent = vi.fn().mockReturnThis()
+  const chain = {
+    focus: vi.fn().mockReturnThis(),
+    insertContent,
+    run,
+  }
+
+  const editor = {
+    isDestroyed: false,
+    chain: vi.fn(() => chain),
+    schema: { nodes: { image: {} } },
+  } as unknown as Editor
+
+  return { editor, insertContent, run }
+}
+
+describe('insertCollectionImage', () => {
+  it('inserts image node with data URL and collectionAssetSrc', () => {
+    const { editor, insertContent, run } = createMockEditor()
+    const bytes = Uint8Array.from([0x89, 0x50, 0x4e, 0x47])
+
+    insertCollectionImage(editor, {
+      relativePath: 'assets/figures/chart.png',
+      alt: 'Chart',
+      bytes,
+      mimeType: 'image/png',
+    })
+
+    expect(insertContent).toHaveBeenCalledWith({
+      type: 'image',
+      attrs: {
+        src: expect.stringMatching(/^data:image\/png;base64,/),
+        alt: 'Chart',
+        collectionAssetSrc: 'assets/figures/chart.png',
+      },
+    })
+    expect(run).toHaveBeenCalled()
+  })
+
+  it('returns false when editor is missing', () => {
+    expect(
+      insertCollectionImage(null, {
+        relativePath: 'assets/a.png',
+        alt: 'A',
+        bytes: new Uint8Array([1]),
+        mimeType: 'image/png',
+      }),
+    ).toBe(false)
+  })
+})

package/src/insertCollectionImage.ts

@@ -1,63 +1,63 @@
-import type { Editor } from '@tiptap/core'
-
-export function uint8ArrayToBase64(bytes: Uint8Array): string {
-  let binary = ''
-  const chunk = 0x8000
-  for (let i = 0; i < bytes.length; i += chunk) {
-    binary += String.fromCharCode(...bytes.subarray(i, i + chunk))
-  }
-  return btoa(binary)
-}
-
-export interface InsertCollectionImageOptions {
-  relativePath: string
-  alt: string
-  bytes: Uint8Array
-  mimeType: string
-}
-
-/** Insert a file collection asset — data URL display + relative path for storage normalize. */
-export function insertCollectionImage(
-  editor: Editor | null | undefined,
-  options: InsertCollectionImageOptions,
-): boolean {
-  if (!editor || editor.isDestroyed) return false
-  const imageNode = editor.schema.nodes.image
-  if (!imageNode) return false
-
-  const dataUrl = `data:${options.mimeType};base64,${uint8ArrayToBase64(
-    options.bytes,
-  )}`
-  editor
-    .chain()
-    .focus()
-    .insertContent({
-      type: 'image',
-      attrs: {
-        src: dataUrl,
-        alt: options.alt,
-        collectionAssetSrc: options.relativePath,
-      },
-    })
-    .run()
-  return true
-}
-
-export function insertCollectionImageFromBinaryResult(
-  editor: Editor | null | undefined,
-  options: {
-    relativePath: string
-    alt: string
-    mimeType: string
-    base64: string
-  },
-): boolean {
-  const binary = atob(options.base64)
-  const bytes = Uint8Array.from(binary, char => char.charCodeAt(0))
-  return insertCollectionImage(editor, {
-    relativePath: options.relativePath,
-    alt: options.alt,
-    bytes,
-    mimeType: options.mimeType,
-  })
-}
+import type { Editor } from '@tiptap/core'
+
+export function uint8ArrayToBase64(bytes: Uint8Array): string {
+  let binary = ''
+  const chunk = 0x8000
+  for (let i = 0; i < bytes.length; i += chunk) {
+    binary += String.fromCharCode(...bytes.subarray(i, i + chunk))
+  }
+  return btoa(binary)
+}
+
+export interface InsertCollectionImageOptions {
+  relativePath: string
+  alt: string
+  bytes: Uint8Array
+  mimeType: string
+}
+
+/** Insert a file collection asset — data URL display + relative path for storage normalize. */
+export function insertCollectionImage(
+  editor: Editor | null | undefined,
+  options: InsertCollectionImageOptions,
+): boolean {
+  if (!editor || editor.isDestroyed) return false
+  const imageNode = editor.schema.nodes.image
+  if (!imageNode) return false
+
+  const dataUrl = `data:${options.mimeType};base64,${uint8ArrayToBase64(
+    options.bytes,
+  )}`
+  editor
+    .chain()
+    .focus()
+    .insertContent({
+      type: 'image',
+      attrs: {
+        src: dataUrl,
+        alt: options.alt,
+        collectionAssetSrc: options.relativePath,
+      },
+    })
+    .run()
+  return true
+}
+
+export function insertCollectionImageFromBinaryResult(
+  editor: Editor | null | undefined,
+  options: {
+    relativePath: string
+    alt: string
+    mimeType: string
+    base64: string
+  },
+): boolean {
+  const binary = atob(options.base64)
+  const bytes = Uint8Array.from(binary, char => char.charCodeAt(0))
+  return insertCollectionImage(editor, {
+    relativePath: options.relativePath,
+    alt: options.alt,
+    bytes,
+    mimeType: options.mimeType,
+  })
+}

package/src/insertInlineAssetKind.test.ts

@@ -1,67 +1,67 @@
-import type { Editor } from '@tiptap/core'
-import { describe, expect, it, vi } from 'vitest'
-import { insertInlineAssetKind } from './insertInlineAssetKind.js'
-
-function createMockEditor(
-  overrides: {
-    insertMermaidBlock?: ReturnType<typeof vi.fn>
-    insertContent?: ReturnType<typeof vi.fn>
-    insertBlockMath?: ReturnType<typeof vi.fn>
-  } = {},
-): Editor {
-  const run = vi.fn()
-  const chain = {
-    focus: vi.fn().mockReturnThis(),
-    insertMermaidBlock:
-      overrides.insertMermaidBlock ?? vi.fn().mockReturnThis(),
-    insertContent: overrides.insertContent ?? vi.fn().mockReturnThis(),
-    insertBlockMath: overrides.insertBlockMath ?? vi.fn().mockReturnThis(),
-    run,
-  }
-
-  return {
-    isDestroyed: false,
-    chain: vi.fn(() => chain),
-  } as unknown as Editor
-}
-
-describe('insertInlineAssetKind', () => {
-  it('inserts mermaid from sourceCode', () => {
-    const insertMermaidBlock = vi.fn().mockReturnThis()
-    const editor = createMockEditor({ insertMermaidBlock })
-
-    insertInlineAssetKind(editor, 'mermaid', 'flowchart LR\n  A --> B')
-
-    expect(insertMermaidBlock).toHaveBeenCalledWith('flowchart LR\n  A --> B')
-  })
-
-  it('inserts table HTML from sourceCode', () => {
-    const insertContent = vi.fn().mockReturnThis()
-    const editor = createMockEditor({ insertContent })
-    const table = '<table><tbody><tr><td>Cell</td></tr></tbody></table>'
-
-    insertInlineAssetKind(editor, 'table', table)
-
-    expect(insertContent).toHaveBeenCalledWith(table)
-  })
-
-  it('inserts block math via insertBlockMath when available', () => {
-    const insertBlockMath = vi.fn().mockReturnThis()
-    const editor = createMockEditor({ insertBlockMath })
-
-    insertInlineAssetKind(editor, 'math', '\\alpha + \\beta')
-
-    expect(insertBlockMath).toHaveBeenCalledWith({
-      latex: '\\alpha + \\beta',
-    })
-  })
-
-  it('no-ops when editor is destroyed', () => {
-    const editor = createMockEditor()
-    Object.defineProperty(editor, 'isDestroyed', { value: true })
-
-    insertInlineAssetKind(editor, 'mermaid', 'flowchart TD\n  A --> B')
-
-    expect(editor.chain).not.toHaveBeenCalled()
-  })
-})
+import type { Editor } from '@tiptap/core'
+import { describe, expect, it, vi } from 'vitest'
+import { insertInlineAssetKind } from './insertInlineAssetKind.js'
+
+function createMockEditor(
+  overrides: {
+    insertMermaidBlock?: ReturnType<typeof vi.fn>
+    insertContent?: ReturnType<typeof vi.fn>
+    insertBlockMath?: ReturnType<typeof vi.fn>
+  } = {},
+): Editor {
+  const run = vi.fn()
+  const chain = {
+    focus: vi.fn().mockReturnThis(),
+    insertMermaidBlock:
+      overrides.insertMermaidBlock ?? vi.fn().mockReturnThis(),
+    insertContent: overrides.insertContent ?? vi.fn().mockReturnThis(),
+    insertBlockMath: overrides.insertBlockMath ?? vi.fn().mockReturnThis(),
+    run,
+  }
+
+  return {
+    isDestroyed: false,
+    chain: vi.fn(() => chain),
+  } as unknown as Editor
+}
+
+describe('insertInlineAssetKind', () => {
+  it('inserts mermaid from sourceCode', () => {
+    const insertMermaidBlock = vi.fn().mockReturnThis()
+    const editor = createMockEditor({ insertMermaidBlock })
+
+    insertInlineAssetKind(editor, 'mermaid', 'flowchart LR\n  A --> B')
+
+    expect(insertMermaidBlock).toHaveBeenCalledWith('flowchart LR\n  A --> B')
+  })
+
+  it('inserts table HTML from sourceCode', () => {
+    const insertContent = vi.fn().mockReturnThis()
+    const editor = createMockEditor({ insertContent })
+    const table = '<table><tbody><tr><td>Cell</td></tr></tbody></table>'
+
+    insertInlineAssetKind(editor, 'table', table)
+
+    expect(insertContent).toHaveBeenCalledWith(table)
+  })
+
+  it('inserts block math via insertBlockMath when available', () => {
+    const insertBlockMath = vi.fn().mockReturnThis()
+    const editor = createMockEditor({ insertBlockMath })
+
+    insertInlineAssetKind(editor, 'math', '\\alpha + \\beta')
+
+    expect(insertBlockMath).toHaveBeenCalledWith({
+      latex: '\\alpha + \\beta',
+    })
+  })
+
+  it('no-ops when editor is destroyed', () => {
+    const editor = createMockEditor()
+    Object.defineProperty(editor, 'isDestroyed', { value: true })
+
+    insertInlineAssetKind(editor, 'mermaid', 'flowchart TD\n  A --> B')
+
+    expect(editor.chain).not.toHaveBeenCalled()
+  })
+})

package/src/insertInlineAssetKind.ts

@@ -1,49 +1,49 @@
-import type { Editor } from '@tiptap/core'
-
-export type InlineAssetInsertKind = 'mermaid' | 'table' | 'math'
-
-const DEFAULT_MERMAID = `flowchart TD
-  A[Start] --> B[End]`
-
-const DEFAULT_TABLE = '<table><tbody><tr><td></td></tr></tbody></table>'
-
-const DEFAULT_MATH = 'E = mc^2'
-
-/** TipTap commands for inline collection assets — no paths, no IO. */
-export function insertInlineAssetKind(
-  editor: Editor | null | undefined,
-  kind: InlineAssetInsertKind,
-  sourceCode?: string,
-): void {
-  if (!editor || editor.isDestroyed) return
-
-  switch (kind) {
-    case 'mermaid':
-      editor
-        .chain()
-        .focus()
-        .insertMermaidBlock(sourceCode?.trim() || DEFAULT_MERMAID)
-        .run()
-      return
-    case 'table':
-      editor
-        .chain()
-        .focus()
-        .insertContent(sourceCode?.trim() || DEFAULT_TABLE)
-        .run()
-      return
-    case 'math': {
-      const latex = sourceCode?.trim() || DEFAULT_MATH
-      const commands = editor.chain().focus() as ReturnType<Editor['chain']> & {
-        insertBlockMath?: (opts: {
-          latex: string
-        }) => ReturnType<Editor['chain']>
-      }
-      if (typeof commands.insertBlockMath === 'function') {
-        commands.insertBlockMath({ latex }).run()
-        return
-      }
-      editor.chain().focus().insertContent(`$$${latex}$$`).run()
-    }
-  }
-}
+import type { Editor } from '@tiptap/core'
+
+export type InlineAssetInsertKind = 'mermaid' | 'table' | 'math'
+
+const DEFAULT_MERMAID = `flowchart TD
+  A[Start] --> B[End]`
+
+const DEFAULT_TABLE = '<table><tbody><tr><td></td></tr></tbody></table>'
+
+const DEFAULT_MATH = 'E = mc^2'
+
+/** TipTap commands for inline collection assets — no paths, no IO. */
+export function insertInlineAssetKind(
+  editor: Editor | null | undefined,
+  kind: InlineAssetInsertKind,
+  sourceCode?: string,
+): void {
+  if (!editor || editor.isDestroyed) return
+
+  switch (kind) {
+    case 'mermaid':
+      editor
+        .chain()
+        .focus()
+        .insertMermaidBlock(sourceCode?.trim() || DEFAULT_MERMAID)
+        .run()
+      return
+    case 'table':
+      editor
+        .chain()
+        .focus()
+        .insertContent(sourceCode?.trim() || DEFAULT_TABLE)
+        .run()
+      return
+    case 'math': {
+      const latex = sourceCode?.trim() || DEFAULT_MATH
+      const commands = editor.chain().focus() as ReturnType<Editor['chain']> & {
+        insertBlockMath?: (opts: {
+          latex: string
+        }) => ReturnType<Editor['chain']>
+      }
+      if (typeof commands.insertBlockMath === 'function') {
+        commands.insertBlockMath({ latex }).run()
+        return
+      }
+      editor.chain().focus().insertContent(`$$${latex}$$`).run()
+    }
+  }
+}

package/src/mermaidPreview.test.ts

@@ -1,54 +1,54 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-const mermaidRender = vi.hoisted(() => vi.fn())
-
-vi.mock('mermaid', () => ({
-  default: {
-    initialize: vi.fn(),
-    render: mermaidRender,
-  },
-}))
-
-import {
-  expandMermaidBlocksForPrint,
-  extractMermaidSourceFromHtml,
-  renderMermaidPreviewSvg,
-} from './mermaidPreview.js'
-
-describe('mermaidPreview', () => {
-  beforeEach(() => {
-    mermaidRender.mockReset()
-    mermaidRender.mockResolvedValue({
-      svg: '<svg data-testid="mermaid"></svg>',
-    })
-  })
-
-  it('extractMermaidSourceFromHtml preserves arrow syntax', () => {
-    const html =
-      '<figure data-type="mermaid"><pre><code class="language-mermaid">flowchart TD\n  A --> B</code></pre></figure>'
-
-    expect(extractMermaidSourceFromHtml(html)).toBe('flowchart TD\n  A --> B')
-  })
-
-  it('renderMermaidPreviewSvg returns svg from mermaid.render', async () => {
-    const svg = await renderMermaidPreviewSvg('flowchart TD\n  A --> B', {
-      theme: 'default',
-    })
-    expect(mermaidRender).toHaveBeenCalled()
-    expect(svg).toContain('data-testid="mermaid"')
-  })
-
-  it('expandMermaidBlocksForPrint replaces blocks with SVG wrapper', async () => {
-    const html =
-      '<figure data-type="mermaid"><pre><code class="language-mermaid">flowchart TD\n  A --> B</code></pre></figure>'
-
-    const expanded = await expandMermaidBlocksForPrint(html, {
-      theme: 'default',
-    })
-
-    expect(mermaidRender).toHaveBeenCalled()
-    expect(expanded).toContain('platform-print-mermaid')
-    expect(expanded).toContain('<svg data-testid="mermaid"></svg>')
-    expect(expanded).not.toContain('language-mermaid')
-  })
-})
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+const mermaidRender = vi.hoisted(() => vi.fn())
+
+vi.mock('mermaid', () => ({
+  default: {
+    initialize: vi.fn(),
+    render: mermaidRender,
+  },
+}))
+
+import {
+  expandMermaidBlocksForPrint,
+  extractMermaidSourceFromHtml,
+  renderMermaidPreviewSvg,
+} from './mermaidPreview.js'
+
+describe('mermaidPreview', () => {
+  beforeEach(() => {
+    mermaidRender.mockReset()
+    mermaidRender.mockResolvedValue({
+      svg: '<svg data-testid="mermaid"></svg>',
+    })
+  })
+
+  it('extractMermaidSourceFromHtml preserves arrow syntax', () => {
+    const html =
+      '<figure data-type="mermaid"><pre><code class="language-mermaid">flowchart TD\n  A --> B</code></pre></figure>'
+
+    expect(extractMermaidSourceFromHtml(html)).toBe('flowchart TD\n  A --> B')
+  })
+
+  it('renderMermaidPreviewSvg returns svg from mermaid.render', async () => {
+    const svg = await renderMermaidPreviewSvg('flowchart TD\n  A --> B', {
+      theme: 'default',
+    })
+    expect(mermaidRender).toHaveBeenCalled()
+    expect(svg).toContain('data-testid="mermaid"')
+  })
+
+  it('expandMermaidBlocksForPrint replaces blocks with SVG wrapper', async () => {
+    const html =
+      '<figure data-type="mermaid"><pre><code class="language-mermaid">flowchart TD\n  A --> B</code></pre></figure>'
+
+    const expanded = await expandMermaidBlocksForPrint(html, {
+      theme: 'default',
+    })
+
+    expect(mermaidRender).toHaveBeenCalled()
+    expect(expanded).toContain('platform-print-mermaid')
+    expect(expanded).toContain('<svg data-testid="mermaid"></svg>')
+    expect(expanded).not.toContain('language-mermaid')
+  })
+})