♻️ Refactored translation extension

frontend/src/views/editor/extensions/translator/manager.ts

@@ -0,0 +1,66 @@
+import type { EditorView } from '@codemirror/view';
+import { readonly, shallowRef, type ShallowRef } from 'vue';
+
+interface TranslatorPosition {
+  x: number;
+  y: number;
+}
+
+interface TranslatorState {
+  visible: boolean;
+  position: TranslatorPosition;
+  sourceText: string;
+  view: EditorView | null;
+}
+
+class TranslatorManager {
+  private state: ShallowRef<TranslatorState> = shallowRef({
+    visible: false,
+    position: { x: 0, y: 0 },
+    sourceText: '',
+    view: null
+  });
+
+  useState() {
+    return readonly(this.state);
+  }
+
+  show(view: EditorView, clientX: number, clientY: number, text: string): void {
+    this.state.value = {
+      visible: true,
+      position: { x: clientX, y: clientY },
+      sourceText: text,
+      view
+    };
+  }
+
+  hide(): void {
+    if (!this.state.value.visible) {
+      return;
+    }
+
+    const view = this.state.value.view;
+    this.state.value = {
+      visible: false,
+      position: { x: 0, y: 0 },
+      sourceText: '',
+      view: null
+    };
+
+    if (view) {
+      view.focus();
+    }
+  }
+
+  destroy(): void {
+    this.state.value = {
+      visible: false,
+      position: { x: 0, y: 0 },
+      sourceText: '',
+      view: null
+    };
+  }
+}
+
+export const translatorManager = new TranslatorManager();
+