@tiptap/core 2.0.0-beta.164 → 2.0.0-beta.168

package/dist/tiptap-core.esm.js

@@ -1,6 +1,6 @@
 import { Plugin, PluginKey, TextSelection, Selection, NodeSelection, EditorState } from 'prosemirror-state';
 import { liftTarget, ReplaceStep, ReplaceAroundStep, canSplit, canJoin, findWrapping, Transform } from 'prosemirror-transform';
-import { createParagraphNear as createParagraphNear$2, deleteSelection as deleteSelection$2, exitCode as exitCode$2, joinBackward as joinBackward$2, joinForward as joinForward$2, lift as lift$2, liftEmptyBlock as liftEmptyBlock$2, newlineInCode as newlineInCode$2, selectNodeBackward as selectNodeBackward$2, selectNodeForward as selectNodeForward$2, selectParentNode as selectParentNode$2, setBlockType, wrapIn as wrapIn$2 } from 'prosemirror-commands';
+import { createParagraphNear as createParagraphNear$2, deleteSelection as deleteSelection$2, exitCode as exitCode$2, joinBackward as joinBackward$2, joinForward as joinForward$2, lift as lift$2, liftEmptyBlock as liftEmptyBlock$2, newlineInCode as newlineInCode$2, selectNodeBackward as selectNodeBackward$2, selectNodeForward as selectNodeForward$2, selectParentNode as selectParentNode$2, selectTextblockEnd as selectTextblockEnd$2, selectTextblockStart as selectTextblockStart$2, setBlockType, wrapIn as wrapIn$2 } from 'prosemirror-commands';
 import { Fragment, DOMParser, Slice, DOMSerializer, Schema, Node as Node$1 } from 'prosemirror-model';
 import { liftListItem as liftListItem$2, sinkListItem as sinkListItem$2, wrapInList as wrapInList$2 } from 'prosemirror-schema-list';
 import { EditorView } from 'prosemirror-view';
