@tiptap/core 2.2.0 → 2.2.1

package/dist/index.umd.js

@@ -3334,18 +3334,26 @@
   });
 
   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;
@@ -3354,7 +3362,17 @@
           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;
@@ -3366,6 +3384,9 @@
           return this.node.nodeSize;
       }
       get from() {
+          if (this.isBlock) {
+              return this.pos;
+          }
           return this.resolvedPos.start(this.resolvedPos.depth);
       }
       get range() {
@@ -3375,6 +3396,9 @@
           };
       }
       get to() {
+          if (this.isBlock) {
+              return this.pos + this.size;
+          }
           return this.resolvedPos.end(this.resolvedPos.depth) + (this.node.isText ? 0 : 1);
       }
       get parent() {
@@ -3386,14 +3410,14 @@
           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);
           }
@@ -3402,12 +3426,17 @@
       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;
       }
@@ -3447,13 +3476,13 @@
       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];
@@ -3462,12 +3491,12 @@
                           }
                       }
                   }
-                  nodes.push(node);
+                  nodes.push(childPos);
                   if (firstItemOnly) {
                       return;
                   }
               }
-              nodes = nodes.concat(node.querySelectorAll(selector));
+              nodes = nodes.concat(childPos.querySelectorAll(selector));
           });
           return nodes;
       }