@tiptap/core 2.0.0-beta.182 → 2.0.0-beta.183

package/dist/tiptap-core.esm.js

@@ -105,13 +105,13 @@ class CommandManager {
     }
     createCan(startTr) {
         const { rawCommands, state } = this;
-        const dispatch = undefined;
+        const dispatch = false;
         const tr = startTr || state.tr;
         const props = this.buildProps(tr, dispatch);
         const formattedCommands = Object.fromEntries(Object
             .entries(rawCommands)
             .map(([name, command]) => {
-            return [name, (...args) => command(...args)({ ...props, dispatch })];
+            return [name, (...args) => command(...args)({ ...props, dispatch: undefined })];
         }));
         return {
             ...formattedCommands,
@@ -858,7 +858,7 @@ function pasteRulesPlugin(props) {
                     editor,
                     state: chainableState,
                     from: Math.max(from - 1, 0),
-                    to: to.b,
+                    to: to.b - 1,
                     rule,
                 });
                 // stop if there are no changes
@@ -1016,15 +1016,21 @@ class ExtensionManager {
             };
             const plugins = [];
             const addKeyboardShortcuts = getExtensionField(extension, 'addKeyboardShortcuts', context);
+            let defaultBindings = {};
+            // bind exit handling
+            if (extension.type === 'mark' && extension.config.exitable) {
+                defaultBindings.ArrowRight = () => Mark.handleExit({ editor, mark: extension });
+            }
             if (addKeyboardShortcuts) {
                 const bindings = Object.fromEntries(Object
                     .entries(addKeyboardShortcuts())
                     .map(([shortcut, method]) => {
                     return [shortcut, () => method({ editor })];
                 }));
-                const keyMapPlugin = keymap(bindings);
-                plugins.push(keyMapPlugin);
+                defaultBindings = { ...defaultBindings, ...bindings };
             }
+            const keyMapPlugin = keymap(defaultBindings);
+            plugins.push(keyMapPlugin);
             const addInputRules = getExtensionField(extension, 'addInputRules', context);
             if (isExtensionRulesEnabled(extension, editor.options.enableInputRules) && addInputRules) {
                 inputRules.push(...addInputRules());
@@ -1447,23 +1453,8 @@ const first = commands => props => {
     return false;
 };
 
-function isClass(value) {
-    var _a;
-    if (((_a = value.constructor) === null || _a === void 0 ? void 0 : _a.toString().substring(0, 5)) !== 'class') {
-        return false;
-    }
-    return true;
-}
-
-function isObject(value) {
-    return (value
-        && typeof value === 'object'
-        && !Array.isArray(value)
-        && !isClass(value));
-}
-
 function isTextSelection(value) {
-    return isObject(value) && value instanceof TextSelection;
+    return value instanceof TextSelection;
 }
 
 function minMax(value = 0, min = 0, max = 0) {
@@ -2036,10 +2027,8 @@ const setNode = (typeOrName, attributes = {}) => ({ state, dispatch, chain }) =>
 const setNodeSelection = position => ({ tr, dispatch }) => {
     if (dispatch) {
         const { doc } = tr;
-        const minPos = Selection.atStart(doc).from;
-        const maxPos = Selection.atEnd(doc).to;
-        const resolvedPos = minMax(position, minPos, maxPos);
-        const selection = NodeSelection.create(doc, resolvedPos);
+        const from = minMax(position, 0, doc.content.size);
+        const selection = NodeSelection.create(doc, from);
         tr.setSelection(selection);
     }
     return true;
@@ -2066,6 +2055,16 @@ const sinkListItem = typeOrName => ({ state, dispatch }) => {
     return sinkListItem$1(type)(state, dispatch);
 };
 
+function defaultBlockAt(match) {
+    for (let i = 0; i < match.edgeCount; i += 1) {
+        const { type } = match.edge(i);
+        if (type.isTextblock && !type.hasRequiredAttrs()) {
+            return type;
+        }
+    }
+    return null;
+}
+
 function getSplittedAttributes(extensionAttributes, typeName, attributes) {
     return Object.fromEntries(Object
         .entries(attributes)
@@ -2080,15 +2079,6 @@ function getSplittedAttributes(extensionAttributes, typeName, attributes) {
     }));
 }
 
-function defaultBlockAt$1(match) {
-    for (let i = 0; i < match.edgeCount; i += 1) {
-        const { type } = match.edge(i);
-        if (type.isTextblock && !type.hasRequiredAttrs()) {
-            return type;
-        }
-    }
-    return null;
-}
 function ensureMarks(state, splittableMarks) {
     const marks = state.storedMarks
         || (state.selection.$to.parentOffset && state.selection.$from.marks());
@@ -2124,7 +2114,7 @@ const splitBlock = ({ keepMarks = true } = {}) => ({ tr, state, dispatch, editor
         }
         const deflt = $from.depth === 0
             ? undefined
-            : defaultBlockAt$1($from.node(-1).contentMatchAt($from.indexAfter(-1)));
+            : defaultBlockAt($from.node(-1).contentMatchAt($from.indexAfter(-1)));
         let types = atEnd && deflt
             ? [{
                     type: deflt,
@@ -3089,6 +3079,7 @@ class Editor extends EventEmitter {
      */
     setEditable(editable) {
         this.setOptions({ editable });
+        this.emit('update', { editor: this, transaction: this.state.tr });
     }
     /**
      * Returns whether the editor is editable.
@@ -3346,16 +3337,6 @@ function combineTransactionSteps(oldDoc, transactions) {
     return transform;
 }
 
-function defaultBlockAt(match) {
-    for (let i = 0; i < match.edgeCount; i += 1) {
-        const { type } = match.edge(i);
-        if (type.isTextblock && !type.hasRequiredAttrs()) {
-            return type;
-        }
-    }
-    return null;
-}
-
 function findChildren(node, predicate) {
     const nodesWithPos = [];
     node.descendants((child, pos) => {
@@ -3573,7 +3554,7 @@ function getMarksBetween(from, to, doc) {
 }
 
 function isNodeSelection(value) {
-    return isObject(value) && value instanceof NodeSelection;
+    return value instanceof NodeSelection;
 }
 
 function posToDOMRect(view, from, to) {
@@ -3834,6 +3815,26 @@ class Mark {
         }));
         return extension;
     }
+    static handleExit({ editor, mark, }) {
+        const { tr } = editor.state;
+        const currentPos = editor.state.selection.$from;
+        const isAtEnd = currentPos.pos === currentPos.end();
+        if (isAtEnd) {
+            const currentMarks = currentPos.marks();
+            const isInMark = !!currentMarks.find(m => (m === null || m === void 0 ? void 0 : m.type.name) === mark.name);
+            if (!isInMark) {
+                return false;
+            }
+            const removeMark = currentMarks.find(m => (m === null || m === void 0 ? void 0 : m.type.name) === mark.name);
+            if (removeMark) {
+                tr.removeStoredMark(removeMark);
+            }
+            tr.insertText(' ', currentPos.pos);
+            editor.view.dispatch(tr);
+            return true;
+        }
+        return false;
+    }
 }
 
 class Node {