@tiptap/core 3.0.0-next.8 → 3.0.1

package/dist/index.cjs

@@ -33,6 +33,7 @@ __export(index_exports, {
   PasteRule: () => PasteRule,
   Tracker: () => Tracker,
   callOrReturn: () => callOrReturn,
+  canInsertNode: () => canInsertNode,
   combineTransactionSteps: () => combineTransactionSteps,
   createChainableState: () => createChainableState,
   createDocument: () => createDocument,
@@ -119,6 +120,7 @@ __export(index_exports, {
   textInputRule: () => textInputRule,
   textPasteRule: () => textPasteRule,
   textblockTypeInputRule: () => textblockTypeInputRule,
+  updateMarkViewAttributes: () => updateMarkViewAttributes,
   wrappingInputRule: () => wrappingInputRule
 });
 module.exports = __toCommonJS(index_exports);
@@ -1950,8 +1952,13 @@ var Mark = class _Mark extends Extendable {
     super(...arguments);
     this.type = "mark";
   }
+  /**
+   * Create a new Mark instance
+   * @param config - Mark configuration object or a function that returns a configuration object
+   */
   static create(config = {}) {
-    return new _Mark(config);
+    const resolvedConfig = typeof config === "function" ? config() : config;
+    return new _Mark(resolvedConfig);
   }
   static handleExit({ editor, mark }) {
     const { tr } = editor.state;
@@ -1977,7 +1984,8 @@ var Mark = class _Mark extends Extendable {
     return super.configure(options);
   }
   extend(extendedConfig) {
-    return super.extend(extendedConfig);
+    const resolvedConfig = typeof extendedConfig === "function" ? extendedConfig() : extendedConfig;
+    return super.extend(resolvedConfig);
   }
 };
 
@@ -2145,7 +2153,7 @@ function pasteRulesPlugin(props) {
             dropEvent = event;
             if (!isDroppedFromProseMirror) {
               const dragFromOtherEditor = tiptapDragFromOtherEditor;
-              if (dragFromOtherEditor) {
+              if (dragFromOtherEditor == null ? void 0 : dragFromOtherEditor.isEditable) {
                 setTimeout(() => {
                   const selection = dragFromOtherEditor.state.selection;
                   if (selection) {
@@ -2384,7 +2392,10 @@ var ExtensionManager = class {
             // tiptap-specific
             editor,
             extension,
-            HTMLAttributes
+            HTMLAttributes,
+            updateAttributes: (attrs) => {
+              updateMarkViewAttributes(mark, editor, attrs);
+            }
           });
         };
         return [extension.name, markView];
@@ -2482,14 +2493,20 @@ var Extension = class _Extension extends Extendable {
     super(...arguments);
     this.type = "extension";
   }
+  /**
+   * Create a new Extension instance
+   * @param config - Extension configuration object or a function that returns a configuration object
+   */
   static create(config = {}) {
-    return new _Extension(config);
+    const resolvedConfig = typeof config === "function" ? config() : config;
+    return new _Extension(resolvedConfig);
   }
   configure(options) {
     return super.configure(options);
   }
   extend(extendedConfig) {
-    return super.extend(extendedConfig);
+    const resolvedConfig = typeof extendedConfig === "function" ? extendedConfig() : extendedConfig;
+    return super.extend(resolvedConfig);
   }
 };
 
@@ -2659,7 +2676,7 @@ var cut = (originRange, targetPos) => ({ editor, tr }) => {
   tr.deleteRange(originRange.from, originRange.to);
   const newPos = tr.mapping.map(targetPos);
   tr.insert(newPos, contentSlice.content);
-  tr.setSelection(new import_state8.TextSelection(tr.doc.resolve(newPos - 1)));
+  tr.setSelection(new import_state8.TextSelection(tr.doc.resolve(Math.max(newPos - 1, 0))));
   return true;
 };
 
@@ -2835,18 +2852,10 @@ var insertContentAt = (position, value, options) => ({ tr, dispatch, editor }) =
     };
     let content;
     const { selection } = editor.state;
-    try {
-      content = createNodeFromContent(value, editor.schema, {
-        parseOptions: {
-          preserveWhitespace: "full",
-          ...options.parseOptions
-        },
-        errorOnInvalidContent: (_a = options.errorOnInvalidContent) != null ? _a : editor.options.enableContentCheck
-      });
-    } catch (e) {
+    const emitContentError = (error) => {
       editor.emit("contentError", {
         editor,
-        error: e,
+        error,
         disableCollaboration: () => {
           if ("collaboration" in editor.storage && typeof editor.storage.collaboration === "object" && editor.storage.collaboration) {
             ;
@@ -2854,6 +2863,28 @@ var insertContentAt = (position, value, options) => ({ tr, dispatch, editor }) =
           }
         }
       });
+    };
+    const parseOptions = {
+      preserveWhitespace: "full",
+      ...options.parseOptions
+    };
+    if (!options.errorOnInvalidContent && !editor.options.enableContentCheck && editor.options.emitContentError) {
+      try {
+        createNodeFromContent(value, editor.schema, {
+          parseOptions,
+          errorOnInvalidContent: true
+        });
+      } catch (e) {
+        emitContentError(e);
+      }
+    }
+    try {
+      content = createNodeFromContent(value, editor.schema, {
+        parseOptions,
+        errorOnInvalidContent: (_a = options.errorOnInvalidContent) != null ? _a : editor.options.enableContentCheck
+      });
+    } catch (e) {
+      emitContentError(e);
       return false;
     }
     let { from, to } = typeof position === "number" ? { from: position, to: position } : { from: position.from, to: position.to };
@@ -2895,7 +2926,8 @@ var insertContentAt = (position, value, options) => ({ tr, dispatch, editor }) =
       newContent = content;
       const fromSelectionAtStart = selection.$from.parentOffset === 0;
       const isTextSelection2 = selection.$from.node().isText || selection.$from.node().isTextblock;
-      if (fromSelectionAtStart && isTextSelection2) {
+      const hasContent = selection.$from.node().content.size > 0;
+      if (fromSelectionAtStart && isTextSelection2 && hasContent) {
         from = Math.max(0, from - 1);
       }
       tr.replaceWith(from, to, newContent);
@@ -4186,6 +4218,9 @@ var NodePos = class _NodePos {
       const isBlock = node.isBlock && !node.isTextblock;
       const isNonTextAtom = node.isAtom && !node.isText;
       const targetPos = this.pos + offset + (isNonTextAtom ? 0 : 1);
+      if (targetPos < 0 || targetPos > this.resolvedPos.doc.nodeSize - 2) {
+        return;
+      }
       const $pos = this.resolvedPos.doc.resolve(targetPos);
       if (!isBlock && $pos.depth <= this.depth) {
         return;
@@ -4383,6 +4418,7 @@ var Editor = class extends EventEmitter {
       enablePasteRules: true,
       enableCoreExtensions: true,
       enableContentCheck: false,
+      emitContentError: false,
       onBeforeCreate: () => null,
       onCreate: () => null,
       onUpdate: () => null,
@@ -4548,7 +4584,8 @@ var Editor = class extends EventEmitter {
         // Stub some commonly accessed properties to prevent errors
         composing: false,
         dragging: null,
-        editable: true
+        editable: true,
+        isDestroyed: false
       },
       {
         get: (obj, key) => {
@@ -4601,7 +4638,7 @@ var Editor = class extends EventEmitter {
     let plugins = prevPlugins;
     [].concat(nameOrPluginKeyToRemove).forEach((nameOrPluginKey) => {
       const name = typeof nameOrPluginKey === "string" ? `${nameOrPluginKey}$` : nameOrPluginKey.key;
-      plugins = prevPlugins.filter((plugin) => !plugin.key.startsWith(name));
+      plugins = plugins.filter((plugin) => !plugin.key.startsWith(name));
     });
     if (prevPlugins.length === plugins.length) {
       return void 0;
@@ -4862,8 +4899,8 @@ var Editor = class extends EventEmitter {
    * Check if the editor is already destroyed.
    */
   get isDestroyed() {
-    var _a;
-    return !((_a = this.view) == null ? void 0 : _a.docView);
+    var _a, _b;
+    return (_b = (_a = this.editorView) == null ? void 0 : _a.isDestroyed) != null ? _b : true;
   }
   $node(selector, attributes) {
     var _a;
@@ -5041,6 +5078,29 @@ var h = (tag, attributes) => {
   return [tag, rest, children];
 };
 
+// src/utilities/canInsertNode.ts
+var import_state22 = require("@tiptap/pm/state");
+function canInsertNode(state, nodeType) {
+  const { selection } = state;
+  const { $from } = selection;
+  if (selection instanceof import_state22.NodeSelection) {
+    const index = $from.index();
+    const parent = $from.parent;
+    return parent.canReplaceWith(index, index + 1, nodeType);
+  }
+  let depth = $from.depth;
+  while (depth >= 0) {
+    const index = $from.index(depth);
+    const parent = $from.node(depth);
+    const match = parent.contentMatchAt(index);
+    if (match.matchType(nodeType)) {
+      return true;
+    }
+    depth -= 1;
+  }
+  return false;
+}
+
 // src/utilities/escapeForRegEx.ts
 function escapeForRegEx(string) {
   return string.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
@@ -5052,6 +5112,42 @@ function isString(value) {
 }
 
 // src/MarkView.ts
+function updateMarkViewAttributes(checkMark, editor, attrs = {}) {
+  const { state } = editor;
+  const { doc, tr } = state;
+  const thisMark = checkMark;
+  doc.descendants((node, pos) => {
+    const from = tr.mapping.map(pos);
+    const to = tr.mapping.map(pos) + node.nodeSize;
+    let foundMark = null;
+    node.marks.forEach((mark) => {
+      if (mark !== thisMark) {
+        return false;
+      }
+      foundMark = mark;
+    });
+    if (!foundMark) {
+      return;
+    }
+    let needsUpdate = false;
+    Object.keys(attrs).forEach((k) => {
+      if (attrs[k] !== foundMark.attrs[k]) {
+        needsUpdate = true;
+      }
+    });
+    if (needsUpdate) {
+      const updatedMark = checkMark.type.create({
+        ...checkMark.attrs,
+        ...attrs
+      });
+      tr.removeMark(from, to, checkMark.type);
+      tr.addMark(from, to, updatedMark);
+    }
+  });
+  if (tr.docChanged) {
+    editor.view.dispatch(tr);
+  }
+}
 var MarkView = class {
   constructor(component, props, options) {
     this.component = component;
@@ -5066,6 +5162,13 @@ var MarkView = class {
   get contentDOM() {
     return null;
   }
+  /**
+   * Update the attributes of the mark in the document.
+   * @param attrs The attributes to update.
+   */
+  updateAttributes(attrs, checkMark) {
+    updateMarkViewAttributes(checkMark || this.mark, this.editor, attrs);
+  }
   ignoreMutation(mutation) {
     if (!this.dom || !this.contentDOM) {
       return true;
@@ -5098,19 +5201,25 @@ var Node3 = class _Node extends Extendable {
     super(...arguments);
     this.type = "node";
   }
+  /**
+   * Create a new Node instance
+   * @param config - Node configuration object or a function that returns a configuration object
+   */
   static create(config = {}) {
-    return new _Node(config);
+    const resolvedConfig = typeof config === "function" ? config() : config;
+    return new _Node(resolvedConfig);
   }
   configure(options) {
     return super.configure(options);
   }
   extend(extendedConfig) {
-    return super.extend(extendedConfig);
+    const resolvedConfig = typeof extendedConfig === "function" ? extendedConfig() : extendedConfig;
+    return super.extend(resolvedConfig);
   }
 };
 
 // src/NodeView.ts
-var import_state22 = require("@tiptap/pm/state");
+var import_state23 = require("@tiptap/pm/state");
 var NodeView = class {
   constructor(component, props, options) {
     this.isDragging = false;
@@ -5157,12 +5266,13 @@ var NodeView = class {
       x = handleBox.x - domBox.x + offsetX;
       y = handleBox.y - domBox.y + offsetY;
     }
-    (_g = event.dataTransfer) == null ? void 0 : _g.setDragImage(this.dom, x, y);
+    const clonedNode = this.dom.cloneNode(true);
+    (_g = event.dataTransfer) == null ? void 0 : _g.setDragImage(clonedNode, x, y);
     const pos = this.getPos();
     if (typeof pos !== "number") {
       return;
     }
-    const selection = import_state22.NodeSelection.create(view.state.doc, pos);
+    const selection = import_state23.NodeSelection.create(view.state.doc, pos);
     const transaction = view.state.tr.setSelection(selection);
     view.dispatch(transaction);
   }
@@ -5188,7 +5298,7 @@ var NodeView = class {
     const { isEditable } = this.editor;
     const { isDragging } = this;
     const isDraggable = !!this.node.type.spec.draggable;
-    const isSelectable = import_state22.NodeSelection.isSelectable(this.node);
+    const isSelectable = import_state23.NodeSelection.isSelectable(this.node);
     const isCopyEvent = event.type === "copy";
     const isPasteEvent = event.type === "paste";
     const isCutEvent = event.type === "cut";
@@ -5412,6 +5522,7 @@ var Tracker = class {
   PasteRule,
   Tracker,
   callOrReturn,
+  canInsertNode,
   combineTransactionSteps,
   createChainableState,
   createDocument,
@@ -5498,6 +5609,7 @@ var Tracker = class {
   textInputRule,
   textPasteRule,
   textblockTypeInputRule,
+  updateMarkViewAttributes,
   wrappingInputRule
 });
 //# sourceMappingURL=index.cjs.map