reimplement the editor use lastest antd and other libs, feature of this commit:

1. file manger
2. highlight for click input or output
3. selector of subtress
4. autocomplete for input or output

src/misc/keys.ts

@@ -0,0 +1,105 @@
+import { BrowserWindow } from "@electron/remote";
+import { MutableRefObject } from "react";
+import {
+  HotkeyCallback,
+  Keys,
+  isHotkeyPressed as _isHotkeyPressed,
+  useHotkeys as _useHotkeys,
+} from "react-hotkeys-hook";
+import { OptionsOrDependencyArray, RefType } from "react-hotkeys-hook/dist/types";
+import { Key } from "ts-key-enum";
+
+export const isMacos = process.platform === "darwin";
+
+let forceTarget: HTMLElement | undefined;
+
+const hotkey = (key: string) => {
+  if (key.indexOf("ctrl") >= 0 && isMacos) {
+    key = key.replace("ctrl", Key.Meta);
+  }
+  return key.toLowerCase();
+};
+
+export const isHotkeyPressed = (key: string) => {
+  if (!key) {
+    return false;
+  } else if (key.indexOf("ctrl") >= 0 && isMacos) {
+    key = key.replace("ctrl", Key.Meta);
+  }
+  return _isHotkeyPressed(key.toLowerCase(), "+");
+};
+
+export function useHotkeys<T extends HTMLElement>(
+  keys: Keys,
+  callback: HotkeyCallback,
+  options?: OptionsOrDependencyArray,
+  dependencies?: OptionsOrDependencyArray
+): MutableRefObject<RefType<T>> {
+  if (keys instanceof Array) {
+    keys = keys.filter((v) => !!v);
+  }
+  return _useHotkeys(keys, callback, options, dependencies);
+}
+
+export const Hotkey = {
+  Backspace: Key.Backspace,
+  Build: hotkey("ctrl+b"),
+  CloseEditor: hotkey("ctrl+w"),
+  Copy: hotkey("ctrl+c"),
+  Delete: Key.Delete,
+  Duplicate: hotkey("ctrl+d"),
+  Enter: Key.Enter,
+  Escape: Key.Escape,
+  F2: Key.F2,
+  Insert: Key.Insert,
+  MacDelete: isMacos ? hotkey("ctrl+backspace") : "",
+  Paste: hotkey("ctrl+v"),
+  Redo: isMacos ? hotkey("shift+ctrl+z") : hotkey("ctrl+y"),
+  Replace: hotkey("shift+ctrl+v"),
+  Save: hotkey("ctrl+s"),
+  Search: hotkey("ctrl+p"),
+  Undo: hotkey("ctrl+z"),
+};
+
+export const setInputFocus = (target: HTMLElement) => {
+  forceTarget = target;
+};
+
+export const sendInputEvent = (key: string) => {
+  const webContents = BrowserWindow.getFocusedWindow()?.webContents;
+  if (webContents) {
+    let keyCode: string | undefined;
+    const modifiers: Electron.InputEvent["modifiers"] = [];
+    key.split("+").forEach((v) => {
+      if (v.indexOf("ctrl") >= 0) {
+        modifiers.push("ctrl");
+      } else if (v.indexOf("shift") >= 0) {
+        modifiers.push("shift");
+      } else if (v.indexOf("alt") >= 0) {
+        modifiers.push("alt");
+      } else if (v.indexOf("meta") >= 0) {
+        modifiers.push("meta");
+      } else {
+        keyCode = v;
+      }
+    });
+    if (!keyCode) {
+      return;
+    }
+    forceTarget?.focus();
+    modifiers.forEach((mod) => {
+      webContents.sendInputEvent({
+        type: "keyDown",
+        keyCode: mod,
+      });
+    });
+    webContents.sendInputEvent({ type: "keyDown", keyCode: keyCode, modifiers: modifiers });
+    webContents.sendInputEvent({ type: "keyUp", keyCode: keyCode, modifiers: modifiers });
+    modifiers.forEach((mod) => {
+      webContents.sendInputEvent({
+        type: "keyUp",
+        keyCode: mod,
+      });
+    });
+  }
+};