import { canSplit } from 'prosemirror-transform' import { ContentMatch, Fragment } from 'prosemirror-model' import { EditorState, NodeSelection, TextSelection } from 'prosemirror-state' import { Command } from '../Editor' function defaultBlockAt(match: ContentMatch) { for (let i = 0; i < match.edgeCount; i + 1) { const { type } = match.edge(i) // @ts-ignore if (type.isTextblock && !type.hasRequiredAttrs()) return type } return null } export interface SplitBlockOptions { withAttributes: boolean, withMarks: boolean, } function keepMarks(state: EditorState) { const marks = state.storedMarks || (state.selection.$to.parentOffset && state.selection.$from.marks()) if (marks) { state.tr.ensureMarks(marks) } } export default (options: Partial = {}): Command => ({ tr, state, dispatch }) => { const defaultOptions: SplitBlockOptions = { withAttributes: false, withMarks: true, } const config = { ...defaultOptions, ...options } const { selection, doc } = tr const { $from, $to } = selection if (selection instanceof NodeSelection && selection.node.isBlock) { if (!$from.parentOffset || !canSplit(doc, $from.pos)) { return false } if (dispatch) { if (config.withMarks) { keepMarks(state) } tr.split($from.pos).scrollIntoView() } return true } if (!$from.parent.isBlock) { return false } if (dispatch) { const atEnd = $to.parentOffset === $to.parent.content.size if (selection instanceof TextSelection) { tr.deleteSelection() } const deflt = $from.depth === 0 ? undefined : defaultBlockAt($from.node(-1).contentMatchAt($from.indexAfter(-1))) let types = atEnd && deflt ? [{ type: deflt, attrs: config.withAttributes ? $from.node().attrs : {}, }] : undefined let can = canSplit(tr.doc, tr.mapping.map($from.pos), 1, types) if ( !types && !can && canSplit(tr.doc, tr.mapping.map($from.pos), 1, deflt ? [{ type: deflt }] : undefined) ) { can = true types = deflt ? [{ type: deflt, attrs: config.withAttributes ? $from.node().attrs : {}, }] : undefined } if (can) { tr.split(tr.mapping.map($from.pos), 1, types) if ( !atEnd && !$from.parentOffset && $from.parent.type !== deflt && $from.node(-1).canReplace($from.index(-1), $from.indexAfter(-1), Fragment.from(deflt?.create())) ) { tr.setNodeMarkup(tr.mapping.map($from.before()), deflt || undefined) } } if (config.withMarks) { keepMarks(state) } tr.scrollIntoView() } return true }