frontend/src/utils/prosemirror/plugins/inputrules.ts

import type { NodeType, Schema } from 'prosemirror-model'
import {
  inputRules,
  wrappingInputRule,
  smartQuotes,
  emDash,
  ellipsis,
  InputRule,
} from 'prosemirror-inputrules'

const blockQuoteRule = (nodeType: NodeType) => wrappingInputRule(/^\s*>\s$/, nodeType)

const orderedListRule = (nodeType: NodeType) => (
  wrappingInputRule(
    /^(\d+)\.\s$/, 
    nodeType, 
    match => ({order: +match[1]}),
    (match, node) => node.childCount + node.attrs.order === +match[1],
  )
)

const bulletListRule = (nodeType: NodeType) => wrappingInputRule(/^\s*([-+*])\s$/, nodeType)

const codeRule = () => {
  const inputRegex = /(?:^|\s)((?:`)((?:[^`]+))(?:`))$/
  
  return new InputRule(inputRegex, (state, match, start, end) => {
    const { schema } = state

    const tr = state.tr.insertText(`${match[2]} `, start, end)
    const mark = schema.marks.code.create()

    return tr.addMark(start, start + match[2].length, mark)
  })
}

const linkRule = () => {
  const urlRegEx = /(?:https?:\/\/)?[\w-]+(?:\.[\w-]+)+\.?(?:\d+)?(?:\/\S*)?$/
  
  return new InputRule(urlRegEx, (state, match, start, end) => {
    const { schema } = state

    const tr = state.tr.insertText(match[0], start, end)
    const mark = schema.marks.link.create({ href: match[0], title: match[0] })

    return tr.addMark(start, start + match[0].length, mark)
  })
}

export const buildInputRules = (schema: Schema) => {
  const rules = [
    ...smartQuotes,
    ellipsis,
    emDash,
  ]
  rules.push(blockQuoteRule(schema.nodes.blockquote))
  rules.push(orderedListRule(schema.nodes.ordered_list))
  rules.push(bulletListRule(schema.nodes.bullet_list))
  rules.push(codeRule())
  rules.push(linkRule())

  return inputRules({ rules })
}