Merge pull request #3 from iarahealth/tinymce

feat: add simple tinyMCE adapter

package.json

@@ -46,11 +46,15 @@
     "vitest": "^0.29.8"
   },
   "peerDependencies": {
-    "@syncfusion/ej2-documenteditor": ">=22.1"
+    "@syncfusion/ej2-documenteditor": ">=22.1",
+    "tinymce": ">=6.5"
   },
   "peerDependenciesMeta": {
     "@syncfusion/ej2-documenteditor": {
       "optional": true
+    },
+    "tinymce": {
+      "optional": true
     }
   }
 }

src/editor/index.ts

@@ -1,7 +1,7 @@
 import { IaraInference } from "../speech";
 
 export abstract class EditorAdapter {
-  constructor(protected _recognition: any) {
+  constructor(protected _editor: any, protected _recognition: any) {
     _recognition.addEventListener(
       "iaraSpeechRecognitionResult",
       (event: { detail: IaraInference }) => {

src/index.ts

@@ -1 +1,2 @@
 export * from "./syncfusion";
+export * from "./tinymce";

src/syncfusion/index.ts

@@ -1,8 +1,4 @@
-import type {
-  DocumentEditor,
-  Editor,
-  EditorHistory,
-} from "@syncfusion/ej2-documenteditor";
+import type { Editor, EditorHistory } from "@syncfusion/ej2-documenteditor";
 import { EditorAdapter } from "../editor";
 import { IaraInference } from "../speech";
 
@@ -12,31 +8,24 @@ export class IaraSyncfusionAdapter
 {
   private _initialUndoStackSize = 0;
 
-  private get _editor(): Editor {
-    return this._documentEditor.editor;
+  private get _editorAPI(): Editor {
+    return this._editor.editor;
   }
 
   private get _editorHistory(): EditorHistory {
-    return this._documentEditor.editorHistory;
-  }
-
-  constructor(
-    protected _recognition: any,
-    private _documentEditor: DocumentEditor
-  ) {
-    super(_recognition);
+    return this._editor.editorHistory;
   }
 
   getUndoStackSize(): number {
     return this._editorHistory.undoStack?.length || 0;
   }
 
   insertParagraph() {
-    this._editor.insertText("\n");
+    this._editorAPI.insertText("\n");
   }
 
   insertText(text: string) {
-    this._editor.insertText(text);
+    this._editorAPI.insertText(text);
   }
 
   insertInference(inference: IaraInference) {

src/tinymce/index.ts

@@ -0,0 +1,49 @@
+import { EditorAdapter } from "../editor";
+import { IaraInference } from "../speech";
+
+export class IaraTinyMCEAdapter extends EditorAdapter implements EditorAdapter {
+  private _initialUndoStackSize = 0;
+
+  private get _editorAPI() {
+    return this._editor.activeEditor;
+  }
+
+  getUndoStackSize(): number {
+    return this._editorAPI.undoManager.data.length || 0;
+  }
+
+  insertInference(inference: IaraInference): void {
+    if (inference.isFirst) {
+      this._initialUndoStackSize = this.getUndoStackSize();
+    } else {
+      const undoStackSize = this.getUndoStackSize();
+      for (let i = 0; i < undoStackSize - this._initialUndoStackSize; i++)
+        this.undo();
+    }
+
+    const text = inference.richTranscript
+      .replace(/^<div>/, "")
+      .replace(/<\/div>$/, "");
+    const [firstLine, ...lines]: string[] = text.split("</div><div>");
+
+    this.insertText(`${firstLine}\n`);
+
+    lines.forEach(line => {
+      this.insertParagraph();
+      line = line.trim();
+      if (line) this.insertText(line);
+    });
+  }
+
+  insertParagraph() {
+    this._editorAPI.execCommand("InsertParagraph");
+  }
+
+  insertText(text: string) {
+    this._editorAPI.insertContent(text);
+  }
+
+  undo() {
+    this._editorAPI.undoManager.undo();
+  }
+}