tiptap-extensions/src/nodes/TodoList.js

Extensions for tiptap

import { Node } from 'tiptap'
import { toggleList, wrappingInputRule } from 'tiptap-commands'

export default class TodoList extends Node {

  get name() {
    return 'todo_list'
  }

  get schema() {
    return {
      group: 'block',
      content: 'todo_item+',
      toDOM: () => ['ul', { 'data-type': this.name }, 0],
      parseDOM: [{
        priority: 51,
        tag: `[data-type="${this.name}"]`,
      }],
    }
  }

  commands({ type, schema }) {
    return () => toggleList(type, schema.nodes.todo_item)
  }

  inputRules({ type }) {
    return [
      wrappingInputRule(/^\s*(\[ \])\s$/, type),
    ]
  }

}