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

package/dist/index.cjs

@@ -253,7 +253,7 @@ var CommandManager = class {
 };
 
 // src/Editor.ts
-var import_state18 = require("@tiptap/pm/state");
+var import_state21 = require("@tiptap/pm/state");
 var import_view = require("@tiptap/pm/view");
 
 // src/EventEmitter.ts
@@ -286,6 +286,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 = {};
   }
@@ -432,7 +439,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;
       }
@@ -443,7 +461,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]
@@ -577,6 +597,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)
         ),
@@ -704,8 +725,19 @@ function isExtensionRulesEnabled(extension, enabled) {
 }
 
 // src/InputRule.ts
+var import_model3 = require("@tiptap/pm/model");
 var import_state = require("@tiptap/pm/state");
 
+// src/helpers/getHTMLFromFragment.ts
+var import_model2 = require("@tiptap/pm/model");
+function getHTMLFromFragment(fragment, schema) {
+  const documentFragment = import_model2.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 = "";
@@ -834,7 +866,7 @@ function inputRulesPlugin(props) {
       init() {
         return null;
       },
-      apply(tr, prev) {
+      apply(tr, prev, state) {
         const stored = tr.getMeta(plugin);
         if (stored) {
           return stored;
@@ -843,7 +875,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(import_model3.Fragment.from(text), state.schema);
+            }
+            const { from } = simulatedInputMeta;
             const to = from + text.length;
             run({
               editor,
@@ -1035,6 +1073,7 @@ var Mark = class _Mark {
 };
 
 // src/PasteRule.ts
+var import_model4 = require("@tiptap/pm/model");
 var import_state2 = require("@tiptap/pm/state");
 
 // src/utilities/isNumber.ts
@@ -1122,6 +1161,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", {
@@ -1136,7 +1176,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,
@@ -1161,7 +1206,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;
   };
@@ -1172,11 +1221,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);
           }
         };
       },
@@ -1185,6 +1244,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) => {
@@ -1206,7 +1276,13 @@ function pasteRulesPlugin(props) {
           return;
         }
         if (isSimulatedPaste) {
-          const { from: from2, text } = simulatedPasteMeta;
+          let { text } = simulatedPasteMeta;
+          if (typeof text === "string") {
+            text = text;
+          } else {
+            text = getHTMLFromFragment(import_model4.Fragment.from(text), state.schema);
+          }
+          const { from: from2 } = simulatedPasteMeta;
           const to2 = from2 + text.length;
           const pasteEvt = createClipboardPasteEvent(text);
           return processEvent({
@@ -1445,15 +1521,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];
@@ -1534,9 +1614,11 @@ var extensions_exports = {};
 __export(extensions_exports, {
   ClipboardTextSerializer: () => ClipboardTextSerializer,
   Commands: () => Commands,
+  Drop: () => Drop,
   Editable: () => Editable,
   FocusEvents: () => FocusEvents,
   Keymap: () => Keymap,
+  Paste: () => Paste,
   Tabindex: () => Tabindex
 });
 
@@ -1913,23 +1995,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;
@@ -1938,8 +2026,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;
   }
@@ -2035,18 +2122,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,
@@ -2059,9 +2134,7 @@ var focus = (position = null, options = {}) => ({
     ...options
   };
   const delayedFocus = () => {
-    if (isiOS()) {
-      view.dom.focus();
-    }
+    view.dom.focus();
     requestAnimationFrame(() => {
       if (!editor.isDestroyed) {
         view.focus();
@@ -2106,8 +2179,11 @@ var insertContent = (value, options) => ({ tr, commands }) => {
   );
 };
 
+// src/commands/insertContentAt.ts
+var import_model6 = require("@tiptap/pm/model");
+
 // src/helpers/createNodeFromContent.ts
-var import_model2 = require("@tiptap/pm/model");
+var import_model5 = require("@tiptap/pm/model");
 
 // src/utilities/elementFromString.ts
 var removeWhitespaces = (node) => {
@@ -2130,6 +2206,9 @@ function elementFromString(value) {
 
 // src/helpers/createNodeFromContent.ts
 function createNodeFromContent(content, schema, options) {
+  if (content instanceof import_model5.Node || content instanceof import_model5.Fragment) {
+    return content;
+  }
   options = {
     slice: true,
     parseOptions: {},
@@ -2141,9 +2220,13 @@ function createNodeFromContent(content, schema, options) {
     try {
       const isArrayContent = Array.isArray(content) && content.length > 0;
       if (isArrayContent) {
-        return import_model2.Fragment.fromArray(content.map((item) => schema.nodeFromJSON(item)));
+        return import_model5.Fragment.fromArray(content.map((item) => schema.nodeFromJSON(item)));
       }
-      return schema.nodeFromJSON(content);
+      const node = schema.nodeFromJSON(content);
+      if (options.errorOnInvalidContent) {
+        node.check();
+      }
+      return node;
     } catch (error) {
       if (options.errorOnInvalidContent) {
         throw new Error("[tiptap error]: Invalid JSON content", { cause: error });
@@ -2156,7 +2239,7 @@ function createNodeFromContent(content, schema, options) {
     if (options.errorOnInvalidContent) {
       let hasInvalidContent = false;
       let invalidContent = "";
-      const contentCheckSchema = new import_model2.Schema({
+      const contentCheckSchema = new import_model5.Schema({
         topNode: schema.spec.topNode,
         marks: schema.spec.marks,
         // Prosemirror's schemas are executed such that: the last to execute, matches last
@@ -2179,15 +2262,15 @@ function createNodeFromContent(content, schema, options) {
         })
       });
       if (options.slice) {
-        import_model2.DOMParser.fromSchema(contentCheckSchema).parseSlice(elementFromString(content), options.parseOptions);
+        import_model5.DOMParser.fromSchema(contentCheckSchema).parseSlice(elementFromString(content), options.parseOptions);
       } else {
-        import_model2.DOMParser.fromSchema(contentCheckSchema).parse(elementFromString(content), options.parseOptions);
+        import_model5.DOMParser.fromSchema(contentCheckSchema).parse(elementFromString(content), options.parseOptions);
       }
       if (options.errorOnInvalidContent && hasInvalidContent) {
         throw new Error("[tiptap error]: Invalid HTML content", { cause: new Error(`Invalid element found: ${invalidContent}`) });
       }
     }
-    const parser = import_model2.DOMParser.fromSchema(schema);
+    const parser = import_model5.DOMParser.fromSchema(schema);
     if (options.slice) {
       return parser.parseSlice(elementFromString(content), options.parseOptions).content;
     }
@@ -2226,13 +2309,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: {
@@ -2246,7 +2330,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;
@@ -2272,6 +2358,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 import_model6.Fragment) {
+        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 {
@@ -2280,6 +2374,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) {
@@ -2366,6 +2465,18 @@ var joinTextblockForward = () => ({ state, dispatch }) => {
   return (0, import_commands6.joinTextblockForward)(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;
@@ -2579,11 +2690,13 @@ var scrollIntoView = () => ({ tr, dispatch }) => {
 };
 
 // src/commands/selectAll.ts
-var selectAll = () => ({ tr, commands }) => {
-  return commands.setTextSelection({
-    from: 0,
-    to: tr.doc.content.size
-  });
+var import_state9 = require("@tiptap/pm/state");
+var selectAll = () => ({ tr, dispatch }) => {
+  if (dispatch) {
+    const selection = new import_state9.AllSelection(tr.doc);
+    tr.setSelection(selection);
+  }
+  return true;
 };
 
 // src/commands/selectNodeBackward.ts
@@ -2646,14 +2759,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
@@ -2750,17 +2859,7 @@ function findParentNode(predicate) {
 }
 
 // src/helpers/generateHTML.ts
-var import_model4 = require("@tiptap/pm/model");
-
-// src/helpers/getHTMLFromFragment.ts
-var import_model3 = require("@tiptap/pm/model");
-function getHTMLFromFragment(fragment, schema) {
-  const documentFragment = import_model3.DOMSerializer.fromSchema(schema).serializeFragment(fragment);
-  const temporaryDocument = document.implementation.createHTMLDocument();
-  const container = temporaryDocument.createElement("div");
-  container.appendChild(documentFragment);
-  return container.innerHTML;
-}
+var import_model7 = require("@tiptap/pm/model");
 
 // src/helpers/getSchema.ts
 function getSchema(extensions, editor) {
@@ -2771,20 +2870,20 @@ function getSchema(extensions, editor) {
 // src/helpers/generateHTML.ts
 function generateHTML(doc, extensions) {
   const schema = getSchema(extensions);
-  const contentNode = import_model4.Node.fromJSON(schema, doc);
+  const contentNode = import_model7.Node.fromJSON(schema, doc);
   return getHTMLFromFragment(contentNode.content, schema);
 }
 
 // src/helpers/generateJSON.ts
-var import_model5 = require("@tiptap/pm/model");
+var import_model8 = require("@tiptap/pm/model");
 function generateJSON(html, extensions) {
   const schema = getSchema(extensions);
   const dom = elementFromString(html);
-  return import_model5.DOMParser.fromSchema(schema).parse(dom).toJSON();
+  return import_model8.DOMParser.fromSchema(schema).parse(dom).toJSON();
 }
 
 // src/helpers/generateText.ts
-var import_model6 = require("@tiptap/pm/model");
+var import_model9 = require("@tiptap/pm/model");
 
 // src/helpers/getText.ts
 function getText(node, options) {
@@ -2799,7 +2898,7 @@ function getText(node, options) {
 function generateText(doc, extensions, options) {
   const { blockSeparator = "\n\n", textSerializers = {} } = options || {};
   const schema = getSchema(extensions);
-  const contentNode = import_model6.Node.fromJSON(schema, doc);
+  const contentNode = import_model9.Node.fromJSON(schema, doc);
   return getText(contentNode, {
     blockSeparator,
     textSerializers: {
@@ -3150,9 +3249,9 @@ function isNodeEmpty(node, {
 }
 
 // src/helpers/isNodeSelection.ts
-var import_state9 = require("@tiptap/pm/state");
+var import_state10 = require("@tiptap/pm/state");
 function isNodeSelection(value) {
-  return value instanceof import_state9.NodeSelection;
+  return value instanceof import_state10.NodeSelection;
 }
 
 // src/helpers/posToDOMRect.ts
@@ -3270,44 +3369,48 @@ var setMeta = (key, value) => ({ tr }) => {
 var import_commands15 = require("@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 = (0, import_commands15.setBlockType)(type, attributes)(state);
+    const canSetBlock = (0, import_commands15.setBlockType)(type, { ...attributesToCopy, ...attributes })(state);
     if (canSetBlock) {
       return true;
     }
     return commands.clearNodes();
   }).command(({ state: updatedState }) => {
-    return (0, import_commands15.setBlockType)(type, attributes)(updatedState, dispatch);
+    return (0, import_commands15.setBlockType)(type, { ...attributesToCopy, ...attributes })(updatedState, dispatch);
   }).run();
 };
 
 // src/commands/setNodeSelection.ts
-var import_state10 = require("@tiptap/pm/state");
+var import_state11 = require("@tiptap/pm/state");
 var setNodeSelection = (position) => ({ tr, dispatch }) => {
   if (dispatch) {
     const { doc } = tr;
     const from = minMax(position, 0, doc.content.size);
-    const selection = import_state10.NodeSelection.create(doc, from);
+    const selection = import_state11.NodeSelection.create(doc, from);
     tr.setSelection(selection);
   }
   return true;
 };
 
 // src/commands/setTextSelection.ts
-var import_state11 = require("@tiptap/pm/state");
+var import_state12 = require("@tiptap/pm/state");
 var setTextSelection = (position) => ({ tr, dispatch }) => {
   if (dispatch) {
     const { doc } = tr;
     const { from, to } = typeof position === "number" ? { from: position, to: position } : position;
-    const minPos = import_state11.TextSelection.atStart(doc).from;
-    const maxPos = import_state11.TextSelection.atEnd(doc).to;
+    const minPos = import_state12.TextSelection.atStart(doc).from;
+    const maxPos = import_state12.TextSelection.atEnd(doc).to;
     const resolvedFrom = minMax(from, minPos, maxPos);
     const resolvedEnd = minMax(to, minPos, maxPos);
-    const selection = import_state11.TextSelection.create(doc, resolvedFrom, resolvedEnd);
+    const selection = import_state12.TextSelection.create(doc, resolvedFrom, resolvedEnd);
     tr.setSelection(selection);
   }
   return true;
@@ -3321,7 +3424,7 @@ var sinkListItem = (typeOrName) => ({ state, dispatch }) => {
 };
 
 // src/commands/splitBlock.ts
-var import_state12 = require("@tiptap/pm/state");
+var import_state13 = require("@tiptap/pm/state");
 var import_transform6 = require("@tiptap/pm/transform");
 function ensureMarks(state, splittableMarks) {
   const marks = state.storedMarks || state.selection.$to.parentOffset && state.selection.$from.marks();
@@ -3344,7 +3447,7 @@ var splitBlock = ({ keepMarks = true } = {}) => ({
     $from.node().type.name,
     $from.node().attrs
   );
-  if (selection instanceof import_state12.NodeSelection && selection.node.isBlock) {
+  if (selection instanceof import_state13.NodeSelection && selection.node.isBlock) {
     if (!$from.parentOffset || !(0, import_transform6.canSplit)(doc, $from.pos)) {
       return false;
     }
@@ -3379,7 +3482,7 @@ var splitBlock = ({ keepMarks = true } = {}) => ({
   }
   if (dispatch) {
     if (can) {
-      if (selection instanceof import_state12.TextSelection) {
+      if (selection instanceof import_state13.TextSelection) {
         tr.deleteSelection();
       }
       tr.split(tr.mapping.map($from.pos), 1, types);
@@ -3400,8 +3503,8 @@ var splitBlock = ({ keepMarks = true } = {}) => ({
 };
 
 // src/commands/splitListItem.ts
-var import_model7 = require("@tiptap/pm/model");
-var import_state13 = require("@tiptap/pm/state");
+var import_model10 = require("@tiptap/pm/model");
+var import_state14 = require("@tiptap/pm/state");
 var import_transform7 = require("@tiptap/pm/transform");
 var splitListItem = (typeOrName, overrideAttrs = {}) => ({
   tr,
@@ -3426,10 +3529,10 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({
       return false;
     }
     if (dispatch) {
-      let wrap = import_model7.Fragment.empty;
+      let wrap = import_model10.Fragment.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 = import_model7.Fragment.from($from.node(d).copy(wrap));
+        wrap = import_model10.Fragment.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 = {
@@ -3441,9 +3544,9 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({
         ...overrideAttrs
       };
       const nextType2 = ((_a = type.contentMatch.defaultType) == null ? void 0 : _a.createAndFill(newNextTypeAttributes2)) || void 0;
-      wrap = wrap.append(import_model7.Fragment.from(type.createAndFill(null, nextType2) || void 0));
+      wrap = wrap.append(import_model10.Fragment.from(type.createAndFill(null, nextType2) || void 0));
       const start = $from.before($from.depth - (depthBefore - 1));
-      tr.replace(start, $from.after(-depthAfter), new import_model7.Slice(wrap, 4 - depthBefore, 0));
+      tr.replace(start, $from.after(-depthAfter), new import_model10.Slice(wrap, 4 - depthBefore, 0));
       let sel = -1;
       tr.doc.nodesBetween(start, tr.doc.content.size, (n, pos) => {
         if (sel > -1) {
@@ -3454,7 +3557,7 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({
         }
       });
       if (sel > -1) {
-        tr.setSelection(import_state13.TextSelection.near(tr.doc.resolve(sel)));
+        tr.setSelection(import_state14.TextSelection.near(tr.doc.resolve(sel)));
       }
       tr.scrollIntoView();
     }
@@ -3602,10 +3705,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
@@ -3708,18 +3815,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,
@@ -3731,7 +3883,7 @@ var updateAttributes = (typeOrName, attributes = {}) => ({ tr, state, dispatch }
             }
           });
         }
-      });
+      }
     });
   }
   return true;
@@ -3761,14 +3913,37 @@ var Commands = Extension.create({
   }
 });
 
+// src/extensions/drop.ts
+var import_state15 = require("@tiptap/pm/state");
+var Drop = Extension.create({
+  name: "drop",
+  addProseMirrorPlugins() {
+    return [
+      new import_state15.Plugin({
+        key: new import_state15.PluginKey("tiptapDrop"),
+        props: {
+          handleDrop: (_, e, slice, moved) => {
+            this.editor.emit("drop", {
+              editor: this.editor,
+              event: e,
+              slice,
+              moved
+            });
+          }
+        }
+      })
+    ];
+  }
+});
+
 // src/extensions/editable.ts
-var import_state14 = require("@tiptap/pm/state");
+var import_state16 = require("@tiptap/pm/state");
 var Editable = Extension.create({
   name: "editable",
   addProseMirrorPlugins() {
     return [
-      new import_state14.Plugin({
-        key: new import_state14.PluginKey("editable"),
+      new import_state16.Plugin({
+        key: new import_state16.PluginKey("editable"),
         props: {
           editable: () => this.editor.options.editable
         }
@@ -3778,14 +3953,14 @@ var Editable = Extension.create({
 });
 
 // src/extensions/focusEvents.ts
-var import_state15 = require("@tiptap/pm/state");
+var import_state17 = require("@tiptap/pm/state");
 var FocusEvents = Extension.create({
   name: "focusEvents",
   addProseMirrorPlugins() {
     const { editor } = this;
     return [
-      new import_state15.Plugin({
-        key: new import_state15.PluginKey("focusEvents"),
+      new import_state17.Plugin({
+        key: new import_state17.PluginKey("focusEvents"),
         props: {
           handleDOMEvents: {
             focus: (view, event) => {
@@ -3808,7 +3983,7 @@ var FocusEvents = Extension.create({
 });
 
 // src/extensions/keymap.ts
-var import_state16 = require("@tiptap/pm/state");
+var import_state18 = require("@tiptap/pm/state");
 var Keymap = Extension.create({
   name: "keymap",
   addKeyboardShortcuts() {
@@ -3822,7 +3997,7 @@ var Keymap = Extension.create({
         const $parentPos = $anchor.parent.isTextblock && pos > 0 ? tr.doc.resolve(pos - 1) : $anchor;
         const parentIsIsolating = $parentPos.parent.type.spec.isolating;
         const parentPos = $anchor.pos - $anchor.parentOffset;
-        const isAtStart = parentIsIsolating && $parentPos.parent.childCount === 1 ? parentPos === $anchor.pos : import_state16.Selection.atStart(doc).from === pos;
+        const isAtStart = parentIsIsolating && $parentPos.parent.childCount === 1 ? parentPos === $anchor.pos : import_state18.Selection.atStart(doc).from === pos;
         if (!empty || !parent.type.isTextblock || parent.textContent.length || !isAtStart || isAtStart && $anchor.parent.type.name === "paragraph") {
           return false;
         }
@@ -3880,21 +4055,22 @@ 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 import_state16.Plugin({
-        key: new import_state16.PluginKey("clearDocument"),
+      new import_state18.Plugin({
+        key: new import_state18.PluginKey("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;
-          const allFrom = import_state16.Selection.atStart(oldState.doc).from;
-          const allEnd = import_state16.Selection.atEnd(oldState.doc).to;
+          const allFrom = import_state18.Selection.atStart(oldState.doc).from;
+          const allEnd = import_state18.Selection.atEnd(oldState.doc).to;
           const allWasSelected = from === allFrom && to === allEnd;
           if (empty || !allWasSelected) {
             return;
           }
-          const isEmpty = newState.doc.textBetween(0, newState.doc.content.size, " ", " ").length === 0;
+          const isEmpty = isNodeEmpty(newState.doc);
           if (!isEmpty) {
             return;
           }
@@ -3918,14 +4094,36 @@ var Keymap = Extension.create({
   }
 });
 
+// src/extensions/paste.ts
+var import_state19 = require("@tiptap/pm/state");
+var Paste = Extension.create({
+  name: "paste",
+  addProseMirrorPlugins() {
+    return [
+      new import_state19.Plugin({
+        key: new import_state19.PluginKey("tiptapPaste"),
+        props: {
+          handlePaste: (_view, e, slice) => {
+            this.editor.emit("paste", {
+              editor: this.editor,
+              event: e,
+              slice
+            });
+          }
+        }
+      })
+    ];
+  }
+});
+
 // src/extensions/tabindex.ts
-var import_state17 = require("@tiptap/pm/state");
+var import_state20 = require("@tiptap/pm/state");
 var Tabindex = Extension.create({
   name: "tabindex",
   addProseMirrorPlugins() {
     return [
-      new import_state17.Plugin({
-        key: new import_state17.PluginKey("tabindex"),
+      new import_state20.Plugin({
+        key: new import_state20.PluginKey("tabindex"),
         props: {
           attributes: () => this.editor.isEditable ? { tabindex: "0" } : {}
         }
@@ -4029,7 +4227,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;
@@ -4098,8 +4297,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);
   }
 };
 
@@ -4202,6 +4405,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: "",
@@ -4227,7 +4434,9 @@ var Editor = class extends EventEmitter {
       onDestroy: () => null,
       onContentError: ({ error }) => {
         throw error;
-      }
+      },
+      onPaste: () => null,
+      onDrop: () => null
     };
     this.isCapturingTransaction = false;
     this.capturedTransaction = null;
@@ -4247,6 +4456,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;
@@ -4332,27 +4543,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.
@@ -4367,8 +4589,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);
     });
@@ -4392,6 +4621,7 @@ var Editor = class extends EventEmitter {
    * Creates a ProseMirror view.
    */
   createView() {
+    var _a;
     let doc;
     try {
       doc = createDocument(
@@ -4408,6 +4638,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();
         }
@@ -4422,8 +4655,13 @@ var Editor = class extends EventEmitter {
     const selection = resolveFocusPosition(doc, this.options.autofocus);
     this.view = new import_view.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: import_state18.EditorState.create({
+      state: import_state21.EditorState.create({
         doc,
         selection: selection || void 0
       })
@@ -4583,6 +4821,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();
@@ -4836,7 +5078,7 @@ var Node3 = class _Node {
 };
 
 // src/NodeView.ts
-var import_state19 = require("@tiptap/pm/state");
+var import_state22 = require("@tiptap/pm/state");
 
 // src/utilities/isAndroid.ts
 function isAndroid() {
@@ -4857,6 +5099,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();
   }
@@ -4888,7 +5133,11 @@ var NodeView = class {
       y = handleBox.y - domBox.y + offsetY;
     }
     (_g = event.dataTransfer) == null ? void 0 : _g.setDragImage(this.dom, x, y);
-    const selection = import_state19.NodeSelection.create(view.state.doc, this.getPos());
+    const pos = this.getPos();
+    if (typeof pos !== "number") {
+      return;
+    }
+    const selection = import_state22.NodeSelection.create(view.state.doc, pos);
     const transaction = view.state.tr.setSelection(selection);
     view.dispatch(transaction);
   }
@@ -4914,15 +5163,15 @@ var NodeView = class {
     const { isEditable } = this.editor;
     const { isDragging } = this;
     const isDraggable = !!this.node.type.spec.draggable;
-    const isSelectable = import_state19.NodeSelection.isSelectable(this.node);
+    const isSelectable = import_state22.NodeSelection.isSelectable(this.node);
     const isCopyEvent = event.type === "copy";
     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;
     }
@@ -4959,6 +5208,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;
@@ -4989,9 +5243,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
@@ -4999,8 +5259,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 });
   }