feat: config excalidraw

Author: JunaYa

src-tauri/src/global_shortcut.rs

@@ -8,6 +8,7 @@ use crate::{platform, window};
 const DEFUALT_HOTKEY_A: &str = "CmdOrCtrl+Shift+A";
 const DEFUALT_HOTKEY_S: &str = "CmdOrCtrl+Shift+S";
 const DEFUALT_HOTKEY_W: &str = "CmdOrCtrl+Shift+W";
+const DEFUALT_HOTKEY_E: &str = "CmdOrCtrl+Shift+E";
 
 pub fn register_global_shortcut(app: &tauri::App) -> anyhow::Result<()> {
     info!("Registering global shortcuts");
@@ -22,6 +23,8 @@ pub fn register_global_shortcut(app: &tauri::App) -> anyhow::Result<()> {
     let shift_ctrl_s_shortcut = Shortcut::from_str(DEFUALT_HOTKEY_S)?;
     // capture_window: ctrl + shift + W
     let shift_ctrl_w_shortcut = Shortcut::from_str(DEFUALT_HOTKEY_W)?;
+    // exit: ctrl + shift + E
+    let shift_ctrl_e_shortcut = Shortcut::from_str(DEFUALT_HOTKEY_E)?;
 
     if !shortcuts.is_registered(shift_ctrl_a_shortcut) {
         app.global_shortcut().register(shift_ctrl_a_shortcut)?;
@@ -35,6 +38,10 @@ pub fn register_global_shortcut(app: &tauri::App) -> anyhow::Result<()> {
         app.global_shortcut().register(shift_ctrl_w_shortcut)?;
     }
 
+    if !shortcuts.is_registered(shift_ctrl_e_shortcut) {
+        app.global_shortcut().register(shift_ctrl_e_shortcut)?;
+    }
+
     Ok(())
 }
 
@@ -96,6 +103,15 @@ pub fn tauri_plugin_global_shortcut() -> TauriPlugin<tauri::Wry> {
                         info!("Capture Window Released!");
                     }
                 }
+            } else if shortcut.id == Shortcut::from_str(DEFUALT_HOTKEY_E).unwrap().id {
+                match event.state() {
+                    ShortcutState::Pressed => {
+                        window::show_main_window(app);
+                    }
+                    ShortcutState::Released => {
+                        info!("Show Main Window Released!");
+                    }
+                }
             }
         })
         .build()

src/App.tsx

@@ -1,10 +1,34 @@
-import { Excalidraw } from '@excalidraw/excalidraw'
+import { Excalidraw, MainMenu } from '@excalidraw/excalidraw'
 import './App.css'
 
 function App() {
+  const renderMenu = () => {
+    return (
+      <MainMenu>
+        <MainMenu.DefaultItems.LoadScene />
+        <MainMenu.DefaultItems.SaveToActiveFile />
+        {/* FIXME we should to test for this inside the item itself */}
+        <MainMenu.DefaultItems.Export />
+        {/* FIXME we should to test for this inside the item itself */}
+        <MainMenu.DefaultItems.SaveAsImage />
+        {/* <MainMenu.DefaultItems.SearchMenu /> */}
+        <MainMenu.DefaultItems.Help />
+        <MainMenu.DefaultItems.ClearCanvas />
+        <MainMenu.Separator />
+        <MainMenu.DefaultItems.ToggleTheme />
+        <MainMenu.DefaultItems.ChangeCanvasBackground />
+      </MainMenu>
+    )
+  }
+
   return (
     <div className="container">
-      <Excalidraw />
+      <Excalidraw initialData={{
+        appState: { viewBackgroundColor: '#FFFFFF00' },
+      }}
+      >
+        {renderMenu()}
+      </Excalidraw>
     </div>
   )
 }