@tiptap/core 2.1.0-rc.1 → 2.1.0-rc.11

package/dist/index.cjs

@@ -121,9 +121,6 @@ class CommandManager {
     buildProps(tr, shouldDispatch = true) {
         const { rawCommands, editor, state } = this;
         const { view } = editor;
-        if (state.storedMarks) {
-            tr.setStoredMarks(state.storedMarks);
-        }
         const props = {
             tr,
             editor,
@@ -133,7 +130,7 @@ class CommandManager {
                 transaction: tr,
             }),
             dispatch: shouldDispatch ? () => undefined : undefined,
-            chain: () => this.createChain(tr),
+            chain: () => this.createChain(tr, shouldDispatch),
             can: () => this.createCan(tr),
             get commands() {
                 return Object.fromEntries(Object.entries(rawCommands).map(([name, command]) => {
@@ -1312,6 +1309,19 @@ const createParagraphNear = () => ({ state, dispatch }) => {
     return commands$1.createParagraphNear(state, dispatch);
 };
 
+const cut = (originRange, targetPos) => ({ editor }) => {
+    const { state } = editor;
+    const contentSlice = state.doc.slice(originRange.from, originRange.to);
+    return editor
+        .chain()
+        .deleteRange(originRange)
+        .command(({ commands, tr }) => {
+        return commands.insertContentAt(tr.mapping.map(targetPos), contentSlice.content.toJSON());
+    })
+        .focus()
+        .run();
+};
+
 const deleteCurrentNode = () => ({ tr, dispatch }) => {
     const { selection } = tr;
     const currentNode = selection.$anchor.node();
@@ -1641,7 +1651,7 @@ const insertContentAt = (position, value, options) => ({ tr, dispatch, editor })
         if (content.toString() === '<>') {
             return true;
         }
-        let { from, to } = typeof position === 'number' ? { from: position, to: position } : position;
+        let { from, to } = typeof position === 'number' ? { from: position, to: position } : { from: position.from, to: position.to };
         let isOnlyTextContent = true;
         let isOnlyBlockContent = true;
         const nodes = isFragment(content) ? content : [content];
@@ -1949,6 +1959,28 @@ const setContent = (content, emitUpdate = false, parseOptions = {}) => ({ tr, ed
     return true;
 };
 
+function getMarkAttributes(state, typeOrName) {
+    const type = getMarkType(typeOrName, state.schema);
+    const { from, to, empty } = state.selection;
+    const marks = [];
+    if (empty) {
+        if (state.storedMarks) {
+            marks.push(...state.storedMarks);
+        }
+        marks.push(...state.selection.$head.marks());
+    }
+    else {
+        state.doc.nodesBetween(from, to, node => {
+            marks.push(...node.marks);
+        });
+    }
+    const mark = marks.find(markItem => markItem.type.name === type.name);
+    if (!mark) {
+        return {};
+    }
+    return { ...mark.attrs };
+}
+
 /**
  * Returns a new `Transform` based on all steps of the passed transactions.
  */
@@ -2074,28 +2106,6 @@ function generateText(doc, extensions, options) {
     });
 }
 
-function getMarkAttributes(state, typeOrName) {
-    const type = getMarkType(typeOrName, state.schema);
-    const { from, to, empty } = state.selection;
-    const marks = [];
-    if (empty) {
-        if (state.storedMarks) {
-            marks.push(...state.storedMarks);
-        }
-        marks.push(...state.selection.$head.marks());
-    }
-    else {
-        state.doc.nodesBetween(from, to, node => {
-            marks.push(...node.marks);
-        });
-    }
-    const mark = marks.find(markItem => markItem.type.name === type.name);
-    if (!mark) {
-        return {};
-    }
-    return { ...mark.attrs };
-}
-
 function getNodeAttributes(state, typeOrName) {
     const type = getNodeType(typeOrName, state.schema);
     const { from, to } = state.selection;
@@ -2267,6 +2277,30 @@ function getMarksBetween(from, to, doc) {
     return marks;
 }
 
+/**
+ * Finds the first node of a given type or name in the current selection.
+ * @param state The editor state.
+ * @param typeOrName The node type or name.
+ * @param pos The position to start searching from.
+ * @param maxDepth The maximum depth to search.
+ * @returns The node and the depth as an array.
+ */
+const getNodeAtPosition = (state, typeOrName, pos, maxDepth = 20) => {
+    const $pos = state.doc.resolve(pos);
+    let currentDepth = maxDepth;
+    let node = null;
+    while (currentDepth > 0 && node === null) {
+        const currentNode = $pos.node(currentDepth);
+        if ((currentNode === null || currentNode === void 0 ? void 0 : currentNode.type.name) === typeOrName) {
+            node = currentNode;
+        }
+        else {
+            currentDepth -= 1;
+        }
+    }
+    return [node, currentDepth];
+};
+
 function getSplittedAttributes(extensionAttributes, typeName, attributes) {
     return Object.fromEntries(Object
         .entries(attributes)
@@ -2357,6 +2391,22 @@ function isActive(state, name, attributes = {}) {
     return false;
 }
 
+const istAtEndOfNode = (state) => {
+    const { $from, $to } = state.selection;
+    if ($to.parentOffset < $to.parent.nodeSize - 2 || $from.pos !== $to.pos) {
+        return false;
+    }
+    return true;
+};
+
+const isAtStartOfNode = (state) => {
+    const { $from, $to } = state.selection;
+    if ($from.parentOffset > 0 || $from.pos !== $to.pos) {
+        return false;
+    }
+    return true;
+};
+
 function isList(name, extensions) {
     const { nodeExtensions } = splitExtensions(extensions);
     const extension = nodeExtensions.find(item => item.name === name);
@@ -2964,6 +3014,7 @@ var commands = /*#__PURE__*/Object.freeze({
   clearNodes: clearNodes,
   command: command,
   createParagraphNear: createParagraphNear,
+  cut: cut,
   deleteCurrentNode: deleteCurrentNode,
   deleteNode: deleteNode,
   deleteRange: deleteRange,
@@ -3497,6 +3548,7 @@ class Editor extends EventEmitter {
         });
         this.view.updateState(newState);
         this.createNodeViews();
+        this.prependClass();
         // Let’s store the editor instance in the DOM element.
         // So we’ll have access to it for tests.
         const dom = this.view.dom;
@@ -3510,6 +3562,12 @@ class Editor extends EventEmitter {
             nodeViews: this.extensionManager.nodeViews,
         });
     }
+    /**
+     * Prepend class name to element.
+     */
+    prependClass() {
+        this.view.dom.className = `tiptap ${this.view.dom.className}`;
+    }
     captureTransaction(fn) {
         this.isCapturingTransaction = true;
         fn();
@@ -3660,7 +3718,6 @@ function markInputRule(config) {
             const { tr } = state;
             const captureGroup = match[match.length - 1];
             const fullMatch = match[0];
-            let markEnd = range.to;
             if (captureGroup) {
                 const startSpaces = fullMatch.search(/\S/);
                 const textStart = range.from + fullMatch.indexOf(captureGroup);
@@ -3681,7 +3738,7 @@ function markInputRule(config) {
                 if (textStart > range.from) {
                     tr.delete(range.from + startSpaces, textStart);
                 }
-                markEnd = range.from + startSpaces + captureGroup.length;
+                const markEnd = range.from + startSpaces + captureGroup.length;
                 tr.addMark(range.from + startSpaces, markEnd, config.type.create(attributes || {}));
                 tr.removeStoredMark(config.type);
             }
@@ -3969,6 +4026,10 @@ class Node {
     }
 }
 
+function isAndroid() {
+    return navigator.platform === 'Android' || /android/i.test(navigator.userAgent);
+}
+
 class NodeView {
     constructor(component, props, options) {
         this.isDragging = false;
@@ -4109,13 +4170,14 @@ class NodeView {
         if (mutation.type === 'selection') {
             return false;
         }
-        // try to prevent a bug on iOS that will break node views on enter
+        // try to prevent a bug on iOS and Android that will break node views on enter
         // this is because ProseMirror can’t preventDispatch on enter
         // this will lead to a re-render of the node view on enter
         // see: https://github.com/ueberdosis/tiptap/issues/1214
+        // see: https://github.com/ueberdosis/tiptap/issues/2534
         if (this.dom.contains(mutation.target)
             && mutation.type === 'childList'
-            && isiOS()
+            && (isiOS() || isAndroid())
             && this.editor.isFocused) {
             const changedNodes = [
                 ...Array.from(mutation.addedNodes),
@@ -4318,6 +4380,7 @@ exports.getMarkAttributes = getMarkAttributes;
 exports.getMarkRange = getMarkRange;
 exports.getMarkType = getMarkType;
 exports.getMarksBetween = getMarksBetween;
+exports.getNodeAtPosition = getNodeAtPosition;
 exports.getNodeAttributes = getNodeAttributes;
 exports.getNodeType = getNodeType;
 exports.getRenderedAttributes = getRenderedAttributes;
@@ -4333,6 +4396,7 @@ exports.getTextSerializersFromSchema = getTextSerializersFromSchema;
 exports.injectExtensionAttributesToParseRule = injectExtensionAttributesToParseRule;
 exports.inputRulesPlugin = inputRulesPlugin;
 exports.isActive = isActive;
+exports.isAtStartOfNode = isAtStartOfNode;
 exports.isEmptyObject = isEmptyObject;
 exports.isExtensionRulesEnabled = isExtensionRulesEnabled;
 exports.isFunction = isFunction;
@@ -4348,6 +4412,7 @@ exports.isRegExp = isRegExp;
 exports.isString = isString;
 exports.isTextSelection = isTextSelection;
 exports.isiOS = isiOS;
+exports.istAtEndOfNode = istAtEndOfNode;
 exports.markInputRule = markInputRule;
 exports.markPasteRule = markPasteRule;
 exports.mergeAttributes = mergeAttributes;