@tiptap/extension-list-keymap 2.11.7 → 3.0.0-beta.1

package/src/listHelpers/handleBackspace.ts

@@ -1,80 +0,0 @@
-import { Editor, isAtStartOfNode, isNodeActive } from '@tiptap/core'
-import { Node } from '@tiptap/pm/model'
-
-import { findListItemPos } from './findListItemPos.js'
-import { hasListBefore } from './hasListBefore.js'
-import { hasListItemBefore } from './hasListItemBefore.js'
-import { listItemHasSubList } from './listItemHasSubList.js'
-
-export const handleBackspace = (editor: Editor, name: string, parentListTypes: string[]) => {
-  // this is required to still handle the undo handling
-  if (editor.commands.undoInputRule()) {
-    return true
-  }
-
-  // if the selection is not collapsed
-  // we can rely on the default backspace behavior
-  if (editor.state.selection.from !== editor.state.selection.to) {
-    return false
-  }
-
-  // if the current item is NOT inside a list item &
-  // the previous item is a list (orderedList or bulletList)
-  // move the cursor into the list and delete the current item
-  if (!isNodeActive(editor.state, name) && hasListBefore(editor.state, name, parentListTypes)) {
-    const { $anchor } = editor.state.selection
-
-    const $listPos = editor.state.doc.resolve($anchor.before() - 1)
-
-    const listDescendants: Array<{ node: Node, pos: number }> = []
-
-    $listPos.node().descendants((node, pos) => {
-      if (node.type.name === name) {
-        listDescendants.push({ node, pos })
-      }
-    })
-
-    const lastItem = listDescendants.at(-1)
-
-    if (!lastItem) {
-      return false
-    }
-
-    const $lastItemPos = editor.state.doc.resolve($listPos.start() + lastItem.pos + 1)
-
-    return editor.chain().cut({ from: $anchor.start() - 1, to: $anchor.end() + 1 }, $lastItemPos.end()).joinForward().run()
-  }
-
-  // if the cursor is not inside the current node type
-  // do nothing and proceed
-  if (!isNodeActive(editor.state, name)) {
-    return false
-  }
-
-  // if the cursor is not at the start of a node
-  // do nothing and proceed
-  if (!isAtStartOfNode(editor.state)) {
-    return false
-  }
-
-  const listItemPos = findListItemPos(name, editor.state)
-
-  if (!listItemPos) {
-    return false
-  }
-
-  const $prev = editor.state.doc.resolve(listItemPos.$pos.pos - 2)
-  const prevNode = $prev.node(listItemPos.depth)
-
-  const previousListItemHasSubList = listItemHasSubList(name, editor.state, prevNode)
-
-  // if the previous item is a list item and doesn't have a sublist, join the list items
-  if (hasListItemBefore(name, editor.state) && !previousListItemHasSubList) {
-    return editor.commands.joinItemBackward()
-  }
-
-  // otherwise in the end, a backspace should
-  // always just lift the list item if
-  // joining / merging is not possible
-  return editor.chain().liftListItem(name).run()
-}

package/src/listHelpers/handleDelete.ts

@@ -1,46 +0,0 @@
-import { Editor, isAtEndOfNode, isNodeActive } from '@tiptap/core'
-
-import { nextListIsDeeper } from './nextListIsDeeper.js'
-import { nextListIsHigher } from './nextListIsHigher.js'
-
-export const handleDelete = (editor: Editor, name: string) => {
-  // if the cursor is not inside the current node type
-  // do nothing and proceed
-  if (!isNodeActive(editor.state, name)) {
-    return false
-  }
-
-  // if the cursor is not at the end of a node
-  // do nothing and proceed
-  if (!isAtEndOfNode(editor.state, name)) {
-    return false
-  }
-
-  // if the selection is not collapsed, or not within a single node
-  // do nothing and proceed
-  const { selection } = editor.state
-  const { $from, $to } = selection
-
-  if (!selection.empty && $from.sameParent($to)) {
-    return false
-  }
-
-  // check if the next node is a list with a deeper depth
-  if (nextListIsDeeper(name, editor.state)) {
-    return editor
-      .chain()
-      .focus(editor.state.selection.from + 4)
-      .lift(name)
-      .joinBackward()
-      .run()
-  }
-
-  if (nextListIsHigher(name, editor.state)) {
-    return editor.chain()
-      .joinForward()
-      .joinBackward()
-      .run()
-  }
-
-  return editor.commands.joinItemForward()
-}

