@tiptap/core 2.2.0 → 2.2.1

package/dist/index.cjs

@@ -3340,18 +3340,26 @@ var extensions = /*#__PURE__*/Object.freeze({
 });
 
 class NodePos {
-    constructor(pos, editor) {
+    constructor(pos, editor, isBlock = false, node = null) {
+        this.currentNode = null;
+        this.actualDepth = null;
+        this.isBlock = isBlock;
         this.resolvedPos = pos;
         this.editor = editor;
+        this.currentNode = node;
+    }
+    get name() {
+        return this.node.type.name;
     }
     get node() {
-        return this.resolvedPos.node();
+        return this.currentNode || this.resolvedPos.node();
     }
     get element() {
         return this.editor.view.domAtPos(this.pos).node;
     }
     get depth() {
-        return this.resolvedPos.depth;
+        var _a;
+        return (_a = this.actualDepth) !== null && _a !== void 0 ? _a : this.resolvedPos.depth;
     }
     get pos() {
         return this.resolvedPos.pos;
@@ -3360,7 +3368,17 @@ class NodePos {
         return this.node.content;
     }
     set content(content) {
-        this.editor.commands.insertContentAt({ from: this.from, to: this.to }, content);
+        let from = this.from;
+        let to = this.to;
+        if (this.isBlock) {
+            if (this.content.size === 0) {
+                console.error(`You can’t set content on a block node. Tried to set content on ${this.name} at ${this.pos}`);
+                return;
+            }
+            from = this.from + 1;
+            to = this.to - 1;
+        }
+        this.editor.commands.insertContentAt({ from, to }, content);
     }
     get attributes() {
         return this.node.attrs;
@@ -3372,6 +3390,9 @@ class NodePos {
         return this.node.nodeSize;
     }
     get from() {
+        if (this.isBlock) {
+            return this.pos;
+        }
         return this.resolvedPos.start(this.resolvedPos.depth);
     }
     get range() {
@@ -3381,6 +3402,9 @@ class NodePos {
         };
     }
     get to() {
+        if (this.isBlock) {
+            return this.pos + this.size;
+        }
         return this.resolvedPos.end(this.resolvedPos.depth) + (this.node.isText ? 0 : 1);
     }
     get parent() {
@@ -3392,14 +3416,14 @@ class NodePos {
         return new NodePos($pos, this.editor);
     }
     get before() {
-        let $pos = this.resolvedPos.doc.resolve(this.from - 2);
+        let $pos = this.resolvedPos.doc.resolve(this.from - (this.isBlock ? 1 : 2));
         if ($pos.depth !== this.depth) {
             $pos = this.resolvedPos.doc.resolve(this.from - 3);
         }
         return new NodePos($pos, this.editor);
     }
     get after() {
-        let $pos = this.resolvedPos.doc.resolve(this.to + 2);
+        let $pos = this.resolvedPos.doc.resolve(this.to + (this.isBlock ? 2 : 1));
         if ($pos.depth !== this.depth) {
             $pos = this.resolvedPos.doc.resolve(this.to + 3);
         }
@@ -3408,12 +3432,17 @@ class NodePos {
     get children() {
         const children = [];
         this.node.content.forEach((node, offset) => {
-            const targetPos = this.pos + offset + 1;
+            const isBlock = node.isBlock && !node.isTextblock;
+            const targetPos = this.pos + offset + (isBlock ? 0 : 1);
             const $pos = this.resolvedPos.doc.resolve(targetPos);
-            if ($pos.depth === this.depth) {
+            if (!isBlock && $pos.depth <= this.depth) {
                 return;
             }
-            children.push(new NodePos($pos, this.editor));
+            const childNodePos = new NodePos($pos, this.editor, isBlock, isBlock ? node : null);
+            if (isBlock) {
+                childNodePos.actualDepth = this.depth + 1;
+            }
+            children.push(new NodePos($pos, this.editor, isBlock, isBlock ? node : null));
         });
         return children;
     }
@@ -3453,13 +3482,13 @@ class NodePos {
     querySelectorAll(selector, attributes = {}, firstItemOnly = false) {
         let nodes = [];
         // iterate through children recursively finding all nodes which match the selector with the node name
-        if (!this.children || this.children.length === 0) {
+        if (this.isBlock || !this.children || this.children.length === 0) {
             return nodes;
         }
-        this.children.forEach(node => {
-            if (node.node.type.name === selector) {
+        this.children.forEach(childPos => {
+            if (childPos.node.type.name === selector) {
                 if (Object.keys(attributes).length > 0) {
-                    const nodeAttributes = node.node.attrs;
+                    const nodeAttributes = childPos.node.attrs;
                     const attrKeys = Object.keys(attributes);
                     for (let index = 0; index < attrKeys.length; index += 1) {
                         const key = attrKeys[index];
@@ -3468,12 +3497,12 @@ class NodePos {
                         }
                     }
                 }
-                nodes.push(node);
+                nodes.push(childPos);
                 if (firstItemOnly) {
                     return;
                 }
             }
-            nodes = nodes.concat(node.querySelectorAll(selector));
+            nodes = nodes.concat(childPos.querySelectorAll(selector));
         });
         return nodes;
     }