@writergate/quill-image-uploader-nextjs 0.2.2 → 0.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@writergate/quill-image-uploader-nextjs",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/enlear/quill-image-uploader-nextjs.git"

package/src/blots/comment.js

@@ -7,8 +7,14 @@ const ATTRIBUTES = ["class", "data-comment"];
 class CommentBlot extends InlineBlot {
   static create(value) {
     const node = super.create();
-    node.setAttribute("class", value.class || "ql-wg-comment-wrapper");
-    node.setAttribute("data-comment", value["data-comment"] || value.commentId);
+    const commentId = value["data-comment"] || value.commentId;
+    if (commentId) {
+      node.setAttribute("class", value.class || "ql-wg-comment-wrapper");
+      node.setAttribute(
+        "data-comment",
+        value["data-comment"] || value.commentId
+      );
+    }
     return node;
   }
 

package/src/quill.imageUploader.js

@@ -12,11 +12,6 @@ class ImageUploader {
         "[Missing config] upload function that returns a promise is required"
       );
 
-    if (typeof this.options.renderComment !== "function")
-      console.warn(
-        "[Missing config] renderComment function that returns a promise is required"
-      );
-
     if (typeof this.options.newComment !== "function")
       console.warn(
         "[Missing config] newComment function that returns a promise is required"
@@ -36,7 +31,6 @@ class ImageUploader {
 
     this.handleDrop = this.handleDrop.bind(this);
     this.handlePaste = this.handlePaste.bind(this);
-    this.renderComment = this.renderComment.bind(this);
 
     this.quill.root.addEventListener("drop", this.handleDrop, false);
     this.quill.root.addEventListener("paste", this.handlePaste, false);
@@ -50,22 +44,6 @@ class ImageUploader {
     }
   }
 
-  renderComment(comment) {
-    const { id, range } = comment;
-    const { index, length } = range;
-    const formattedRange = {
-      length,
-      index,
-    };
-
-    this.quill.formatText(
-      formattedRange,
-      CommentBlot.blotName,
-      { commentId: id },
-      "user"
-    );
-  }
-
   addComment() {
     let range = this.quill.getSelection();
     if (range && range.length > 0 && this.options.newComment) {