@tiptap/core 3.0.0-next.1 → 3.0.0-next.3

package/dist/index.js

@@ -178,6 +178,13 @@ var EventEmitter = class {
     }
     return this;
   }
+  once(event, fn) {
+    const onceFn = (...args) => {
+      this.off(event, onceFn);
+      fn.apply(this, args);
+    };
+    return this.on(event, onceFn);
+  }
   removeAllListeners() {
     this.callbacks = {};
   }
@@ -324,7 +331,18 @@ function mergeAttributes(...objects) {
         );
         mergedAttributes[key] = [...existingClasses, ...insertClasses].join(" ");
       } else if (key === "style") {
-        mergedAttributes[key] = [mergedAttributes[key], value].join("; ");
+        const newStyles = value ? value.split(";").map((style2) => style2.trim()).filter(Boolean) : [];
+        const existingStyles = mergedAttributes[key] ? mergedAttributes[key].split(";").map((style2) => style2.trim()).filter(Boolean) : [];
+        const styleMap = /* @__PURE__ */ new Map();
+        existingStyles.forEach((style2) => {
+          const [property, val] = style2.split(":").map((part) => part.trim());
+          styleMap.set(property, val);
+        });
+        newStyles.forEach((style2) => {
+          const [property, val] = style2.split(":").map((part) => part.trim());
+          styleMap.set(property, val);
+        });
+        mergedAttributes[key] = Array.from(styleMap.entries()).map(([property, val]) => `${property}: ${val}`).join("; ");
       } else {
         mergedAttributes[key] = value;
       }
