@tiptap/extension-list-keymap 3.0.0-next.0 → 3.0.0-next.2

package/dist/index.cjs

@@ -1,287 +1,312 @@
-'use strict';
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, '__esModule', { value: true });
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ListKeymap: () => ListKeymap,
+  default: () => src_default,
+  listHelpers: () => listHelpers_exports
+});
+module.exports = __toCommonJS(src_exports);
 
-var core = require('@tiptap/core');
+// src/list-keymap.ts
+var import_core6 = require("@tiptap/core");
 
-const findListItemPos = (typeOrName, state) => {
-    const { $from } = state.selection;
-    const nodeType = core.getNodeType(typeOrName, state.schema);
-    let currentNode = null;
-    let currentDepth = $from.depth;
-    let currentPos = $from.pos;
-    let targetDepth = null;
-    while (currentDepth > 0 && targetDepth === null) {
-        currentNode = $from.node(currentDepth);
-        if (currentNode.type === nodeType) {
-            targetDepth = currentDepth;
-        }
-        else {
-            currentDepth -= 1;
-            currentPos -= 1;
-        }
-    }
-    if (targetDepth === null) {
-        return null;
+// src/listHelpers/index.ts
+var listHelpers_exports = {};
+__export(listHelpers_exports, {
+  findListItemPos: () => findListItemPos,
+  getNextListDepth: () => getNextListDepth,
+  handleBackspace: () => handleBackspace,
+  handleDelete: () => handleDelete,
+  hasListBefore: () => hasListBefore,
+  hasListItemAfter: () => hasListItemAfter,
+  hasListItemBefore: () => hasListItemBefore,
+  listItemHasSubList: () => listItemHasSubList,
+  nextListIsDeeper: () => nextListIsDeeper,
+  nextListIsHigher: () => nextListIsHigher
+});
+
+// src/listHelpers/findListItemPos.ts
+var import_core = require("@tiptap/core");
+var findListItemPos = (typeOrName, state) => {
+  const { $from } = state.selection;
+  const nodeType = (0, import_core.getNodeType)(typeOrName, state.schema);
+  let currentNode = null;
+  let currentDepth = $from.depth;
+  let currentPos = $from.pos;
+  let targetDepth = null;
+  while (currentDepth > 0 && targetDepth === null) {
+    currentNode = $from.node(currentDepth);
+    if (currentNode.type === nodeType) {
+      targetDepth = currentDepth;
+    } else {
+      currentDepth -= 1;
+      currentPos -= 1;
     }
-    return { $pos: state.doc.resolve(currentPos), depth: targetDepth };
+  }
+  if (targetDepth === null) {
+    return null;
+  }
+  return { $pos: state.doc.resolve(currentPos), depth: targetDepth };
 };
 
-const getNextListDepth = (typeOrName, state) => {
-    const listItemPos = findListItemPos(typeOrName, state);
-    if (!listItemPos) {
-        return false;
-    }
-    const [, depth] = core.getNodeAtPosition(state, typeOrName, listItemPos.$pos.pos + 4);
-    return depth;
+// src/listHelpers/getNextListDepth.ts
+var import_core2 = require("@tiptap/core");
+var getNextListDepth = (typeOrName, state) => {
+  const listItemPos = findListItemPos(typeOrName, state);
+  if (!listItemPos) {
+    return false;
+  }
+  const [, depth] = (0, import_core2.getNodeAtPosition)(state, typeOrName, listItemPos.$pos.pos + 4);
+  return depth;
 };
 
-const hasListBefore = (editorState, name, parentListTypes) => {
-    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;
+// src/listHelpers/handleBackspace.ts
+var import_core4 = require("@tiptap/core");
+
+// src/listHelpers/hasListBefore.ts
+var hasListBefore = (editorState, name, parentListTypes) => {
+  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;
 };
 
-const 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 || _a === void 0 ? void 0 : _a.type.name) !== typeOrName) {
-        return false;
-    }
-    return true;
+// src/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;
 };
 
-const listItemHasSubList = (typeOrName, state, node) => {
-    if (!node) {
-        return false;
+// src/listHelpers/listItemHasSubList.ts
+var import_core3 = require("@tiptap/core");
+var listItemHasSubList = (typeOrName, state, node) => {
+  if (!node) {
+    return false;
+  }
+  const nodeType = (0, import_core3.getNodeType)(typeOrName, state.schema);
+  let hasSubList = false;
+  node.descendants((child) => {
+    if (child.type === nodeType) {
+      hasSubList = true;
     }
-    const nodeType = core.getNodeType(typeOrName, state.schema);
-    let hasSubList = false;
-    node.descendants(child => {
-        if (child.type === nodeType) {
-            hasSubList = true;
-        }
-    });
-    return hasSubList;
+  });
+  return hasSubList;
 };
 
-const handleBackspace = (editor, name, parentListTypes) => {
-    // this is required to still handle the undo handling
-    if (editor.commands.undoInputRule()) {
-        return true;
-    }
-    // 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 (!core.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 = [];
-        $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 (!core.isNodeActive(editor.state, name)) {
-        return false;
-    }
-    // if the cursor is not at the start of a node
-    // do nothing and proceed
-    if (!core.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();
+// src/listHelpers/handleBackspace.ts
+var handleBackspace = (editor, name, parentListTypes) => {
+  if (editor.commands.undoInputRule()) {
+    return true;
+  }
+  if (editor.state.selection.from !== editor.state.selection.to) {
+    return false;
+  }
+  if (!(0, import_core4.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 = [];
+    $listPos.node().descendants((node, pos) => {
+      if (node.type.name === name) {
+        listDescendants.push({ node, pos });
+      }
+    });
+    const lastItem = listDescendants.at(-1);
+    if (!lastItem) {
+      return false;
     }
-    // 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();
+    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 (!(0, import_core4.isNodeActive)(editor.state, name)) {
+    return false;
+  }
+  if (!(0, import_core4.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();
 };
 
-const nextListIsDeeper = (typeOrName, state) => {
-    const listDepth = getNextListDepth(typeOrName, state);
-    const listItemPos = findListItemPos(typeOrName, state);
-    if (!listItemPos || !listDepth) {
-        return false;
-    }
-    if (listDepth > listItemPos.depth) {
-        return true;
-    }
+// src/listHelpers/handleDelete.ts
+var import_core5 = require("@tiptap/core");
+
+// src/listHelpers/nextListIsDeeper.ts
+var nextListIsDeeper = (typeOrName, state) => {
+  const listDepth = getNextListDepth(typeOrName, state);
+  const listItemPos = findListItemPos(typeOrName, state);
+  if (!listItemPos || !listDepth) {
     return false;
+  }
+  if (listDepth > listItemPos.depth) {
+    return true;
+  }
+  return false;
 };
 
-const nextListIsHigher = (typeOrName, state) => {
-    const listDepth = getNextListDepth(typeOrName, state);
-    const listItemPos = findListItemPos(typeOrName, state);
-    if (!listItemPos || !listDepth) {
-        return false;
-    }
-    if (listDepth < listItemPos.depth) {
-        return true;
-    }
+// src/listHelpers/nextListIsHigher.ts
+var nextListIsHigher = (typeOrName, state) => {
+  const listDepth = getNextListDepth(typeOrName, state);
+  const listItemPos = findListItemPos(typeOrName, state);
+  if (!listItemPos || !listDepth) {
     return false;
+  }
+  if (listDepth < listItemPos.depth) {
+    return true;
+  }
+  return false;
 };
 
-const handleDelete = (editor, name) => {
-    // if the cursor is not inside the current node type
-    // do nothing and proceed
-    if (!core.isNodeActive(editor.state, name)) {
-        return false;
-    }
-    // if the cursor is not at the end of a node
-    // do nothing and proceed
-    if (!core.isAtEndOfNode(editor.state, name)) {
-        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();
+// src/listHelpers/handleDelete.ts
+var handleDelete = (editor, name) => {
+  if (!(0, import_core5.isNodeActive)(editor.state, name)) {
+    return false;
+  }
+  if (!(0, import_core5.isAtEndOfNode)(editor.state, name)) {
+    return false;
+  }
+  const { selection } = editor.state;
+  const { $from, $to } = selection;
+  if (!selection.empty && $from.sameParent($to)) {
+    return false;
+  }
+  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();
 };
 
-const hasListItemAfter = (typeOrName, state) => {
-    var _a;
-    const { $anchor } = state.selection;
-    const $targetPos = state.doc.resolve($anchor.pos - $anchor.parentOffset - 2);
-    if ($targetPos.index() === $targetPos.parent.childCount - 1) {
-        return false;
-    }
-    if (((_a = $targetPos.nodeAfter) === null || _a === void 0 ? void 0 : _a.type.name) !== typeOrName) {
-        return false;
-    }
-    return true;
+// src/listHelpers/hasListItemAfter.ts
+var hasListItemAfter = (typeOrName, state) => {
+  var _a;
+  const { $anchor } = state.selection;
+  const $targetPos = state.doc.resolve($anchor.pos - $anchor.parentOffset - 2);
+  if ($targetPos.index() === $targetPos.parent.childCount - 1) {
+    return false;
+  }
+  if (((_a = $targetPos.nodeAfter) == null ? void 0 : _a.type.name) !== typeOrName) {
+    return false;
+  }
+  return true;
 };
 
-var index = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  findListItemPos: findListItemPos,
-  getNextListDepth: getNextListDepth,
-  handleBackspace: handleBackspace,
-  handleDelete: handleDelete,
-  hasListBefore: hasListBefore,
-  hasListItemAfter: hasListItemAfter,
-  hasListItemBefore: hasListItemBefore,
-  listItemHasSubList: listItemHasSubList,
-  nextListIsDeeper: nextListIsDeeper,
-  nextListIsHigher: nextListIsHigher
+// src/list-keymap.ts
+var ListKeymap = import_core6.Extension.create({
+  name: "listKeymap",
+  addOptions() {
+    return {
+      listTypes: [
+        {
+          itemName: "listItem",
+          wrapperNames: ["bulletList", "orderedList"]
+        },
+        {
+          itemName: "taskItem",
+          wrapperNames: ["taskList"]
+        }
+      ]
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Delete: ({ editor }) => {
+        let handled = false;
+        this.options.listTypes.forEach(({ itemName }) => {
+          if (editor.state.schema.nodes[itemName] === void 0) {
+            return;
+          }
+          if (handleDelete(editor, itemName)) {
+            handled = true;
+          }
+        });
+        return handled;
+      },
+      "Mod-Delete": ({ editor }) => {
+        let handled = false;
+        this.options.listTypes.forEach(({ itemName }) => {
+          if (editor.state.schema.nodes[itemName] === void 0) {
+            return;
+          }
+          if (handleDelete(editor, itemName)) {
+            handled = true;
+          }
+        });
+        return handled;
+      },
+      Backspace: ({ editor }) => {
+        let handled = false;
+        this.options.listTypes.forEach(({ itemName, wrapperNames }) => {
+          if (editor.state.schema.nodes[itemName] === void 0) {
+            return;
+          }
+          if (handleBackspace(editor, itemName, wrapperNames)) {
+            handled = true;
+          }
+        });
+        return handled;
+      },
+      "Mod-Backspace": ({ editor }) => {
+        let handled = false;
+        this.options.listTypes.forEach(({ itemName, wrapperNames }) => {
+          if (editor.state.schema.nodes[itemName] === void 0) {
+            return;
+          }
+          if (handleBackspace(editor, itemName, wrapperNames)) {
+            handled = true;
+          }
+        });
+        return handled;
+      }
+    };
+  }
 });
 
-/**
- * This extension registers custom keymaps to change the behaviour of the backspace and delete keys.
- * By default Prosemirror keyhandling will always lift or sink items so paragraphs are joined into
- * the adjacent or previous list item. This extension will prevent this behaviour and instead will
- * try to join paragraphs from two list items into a single list item.
- * @see https://www.tiptap.dev/api/extensions/list-keymap
- */
-const ListKeymap = core.Extension.create({
-    name: 'listKeymap',
-    addOptions() {
-        return {
-            listTypes: [
-                {
-                    itemName: 'listItem',
-                    wrapperNames: ['bulletList', 'orderedList'],
-                },
-                {
-                    itemName: 'taskItem',
-                    wrapperNames: ['taskList'],
-                },
-            ],
-        };
-    },
-    addKeyboardShortcuts() {
-        return {
-            Delete: ({ editor }) => {
-                let handled = false;
-                this.options.listTypes.forEach(({ itemName }) => {
-                    if (editor.state.schema.nodes[itemName] === undefined) {
-                        return;
-                    }
-                    if (handleDelete(editor, itemName)) {
-                        handled = true;
-                    }
-                });
-                return handled;
-            },
-            'Mod-Delete': ({ editor }) => {
-                let handled = false;
-                this.options.listTypes.forEach(({ itemName }) => {
-                    if (editor.state.schema.nodes[itemName] === undefined) {
-                        return;
-                    }
-                    if (handleDelete(editor, itemName)) {
-                        handled = true;
-                    }
-                });
-                return handled;
-            },
-            Backspace: ({ editor }) => {
-                let handled = false;
-                this.options.listTypes.forEach(({ itemName, wrapperNames }) => {
-                    if (editor.state.schema.nodes[itemName] === undefined) {
-                        return;
-                    }
-                    if (handleBackspace(editor, itemName, wrapperNames)) {
-                        handled = true;
-                    }
-                });
-                return handled;
-            },
-            'Mod-Backspace': ({ editor }) => {
-                let handled = false;
-                this.options.listTypes.forEach(({ itemName, wrapperNames }) => {
-                    if (editor.state.schema.nodes[itemName] === undefined) {
-                        return;
-                    }
-                    if (handleBackspace(editor, itemName, wrapperNames)) {
-                        handled = true;
-                    }
-                });
-                return handled;
-            },
-        };
-    },
+// src/index.ts
+var src_default = ListKeymap;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ListKeymap,
+  listHelpers
 });
-
-exports.ListKeymap = ListKeymap;
-exports.default = ListKeymap;
-exports.listHelpers = index;
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map