fix(core): keep cursor when switch language (Power-Playground#27)

RSS1102 · Aug 28, 2023 · d247a8b · d247a8b
1 parent 9dad3bd
commit d247a8b
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/core/src/components/EditorZone.tsx b/core/src/components/EditorZone.tsx
@@ -110,6 +110,21 @@ export default function EditorZone(props: {
 
   const [displayLeftBar, setDisplayLeftBar] = useAtom(displayLeftBarAtom)
 
+  const editorCursorPosition = useRef<monacoEditor.Position | null>(null)
+
+  useEffect(() => {
+    if (editor) {
+      // restore cursor position
+      editor.setPosition(editorCursorPosition.current ?? { lineNumber: 1, column: 1 })
+      editor.focus()
+
+      return () => {
+        // save current cursor position
+        editorCursorPosition.current = editor.getPosition() ?? null
+      }
+    }
+  }, [language, editor])
+
   useEffect(() => {
     if (!monaco || !editor) return