@@ -335,7 +353,9 @@ function mergeAttributes(...objects) {
 
 // src/helpers/getRenderedAttributes.ts
 function getRenderedAttributes(nodeOrMark, extensionAttributes) {
-  return extensionAttributes.filter((item) => item.attribute.rendered).map((item) => {
+  return extensionAttributes.filter(
+    (attribute) => attribute.type === nodeOrMark.type.name
+  ).filter((item) => item.attribute.rendered).map((item) => {
     if (!item.attribute.renderHTML) {
       return {
         [item.name]: nodeOrMark.attrs[item.name]
@@ -471,6 +491,7 @@ function getSchemaByResolvedExtensions(extensions, editor) {
         ),
         code: callOrReturn(getExtensionField(extension, "code", context)),
         whitespace: callOrReturn(getExtensionField(extension, "whitespace", context)),
+        linebreakReplacement: callOrReturn(getExtensionField(extension, "linebreakReplacement", context)),
         defining: callOrReturn(
           getExtensionField(extension, "defining", context)
         ),
@@ -598,8 +619,19 @@ function isExtensionRulesEnabled(extension, enabled) {
 }
 
 // src/InputRule.ts
+import { Fragment as Fragment2 } from "@tiptap/pm/model";
 import { Plugin } from "@tiptap/pm/state";
 
+// src/helpers/getHTMLFromFragment.ts
+import { DOMSerializer } from "@tiptap/pm/model";
+function getHTMLFromFragment(fragment, schema) {
+  const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment);
+  const temporaryDocument = document.implementation.createHTMLDocument();
+  const container = temporaryDocument.createElement("div");
+  container.appendChild(documentFragment);
+  return container.innerHTML;
+}
+
 // src/helpers/getTextContentFromNodes.ts
 var getTextContentFromNodes = ($from, maxMatch = 500) => {
   let textBefore = "";
@@ -728,7 +760,7 @@ function inputRulesPlugin(props) {
       init() {
         return null;
       },
-      apply(tr, prev) {
+      apply(tr, prev, state) {
         const stored = tr.getMeta(plugin);
         if (stored) {
           return stored;
@@ -737,7 +769,13 @@ function inputRulesPlugin(props) {
         const isSimulatedInput = !!simulatedInputMeta;
         if (isSimulatedInput) {
           setTimeout(() => {
-            const { from, text } = simulatedInputMeta;
+            let { text } = simulatedInputMeta;
+            if (typeof text === "string") {
+              text = text;
+            } else {
+              text = getHTMLFromFragment(Fragment2.from(text), state.schema);
+            }
+            const { from } = simulatedInputMeta;
             const to = from + text.length;
             run({
               editor,
@@ -929,6 +967,7 @@ var Mark = class _Mark {
 };
 
 // src/PasteRule.ts
+import { Fragment as Fragment3 } from "@tiptap/pm/model";
 import { Plugin as Plugin2 } from "@tiptap/pm/state";
 
 // src/utilities/isNumber.ts
@@ -1016,6 +1055,7 @@ function run2(config) {
   const success = handlers.every((handler) => handler !== null);
   return success;
 }
+var tiptapDragFromOtherEditor = null;
 var createClipboardPasteEvent = (text) => {
   var _a;
   const event = new ClipboardEvent("paste", {
@@ -1030,7 +1070,12 @@ function pasteRulesPlugin(props) {
   let isPastedFromProseMirror = false;
   let isDroppedFromProseMirror = false;
   let pasteEvent = typeof ClipboardEvent !== "undefined" ? new ClipboardEvent("paste") : null;
-  let dropEvent = typeof DragEvent !== "undefined" ? new DragEvent("drop") : null;
+  let dropEvent;
+  try {
+    dropEvent = typeof DragEvent !== "undefined" ? new DragEvent("drop") : null;
+  } catch (e) {
+    dropEvent = null;
+  }
   const processEvent = ({
     state,
     from,
@@ -1055,7 +1100,11 @@ function pasteRulesPlugin(props) {
     if (!handler || !tr.steps.length) {
       return;
     }
-    dropEvent = typeof DragEvent !== "undefined" ? new DragEvent("drop") : null;
+    try {
+      dropEvent = typeof DragEvent !== "undefined" ? new DragEvent("drop") : null;
+    } catch (e) {
+      dropEvent = null;
+    }
     pasteEvent = typeof ClipboardEvent !== "undefined" ? new ClipboardEvent("paste") : null;
     return tr;
   };
@@ -1066,11 +1115,21 @@ function pasteRulesPlugin(props) {
         const handleDragstart = (event) => {
           var _a;
           dragSourceElement = ((_a = view.dom.parentElement) == null ? void 0 : _a.contains(event.target)) ? view.dom.parentElement : null;
+          if (dragSourceElement) {
+            tiptapDragFromOtherEditor = editor;
+          }
+        };
+        const handleDragend = () => {
+          if (tiptapDragFromOtherEditor) {
+            tiptapDragFromOtherEditor = null;
+          }
         };
         window.addEventListener("dragstart", handleDragstart);
+        window.addEventListener("dragend", handleDragend);
         return {
           destroy() {
             window.removeEventListener("dragstart", handleDragstart);
+            window.removeEventListener("dragend", handleDragend);
           }
         };
       },
@@ -1079,6 +1138,17 @@ function pasteRulesPlugin(props) {
           drop: (view, event) => {
             isDroppedFromProseMirror = dragSourceElement === view.dom.parentElement;
             dropEvent = event;
+            if (!isDroppedFromProseMirror) {
+              const dragFromOtherEditor = tiptapDragFromOtherEditor;
+              if (dragFromOtherEditor) {
+                setTimeout(() => {
+                  const selection = dragFromOtherEditor.state.selection;
+                  if (selection) {
+                    dragFromOtherEditor.commands.deleteRange({ from: selection.from, to: selection.to });
+                  }
+                }, 10);
+              }
+            }
             return false;
           },
           paste: (_view, event) => {
@@ -1100,7 +1170,13 @@ function pasteRulesPlugin(props) {
           return;
         }
         if (isSimulatedPaste) {
-          const { from: from2, text } = simulatedPasteMeta;
+          let { text } = simulatedPasteMeta;
+          if (typeof text === "string") {
+            text = text;
+          } else {
+            text = getHTMLFromFragment(Fragment3.from(text), state.schema);
+          }
+          const { from: from2 } = simulatedPasteMeta;
           const to2 = from2 + text.length;
           const pasteEvt = createClipboardPasteEvent(text);
           return processEvent({
@@ -1339,15 +1415,19 @@ var ExtensionManager = class _ExtensionManager {
         if (!addNodeView) {
           return [];
         }
-        const nodeview = (node, view, getPos, decorations) => {
+        const nodeview = (node, view, getPos, decorations, innerDecorations) => {
           const HTMLAttributes = getRenderedAttributes(node, extensionAttributes);
           return addNodeView()({
-            editor,
+            // pass-through
             node,
+            view,
             getPos,
             decorations,
-            HTMLAttributes,
-            extension
+            innerDecorations,
+            // tiptap-specific
+            editor,
+            extension,
+            HTMLAttributes
           });
         };
         return [extension.name, nodeview];
@@ -1428,9 +1508,11 @@ var extensions_exports = {};
 __export(extensions_exports, {
   ClipboardTextSerializer: () => ClipboardTextSerializer,
   Commands: () => Commands,
+  Drop: () => Drop,
   Editable: () => Editable,
   FocusEvents: () => FocusEvents,
   Keymap: () => Keymap,
+  Paste: () => Paste,
   Tabindex: () => Tabindex
 });
 
@@ -1807,23 +1889,29 @@ function objectIncludes(object1, object2, options = { strict: true }) {
 // src/helpers/getMarkRange.ts
 function findMarkInSet(marks, type, attributes = {}) {
   return marks.find((item) => {
-    return item.type === type && objectIncludes(item.attrs, attributes);
+    return item.type === type && objectIncludes(
+      // Only check equality for the attributes that are provided
+      Object.fromEntries(Object.keys(attributes).map((k) => [k, item.attrs[k]])),
+      attributes
+    );
   });
 }
 function isMarkInSet(marks, type, attributes = {}) {
   return !!findMarkInSet(marks, type, attributes);
 }
-function getMarkRange($pos, type, attributes = {}) {
+function getMarkRange($pos, type, attributes) {
+  var _a;
   if (!$pos || !type) {
     return;
   }
   let start = $pos.parent.childAfter($pos.parentOffset);
-  if ($pos.parentOffset === start.offset && start.offset !== 0) {
+  if (!start.node || !start.node.marks.some((mark2) => mark2.type === type)) {
     start = $pos.parent.childBefore($pos.parentOffset);
   }
-  if (!start.node) {
+  if (!start.node || !start.node.marks.some((mark2) => mark2.type === type)) {
     return;
   }
+  attributes = attributes || ((_a = start.node.marks[0]) == null ? void 0 : _a.attrs);
   const mark = findMarkInSet([...start.node.marks], type, attributes);
   if (!mark) {
     return;
@@ -1832,8 +1920,7 @@ function getMarkRange($pos, type, attributes = {}) {
   let startPos = $pos.start() + start.offset;
   let endIndex = startIndex + 1;
   let endPos = startPos + start.node.nodeSize;
-  findMarkInSet([...start.node.marks], type, attributes);
-  while (startIndex > 0 && mark.isInSet($pos.parent.child(startIndex - 1).marks)) {
+  while (startIndex > 0 && isMarkInSet([...$pos.parent.child(startIndex - 1).marks], type, attributes)) {
     startIndex -= 1;
     startPos -= $pos.parent.child(startIndex).nodeSize;
   }
@@ -1929,18 +2016,6 @@ function resolveFocusPosition(doc, position = null) {
   );
 }
 
-// src/utilities/isiOS.ts
-function isiOS() {
-  return [
-    "iPad Simulator",
-    "iPhone Simulator",
-    "iPod Simulator",
-    "iPad",
-    "iPhone",
-    "iPod"
-  ].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
-}
-
 // src/commands/focus.ts
 var focus = (position = null, options = {}) => ({
   editor,
@@ -1953,9 +2028,7 @@ var focus = (position = null, options = {}) => ({
     ...options
   };
   const delayedFocus = () => {
-    if (isiOS()) {
-      view.dom.focus();
-    }
+    view.dom.focus();
     requestAnimationFrame(() => {
       if (!editor.isDestroyed) {
         view.focus();
@@ -2000,11 +2073,15 @@ var insertContent = (value, options) => ({ tr, commands }) => {
   );
 };
 
+// src/commands/insertContentAt.ts
+import { Fragment as Fragment5 } from "@tiptap/pm/model";
+
 // src/helpers/createNodeFromContent.ts
 import {
   DOMParser,
-  Fragment,
-  Schema as Schema2
+  Fragment as Fragment4,
+  Node as ProseMirrorNode3,
+  Schema as Schema3
 } from "@tiptap/pm/model";
 
 // src/utilities/elementFromString.ts
@@ -2028,6 +2105,9 @@ function elementFromString(value) {
 
 // src/helpers/createNodeFromContent.ts
 function createNodeFromContent(content, schema, options) {
+  if (content instanceof ProseMirrorNode3 || content instanceof Fragment4) {
+    return content;
+  }
   options = {
     slice: true,
     parseOptions: {},
@@ -2039,9 +2119,13 @@ function createNodeFromContent(content, schema, options) {
     try {
       const isArrayContent = Array.isArray(content) && content.length > 0;
       if (isArrayContent) {
-        return Fragment.fromArray(content.map((item) => schema.nodeFromJSON(item)));
+        return Fragment4.fromArray(content.map((item) => schema.nodeFromJSON(item)));
+      }
+      const node = schema.nodeFromJSON(content);
+      if (options.errorOnInvalidContent) {
+        node.check();
       }
-      return schema.nodeFromJSON(content);
+      return node;
     } catch (error) {
       if (options.errorOnInvalidContent) {
         throw new Error("[tiptap error]: Invalid JSON content", { cause: error });
@@ -2054,7 +2138,7 @@ function createNodeFromContent(content, schema, options) {
     if (options.errorOnInvalidContent) {
       let hasInvalidContent = false;
       let invalidContent = "";
-      const contentCheckSchema = new Schema2({
+      const contentCheckSchema = new Schema3({
         topNode: schema.spec.topNode,
         marks: schema.spec.marks,
         // Prosemirror's schemas are executed such that: the last to execute, matches last
@@ -2124,13 +2208,14 @@ var insertContentAt = (position, value, options) => ({ tr, dispatch, editor }) =
   var _a;
   if (dispatch) {
     options = {
-      parseOptions: {},
+      parseOptions: editor.options.parseOptions,
       updateSelection: true,
       applyInputRules: false,
       applyPasteRules: false,
       ...options
     };
     let content;
+    const { selection } = editor.state;
     try {
       content = createNodeFromContent(value, editor.schema, {
         parseOptions: {
@@ -2144,7 +2229,9 @@ var insertContentAt = (position, value, options) => ({ tr, dispatch, editor }) =
         editor,
         error: e,
         disableCollaboration: () => {
-          console.error("[tiptap error]: Unable to disable collaboration at this point in time");
+          if (editor.storage.collaboration) {
+            editor.storage.collaboration.isDisabled = true;
+          }
         }
       });
       return false;
@@ -2170,6 +2257,14 @@ var insertContentAt = (position, value, options) => ({ tr, dispatch, editor }) =
     if (isOnlyTextContent) {
       if (Array.isArray(value)) {
         newContent = value.map((v) => v.text || "").join("");
+      } else if (value instanceof Fragment5) {
+        let text = "";
+        value.forEach((node) => {
+          if (node.text) {
+            text += node.text;
+          }
+        });
+        newContent = text;
       } else if (typeof value === "object" && !!value && !!value.text) {
         newContent = value.text;
       } else {
@@ -2178,6 +2273,11 @@ var insertContentAt = (position, value, options) => ({ tr, dispatch, editor }) =
       tr.insertText(newContent, from, to);
     } else {
       newContent = content;
+      const fromSelectionAtStart = selection.$from.parentOffset === 0;
+      const isTextSelection2 = selection.$from.node().isText || selection.$from.node().isTextblock;
+      if (fromSelectionAtStart && isTextSelection2) {
+        from = Math.max(0, from - 1);
+      }
       tr.replaceWith(from, to, newContent);
     }
     if (options.updateSelection) {
@@ -2269,6 +2369,18 @@ var joinTextblockForward = () => ({ state, dispatch }) => {
   return originalCommand2(state, dispatch);
 };
 
+// src/utilities/isiOS.ts
+function isiOS() {
+  return [
+    "iPad Simulator",
+    "iPhone Simulator",
+    "iPod Simulator",
+    "iPad",
+    "iPhone",
+    "iPod"
+  ].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
+}
+
 // src/utilities/isMacOS.ts
 function isMacOS() {
   return typeof navigator !== "undefined" ? /Mac/.test(navigator.platform) : false;
@@ -2482,11 +2594,13 @@ var scrollIntoView = () => ({ tr, dispatch }) => {
 };
 
 // src/commands/selectAll.ts
-var selectAll = () => ({ tr, commands }) => {
-  return commands.setTextSelection({
-    from: 0,
-    to: tr.doc.content.size
-  });
+import { AllSelection } from "@tiptap/pm/state";
+var selectAll = () => ({ tr, dispatch }) => {
+  if (dispatch) {
+    const selection = new AllSelection(tr.doc);
+    tr.setSelection(selection);
+  }
+  return true;
 };
 
 // src/commands/selectNodeBackward.ts
@@ -2549,14 +2663,10 @@ var setContent = (content, emitUpdate = false, parseOptions = {}, options = {})
   if (dispatch) {
     tr.setMeta("preventUpdate", !emitUpdate);
   }
-  return commands.insertContentAt(
-    { from: 0, to: doc.content.size },
-    content,
-    {
-      parseOptions,
-      errorOnInvalidContent: (_b = options.errorOnInvalidContent) != null ? _b : editor.options.enableContentCheck
-    }
-  );
+  return commands.insertContentAt({ from: 0, to: doc.content.size }, content, {
+    parseOptions,
+    errorOnInvalidContent: (_b = options.errorOnInvalidContent) != null ? _b : editor.options.enableContentCheck
+  });
 };
 
 // src/helpers/getMarkAttributes.ts
@@ -2655,16 +2765,6 @@ function findParentNode(predicate) {
 // src/helpers/generateHTML.ts
 import { Node } from "@tiptap/pm/model";
 
-// src/helpers/getHTMLFromFragment.ts
-import { DOMSerializer } from "@tiptap/pm/model";
-function getHTMLFromFragment(fragment, schema) {
-  const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment);
-  const temporaryDocument = document.implementation.createHTMLDocument();
-  const container = temporaryDocument.createElement("div");
-  container.appendChild(documentFragment);
-  return container.innerHTML;
-}
-
 // src/helpers/getSchema.ts
 function getSchema(extensions, editor) {
   const resolvedExtensions = ExtensionManager.resolve(extensions);
@@ -3173,18 +3273,22 @@ var setMeta = (key, value) => ({ tr }) => {
 import { setBlockType } from "@tiptap/pm/commands";
 var setNode = (typeOrName, attributes = {}) => ({ state, dispatch, chain }) => {
   const type = getNodeType(typeOrName, state.schema);
+  let attributesToCopy;
+  if (state.selection.$anchor.sameParent(state.selection.$head)) {
+    attributesToCopy = state.selection.$anchor.parent.attrs;
+  }
   if (!type.isTextblock) {
     console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.');
     return false;
   }
   return chain().command(({ commands }) => {
-    const canSetBlock = setBlockType(type, attributes)(state);
+    const canSetBlock = setBlockType(type, { ...attributesToCopy, ...attributes })(state);
     if (canSetBlock) {
       return true;
     }
     return commands.clearNodes();
   }).command(({ state: updatedState }) => {
-    return setBlockType(type, attributes)(updatedState, dispatch);
+    return setBlockType(type, { ...attributesToCopy, ...attributes })(updatedState, dispatch);
   }).run();
 };
 
@@ -3304,7 +3408,7 @@ var splitBlock = ({ keepMarks = true } = {}) => ({
 
 // src/commands/splitListItem.ts
 import {
-  Fragment as Fragment3,
+  Fragment as Fragment6,
   Slice
 } from "@tiptap/pm/model";
 import { TextSelection as TextSelection8 } from "@tiptap/pm/state";
@@ -3332,10 +3436,10 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({
       return false;
     }
     if (dispatch) {
-      let wrap = Fragment3.empty;
+      let wrap = Fragment6.empty;
       const depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3;
       for (let d = $from.depth - depthBefore; d >= $from.depth - 3; d -= 1) {
-        wrap = Fragment3.from($from.node(d).copy(wrap));
+        wrap = Fragment6.from($from.node(d).copy(wrap));
       }
       const depthAfter = $from.indexAfter(-1) < $from.node(-2).childCount ? 1 : $from.indexAfter(-2) < $from.node(-3).childCount ? 2 : 3;
       const newNextTypeAttributes2 = {
@@ -3347,7 +3451,7 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({
         ...overrideAttrs
       };
       const nextType2 = ((_a = type.contentMatch.defaultType) == null ? void 0 : _a.createAndFill(newNextTypeAttributes2)) || void 0;
-      wrap = wrap.append(Fragment3.from(type.createAndFill(null, nextType2) || void 0));
+      wrap = wrap.append(Fragment6.from(type.createAndFill(null, nextType2) || void 0));
       const start = $from.before($from.depth - (depthBefore - 1));
       tr.replace(start, $from.after(-depthAfter), new Slice(wrap, 4 - depthBefore, 0));
       let sel = -1;
@@ -3508,10 +3612,14 @@ var toggleNode = (typeOrName, toggleTypeOrName, attributes = {}) => ({ state, co
   const type = getNodeType(typeOrName, state.schema);
   const toggleType = getNodeType(toggleTypeOrName, state.schema);
   const isActive2 = isNodeActive(state, type, attributes);
+  let attributesToCopy;
+  if (state.selection.$anchor.sameParent(state.selection.$head)) {
+    attributesToCopy = state.selection.$anchor.parent.attrs;
+  }
   if (isActive2) {
-    return commands.setNode(toggleType);
+    return commands.setNode(toggleType, attributesToCopy);
   }
-  return commands.setNode(type, attributes);
+  return commands.setNode(type, { ...attributesToCopy, ...attributes });
 };
 
 // src/commands/toggleWrap.ts
@@ -3614,18 +3722,63 @@ var updateAttributes = (typeOrName, attributes = {}) => ({ tr, state, dispatch }
     tr.selection.ranges.forEach((range) => {
       const from = range.$from.pos;
       const to = range.$to.pos;
-      state.doc.nodesBetween(from, to, (node, pos) => {
-        if (nodeType && nodeType === node.type) {
-          tr.setNodeMarkup(pos, void 0, {
-            ...node.attrs,
+      let lastPos;
+      let lastNode;
+      let trimmedFrom;
+      let trimmedTo;
+      if (tr.selection.empty) {
+        state.doc.nodesBetween(from, to, (node, pos) => {
+          if (nodeType && nodeType === node.type) {
+            trimmedFrom = Math.max(pos, from);
+            trimmedTo = Math.min(pos + node.nodeSize, to);
+            lastPos = pos;
+            lastNode = node;
+          }
+        });
+      } else {
+        state.doc.nodesBetween(from, to, (node, pos) => {
+          if (pos < from && nodeType && nodeType === node.type) {
+            trimmedFrom = Math.max(pos, from);
+            trimmedTo = Math.min(pos + node.nodeSize, to);
+            lastPos = pos;
+            lastNode = node;
+          }
+          if (pos >= from && pos <= to) {
+            if (nodeType && nodeType === node.type) {
+              tr.setNodeMarkup(pos, void 0, {
+                ...node.attrs,
+                ...attributes
+              });
+            }
+            if (markType && node.marks.length) {
+              node.marks.forEach((mark) => {
+                if (markType === mark.type) {
+                  const trimmedFrom2 = Math.max(pos, from);
+                  const trimmedTo2 = Math.min(pos + node.nodeSize, to);
+                  tr.addMark(
+                    trimmedFrom2,
+                    trimmedTo2,
+                    markType.create({
+                      ...mark.attrs,
+                      ...attributes
+                    })
+                  );
+                }
+              });
+            }
+          }
+        });
+      }
+      if (lastNode) {
+        if (lastPos !== void 0) {
+          tr.setNodeMarkup(lastPos, void 0, {
+            ...lastNode.attrs,
             ...attributes
           });
         }
-        if (markType && node.marks.length) {
-          node.marks.forEach((mark) => {
+        if (markType && lastNode.marks.length) {
+          lastNode.marks.forEach((mark) => {
             if (markType === mark.type) {
-              const trimmedFrom = Math.max(pos, from);
-              const trimmedTo = Math.min(pos + node.nodeSize, to);
               tr.addMark(
                 trimmedFrom,
                 trimmedTo,
@@ -3637,7 +3790,7 @@ var updateAttributes = (typeOrName, attributes = {}) => ({ tr, state, dispatch }
             }
           });
         }
-      });
+      }
     });
   }
   return true;
@@ -3667,14 +3820,37 @@ var Commands = Extension.create({
   }
 });
 
-// src/extensions/editable.ts
+// src/extensions/drop.ts
 import { Plugin as Plugin4, PluginKey as PluginKey2 } from "@tiptap/pm/state";
+var Drop = Extension.create({
+  name: "drop",
+  addProseMirrorPlugins() {
+    return [
+      new Plugin4({
+        key: new PluginKey2("tiptapDrop"),
+        props: {
+          handleDrop: (_, e, slice, moved) => {
+            this.editor.emit("drop", {
+              editor: this.editor,
+              event: e,
+              slice,
+              moved
+            });
+          }
+        }
+      })
+    ];
+  }
+});
+
+// src/extensions/editable.ts
+import { Plugin as Plugin5, PluginKey as PluginKey3 } from "@tiptap/pm/state";
 var Editable = Extension.create({
   name: "editable",
   addProseMirrorPlugins() {
     return [
-      new Plugin4({
-        key: new PluginKey2("editable"),
+      new Plugin5({
+        key: new PluginKey3("editable"),
         props: {
           editable: () => this.editor.options.editable
         }
@@ -3684,14 +3860,14 @@ var Editable = Extension.create({
 });
 
 // src/extensions/focusEvents.ts
-import { Plugin as Plugin5, PluginKey as PluginKey3 } from "@tiptap/pm/state";
+import { Plugin as Plugin6, PluginKey as PluginKey4 } from "@tiptap/pm/state";
 var FocusEvents = Extension.create({
   name: "focusEvents",
   addProseMirrorPlugins() {
     const { editor } = this;
     return [
-      new Plugin5({
-        key: new PluginKey3("focusEvents"),
+      new Plugin6({
+        key: new PluginKey4("focusEvents"),
         props: {
           handleDOMEvents: {
             focus: (view, event) => {
@@ -3714,7 +3890,7 @@ var FocusEvents = Extension.create({
 });
 
 // src/extensions/keymap.ts
-import { Plugin as Plugin6, PluginKey as PluginKey4, Selection as Selection3 } from "@tiptap/pm/state";
+import { Plugin as Plugin7, PluginKey as PluginKey5, Selection as Selection3 } from "@tiptap/pm/state";
 var Keymap = Extension.create({
   name: "keymap",
   addKeyboardShortcuts() {
@@ -3786,11 +3962,12 @@ var Keymap = Extension.create({
       // to a paragraph if necessary.
       // This is an alternative to ProseMirror's `AllSelection`, which doesn’t work well
       // with many other commands.
-      new Plugin6({
-        key: new PluginKey4("clearDocument"),
+      new Plugin7({
+        key: new PluginKey5("clearDocument"),
         appendTransaction: (transactions, oldState, newState) => {
           const docChanges = transactions.some((transaction) => transaction.docChanged) && !oldState.doc.eq(newState.doc);
-          if (!docChanges) {
+          const ignoreTr = transactions.some((transaction) => transaction.getMeta("preventClearDocument"));
+          if (!docChanges || ignoreTr) {
             return;
           }
           const { empty, from, to } = oldState.selection;
@@ -3800,7 +3977,7 @@ var Keymap = Extension.create({
           if (empty || !allWasSelected) {
             return;
           }
-          const isEmpty = newState.doc.textBetween(0, newState.doc.content.size, " ", " ").length === 0;
+          const isEmpty = isNodeEmpty(newState.doc);
           if (!isEmpty) {
             return;
           }
@@ -3824,14 +4001,36 @@ var Keymap = Extension.create({
   }
 });
 
+// src/extensions/paste.ts
+import { Plugin as Plugin8, PluginKey as PluginKey6 } from "@tiptap/pm/state";
+var Paste = Extension.create({
+  name: "paste",
+  addProseMirrorPlugins() {
+    return [
+      new Plugin8({
+        key: new PluginKey6("tiptapPaste"),
+        props: {
+          handlePaste: (_view, e, slice) => {
+            this.editor.emit("paste", {
+              editor: this.editor,
+              event: e,
+              slice
+            });
+          }
+        }
+      })
+    ];
+  }
+});
+
 // src/extensions/tabindex.ts
-import { Plugin as Plugin7, PluginKey as PluginKey5 } from "@tiptap/pm/state";
+import { Plugin as Plugin9, PluginKey as PluginKey7 } from "@tiptap/pm/state";
 var Tabindex = Extension.create({
   name: "tabindex",
   addProseMirrorPlugins() {
     return [
-      new Plugin7({
-        key: new PluginKey5("tabindex"),
+      new Plugin9({
+        key: new PluginKey7("tabindex"),
         props: {
           attributes: () => this.editor.isEditable ? { tabindex: "0" } : {}
         }
@@ -3935,7 +4134,8 @@ var NodePos = class _NodePos {
     const children = [];
     this.node.content.forEach((node, offset) => {
       const isBlock = node.isBlock && !node.isTextblock;
-      const targetPos = this.pos + offset + 1;
+      const isNonTextAtom = node.isAtom && !node.isText;
+      const targetPos = this.pos + offset + (isNonTextAtom ? 0 : 1);
       const $pos = this.resolvedPos.doc.resolve(targetPos);
       if (!isBlock && $pos.depth <= this.depth) {
         return;
@@ -4004,8 +4204,12 @@ var NodePos = class _NodePos {
     return nodes;
   }
   setAttribute(attributes) {
-    const oldSelection = this.editor.state.selection;
-    this.editor.chain().setTextSelection(this.from).updateAttributes(this.node.type.name, attributes).setTextSelection(oldSelection.from).run();
+    const { tr } = this.editor.state;
+    tr.setNodeMarkup(this.from, void 0, {
+      ...this.node.attrs,
+      ...attributes
+    });
+    this.editor.view.dispatch(tr);
   }
 };
 
@@ -4108,6 +4312,10 @@ var Editor = class extends EventEmitter {
      */
     this.isInitialized = false;
     this.extensionStorage = {};
+    /**
+     * A unique ID for this editor instance.
+     */
+    this.instanceId = Math.random().toString(36).slice(2, 9);
     this.options = {
       element: document.createElement("div"),
       content: "",
@@ -4133,7 +4341,9 @@ var Editor = class extends EventEmitter {
       onDestroy: () => null,
       onContentError: ({ error }) => {
         throw error;
-      }
+      },
+      onPaste: () => null,
+      onDrop: () => null
     };
     this.isCapturingTransaction = false;
     this.capturedTransaction = null;
@@ -4153,6 +4363,8 @@ var Editor = class extends EventEmitter {
     this.on("focus", this.options.onFocus);
     this.on("blur", this.options.onBlur);
     this.on("destroy", this.options.onDestroy);
+    this.on("drop", ({ event, slice, moved }) => this.options.onDrop(event, slice, moved));
+    this.on("paste", ({ event, slice }) => this.options.onPaste(event, slice));
     window.setTimeout(() => {
       if (this.isDestroyed) {
         return;
@@ -4238,27 +4450,38 @@ var Editor = class extends EventEmitter {
    *
    * @param plugin A ProseMirror plugin
    * @param handlePlugins Control how to merge the plugin into the existing plugins.
+   * @returns The new editor state
    */
   registerPlugin(plugin, handlePlugins) {
     const plugins = isFunction(handlePlugins) ? handlePlugins(plugin, [...this.state.plugins]) : [...this.state.plugins, plugin];
     const state = this.state.reconfigure({ plugins });
     this.view.updateState(state);
+    return state;
   }
   /**
    * Unregister a ProseMirror plugin.
    *
-   * @param nameOrPluginKey The plugins name
+   * @param nameOrPluginKeyToRemove The plugins name
+   * @returns The new editor state or undefined if the editor is destroyed
    */
-  unregisterPlugin(nameOrPluginKey) {
+  unregisterPlugin(nameOrPluginKeyToRemove) {
     if (this.isDestroyed) {
-      return;
+      return void 0;
+    }
+    const prevPlugins = this.state.plugins;
+    let plugins = prevPlugins;
+    [].concat(nameOrPluginKeyToRemove).forEach((nameOrPluginKey) => {
+      const name = typeof nameOrPluginKey === "string" ? `${nameOrPluginKey}$` : nameOrPluginKey.key;
+      plugins = prevPlugins.filter((plugin) => !plugin.key.startsWith(name));
+    });
+    if (prevPlugins.length === plugins.length) {
+      return void 0;
     }
-    const name = typeof nameOrPluginKey === "string" ? `${nameOrPluginKey}$` : nameOrPluginKey.key;
     const state = this.state.reconfigure({
-      // @ts-ignore
-      plugins: this.state.plugins.filter((plugin) => !plugin.key.startsWith(name))
+      plugins
     });
     this.view.updateState(state);
+    return state;
   }
   /**
    * Creates an extension manager.
@@ -4273,8 +4496,15 @@ var Editor = class extends EventEmitter {
       Commands,
       FocusEvents,
       Keymap,
-      Tabindex
-    ] : [];
+      Tabindex,
+      Drop,
+      Paste
+    ].filter((ext) => {
+      if (typeof this.options.enableCoreExtensions === "object") {
+        return this.options.enableCoreExtensions[ext.name] !== false;
+      }
+      return true;
+    }) : [];
     const allExtensions = [...coreExtensions, ...this.options.extensions].filter((extension) => {
       return ["extension", "node", "mark"].includes(extension == null ? void 0 : extension.type);
     });
@@ -4298,6 +4528,7 @@ var Editor = class extends EventEmitter {
    * Creates a ProseMirror view.
    */
   createView() {
+    var _a;
     let doc;
     try {
       doc = createDocument(
@@ -4314,6 +4545,9 @@ var Editor = class extends EventEmitter {
         editor: this,
         error: e,
         disableCollaboration: () => {
+          if (this.storage.collaboration) {
+            this.storage.collaboration.isDisabled = true;
+          }
           this.options.extensions = this.options.extensions.filter((extension) => extension.name !== "collaboration");
           this.createExtensionManager();
         }
@@ -4328,6 +4562,11 @@ var Editor = class extends EventEmitter {
     const selection = resolveFocusPosition(doc, this.options.autofocus);
     this.view = new EditorView(this.options.element, {
       ...this.options.editorProps,
+      attributes: {
+        // add `role="textbox"` to the editor element
+        role: "textbox",
+        ...(_a = this.options.editorProps) == null ? void 0 : _a.attributes
+      },
       dispatchTransaction: this.dispatchTransaction.bind(this),
       state: EditorState4.create({
         doc,
@@ -4489,6 +4728,10 @@ var Editor = class extends EventEmitter {
   destroy() {
     this.emit("destroy");
     if (this.view) {
+      const dom = this.view.dom;
+      if (dom && dom.editor) {
+        delete dom.editor;
+      }
       this.view.destroy();
     }
     this.removeAllListeners();
@@ -4763,6 +5006,9 @@ var NodeView = class {
     this.extension = props.extension;
     this.node = props.node;
     this.decorations = props.decorations;
+    this.innerDecorations = props.innerDecorations;
+    this.view = props.view;
+    this.HTMLAttributes = props.HTMLAttributes;
     this.getPos = props.getPos;
     this.mount();
   }
@@ -4794,7 +5040,11 @@ var NodeView = class {
       y = handleBox.y - domBox.y + offsetY;
     }
     (_g = event.dataTransfer) == null ? void 0 : _g.setDragImage(this.dom, x, y);
-    const selection = NodeSelection4.create(view.state.doc, this.getPos());
+    const pos = this.getPos();
+    if (typeof pos !== "number") {
+      return;
+    }
+    const selection = NodeSelection4.create(view.state.doc, pos);
     const transaction = view.state.tr.setSelection(selection);
     view.dispatch(transaction);
   }
@@ -4825,10 +5075,10 @@ var NodeView = class {
     const isPasteEvent = event.type === "paste";
     const isCutEvent = event.type === "cut";
     const isClickEvent = event.type === "mousedown";
-    if (!isDraggable && isSelectable && isDragEvent) {
+    if (!isDraggable && isSelectable && isDragEvent && event.target === this.dom) {
       event.preventDefault();
     }
-    if (isDraggable && isDragEvent && !isDragging) {
+    if (isDraggable && isDragEvent && !isDragging && event.target === this.dom) {
       event.preventDefault();
       return false;
     }
@@ -4865,6 +5115,11 @@ var NodeView = class {
     }
     return true;
   }
+  /**
+   * Called when a DOM [mutation](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver) or a selection change happens within the view.
+   * @return `false` if the editor should re-read the selection or re-parse the range around the mutation
+   * @return `true` if it can safely be ignored.
+   */
   ignoreMutation(mutation) {
     if (!this.dom || !this.contentDOM) {
       return true;
@@ -4895,9 +5150,15 @@ var NodeView = class {
     }
     return true;
   }
+  /**
+   * Update the attributes of the prosemirror node.
+   */
   updateAttributes(attributes) {
     this.editor.commands.command(({ tr }) => {
       const pos = this.getPos();
+      if (typeof pos !== "number") {
+        return false;
+      }
       tr.setNodeMarkup(pos, void 0, {
         ...this.node.attrs,
         ...attributes
@@ -4905,8 +5166,14 @@ var NodeView = class {
       return true;
     });
   }
+  /**
+   * Delete the node.
+   */
   deleteNode() {
     const from = this.getPos();
+    if (typeof from !== "number") {
+      return;
+    }
     const to = from + this.node.nodeSize;
     this.editor.commands.deleteRange({ from, to });
   }