@adminforth/rich-editor 1.0.5 → 1.0.6

package/custom/quillEditor.vue

@@ -32,10 +32,11 @@ function dbg(title: string,...args: any[]) {
   console.log(title, ...args.map(a =>JSON.stringify(a, null, 1))); 
 }
 
-const BlockEmbed = Quill.import('blots/block/embed');
+// blots/embed: Represents inline embed elements, like images or videos that can be inserted into the text flow.
+const Embed = Quill.import('blots/embed');
 
 // @ts-ignore
-class CompleteBlot extends BlockEmbed {
+class CompleteBlot extends Embed {
   static blotName = 'complete';
   static tagName = 'span';
 
@@ -278,6 +279,8 @@ function approveCompletion(type: 'all' | 'word') {
 
   let shouldComplete = false;
   if (type === 'all') {
+    dbg(`👇 insert all at ${cursorPosition.index}, ${completion.value.join('')}`);
+    deleteCompleteEmbed();
     quill.insertText(cursorPosition.index, completion.value.join(''), 'silent');
     shouldComplete = true;
   } else {
@@ -306,7 +309,6 @@ async function startCompletion() {
     return;
   }
   completion.value = null;
-  // return;
   deleteCompleteEmbed();
 
   if (tmt) {
@@ -336,12 +338,10 @@ async function startCompletion() {
       return;
     }
 
-    // deleteCompleteEmbed();
-    // insert on +1 to insert after \n
-    quill.insertEmbed(cursorPosition.index + 1, 'complete', { text: completionAnswer.join('') }, 'silent');
+    quill.insertEmbed(cursorPosition.index, 'complete', { text: completionAnswer.join('') }, 'silent');
 
-    dbg('👇 set pos', cursorPosition.index, cursorPosition.length)
-    quill.setSelection(cursorPosition.index, cursorPosition.length, 'silent');
+    // dbg('👇 set pos', cursorPosition.index, cursorPosition.length)
+    // quill.setSelection(cursorPosition.index, cursorPosition.length, 'silent');
 
     completion.value = completionAnswer;
 
@@ -393,28 +393,13 @@ function removeCompletionOnBlur() {
     }
   }
 
-  p:has(+ [completer]) br {
+
+  .ql-editor:not(:focus) [completer] {
     display: none;
   }
-  p:has(+ [completer]) {
-    // background: rgb(255 227 227);  // debug
-    display: inline;
-  }
-
- .ql-editor:not(:focus) [completer] {
-   display: none;
- }
 
   .ql-editor [completer] {
-    // important to keep pointer-events non none for cursor position on completer click
-
-    // text is not selectable
-    user-select: none;
     color: gray;
-
-    // if inline or inline used then user-select: none brakes triple click
-    display: contents;
-
     font-style: italic;
   }
 

package/dist/custom/quillEditor.vue

@@ -32,10 +32,11 @@ function dbg(title: string,...args: any[]) {
   console.log(title, ...args.map(a =>JSON.stringify(a, null, 1))); 
 }
 
-const BlockEmbed = Quill.import('blots/block/embed');
+// blots/embed: Represents inline embed elements, like images or videos that can be inserted into the text flow.
+const Embed = Quill.import('blots/embed');
 
 // @ts-ignore
-class CompleteBlot extends BlockEmbed {
+class CompleteBlot extends Embed {
   static blotName = 'complete';
   static tagName = 'span';
 
@@ -278,6 +279,8 @@ function approveCompletion(type: 'all' | 'word') {
 
   let shouldComplete = false;
   if (type === 'all') {
+    dbg(`👇 insert all at ${cursorPosition.index}, ${completion.value.join('')}`);
+    deleteCompleteEmbed();
     quill.insertText(cursorPosition.index, completion.value.join(''), 'silent');
     shouldComplete = true;
   } else {
@@ -306,7 +309,6 @@ async function startCompletion() {
     return;
   }
   completion.value = null;
-  // return;
   deleteCompleteEmbed();
 
   if (tmt) {
@@ -336,12 +338,10 @@ async function startCompletion() {
       return;
     }
 
-    // deleteCompleteEmbed();
-    // insert on +1 to insert after \n
-    quill.insertEmbed(cursorPosition.index + 1, 'complete', { text: completionAnswer.join('') }, 'silent');
+    quill.insertEmbed(cursorPosition.index, 'complete', { text: completionAnswer.join('') }, 'silent');
 
-    dbg('👇 set pos', cursorPosition.index, cursorPosition.length)
-    quill.setSelection(cursorPosition.index, cursorPosition.length, 'silent');
+    // dbg('👇 set pos', cursorPosition.index, cursorPosition.length)
+    // quill.setSelection(cursorPosition.index, cursorPosition.length, 'silent');
 
     completion.value = completionAnswer;
 
@@ -393,28 +393,13 @@ function removeCompletionOnBlur() {
     }
   }
 
-  p:has(+ [completer]) br {
+
+  .ql-editor:not(:focus) [completer] {
     display: none;
   }
-  p:has(+ [completer]) {
-    // background: rgb(255 227 227);  // debug
-    display: inline;
-  }
-
- .ql-editor:not(:focus) [completer] {
-   display: none;
- }
 
   .ql-editor [completer] {
-    // important to keep pointer-events non none for cursor position on completer click
-
-    // text is not selectable
-    user-select: none;
     color: gray;
-
-    // if inline or inline used then user-select: none brakes triple click
-    display: contents;
-
     font-style: italic;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adminforth/rich-editor",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "",
   "type": "module",
   "main": "dist/index.js",