import { Node, nodeInputRule } from '@tiptap/core'

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

export default new Node()
  .name('horizontalRule')
  .schema(() => ({
    group: 'block',
    parseDOM: [{ tag: 'hr' }],
    toDOM: () => ['hr'],
  }))
  .commands(({ editor, type }) => ({
    horizontalRule: next => () => {
      const { state, view } = editor
      const { dispatch } = view

      dispatch(state.tr.replaceSelectionWith(type.create()))
      next()
    },
  }))
  .inputRules(({ type }) => [
    nodeInputRule(/^(?:---|___\s|\*\*\*\s)$/, type),
  ])
  .create()