fix(editor): undo/redo stack

Author: antonreshetov

src/renderer/components/editor/TheEditor.vue

@@ -42,7 +42,10 @@ interface Props {
   lang: Language
   theme: string
   fragments: boolean
+  fragmentIndex: number
+  snippetId: string
   modelValue: string
+  isSearchMode: boolean
 }
 
 interface Emits {
@@ -151,6 +154,15 @@ const setTheme = () => {
   editor.session.setMode(`ace/theme/${props.theme}`)
 }
 
+const resetUndoStack = () => {
+  editor.getSession().setUndoManager(new ace.UndoManager())
+}
+
+const setCursorToStartAndClearSelection = () => {
+  editor.moveCursorTo(0, 0)
+  editor.clearSelection()
+}
+
 const findAll = (q: string) => {
   if (q === '') return
   editor.findAll(q, { caseSensitive: false, preventScroll: true })
@@ -182,6 +194,16 @@ watch(
   }
 )
 
+watch(
+  () => [props.snippetId, props.fragmentIndex],
+  () => {
+    resetUndoStack()
+    if (!props.isSearchMode) {
+      setCursorToStartAndClearSelection()
+    }
+  }
+)
+
 window.addEventListener('resize', () => {
   forceRefresh.value = Math.random()
 })

src/renderer/components/snippets/SnippetsView.vue

@@ -10,10 +10,12 @@
       <TheEditor
         v-model="snippet"
         v-model:lang="lang"
+        :snippet-id="snippetStore.selectedId!"
+        :fragment-index="snippetStore.fragment"
+        :is-search-mode="snippetStore.searchQuery?.length > 0"
         :fragments="snippetStore.isFragmentsShow"
       />
     </template>
-
     <div
       v-else-if="isShowPlaceholder"
       class="placeholder"