@tiptap/vue-3 - npm Package Compare versions

Comparing version 2.0.0-beta.36 to 2.0.0-beta.37

CHANGELOG.md

@@ -6,2 +6,18 @@ # Change Log
 
+# [2.0.0-beta.37](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.36...@tiptap/vue-3@2.0.0-beta.37) (2021-05-18)
+
+
+### Bug Fixes
+
+* move all child nodes within EditorContent ([0f299d2](https://github.com/ueberdosis/tiptap/commit/0f299d228eb4075d24e1c0fb5b39febc6bc77de6))
+
+
+### Features
+
+* add deleteNode method to node views ([fcee5f8](https://github.com/ueberdosis/tiptap/commit/fcee5f82c6a282191afe5c2cb83b9f5820af28dd))
+
+
+
+
+
 # [2.0.0-beta.36](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-3@2.0.0-beta.35...@tiptap/vue-3@2.0.0-beta.36) (2021-05-18)
@@ -8,0 +24,0 @@

dist/packages/vue-3/src/VueNodeViewRenderer.d.ts

@@ -36,2 +36,6 @@ import { NodeViewRenderer } from '@tiptap/core';
     };
+    deleteNode: {
+        type: PropType<() => void>;
+        required: boolean;
+    };
 };
@@ -38,0 +42,0 @@ interface VueNodeViewRendererOptions {

dist/tiptap-vue-3.cjs.js

@@ -111,3 +111,3 @@ 'use strict';
                     const element = vue.unref(rootEl.value);
-                    rootEl.value.appendChild(editor.options.element.firstChild);
+                    rootEl.value.append(...editor.options.element.childNodes);
                     // @ts-ignore
@@ -135,3 +135,3 @@ editor.contentComponent = instance.ctx._;
             const newElement = document.createElement('div');
-            newElement.appendChild(editor.options.element.firstChild);
+            newElement.append(...editor.options.element.childNodes);
             editor.setOptions({
@@ -267,2 +267,6 @@ element: newElement,
     },
+    deleteNode: {
+        type: Function,
+        required: true,
+    },
 };
@@ -279,2 +283,3 @@ class VueNodeView extends core.NodeView {
             updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
+            deleteNode: () => this.deleteNode(),
         };
@@ -281,0 +286,0 @@ const onDragStart = this.onDragStart.bind(this);

dist/tiptap-vue-3.esm.js

@@ -108,3 +108,3 @@ import { Editor as Editor$1, NodeView } from '@tiptap/core';
                     const element = unref(rootEl.value);
-                    rootEl.value.appendChild(editor.options.element.firstChild);
+                    rootEl.value.append(...editor.options.element.childNodes);
                     // @ts-ignore
@@ -132,3 +132,3 @@ editor.contentComponent = instance.ctx._;
             const newElement = document.createElement('div');
-            newElement.appendChild(editor.options.element.firstChild);
+            newElement.append(...editor.options.element.childNodes);
             editor.setOptions({
@@ -264,2 +264,6 @@ element: newElement,
     },
+    deleteNode: {
+        type: Function,
+        required: true,
+    },
 };
@@ -276,2 +280,3 @@ class VueNodeView extends NodeView {
             updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
+            deleteNode: () => this.deleteNode(),
         };
@@ -278,0 +283,0 @@ const onDragStart = this.onDragStart.bind(this);

dist/tiptap-vue-3.umd.js

@@ -108,3 +108,3 @@ (function (global, factory) {
                       const element = vue.unref(rootEl.value);
-                      rootEl.value.appendChild(editor.options.element.firstChild);
+                      rootEl.value.append(...editor.options.element.childNodes);
                       // @ts-ignore
@@ -132,3 +132,3 @@ editor.contentComponent = instance.ctx._;
               const newElement = document.createElement('div');
-              newElement.appendChild(editor.options.element.firstChild);
+              newElement.append(...editor.options.element.childNodes);
               editor.setOptions({
@@ -264,2 +264,6 @@ element: newElement,
       },
+      deleteNode: {
+          type: Function,
+          required: true,
+      },
   };
@@ -276,2 +280,3 @@ class VueNodeView extends core.NodeView {
               updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
+              deleteNode: () => this.deleteNode(),
           };
@@ -278,0 +283,0 @@ const onDragStart = this.onDragStart.bind(this);

package.json

 {
   "name": "@tiptap/vue-3",
   "description": "Vue components for tiptap",
-  "version": "2.0.0-beta.36",
+  "version": "2.0.0-beta.37",
   "homepage": "https://tiptap.dev",
@@ -33,3 +33,3 @@ "keywords": [
   },
-  "gitHead": "6b154e4c8161fbba987e162ebebc155243432f24"
+  "gitHead": "fc7d1ebf3f5313b57809e89254022378cd5a68d4"
 }

src/EditorContent.ts

@@ -42,3 +42,3 @@ import {
 
-          rootEl.value.appendChild(editor.options.element.firstChild)
+          rootEl.value.append(...editor.options.element.childNodes)
 
@@ -75,3 +75,3 @@ // @ts-ignore
 
-      newElement.appendChild(editor.options.element.firstChild)
+      newElement.append(...editor.options.element.childNodes)
 
@@ -78,0 +78,0 @@ editor.setOptions({

src/VueNodeViewRenderer.ts

@@ -49,2 +49,6 @@ import {
   },
+  deleteNode: {
+    type: Function as PropType<NodeViewProps['deleteNode']>,
+    required: true,
+  },
 }
@@ -72,2 +76,3 @@
       updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
+      deleteNode: () => this.deleteNode(),
     }
@@ -74,0 +79,0 @@

No alert changes

Improved metrics

Total package byte prevSize

143273

1.3%

Lines of code

1876

1.3%

No dependency changes