@edtr-io/plugin-text/src/plugins/markdown.ts

import { Editor } from 'slate-react'

import { SlatePluginClosure, TextPlugin } from '..'
import { unorderedListNode, orderedListNode } from '../model'
import { createBlockquote } from './blockquote'
import { createSetHeading } from './headings'
import { toggleList, isList } from './list'

const handleMarkdown = (
  chars: string,
  editor: Editor,
  pluginClosure: SlatePluginClosure
) => {
  if (/^\d+\.$/.test(chars)) {
    if (
      isList(orderedListNode)(editor) ||
      !pluginClosure.current?.config.enabledPlugins?.lists
    ) {
      return undefined
    }
    return toggleList(orderedListNode)(editor)
  }
  switch (chars) {
    case '*':
    case '-':
    case '+':
      if (
        isList(unorderedListNode)(editor) ||
        !pluginClosure.current?.config.enabledPlugins?.lists
      ) {
        return undefined
      }
      return toggleList(unorderedListNode)(editor)
    case '>':
      return createBlockquote(editor, pluginClosure)
    case '#':
      if (pluginClosure.current?.config.enabledPlugins?.headings) {
        return createSetHeading(1)(editor)
      } else {
        return undefined
      }
    case '##':
      if (pluginClosure.current?.config.enabledPlugins?.headings) {
        return createSetHeading(2)(editor)
      } else {
        return undefined
      }
    case '###':
      if (pluginClosure.current?.config.enabledPlugins?.headings) {
        return createSetHeading(3)(editor)
      } else {
        return undefined
      }
    case '####':
      if (pluginClosure.current?.config.enabledPlugins?.headings) {
        return createSetHeading(4)(editor)
      } else {
        return undefined
      }
    case '#####':
      if (pluginClosure.current?.config.enabledPlugins?.headings) {
        return createSetHeading(5)(editor)
      } else {
        return undefined
      }
    case '######':
      if (pluginClosure.current?.config.enabledPlugins?.headings) {
        return createSetHeading(6)(editor)
      } else {
        return undefined
      }
    default:
      return undefined
  }
}

const onSpace = (
  event: KeyboardEvent,
  editor: Editor,
  next: () => unknown,
  pluginClosure: SlatePluginClosure
) => {
  const { value } = editor
  const { selection } = value
  if (selection.isExpanded) return next()

  const { startBlock } = value
  const { start } = selection
  const chars = startBlock.text.slice(0, start.offset).replace(/\s*/g, '')
  const handled = handleMarkdown(chars, editor, pluginClosure)
  if (!handled) {
    return next()
  }

  event.preventDefault()

  editor.moveFocusToStartOfNode(startBlock).delete()
}

export const markdownShortcuts = (
  pluginClosure: SlatePluginClosure
): TextPlugin => {
  return {
    onKeyDown(event, editor, next: () => unknown) {
      const e = event as unknown as KeyboardEvent
      switch (e.key) {
        case ' ':
          return onSpace(e, editor, next, pluginClosure)
        default:
          return next()
      }
    },
  }
}