fix: enable in monaco editor

Author: astandrik

src/containers/AsideNavigation/AsideNavigation.tsx

@@ -120,16 +120,28 @@ export function AsideNavigation(props: AsideNavigationProps) {
 
         return <HelpCenterContent view="single" footerItems={footerItemsWithHandlers} />;
     };
-
     React.useEffect(() => {
+        // Register hotkey for keyboard shortcuts
         hotkeys(SHORTCUTS_HOTKEY, (event) => {
             event.preventDefault();
             setVisiblePanel(Panel.Hotkeys);
         });
+
+        // Add listener for custom event from Monaco editor
+        const handleOpenKeyboardShortcutsPanel = () => {
+            setVisiblePanel(Panel.Hotkeys);
+        };
+
+        window.addEventListener('openKeyboardShortcutsPanel', handleOpenKeyboardShortcutsPanel);
+
         return () => {
             hotkeys.unbind(SHORTCUTS_HOTKEY);
+            window.removeEventListener(
+                'openKeyboardShortcutsPanel',
+                handleOpenKeyboardShortcutsPanel,
+            );
         };
-    });
+    }, []);
 
     return (
         <React.Fragment>

src/containers/AsideNavigation/constants.tsx

@@ -1,6 +1,6 @@
 import {isMac} from './utils';
 
-export const SHORTCUTS_HOTKEY = 'Shift+K';
+export const SHORTCUTS_HOTKEY = isMac() ? 'cmd+K' : 'ctrl+K';
 
 // Hotkeys configuration for the keyboard shortcuts panel
 export const HOTKEYS = [

src/containers/Tenant/Query/QueryEditor/YqlEditor.tsx

@@ -88,7 +88,6 @@ export function YqlEditor({
             monacoGhostInstance?.unregister();
         };
     }, [isCodeAssistEnabled, monacoGhostConfig, monacoGhostInstance, prepareUserQueriesCache]);
-
     const editorDidMount = (editor: Monaco.editor.IStandaloneCodeEditor, monaco: typeof Monaco) => {
         window.ydbEditor = editor;
         const keybindings = getKeyBindings(monaco);
@@ -102,6 +101,17 @@ export function YqlEditor({
             }
         });
 
+        editor.addAction({
+            id: 'openKeyboardShortcutsPanel',
+            label: 'Open Keyboard Shortcuts Panel',
+            keybindings: [keybindings.shortcutsHotkey],
+            run: () => {
+                // Dispatch an event that can be caught by the AsideNavigation component
+                const event = new CustomEvent('openKeyboardShortcutsPanel');
+                window.dispatchEvent(event);
+            },
+        });
+
         if (window.api.codeAssist) {
             setMonacoGhostInstance(createMonacoGhostInstance(editor));
         }

src/containers/Tenant/Query/QueryEditor/keybindings.ts

@@ -13,5 +13,6 @@ export function getKeyBindings(monaco: typeof Monaco) {
         selectNextQuery: ctrlKey | KeyCode.DownArrow,
         saveQuery: ctrlKey | KeyCode.KeyS,
         saveSelectedQuery: ctrlKey | KeyMod.Shift | KeyCode.KeyS,
+        shortcutsHotkey: ctrlKey | KeyCode.KeyK,
     };
 }