@tiptap/core 3.13.0 → 3.15.0

package/dist/index.cjs

@@ -3772,6 +3772,35 @@ var ExtensionManager = class {
       })
     );
   }
+  /**
+   * Get the composed dispatchTransaction function from all extensions.
+   * @param baseDispatch The base dispatch function (e.g. from the editor or user props)
+   * @returns A composed dispatch function
+   */
+  dispatchTransaction(baseDispatch) {
+    const { editor } = this;
+    const extensions = sortExtensions([...this.extensions].reverse());
+    return extensions.reduceRight((next, extension) => {
+      const context = {
+        name: extension.name,
+        options: extension.options,
+        storage: this.editor.extensionStorage[extension.name],
+        editor,
+        type: getSchemaTypeByName(extension.name, this.schema)
+      };
+      const dispatchTransaction = getExtensionField(
+        extension,
+        "dispatchTransaction",
+        context
+      );
+      if (!dispatchTransaction) {
+        return next;
+      }
+      return (transaction) => {
+        dispatchTransaction.call(context, { transaction, next });
+      };
+    }, baseDispatch);
+  }
   get markViews() {
     const { editor } = this;
     const { markExtensions } = splitExtensions(this.extensions);
@@ -4633,7 +4662,8 @@ var Editor = class extends EventEmitter {
       },
       onPaste: () => null,
       onDrop: () => null,
-      onDelete: () => null
+      onDelete: () => null,
+      enableExtensionDispatchTransaction: true
     };
     this.isCapturingTransaction = false;
     this.capturedTransaction = null;
@@ -4958,15 +4988,17 @@ var Editor = class extends EventEmitter {
    * Creates a ProseMirror view.
    */
   createView(element) {
-    var _a;
+    const { editorProps, enableExtensionDispatchTransaction } = this.options;
+    const baseDispatch = editorProps.dispatchTransaction || this.dispatchTransaction.bind(this);
+    const dispatch = enableExtensionDispatchTransaction ? this.extensionManager.dispatchTransaction(baseDispatch) : baseDispatch;
     this.editorView = new import_view.EditorView(element, {
-      ...this.options.editorProps,
+      ...editorProps,
       attributes: {
         // add `role="textbox"` to the editor element
         role: "textbox",
-        ...(_a = this.options.editorProps) == null ? void 0 : _a.attributes
+        ...editorProps == null ? void 0 : editorProps.attributes
       },
-      dispatchTransaction: this.dispatchTransaction.bind(this),
+      dispatchTransaction: dispatch,
       state: this.editorState,
       markViews: this.extensionManager.markViews,
       nodeViews: this.extensionManager.nodeViews