dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-19 20:06:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): add support for vim keybindings

Browse Source
This commit is contained in:
Mohamed Elhefni
2024-01-06 14:06:40 +02:00
parent aa66367f86
commit 090329593e
3 changed files with 40 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/web/src/query/AceEditor.svelte
View File

@@ -38,6 +38,11 @@
'twilight',
];
export const EDITOR_KEYBINDINGS_MODES = [
{ label: 'Default', value: 'default' },
{ label: 'Vim', value: 'vim' },
];
export const FONT_SIZES = [
{ label: '8', value: '8' },
{ label: '9', value: '9' },
@@ -116,6 +121,7 @@
import 'ace-builds/src-noconflict/theme-tomorrow_night_eighties';
import 'ace-builds/src-noconflict/theme-tomorrow_night';
import 'ace-builds/src-noconflict/theme-twilight';
import 'ace-builds/src-noconflict/keybinding-vim';
import {
currentDropDownMenu,
@@ -123,11 +129,13 @@
currentEditorFont,
currentEditorTheme,
currentThemeDefinition,
currentEditorKeybindigMode,
} from '../stores';
import _ from 'lodash';
import { handleCommandKeyDown } from '../commands/CommandListener.svelte';
import resizeObserver from '../utility/resizeObserver';
import queryParserWorkerFallback from './queryParserWorkerFallback';
import { key } from 'localforage';
const EDITOR_ID = `svelte-ace-editor-div:${Math.floor(Math.random() * 10000000000)}`;
const dispatch = createEventDispatcher<{
@@ -182,6 +190,7 @@
};
$: theme = $currentEditorTheme || ($currentThemeDefinition?.themeType == 'dark' ? 'merbivore' : 'github');
$: keyBindingMode = $currentEditorKeybindigMode || null;
$: watchEditorFontSize($currentEditorFontSize);
export function getEditor(): ace.Editor {
@@ -239,6 +248,17 @@
}
}
$: watchKeyBindingMode(keyBindingMode);
function watchKeyBindingMode(newMode: string) {
if (editor) {
if (newMode == 'default') {
editor.setKeyboardHandler(null);
} else {
editor.setKeyboardHandler('ace/keyboard/' + newMode);
}
}
}
$: watchMode(mode);
function watchMode(newOption: any) {
if (editor) {
@@ -449,6 +469,7 @@
editor.container.addEventListener('contextmenu', handleContextMenu);
editor.keyBinding.addKeyboardHandler(handleKeyDown);
editor.setKeyboardHandler(keyBindingMode == 'default' ? null : 'ace/keyboard/' + keyBindingMode);
editor.renderer.setScrollMargin(2, 0);
changedQueryParts();