const editor = document.querySelector('document-editor')

// 内容操作
editor.value                    // 获取纯文本
editor.value = 'Hello World'    // 设置文本
editor.getSnapshot()            // 获取完整快照
editor.setSnapshot(snapshot)    // 设置快照
editor.clear()                  // 清空内容

// 编辑操作
editor.format({ bold: true })   // 格式化选区
editor.addBlock('heading1')     // 添加 Block
editor.undo()                   // 撤销
editor.redo()                   // 重做

// 信息获取
editor.blockCount               // Block 数量
editor.characterCount           // 字符数
editor.canUndo                  // 是否可撤销
editor.canRedo                  // 是否可重做

// 焦点控制
editor.focus()                  // 聚焦编辑器

const editor = document.querySelector('document-editor')

// 配置自定义上传处理
editor.configureFileUpload({
  uploadHandler: async (fileInfo, onProgress) => {
    const formData = new FormData()
    formData.append('file', fileInfo.file)

    const response = await fetch('/api/upload', {
      method: 'POST',
      body: formData,
    })

    const data = await response.json()

    return {
      success: true,
      url: data.url,
      fileId: data.id,
    }
  },
  onSuccess: (result, fileInfo) => {
    console.log('上传成功:', result.url)
  },
  onError: (error, fileInfo) => {
    console.error('上传失败:', error)
  },
})

// 上传图片
await editor.uploadFiles('image')

// 上传视频
await editor.uploadFiles('video')

// 上传任意文件
await editor.uploadFiles()

// 上传指定文件
await editor.uploadFile(file)

import '@moku/crdt'

const editor = document.querySelector('document-editor')

// 启用 CRDT 模式
editor.enableCRDT({
  websocketUrl: 'wss://your-server.com',
  roomName: 'my-document',
  user: {
    name: '张三',
    color: '#ff6b6b',
  },
})

// 禁用 CRDT 模式
editor.disableCRDT()

// 检查状态
console.log(editor.isCRDTEnabled) // true/false

import { Editor } from '@moku/core'

const editor = new Editor()

// 挂载到 DOM
editor.mount(document.getElementById('editor'))

// 文本操作
editor.insertText('block_id', 0, 'Hello')
editor.deleteText('block_id', 0, 5)
editor.formatText('block_id', 0, 5, { bold: true })

// Block 操作
editor.insertBlock(0, 'heading1')
editor.deleteBlock('block_id')
editor.setBlockType('block_id', 'quote')
editor.moveBlock('block_id', 2)

// 选区操作
editor.setCursor('block_id', 5)
editor.setSelection({ anchor: {...}, focus: {...} })
editor.formatSelection({ italic: true })

// 历史操作
editor.undo()
editor.redo()

// 序列化
const snapshot = editor.toJSON()
editor.fromJSON(snapshot)

// 事件订阅
const unsubscribe = editor.subscribe((event) => {
  console.log('事件:', event.type, event.blockId)
})

import type {
  // Block 相关
  BlockType,
  BlockData,

  // 文本相关
  Attributes,
  State,

  // 选区相关
  Selection,
  SelectionRange,
  Position,

  // 编辑器相关
  EditorSnapshot,
  EditorEvent,
  EditorCommand,

  // 文件相关
  FileData,
  FileStorageType,
} from '@moku/core'