import { Node } from '@tiptap/core'
import { chainCommands, exitCode } from 'prosemirror-commands'

declare module '@tiptap/core/src/Editor' {
  interface Editor {
    hardBreak(): Editor,
  }
}

export default new Node()
  .name('hardBreak')
  .schema(() => ({
    inline: true,
    group: 'inline',
    selectable: false,
    parseDOM: [
      { tag: 'br' },
    ],
    toDOM: () => ['br'],
  }))
  // .commands(({ editor, type }) => ({
  //   hardBreak: next => () => {
  //     const { state, view } = editor
  //     const { dispatch } = view

  //     chainCommands(exitCode, () => {
  //       dispatch(state.tr.replaceSelectionWith(type.create()).scrollIntoView())
  //       return true
  //     })(state, dispatch, view)

  //     next()
  //   },
  // }))
  .keys(({ editor }) => ({
    'Mod-Enter': () => editor.hardBreak(),
    'Shift-Enter': () => editor.hardBreak(),
  }))
  .create()