refactor: restructure extensions

packages/extension-task-item/src/index.ts

@@ -1,148 +0,0 @@
-import { Node, mergeAttributes } from '@tiptap/core'
-import { wrappingInputRule } from 'prosemirror-inputrules'
-
-export interface TaskItemOptions {
-  nested: boolean,
-  HTMLAttributes: {
-    [key: string]: any
-  },
-}
-
-export const inputRegex = /^\s*(\[([ |x])\])\s$/
-
-const TaskItem = Node.create({
-  name: 'taskItem',
-
-  defaultOptions: <TaskItemOptions>{
-    nested: false,
-    HTMLAttributes: {},
-  },
-
-  content() {
-    return this.options.nested ? '(paragraph|taskList)+' : 'paragraph+'
-  },
-
-  defining: true,
-
-  addAttributes() {
-    return {
-      checked: {
-        default: false,
-        parseHTML: element => ({
-          checked: element.getAttribute('data-checked') === 'true',
-        }),
-        renderHTML: attributes => ({
-          'data-checked': attributes.checked,
-        }),
-      },
-    }
-  },
-
-  parseHTML() {
-    return [
-      {
-        tag: 'li[data-type="taskItem"]',
-        priority: 51,
-      },
-    ]
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    return ['li', mergeAttributes(
-      this.options.HTMLAttributes,
-      HTMLAttributes,
-      { 'data-type': 'taskItem' },
-    ), 0]
-  },
-
-  addKeyboardShortcuts() {
-    const shortcuts = {
-      Enter: () => this.editor.commands.splitListItem('taskItem'),
-      'Shift-Tab': () => this.editor.commands.liftListItem('taskItem'),
-    }
-
-    if (!this.options.nested) {
-      return shortcuts
-    }
-
-    return {
-      ...shortcuts,
-      Tab: () => this.editor.commands.sinkListItem('taskItem'),
-    }
-  },
-
-  addNodeView() {
-    return ({
-      node,
-      HTMLAttributes,
-      getPos,
-      editor,
-    }) => {
-      const { view } = editor
-      const listItem = document.createElement('li')
-      const checkbox = document.createElement('input')
-      const content = document.createElement('div')
-
-      checkbox.type = 'checkbox'
-      checkbox.contentEditable = 'false'
-      checkbox.addEventListener('change', event => {
-        const { checked } = event.target as any
-
-        if (typeof getPos === 'function') {
-          view.dispatch(view.state.tr.setNodeMarkup(getPos(), undefined, {
-            checked,
-          }))
-          editor.commands.focus()
-        }
-      })
-
-      if (node.attrs.checked) {
-        checkbox.setAttribute('checked', 'checked')
-      }
-
-      listItem.append(checkbox, content)
-
-      Object.entries(HTMLAttributes).forEach(([key, value]) => {
-        listItem.setAttribute(key, value)
-      })
-
-      return {
-        dom: listItem,
-        contentDOM: content,
-        update: updatedNode => {
-          if (updatedNode.type !== this.type) {
-            return false
-          }
-
-          if (updatedNode.attrs.checked) {
-            checkbox.setAttribute('checked', 'checked')
-          } else {
-            checkbox.removeAttribute('checked')
-          }
-
-          return true
-        },
-      }
-    }
-  },
-
-  addInputRules() {
-    return [
-      wrappingInputRule(
-        inputRegex,
-        this.type,
-        match => ({
-          checked: match[match.length - 1] === 'x',
-        }),
-      ),
-    ]
-  },
-})
-
-export default TaskItem
-
-declare module '@tiptap/core' {
-  interface AllExtensions {
-    TaskItem: typeof TaskItem,
-  }
-}