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

package/dist/index.umd.js

@@ -115,9 +115,6 @@
       buildProps(tr, shouldDispatch = true) {
           const { rawCommands, editor, state } = this;
           const { view } = editor;
-          if (state.storedMarks) {
-              tr.setStoredMarks(state.storedMarks);
-          }
           const props = {
               tr,
               editor,
@@ -127,7 +124,7 @@
                   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]) => {
@@ -1306,6 +1303,19 @@
       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();
@@ -1635,7 +1645,7 @@
           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];
@@ -1943,6 +1953,28 @@
       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.
    */
@@ -2068,28 +2100,6 @@
       });
   }
 
-  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;
@@ -2261,6 +2271,30 @@
       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)
@@ -2351,6 +2385,22 @@
       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);
@@ -2958,6 +3008,7 @@
     clearNodes: clearNodes,
     command: command,
     createParagraphNear: createParagraphNear,
+    cut: cut,
     deleteCurrentNode: deleteCurrentNode,
     deleteNode: deleteNode,
     deleteRange: deleteRange,
@@ -3491,6 +3542,7 @@ img.ProseMirror-separator {
           });
           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;
@@ -3504,6 +3556,12 @@ img.ProseMirror-separator {
               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();
@@ -3654,7 +3712,6 @@ img.ProseMirror-separator {
               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);
@@ -3675,7 +3732,7 @@ img.ProseMirror-separator {
                   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);
               }
@@ -3963,6 +4020,10 @@ img.ProseMirror-separator {
       }
   }
 
+  function isAndroid() {
+      return navigator.platform === 'Android' || /android/i.test(navigator.userAgent);
+  }
+
   class NodeView {
       constructor(component, props, options) {
           this.isDragging = false;
@@ -4103,13 +4164,14 @@ img.ProseMirror-separator {
           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),
@@ -4312,6 +4374,7 @@ img.ProseMirror-separator {
   exports.getMarkRange = getMarkRange;
   exports.getMarkType = getMarkType;
   exports.getMarksBetween = getMarksBetween;
+  exports.getNodeAtPosition = getNodeAtPosition;
   exports.getNodeAttributes = getNodeAttributes;
   exports.getNodeType = getNodeType;
   exports.getRenderedAttributes = getRenderedAttributes;
@@ -4327,6 +4390,7 @@ img.ProseMirror-separator {
   exports.injectExtensionAttributesToParseRule = injectExtensionAttributesToParseRule;
   exports.inputRulesPlugin = inputRulesPlugin;
   exports.isActive = isActive;
+  exports.isAtStartOfNode = isAtStartOfNode;
   exports.isEmptyObject = isEmptyObject;
   exports.isExtensionRulesEnabled = isExtensionRulesEnabled;
   exports.isFunction = isFunction;
@@ -4342,6 +4406,7 @@ img.ProseMirror-separator {
   exports.isString = isString;
   exports.isTextSelection = isTextSelection;
   exports.isiOS = isiOS;
+  exports.istAtEndOfNode = istAtEndOfNode;
   exports.markInputRule = markInputRule;
   exports.markPasteRule = markPasteRule;
   exports.mergeAttributes = mergeAttributes;