@@ -206,8 +206,12 @@ const ClipboardTextSerializer = Extension.create({
 
 const blur = () => ({ editor, view }) => {
     requestAnimationFrame(() => {
+        var _a;
         if (!editor.isDestroyed) {
             view.dom.blur();
+            // Browsers should remove the caret on blur but safari does not.
+            // See: https://github.com/ueberdosis/tiptap/issues/2405
+            (_a = window === null || window === void 0 ? void 0 : window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
         }
     });
     return true;
@@ -666,6 +670,7 @@ const insertContentAt = (position, value, options) => ({ tr, dispatch, editor })
         let { from, to } = typeof position === 'number'
             ? { from: position, to: position }
             : position;
+        let isOnlyTextContent = true;
         let isOnlyBlockContent = true;
         const nodes = isFragment(content)
             ? content
@@ -673,6 +678,9 @@ const insertContentAt = (position, value, options) => ({ tr, dispatch, editor })
         nodes.forEach(node => {
             // check if added node is valid
             node.check();
+            isOnlyTextContent = isOnlyTextContent
+                ? node.isText && node.marks.length === 0
+                : false;
             isOnlyBlockContent = isOnlyBlockContent
                 ? node.isBlock
                 : false;
@@ -692,7 +700,14 @@ const insertContentAt = (position, value, options) => ({ tr, dispatch, editor })
                 to += 1;
             }
         }
-        tr.replaceWith(from, to, content);
+        // if there is only plain text we have to use `insertText`
+        // because this will keep the current marks
+        if (isOnlyTextContent) {
+            tr.insertText(value, from, to);
+        }
+        else {
+            tr.replaceWith(from, to, content);
+        }
         // set cursor at end of inserted content
         if (options.updateSelection) {
             selectionToInsertionEnd(tr, tr.steps.length - 1, -1);
@@ -724,7 +739,12 @@ var joinForward$1 = /*#__PURE__*/Object.freeze({
   joinForward: joinForward
 });
 
-const mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
+function isMacOS() {
+    return typeof navigator !== 'undefined'
+        ? /Mac/.test(navigator.platform)
+        : false;
+}
+
 function normalizeKeyName(name) {
     const parts = name.split(/-(?!$)/);
     let result = parts[parts.length - 1];
@@ -750,7 +770,7 @@ function normalizeKeyName(name) {
             shift = true;
         }
         else if (/^mod$/i.test(mod)) {
-            if (mac) {
+            if (isiOS() || isMacOS()) {
                 meta = true;
             }
             else {
@@ -1002,6 +1022,26 @@ var selectParentNode$1 = /*#__PURE__*/Object.freeze({
   selectParentNode: selectParentNode
 });
 
+// @ts-ignore
+const selectTextblockEnd = () => ({ state, dispatch }) => {
+    return selectTextblockEnd$2(state, dispatch);
+};
+
+var selectTextblockEnd$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  selectTextblockEnd: selectTextblockEnd
+});
+
+// @ts-ignore
+const selectTextblockStart = () => ({ state, dispatch }) => {
+    return selectTextblockStart$2(state, dispatch);
+};
+
+var selectTextblockStart$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  selectTextblockStart: selectTextblockStart
+});
+
 function createDocument(content, schema, parseOptions = {}) {
     return createNodeFromContent(content, schema, { slice: false, parseOptions });
 }
@@ -1800,6 +1840,8 @@ const Commands = Extension.create({
             ...selectNodeBackward$1,
             ...selectNodeForward$1,
             ...selectParentNode$1,
+            ...selectTextblockEnd$1,
+            ...selectTextblockStart$1,
             ...setContent$1,
             ...setMark$1,
             ...setMeta$1,
@@ -2039,13 +2081,14 @@ const Keymap = Extension.create({
             () => commands.joinForward(),
             () => commands.selectNodeForward(),
         ]);
-        return {
-            Enter: () => this.editor.commands.first(({ commands }) => [
-                () => commands.newlineInCode(),
-                () => commands.createParagraphNear(),
-                () => commands.liftEmptyBlock(),
-                () => commands.splitBlock(),
-            ]),
+        const handleEnter = () => this.editor.commands.first(({ commands }) => [
+            () => commands.newlineInCode(),
+            () => commands.createParagraphNear(),
+            () => commands.liftEmptyBlock(),
+            () => commands.splitBlock(),
+        ]);
+        const baseKeymap = {
+            Enter: handleEnter,
             'Mod-Enter': () => this.editor.commands.exitCode(),
             Backspace: handleBackspace,
             'Mod-Backspace': handleBackspace,
@@ -2054,6 +2097,26 @@ const Keymap = Extension.create({
             'Mod-Delete': handleDelete,
             'Mod-a': () => this.editor.commands.selectAll(),
         };
+        const pcKeymap = {
+            ...baseKeymap,
+            Home: () => this.editor.commands.selectTextblockStart(),
+            End: () => this.editor.commands.selectTextblockStart(),
+        };
+        const macKeymap = {
+            ...baseKeymap,
+            'Ctrl-h': handleBackspace,
+            'Alt-Backspace': handleBackspace,
+            'Ctrl-d': handleDelete,
+            'Ctrl-Alt-Backspace': handleDelete,
+            'Alt-Delete': handleDelete,
+            'Alt-d': handleDelete,
+            'Ctrl-a': () => this.editor.commands.selectTextblockStart(),
+            'Ctrl-e': () => this.editor.commands.selectTextblockEnd(),
+        };
+        if (isiOS() || isMacOS()) {
+            return macKeymap;
+        }
+        return pcKeymap;
     },
     addProseMirrorPlugins() {
         return [
@@ -2673,15 +2736,10 @@ function injectExtensionAttributesToParseRule(parseRule, extensionAttributes) {
             if (oldAttributes === false) {
                 return false;
             }
-            const newAttributes = extensionAttributes
-                .filter(item => item.attribute.rendered)
-                .reduce((items, item) => {
+            const newAttributes = extensionAttributes.reduce((items, item) => {
                 const value = item.attribute.parseHTML
                     ? item.attribute.parseHTML(node)
                     : fromString(node.getAttribute(item.name));
-                if (isObject(value)) {
-                    console.warn(`[tiptap warn]: BREAKING CHANGE: "parseHTML" for your attribute "${item.name}" returns an object but should return the value itself. If this is expected you can ignore this message. This warning will be removed in one of the next releases. Further information: https://github.com/ueberdosis/tiptap/issues/1863`);
-                }
                 if (value === null || value === undefined) {
                     return items;
                 }