@tiptap/core 2.0.0-beta.180 → 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,
@@ -542,10 +542,10 @@ function isExtensionRulesEnabled(extension, enabled) {
 const getTextContentFromNodes = ($from, maxMatch = 500) => {
     let textBefore = '';
     $from.parent.nodesBetween(Math.max(0, $from.parentOffset - maxMatch), $from.parentOffset, (node, pos, parent, index) => {
-        var _a, _b;
+        var _a, _b, _c;
         textBefore += ((_b = (_a = node.type.spec).toText) === null || _b === void 0 ? void 0 : _b.call(_a, {
             node, pos, parent, index,
-        })) || node.textContent || '%leaf%';
+        })) || ((_c = $from.nodeBefore) === null || _c === void 0 ? void 0 : _c.text) || '%leaf%';
     });
     return textBefore;
 };
@@ -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) {
@@ -1533,7 +1524,9 @@ const focus = (position = null, options = {}) => ({ editor, view, tr, dispatch,
         delayedFocus();
         return true;
     }
-    const selection = resolveFocusPosition(editor.state.doc, position) || editor.state.selection;
+    // pass through tr.doc instead of editor.state.doc
+    // since transactions could change the editors state before this command has been run
+    const selection = resolveFocusPosition(tr.doc, position) || editor.state.selection;
     const isSameSelection = editor.state.selection.eq(selection);
     if (dispatch) {
         if (!isSameSelection) {
@@ -1932,10 +1925,8 @@ function createDocument(content, schema, parseOptions = {}) {
 const setContent = (content, emitUpdate = false, parseOptions = {}) => ({ tr, editor, dispatch }) => {
     const { doc } = tr;
     const document = createDocument(content, editor.schema, parseOptions);
-    const selection = TextSelection.create(doc, 0, doc.content.size);
     if (dispatch) {
-        tr.setSelection(selection)
-            .replaceSelectionWith(document, false)
+        tr.replaceWith(0, doc.content.size, document)
             .setMeta('preventUpdate', !emitUpdate);
     }
     return true;
@@ -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 {
@@ -4132,6 +4133,35 @@ function markPasteRule(config) {
     });
 }
 
+// source: https://stackoverflow.com/a/6969486
+function escapeForRegEx(string) {
+    return string.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+}
+
+/**
+ * Build an paste rule that adds a node when the
+ * matched text is pasted into it.
+ */
+function nodePasteRule(config) {
+    return new PasteRule({
+        find: config.find,
+        handler({ match, chain, range }) {
+            const attributes = callOrReturn(config.getAttributes, undefined, match);
+            if (attributes === false || attributes === null) {
+                return null;
+            }
+            if (match.input) {
+                chain()
+                    .deleteRange(range)
+                    .insertContent({
+                    type: config.type.name,
+                    attrs: attributes,
+                });
+            }
+        },
+    });
+}
+
 /**
  * Build an paste rule that replaces text when the
  * matched text is pasted into it.
@@ -4183,10 +4213,5 @@ class Tracker {
     }
 }
 
-// source: https://stackoverflow.com/a/6969486
-function escapeForRegEx(string) {
-    return string.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
-}
-
-export { CommandManager, Editor, Extension, InputRule, Mark, Node, NodeView, PasteRule, Tracker, callOrReturn, combineTransactionSteps, defaultBlockAt, escapeForRegEx, extensions, findChildren, findChildrenInRange, findParentNode, findParentNodeClosestToPos, generateHTML, generateJSON, generateText, getAttributes, getChangedRanges, getDebugJSON, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAttributes, getNodeType, getSchema, getText, getTextBetween, getTextContentFromNodes, getTextSerializersFromSchema, inputRulesPlugin, isActive, isList, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isTextSelection, markInputRule, markPasteRule, mergeAttributes, nodeInputRule, pasteRulesPlugin, posToDOMRect, textInputRule, textPasteRule, textblockTypeInputRule, wrappingInputRule };
+export { CommandManager, Editor, Extension, InputRule, Mark, Node, NodeView, PasteRule, Tracker, callOrReturn, combineTransactionSteps, defaultBlockAt, escapeForRegEx, extensions, findChildren, findChildrenInRange, findParentNode, findParentNodeClosestToPos, generateHTML, generateJSON, generateText, getAttributes, getChangedRanges, getDebugJSON, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAttributes, getNodeType, getSchema, getText, getTextBetween, getTextContentFromNodes, getTextSerializersFromSchema, inputRulesPlugin, isActive, isList, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isTextSelection, markInputRule, markPasteRule, mergeAttributes, nodeInputRule, nodePasteRule, pasteRulesPlugin, posToDOMRect, textInputRule, textPasteRule, textblockTypeInputRule, wrappingInputRule };
 //# sourceMappingURL=tiptap-core.esm.js.map