package/src/listHelpers/hasListBefore.ts

@@ -1,15 +0,0 @@
-import { EditorState } from '@tiptap/pm/state'
-
-export const hasListBefore = (editorState: EditorState, name: string, parentListTypes: string[]) => {
-  const { $anchor } = editorState.selection
-
-  const previousNodePos = Math.max(0, $anchor.pos - 2)
-
-  const previousNode = editorState.doc.resolve(previousNodePos).node()
-
-  if (!previousNode || !parentListTypes.includes(previousNode.type.name)) {
-    return false
-  }
-
-  return true
-}

package/src/listHelpers/hasListItemAfter.ts

@@ -1,17 +0,0 @@
-import { EditorState } from '@tiptap/pm/state'
-
-export const hasListItemAfter = (typeOrName: string, state: EditorState): boolean => {
-  const { $anchor } = state.selection
-
-  const $targetPos = state.doc.resolve($anchor.pos - $anchor.parentOffset - 2)
-
-  if ($targetPos.index() === $targetPos.parent.childCount - 1) {
-    return false
-  }
-
-  if ($targetPos.nodeAfter?.type.name !== typeOrName) {
-    return false
-  }
-
-  return true
-}

package/src/listHelpers/hasListItemBefore.ts

@@ -1,17 +0,0 @@
-import { EditorState } from '@tiptap/pm/state'
-
-export const hasListItemBefore = (typeOrName: string, state: EditorState): boolean => {
-  const { $anchor } = state.selection
-
-  const $targetPos = state.doc.resolve($anchor.pos - 2)
-
-  if ($targetPos.index() === 0) {
-    return false
-  }
-
-  if ($targetPos.nodeBefore?.type.name !== typeOrName) {
-    return false
-  }
-
-  return true
-}

package/src/listHelpers/index.ts

@@ -1,10 +0,0 @@
-export * from './findListItemPos.js'
-export * from './getNextListDepth.js'
-export * from './handleBackspace.js'
-export * from './handleDelete.js'
-export * from './hasListBefore.js'
-export * from './hasListItemAfter.js'
-export * from './hasListItemBefore.js'
-export * from './listItemHasSubList.js'
-export * from './nextListIsDeeper.js'
-export * from './nextListIsHigher.js'

package/src/listHelpers/listItemHasSubList.ts

@@ -1,21 +0,0 @@
-import { getNodeType } from '@tiptap/core'
-import { Node } from '@tiptap/pm/model'
-import { EditorState } from '@tiptap/pm/state'
-
-export const listItemHasSubList = (typeOrName: string, state: EditorState, node?: Node) => {
-  if (!node) {
-    return false
-  }
-
-  const nodeType = getNodeType(typeOrName, state.schema)
-
-  let hasSubList = false
-
-  node.descendants(child => {
-    if (child.type === nodeType) {
-      hasSubList = true
-    }
-  })
-
-  return hasSubList
-}

package/src/listHelpers/nextListIsDeeper.ts

@@ -1,19 +0,0 @@
-import { EditorState } from '@tiptap/pm/state'
-
-import { findListItemPos } from './findListItemPos.js'
-import { getNextListDepth } from './getNextListDepth.js'
-
-export const nextListIsDeeper = (typeOrName: string, state: EditorState) => {
-  const listDepth = getNextListDepth(typeOrName, state)
-  const listItemPos = findListItemPos(typeOrName, state)
-
-  if (!listItemPos || !listDepth) {
-    return false
-  }
-
-  if (listDepth > listItemPos.depth) {
-    return true
-  }
-
-  return false
-}

package/src/listHelpers/nextListIsHigher.ts

@@ -1,19 +0,0 @@
-import { EditorState } from '@tiptap/pm/state'
-
-import { findListItemPos } from './findListItemPos.js'
-import { getNextListDepth } from './getNextListDepth.js'
-
-export const nextListIsHigher = (typeOrName: string, state: EditorState) => {
-  const listDepth = getNextListDepth(typeOrName, state)
-  const listItemPos = findListItemPos(typeOrName, state)
-
-  if (!listItemPos || !listDepth) {
-    return false
-  }
-
-  if (listDepth < listItemPos.depth) {
-    return true
-  }
-
-  return false
-}