@tiptap/extension-list 3.24.0 → 3.26.0

package/dist/index.js

@@ -86,6 +86,115 @@ var BulletList = Node.create({
 
 // src/item/list-item.ts
 import { mergeAttributes as mergeAttributes2, Node as Node2, renderNestedMarkdownContent } from "@tiptap/core";
+
+// src/helpers/createBranchingListDeleteKeymap.ts
+import { Extension } from "@tiptap/core";
+
+// src/helpers/hoistBranchingNestedList.ts
+import { Fragment } from "@tiptap/pm/model";
+
+// src/helpers/getBranchingNestedListAtCursor.ts
+var getBranchingNestedListAtCursor = (state, itemName, wrapperNames) => {
+  const { selection } = state;
+  if (!selection.empty) {
+    return null;
+  }
+  const { $from } = selection;
+  if (!$from.parent.isTextblock) {
+    return null;
+  }
+  if ($from.parentOffset !== $from.parent.content.size) {
+    return null;
+  }
+  let listItemDepth = -1;
+  for (let depth = $from.depth; depth > 0; depth -= 1) {
+    if ($from.node(depth).type.name === itemName) {
+      listItemDepth = depth;
+      break;
+    }
+  }
+  if (listItemDepth < 0) {
+    return null;
+  }
+  const listItem = $from.node(listItemDepth);
+  const indexInListItem = $from.index(listItemDepth);
+  if (indexInListItem + 1 >= listItem.childCount) {
+    return null;
+  }
+  const nextChild = listItem.child(indexInListItem + 1);
+  if (!wrapperNames.includes(nextChild.type.name)) {
+    return null;
+  }
+  const itemType = state.schema.nodes[itemName];
+  let hasBranching = false;
+  nextChild.forEach((child) => {
+    if (child.type === itemType && child.childCount > 1) {
+      hasBranching = true;
+    }
+  });
+  if (!hasBranching) {
+    return null;
+  }
+  const nodeAfter = state.doc.resolve($from.after()).nodeAfter;
+  if (!nodeAfter || !wrapperNames.includes(nodeAfter.type.name)) {
+    return null;
+  }
+  const items = [];
+  nodeAfter.forEach((child) => {
+    items.push(child);
+  });
+  if (items.length === 0) {
+    return null;
+  }
+  return {
+    listItemDepth,
+    nestedList: nodeAfter,
+    nestedListPos: $from.after(),
+    insertPos: $from.after(listItemDepth),
+    items
+  };
+};
+
+// src/helpers/hoistBranchingNestedList.ts
+var hoistBranchingNestedList = (state, dispatch, itemName, wrapperNames) => {
+  const context = getBranchingNestedListAtCursor(state, itemName, wrapperNames);
+  if (!context) {
+    return false;
+  }
+  const { selection } = state;
+  const { nestedList, nestedListPos, insertPos, items } = context;
+  const tr = state.tr;
+  tr.delete(nestedListPos, nestedListPos + nestedList.nodeSize);
+  const mappedInsertPos = tr.mapping.map(insertPos);
+  tr.insert(mappedInsertPos, Fragment.from(items));
+  tr.setSelection(selection.map(tr.doc, tr.mapping));
+  if (dispatch) {
+    dispatch(tr);
+  }
+  return true;
+};
+
+// src/helpers/handleDeleteBranchingNestedList.ts
+var handleDeleteBranchingNestedList = (editor, itemName, wrapperNames) => {
+  return hoistBranchingNestedList(editor.state, editor.view.dispatch, itemName, wrapperNames);
+};
+
+// src/helpers/createBranchingListDeleteKeymap.ts
+var createBranchingListDeleteKeymap = (itemName, wrapperNames) => {
+  return Extension.create({
+    name: `${itemName}BranchingDeleteKeymap`,
+    priority: 101,
+    addKeyboardShortcuts() {
+      const handleDelete2 = () => handleDeleteBranchingNestedList(this.editor, itemName, wrapperNames);
+      return {
+        Delete: handleDelete2,
+        "Mod-Delete": handleDelete2
+      };
+    }
+  });
+};
+
+// src/item/list-item.ts
 function isSameLineOrderedListToken(token) {
   var _a, _b;
   const nestedToken = (_a = token.tokens) == null ? void 0 : _a[0];
@@ -200,6 +309,14 @@ var ListItem = Node2.create({
       ctx
     );
   },
+  addExtensions() {
+    return [
+      createBranchingListDeleteKeymap(this.name, [
+        this.options.bulletListTypeName,
+        this.options.orderedListTypeName
+      ])
+    ];
+  },
   addKeyboardShortcuts() {
     return {
       Enter: () => this.editor.commands.splitListItem(this.name),
@@ -210,7 +327,7 @@ var ListItem = Node2.create({
 });
 
 // src/keymap/list-keymap.ts
-import { Extension } from "@tiptap/core";
+import { Extension as Extension2 } from "@tiptap/core";
 
 // src/keymap/listHelpers/index.ts
 var listHelpers_exports = {};
@@ -276,36 +393,6 @@ var hasListBefore = (editorState, name, parentListTypes) => {
   return true;
 };
 
-// src/keymap/listHelpers/hasListItemBefore.ts
-var hasListItemBefore = (typeOrName, state) => {
-  var _a;
-  const { $anchor } = state.selection;
-  const $targetPos = state.doc.resolve($anchor.pos - 2);
-  if ($targetPos.index() === 0) {
-    return false;
-  }
-  if (((_a = $targetPos.nodeBefore) == null ? void 0 : _a.type.name) !== typeOrName) {
-    return false;
-  }
-  return true;
-};
-
-// src/keymap/listHelpers/listItemHasSubList.ts
-import { getNodeType as getNodeType2 } from "@tiptap/core";
-var listItemHasSubList = (typeOrName, state, node) => {
-  if (!node) {
-    return false;
-  }
-  const nodeType = getNodeType2(typeOrName, state.schema);
-  let hasSubList = false;
-  node.descendants((child) => {
-    if (child.type === nodeType) {
-      hasSubList = true;
-    }
-  });
-  return hasSubList;
-};
-
 // src/keymap/listHelpers/handleBackspace.ts
 var handleBackspace = (editor, name, parentListTypes) => {
   if (editor.commands.undoInputRule()) {
@@ -336,16 +423,6 @@ var handleBackspace = (editor, name, parentListTypes) => {
   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 (hasListItemBefore(name, editor.state) && !previousListItemHasSubList) {
-    return editor.commands.joinItemBackward();
-  }
   return editor.chain().liftListItem(name).run();
 };
 
@@ -414,8 +491,38 @@ var hasListItemAfter = (typeOrName, state) => {
   return true;
 };
 
+// src/keymap/listHelpers/hasListItemBefore.ts
+var hasListItemBefore = (typeOrName, state) => {
+  var _a;
+  const { $anchor } = state.selection;
+  const $targetPos = state.doc.resolve($anchor.pos - 2);
+  if ($targetPos.index() === 0) {
+    return false;
+  }
+  if (((_a = $targetPos.nodeBefore) == null ? void 0 : _a.type.name) !== typeOrName) {
+    return false;
+  }
+  return true;
+};
+
+// src/keymap/listHelpers/listItemHasSubList.ts
+import { getNodeType as getNodeType2 } from "@tiptap/core";
+var listItemHasSubList = (typeOrName, state, node) => {
+  if (!node) {
+    return false;
+  }
+  const nodeType = getNodeType2(typeOrName, state.schema);
+  let hasSubList = false;
+  node.descendants((child) => {
+    if (child.type === nodeType) {
+      hasSubList = true;
+    }
+  });
+  return hasSubList;
+};
+
 // src/keymap/list-keymap.ts
-var ListKeymap = Extension.create({
+var ListKeymap = Extension2.create({
   name: "listKeymap",
   addOptions() {
     return {
@@ -486,7 +593,7 @@ var ListKeymap = Extension.create({
 });
 
 // src/kit/index.ts
-import { Extension as Extension2 } from "@tiptap/core";
+import { Extension as Extension3 } from "@tiptap/core";
 
 // src/ordered-list/ordered-list.ts
 import { mergeAttributes as mergeAttributes3, Node as Node3, wrappingInputRule as wrappingInputRule2 } from "@tiptap/core";
@@ -888,6 +995,12 @@ var TaskItem = Node4.create({
     const prefix = `- [${checkedChar}] `;
     return renderNestedMarkdownContent2(node, h, prefix);
   },
+  addExtensions() {
+    if (!this.options.nested) {
+      return [];
+    }
+    return [createBranchingListDeleteKeymap(this.name, [this.options.taskListTypeName])];
+  },
   addKeyboardShortcuts() {
     const shortcuts = {
       Enter: () => this.editor.commands.splitListItem(this.name),
@@ -1141,7 +1254,7 @@ var TaskList = Node5.create({
 });
 
 // src/kit/index.ts
-var ListKit = Extension2.create({
+var ListKit = Extension3.create({
   name: "listKit",
   addExtensions() {
     const extensions = [];