tiptap/packages/extension-task-list/index.ts
Philipp Kühn 62149cc5b2 refactoring
2020-10-30 16:06:30 +01:00

51 lines
952 B
TypeScript

import { Command, createNode, mergeAttributes } from '@tiptap/core'
import { wrappingInputRule } from 'prosemirror-inputrules'
// TODO: add suport for [ ] and [x]
export const inputRegex = /^\s*(\[ \])\s$/
const TaskList = createNode({
name: 'task_list',
list: true,
group: 'block',
content: 'task_item+',
parseHTML() {
return [
{
tag: 'ul[data-type="task_list"]',
priority: 51,
},
]
},
renderHTML({ attributes }) {
return ['ul', mergeAttributes(attributes, { 'data-type': 'task_list' }), 0]
},
addCommands() {
return {
taskList: (): Command => ({ commands }) => {
return commands.toggleList('task_list', 'task_item')
},
}
},
addInputRules() {
return [
wrappingInputRule(inputRegex, this.type),
]
},
})
export default TaskList
declare module '@tiptap/core/src/Editor' {
interface AllExtensions {
TaskList: typeof TaskList,
}
}