@tiptap/core 3.22.0 → 3.22.2

package/dist/index.cjs

@@ -38,6 +38,7 @@ __export(index_exports, {
   Tracker: () => Tracker,
   callOrReturn: () => callOrReturn,
   canInsertNode: () => canInsertNode,
+  cancelPositionCheck: () => cancelPositionCheck,
   combineTransactionSteps: () => combineTransactionSteps,
   commands: () => commands_exports,
   createAtomBlockMarkdownSpec: () => createAtomBlockMarkdownSpec,
@@ -132,6 +133,7 @@ __export(index_exports, {
   resolveExtensions: () => resolveExtensions,
   resolveFocusPosition: () => resolveFocusPosition,
   rewriteUnknownContent: () => rewriteUnknownContent,
+  schedulePositionCheck: () => schedulePositionCheck,
   selectionToInsertionEnd: () => selectionToInsertionEnd,
   serializeAttributes: () => serializeAttributes,
   sortExtensions: () => sortExtensions,
@@ -2791,6 +2793,7 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr, state, dispatch,
 };
 
 // src/commands/toggleList.ts
+var import_state12 = require("@tiptap/pm/state");
 var import_transform8 = require("@tiptap/pm/transform");
 var joinListBackwards = (tr, listType) => {
   const list = findParentNode((node) => node.type === listType)(tr.selection);
@@ -2826,6 +2829,16 @@ var joinListForwards = (tr, listType) => {
   tr.join(after);
   return true;
 };
+function createInnerSelectionForWholeDocList(tr) {
+  const doc = tr.doc;
+  const list = doc.firstChild;
+  if (!list) {
+    return null;
+  }
+  const from = 1;
+  const to = list.nodeSize - 1;
+  return import_state12.TextSelection.create(doc, from, to);
+}
 var toggleList = (listTypeOrName, itemTypeOrName, keepMarks, attributes = {}) => ({ editor, tr, state, dispatch, chain, commands, can }) => {
   const { extensions, splittableMarks } = editor.extensionManager;
   const listType = getNodeType(listTypeOrName, state.schema);
@@ -2838,13 +2851,37 @@ var toggleList = (listTypeOrName, itemTypeOrName, keepMarks, attributes = {}) =>
     return false;
   }
   const parentList = findParentNode((node) => isList(node.type.name, extensions))(selection);
-  if (range.depth >= 1 && parentList && range.depth - parentList.depth <= 1) {
-    if (parentList.node.type === listType) {
+  const isAllSelection = selection.from === 0 && selection.to === state.doc.content.size;
+  const topLevelNodes = state.doc.content.content;
+  const soleTopLevelNode = topLevelNodes.length === 1 ? topLevelNodes[0] : null;
+  const allSelectionList = isAllSelection && soleTopLevelNode && isList(soleTopLevelNode.type.name, extensions) ? {
+    node: soleTopLevelNode,
+    pos: 0,
+    depth: 0
+  } : null;
+  const currentList = parentList != null ? parentList : allSelectionList;
+  const isInsideExistingList = !!parentList && range.depth >= 1 && range.depth - parentList.depth <= 1;
+  const hasWholeDocSelectedList = !!allSelectionList;
+  if ((isInsideExistingList || hasWholeDocSelectedList) && currentList) {
+    if (currentList.node.type === listType) {
+      if (isAllSelection && hasWholeDocSelectedList) {
+        return chain().command(({ tr: trx, dispatch: disp }) => {
+          const nextSelection = createInnerSelectionForWholeDocList(trx);
+          if (!nextSelection) {
+            return false;
+          }
+          trx.setSelection(nextSelection);
+          if (disp) {
+            disp(trx);
+          }
+          return true;
+        }).liftListItem(itemType).run();
+      }
       return commands.liftListItem(itemType);
     }
-    if (isList(parentList.node.type.name, extensions) && listType.validContent(parentList.node.content) && dispatch) {
+    if (isList(currentList.node.type.name, extensions) && listType.validContent(currentList.node.content)) {
       return chain().command(() => {
-        tr.setNodeMarkup(parentList.pos, listType);
+        tr.setNodeMarkup(currentList.pos, listType);
         return true;
       }).command(() => joinListBackwards(tr, listType)).command(() => joinListForwards(tr, listType)).run();
     }
@@ -3119,7 +3156,7 @@ var wrapInList = (typeOrName, attributes = {}) => ({ state, dispatch }) => {
 };
 
 // src/Editor.ts
-var import_state22 = require("@tiptap/pm/state");
+var import_state23 = require("@tiptap/pm/state");
 var import_view = require("@tiptap/pm/view");
 
 // src/EventEmitter.ts
@@ -3169,7 +3206,7 @@ var import_keymap = require("@tiptap/pm/keymap");
 
 // src/InputRule.ts
 var import_model9 = require("@tiptap/pm/model");
-var import_state12 = require("@tiptap/pm/state");
+var import_state13 = require("@tiptap/pm/state");
 var InputRule = class {
   constructor(config) {
     var _a;
@@ -3262,7 +3299,7 @@ function run(config) {
 }
 function inputRulesPlugin(props) {
   const { editor, rules } = props;
-  const plugin = new import_state12.Plugin({
+  const plugin = new import_state13.Plugin({
     state: {
       init() {
         return null;
@@ -3478,7 +3515,7 @@ var Mark = class _Mark extends Extendable {
 
 // src/PasteRule.ts
 var import_model10 = require("@tiptap/pm/model");
-var import_state13 = require("@tiptap/pm/state");
+var import_state14 = require("@tiptap/pm/state");
 
 // src/utilities/isNumber.ts
 function isNumber(value) {
@@ -3614,7 +3651,7 @@ function pasteRulesPlugin(props) {
     return tr;
   };
   const plugins = rules.map((rule) => {
-    return new import_state13.Plugin({
+    return new import_state14.Plugin({
       // we register a global drag handler to track the current drag source element
       view(view) {
         const handleDragstart = (event) => {
@@ -4045,7 +4082,7 @@ __export(extensions_exports, {
 });
 
 // src/extensions/clipboardTextSerializer.ts
-var import_state14 = require("@tiptap/pm/state");
+var import_state15 = require("@tiptap/pm/state");
 
 // src/Extension.ts
 var Extension = class _Extension extends Extendable {
@@ -4080,8 +4117,8 @@ var ClipboardTextSerializer = Extension.create({
   },
   addProseMirrorPlugins() {
     return [
-      new import_state14.Plugin({
-        key: new import_state14.PluginKey("clipboardTextSerializer"),
+      new import_state15.Plugin({
+        key: new import_state15.PluginKey("clipboardTextSerializer"),
         props: {
           clipboardTextSerializer: () => {
             const { editor } = this;
@@ -4188,13 +4225,13 @@ var Delete = Extension.create({
 });
 
 // src/extensions/drop.ts
-var import_state15 = require("@tiptap/pm/state");
+var import_state16 = require("@tiptap/pm/state");
 var Drop = Extension.create({
   name: "drop",
   addProseMirrorPlugins() {
     return [
-      new import_state15.Plugin({
-        key: new import_state15.PluginKey("tiptapDrop"),
+      new import_state16.Plugin({
+        key: new import_state16.PluginKey("tiptapDrop"),
         props: {
           handleDrop: (_, e, slice, moved) => {
             this.editor.emit("drop", {
@@ -4211,13 +4248,13 @@ var Drop = Extension.create({
 });
 
 // src/extensions/editable.ts
-var import_state16 = require("@tiptap/pm/state");
+var import_state17 = require("@tiptap/pm/state");
 var Editable = Extension.create({
   name: "editable",
   addProseMirrorPlugins() {
     return [
-      new import_state16.Plugin({
-        key: new import_state16.PluginKey("editable"),
+      new import_state17.Plugin({
+        key: new import_state17.PluginKey("editable"),
         props: {
           editable: () => this.editor.options.editable
         }
@@ -4227,14 +4264,14 @@ var Editable = Extension.create({
 });
 
 // src/extensions/focusEvents.ts
-var import_state17 = require("@tiptap/pm/state");
-var focusEventsPluginKey = new import_state17.PluginKey("focusEvents");
+var import_state18 = require("@tiptap/pm/state");
+var focusEventsPluginKey = new import_state18.PluginKey("focusEvents");
 var FocusEvents = Extension.create({
   name: "focusEvents",
   addProseMirrorPlugins() {
     const { editor } = this;
     return [
-      new import_state17.Plugin({
+      new import_state18.Plugin({
         key: focusEventsPluginKey,
         props: {
           handleDOMEvents: {
@@ -4258,7 +4295,7 @@ var FocusEvents = Extension.create({
 });
 
 // src/extensions/keymap.ts
-var import_state18 = require("@tiptap/pm/state");
+var import_state19 = require("@tiptap/pm/state");
 var Keymap = Extension.create({
   name: "keymap",
   addKeyboardShortcuts() {
@@ -4272,7 +4309,7 @@ var Keymap = Extension.create({
         const $parentPos = $anchor.parent.isTextblock && pos > 0 ? tr.doc.resolve(pos - 1) : $anchor;
         const parentIsIsolating = $parentPos.parent.type.spec.isolating;
         const parentPos = $anchor.pos - $anchor.parentOffset;
-        const isAtStart = parentIsIsolating && $parentPos.parent.childCount === 1 ? parentPos === $anchor.pos : import_state18.Selection.atStart(doc).from === pos;
+        const isAtStart = parentIsIsolating && $parentPos.parent.childCount === 1 ? parentPos === $anchor.pos : import_state19.Selection.atStart(doc).from === pos;
         if (!empty || !parent.type.isTextblock || parent.textContent.length || !isAtStart || isAtStart && $anchor.parent.type.name === "paragraph") {
           return false;
         }
@@ -4330,8 +4367,8 @@ var Keymap = Extension.create({
       // to a paragraph if necessary.
       // This is an alternative to ProseMirror's `AllSelection`, which doesn’t work well
       // with many other commands.
-      new import_state18.Plugin({
-        key: new import_state18.PluginKey("clearDocument"),
+      new import_state19.Plugin({
+        key: new import_state19.PluginKey("clearDocument"),
         appendTransaction: (transactions, oldState, newState) => {
           if (transactions.some((tr2) => tr2.getMeta("composition"))) {
             return;
@@ -4342,8 +4379,8 @@ var Keymap = Extension.create({
             return;
           }
           const { empty, from, to } = oldState.selection;
-          const allFrom = import_state18.Selection.atStart(oldState.doc).from;
-          const allEnd = import_state18.Selection.atEnd(oldState.doc).to;
+          const allFrom = import_state19.Selection.atStart(oldState.doc).from;
+          const allEnd = import_state19.Selection.atEnd(oldState.doc).to;
           const allWasSelected = from === allFrom && to === allEnd;
           if (empty || !allWasSelected) {
             return;
@@ -4373,13 +4410,13 @@ var Keymap = Extension.create({
 });
 
 // src/extensions/paste.ts
-var import_state19 = require("@tiptap/pm/state");
+var import_state20 = require("@tiptap/pm/state");
 var Paste = Extension.create({
   name: "paste",
   addProseMirrorPlugins() {
     return [
-      new import_state19.Plugin({
-        key: new import_state19.PluginKey("tiptapPaste"),
+      new import_state20.Plugin({
+        key: new import_state20.PluginKey("tiptapPaste"),
         props: {
           handlePaste: (_view, e, slice) => {
             this.editor.emit("paste", {
@@ -4395,13 +4432,13 @@ var Paste = Extension.create({
 });
 
 // src/extensions/tabindex.ts
-var import_state20 = require("@tiptap/pm/state");
+var import_state21 = require("@tiptap/pm/state");
 var Tabindex = Extension.create({
   name: "tabindex",
   addProseMirrorPlugins() {
     return [
-      new import_state20.Plugin({
-        key: new import_state20.PluginKey("tabindex"),
+      new import_state21.Plugin({
+        key: new import_state21.PluginKey("tabindex"),
         props: {
           attributes: () => this.editor.isEditable ? { tabindex: "0" } : {}
         }
@@ -4411,7 +4448,7 @@ var Tabindex = Extension.create({
 });
 
 // src/extensions/textDirection.ts
-var import_state21 = require("@tiptap/pm/state");
+var import_state22 = require("@tiptap/pm/state");
 var TextDirection = Extension.create({
   name: "textDirection",
   addOptions() {
@@ -4452,8 +4489,8 @@ var TextDirection = Extension.create({
   },
   addProseMirrorPlugins() {
     return [
-      new import_state21.Plugin({
-        key: new import_state21.PluginKey("textDirection"),
+      new import_state22.Plugin({
+        key: new import_state22.PluginKey("textDirection"),
         props: {
           attributes: () => {
             const direction = this.options.direction;
@@ -4819,7 +4856,7 @@ var Editor = class extends EventEmitter {
     this.on("delete", this.options.onDelete);
     const initialDoc = this.createDoc();
     const selection = resolveFocusPosition(initialDoc, this.options.autofocus);
-    this.editorState = import_state22.EditorState.create({
+    this.editorState = import_state23.EditorState.create({
       doc: initialDoc,
       schema: this.schema,
       selection: selection || void 0
@@ -6054,11 +6091,11 @@ var ResizableNodeView = class {
 var ResizableNodeview = ResizableNodeView;
 
 // src/utilities/canInsertNode.ts
-var import_state23 = require("@tiptap/pm/state");
+var import_state24 = require("@tiptap/pm/state");
 function canInsertNode(state, nodeType) {
   const { selection } = state;
   const { $from } = selection;
-  if (selection instanceof import_state23.NodeSelection) {
+  if (selection instanceof import_state24.NodeSelection) {
     const index = $from.index();
     const parent = $from.parent;
     return parent.canReplaceWith(index, index + 1, nodeType);
@@ -6592,6 +6629,45 @@ ${indentedChild}`;
   return output;
 }
 
+// src/utilities/nodeViewPositionRegistry.ts
+var positionUpdateRegistries = /* @__PURE__ */ new WeakMap();
+function schedulePositionCheck(editor, callback) {
+  let registry = positionUpdateRegistries.get(editor);
+  if (!registry) {
+    const newRegistry = {
+      callbacks: /* @__PURE__ */ new Set(),
+      rafId: null,
+      handler: () => {
+        if (newRegistry.rafId !== null) {
+          cancelAnimationFrame(newRegistry.rafId);
+        }
+        newRegistry.rafId = requestAnimationFrame(() => {
+          newRegistry.rafId = null;
+          newRegistry.callbacks.forEach((cb) => cb());
+        });
+      }
+    };
+    positionUpdateRegistries.set(editor, newRegistry);
+    editor.on("update", newRegistry.handler);
+    registry = newRegistry;
+  }
+  registry.callbacks.add(callback);
+}
+function cancelPositionCheck(editor, callback) {
+  const registry = positionUpdateRegistries.get(editor);
+  if (!registry) {
+    return;
+  }
+  registry.callbacks.delete(callback);
+  if (registry.callbacks.size === 0) {
+    if (registry.rafId !== null) {
+      cancelAnimationFrame(registry.rafId);
+    }
+    editor.off("update", registry.handler);
+    positionUpdateRegistries.delete(editor);
+  }
+}
+
 // src/MarkView.ts
 function updateMarkViewAttributes(checkMark, editor, attrs = {}) {
   const { state } = editor;
@@ -6700,7 +6776,7 @@ var Node3 = class _Node extends Extendable {
 };
 
 // src/NodeView.ts
-var import_state24 = require("@tiptap/pm/state");
+var import_state25 = require("@tiptap/pm/state");
 var NodeView = class {
   constructor(component, props, options) {
     this.isDragging = false;
@@ -6780,7 +6856,7 @@ var NodeView = class {
     if (typeof pos !== "number") {
       return;
     }
-    const selection = import_state24.NodeSelection.create(view.state.doc, pos);
+    const selection = import_state25.NodeSelection.create(view.state.doc, pos);
     const transaction = view.state.tr.setSelection(selection);
     view.dispatch(transaction);
   }
@@ -6798,6 +6874,7 @@ var NodeView = class {
       return false;
     }
     const isDragEvent = event.type.startsWith("drag");
+    const isDragOverEnterEvent = event.type === "dragover" || event.type === "dragenter";
     const isDropEvent = event.type === "drop";
     const isInput = ["INPUT", "BUTTON", "SELECT", "TEXTAREA"].includes(target.tagName) || target.isContentEditable;
     if (isInput && !isDropEvent && !isDragEvent) {
@@ -6806,7 +6883,7 @@ var NodeView = class {
     const { isEditable } = this.editor;
     const { isDragging } = this;
     const isDraggable = !!this.node.type.spec.draggable;
-    const isSelectable = import_state24.NodeSelection.isSelectable(this.node);
+    const isSelectable = import_state25.NodeSelection.isSelectable(this.node);
     const isCopyEvent = event.type === "copy";
     const isPasteEvent = event.type === "paste";
     const isCutEvent = event.type === "cut";
@@ -6846,7 +6923,7 @@ var NodeView = class {
         );
       }
     }
-    if (isDragging || isDropEvent || isCopyEvent || isPasteEvent || isCutEvent || isClickEvent && isSelectable) {
+    if (isDragging || isDragOverEnterEvent || isDropEvent || isCopyEvent || isPasteEvent || isCutEvent || isClickEvent && isSelectable) {
       return false;
     }
     return true;
@@ -6944,7 +7021,10 @@ function markPasteRule(config) {
         }
         markEnd = range.from + startSpaces + captureGroup.length;
         tr.addMark(range.from + startSpaces, markEnd, config.type.create(attributes || {}));
-        tr.removeStoredMark(config.type);
+        const isMatchAtEndOfText = match.index !== void 0 && match.input !== void 0 && match.index + match[0].length >= match.input.length;
+        if (!isMatchAtEndOfText) {
+          tr.removeStoredMark(config.type);
+        }
       }
     }
   });
@@ -7035,6 +7115,7 @@ var Tracker = class {
   Tracker,
   callOrReturn,
   canInsertNode,
+  cancelPositionCheck,
   combineTransactionSteps,
   commands,
   createAtomBlockMarkdownSpec,
@@ -7129,6 +7210,7 @@ var Tracker = class {
   resolveExtensions,
   resolveFocusPosition,
   rewriteUnknownContent,
+  schedulePositionCheck,
   selectionToInsertionEnd,
   serializeAttributes,
   sortExtensions,