@tiptap/core 3.12.1 → 3.13.0

package/dist/index.cjs

@@ -5366,6 +5366,10 @@ var ResizableNodeView = class {
     this.startHeight = 0;
     /** Whether Shift key is currently pressed (for temporary aspect ratio lock) */
     this.isShiftKeyPressed = false;
+    /** Last known editable state of the editor */
+    this.lastEditableState = void 0;
+    /** Map of handle elements by direction */
+    this.handleMap = /* @__PURE__ */ new Map();
     /**
      * Handles mouse movement during an active resize.
      *
@@ -5442,8 +5446,9 @@ var ResizableNodeView = class {
         this.isShiftKeyPressed = false;
       }
     };
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     this.node = options.node;
+    this.editor = options.editor;
     this.element = options.element;
     this.contentElement = options.contentElement;
     this.getPos = options.getPos;
@@ -5473,10 +5478,14 @@ var ResizableNodeView = class {
         resizing: options.options.className.resizing || ""
       };
     }
+    if ((_f = options.options) == null ? void 0 : _f.createCustomHandle) {
+      this.createCustomHandle = options.options.createCustomHandle;
+    }
     this.wrapper = this.createWrapper();
     this.container = this.createContainer();
     this.applyInitialSize();
     this.attachHandles();
+    this.editor.on("update", this.handleEditorUpdate.bind(this));
   }
   /**
    * Returns the top-level DOM node that should be placed in the editor.
@@ -5492,6 +5501,18 @@ var ResizableNodeView = class {
   get contentDOM() {
     return this.contentElement;
   }
+  handleEditorUpdate() {
+    const isEditable = this.editor.isEditable;
+    if (isEditable === this.lastEditableState) {
+      return;
+    }
+    this.lastEditableState = isEditable;
+    if (!isEditable) {
+      this.removeHandles();
+    } else if (isEditable && this.handleMap.size === 0) {
+      this.attachHandles();
+    }
+  }
   /**
    * Called when the node's content or attributes change.
    *
@@ -5533,6 +5554,7 @@ var ResizableNodeView = class {
       this.isResizing = false;
       this.activeHandle = null;
     }
+    this.editor.off("update", this.handleEditorUpdate.bind(this));
     this.container.remove();
   }
   /**
@@ -5549,8 +5571,6 @@ var ResizableNodeView = class {
     element.dataset.resizeContainer = "";
     element.dataset.node = this.node.type.name;
     element.style.display = "flex";
-    element.style.justifyContent = "flex-start";
-    element.style.alignItems = "flex-start";
     if (this.classNames.container) {
       element.className = this.classNames.container;
     }
@@ -5638,13 +5658,36 @@ var ResizableNodeView = class {
    */
   attachHandles() {
     this.directions.forEach((direction) => {
-      const handle = this.createHandle(direction);
-      this.positionHandle(handle, direction);
+      let handle;
+      if (this.createCustomHandle) {
+        handle = this.createCustomHandle(direction);
+      } else {
+        handle = this.createHandle(direction);
+      }
+      if (!(handle instanceof HTMLElement)) {
+        console.warn(
+          `[ResizableNodeView] createCustomHandle("${direction}") did not return an HTMLElement. Falling back to default handle.`
+        );
+        handle = this.createHandle(direction);
+      }
+      if (!this.createCustomHandle) {
+        this.positionHandle(handle, direction);
+      }
       handle.addEventListener("mousedown", (event) => this.handleResizeStart(event, direction));
       handle.addEventListener("touchstart", (event) => this.handleResizeStart(event, direction));
+      this.handleMap.set(direction, handle);
       this.wrapper.appendChild(handle);
     });
   }
+  /**
+   * Removes all resize handles from the wrapper.
+   *
+   * Cleans up the handle map and removes each handle element from the DOM.
+   */
+  removeHandles() {
+    this.handleMap.forEach((el) => el.remove());
+    this.handleMap.clear();
+  }
   /**
    * Applies initial sizing from node attributes to the element.
    *
@@ -6191,9 +6234,15 @@ function createInlineMarkdownSpec(options) {
       return attrs;
     }
     const filtered = {};
-    allowedAttributes.forEach((key) => {
-      if (key in attrs) {
-        filtered[key] = attrs[key];
+    allowedAttributes.forEach((attr) => {
+      const attrName = typeof attr === "string" ? attr : attr.name;
+      const skipIfDefault = typeof attr === "string" ? void 0 : attr.skipIfDefault;
+      if (attrName in attrs) {
+        const value = attrs[attrName];
+        if (skipIfDefault !== void 0 && value === skipIfDefault) {
+          return;
+        }
+        filtered[attrName] = value;
       }
     });
     return filtered;