Listen for REDO_EVENT from main process and issue redo command when r…

…eceived (#292 #291)

src/components/Editor.vue

@@ -48,6 +48,7 @@
                 syntaxTreeDebugContent: null,
                 editor: null,
                 onWindowClose: null,
+                onRedo: null,
             }
         },
 
@@ -61,7 +62,14 @@
                 ])
             }
 
+            this.onRedo = () => {
+                if (this.editor) {
+                    toRaw(this.editor).redo()
+                }
+            }
+            
             window.heynote.mainProcess.on(WINDOW_CLOSE_EVENT, this.onWindowClose)
+            window.heynote.mainProcess.on(REDO_EVENT, this.onRedo)
             window.document.addEventListener("currenciesLoaded", this.onCurrenciesLoaded)
 
             // if debugSyntaxTree prop is set, display syntax tree for debugging
@@ -86,6 +94,7 @@
 
         beforeUnmount() {
             window.heynote.mainProcess.off(WINDOW_CLOSE_EVENT, this.onWindowClose)
+            window.heynote.mainProcess.off(REDO_EVENT, this.onRedo)
             window.document.removeEventListener("currenciesLoaded", this.onCurrenciesLoaded)
         },
 

src/editor/editor.js

@@ -3,6 +3,7 @@ import { EditorView, keymap, drawSelection, ViewPlugin, lineNumbers } from "@cod
 import { indentUnit, forceParsing, foldGutter, ensureSyntaxTree } from "@codemirror/language"
 import { markdown } from "@codemirror/lang-markdown"
 import { closeBrackets } from "@codemirror/autocomplete";
+import { redo } from "@codemirror/commands"
 
 import { heynoteLight } from "./theme/light.js"
 import { heynoteDark } from "./theme/dark.js"
@@ -364,6 +365,10 @@ export class HeynoteEditor {
         this.view.dom.style.setProperty("display", "")
         triggerCursorChange(this.view)
     }
+
+    redo() {
+        redo(this.view)
+    }
 }