insomnia/packages/insomnia-app/app/common/hotkeys.js
Ricky Chandra bb8b48adc3 New data models for hotkeys and store the key bindings in settings (#1314)
* New data models for hotkeys and store the key bindings in settings

* Merge win and linux key bindings, remove generic key combinations, and add documents
2019-03-12 12:38:30 -04:00

373 lines
10 KiB
JavaScript

// @flow
import keycodes from './keycodes';
import { isMac } from './constants';
/**
* The readable definition of a hotkey.
* The {@code id} the hotkey's reference id.
*/
export type HotKeyDefinition = {
id: string,
description: string,
};
/**
* The combination of key presses that will activate a hotkey if pressed.
*/
export type KeyCombination = {
ctrl: boolean,
alt: boolean,
shift: boolean,
meta: boolean,
keyCode: number,
};
/**
* The collection of a hotkey's key combinations for each platforms.
*/
export type KeyBindings = {
macKeys: Array<KeyCombination>,
// The key combinations for both Windows and Linux.
winLinuxKeys: Array<KeyCombination>,
};
/**
* The collection of defined hotkeys.
* The registry maps a hotkey by its reference id to its key bindings.
*/
export type HotKeyRegistry = {
[refId: string]: KeyBindings,
};
function defineHotKey(id: string, description: string): HotKeyDefinition {
return {
id: id,
description: description,
};
}
function keyComb(
ctrl: boolean,
alt: boolean,
shift: boolean,
meta: boolean,
keyCode: number,
): KeyCombination {
return {
ctrl: ctrl,
alt: alt,
shift: shift,
meta: meta,
keyCode: keyCode,
};
}
function keyBinds(
mac: KeyCombination | Array<KeyCombination>,
winLinux: KeyCombination | Array<KeyCombination>,
): KeyBindings {
if (!Array.isArray(mac)) {
mac = [mac];
}
if (!Array.isArray(winLinux)) {
winLinux = [winLinux];
}
return {
macKeys: mac,
winLinuxKeys: winLinux,
};
}
/**
* The collection of available hotkeys' and their definitions.
*/
// Not using dot, because NeDB prohibits field names to contain dots.
export const hotKeyRefs = {
WORKSPACE_SHOW_SETTINGS: defineHotKey('workspace_showSettings', 'Show Workspace Settings'),
REQUEST_SHOW_SETTINGS: defineHotKey('request_showSettings', 'Show Request Settings'),
PREFERENCES_SHOW_KEYBOARD_SHORTCUTS: defineHotKey(
'preferences_showKeyboardShortcuts',
'Show Keyboard Shortcuts',
),
PREFERENCES_SHOW_GENERAL: defineHotKey('preferences_showGeneral', 'Show App Preferences'),
TOGGLE_MAIN_MENU: defineHotKey('toggleMainMenu', 'Toggle Main Menu'),
SIDEBAR_TOGGLE: defineHotKey('sidebar_toggle', 'Toggle Sidebar'),
REQUEST_QUICK_SWITCH: defineHotKey('request_quickSwitch', 'Switch Requests'),
PLUGIN_RELOAD: defineHotKey('plugin_reload', 'Reload Plugins'),
SHOW_AUTOCOMPLETE: defineHotKey('showAutocomplete', 'Show Autocomplete'),
REQUEST_SEND: defineHotKey('request_send', 'Send Request'),
REQUEST_SHOW_OPTIONS: defineHotKey('request_showOptions', 'Send Request (Options)'),
ENVIRONMENT_SHOW_EDITOR: defineHotKey('environment_showEditor', 'Show Environment Editor'),
ENVIRONMENT_SHOW_SWITCH_MENU: defineHotKey('environment_showSwitchMenu', 'Switch Environments'),
REQUEST_TOGGLE_HTTP_METHOD_MENU: defineHotKey(
'request_toggleHttpMethodMenu',
'Change HTTP Method',
),
REQUEST_TOGGLE_HISTORY: defineHotKey('request_toggleHistory', 'Show Request History'),
REQUEST_FOCUS_URL: defineHotKey('request_focusUrl', 'Focus URL'),
REQUEST_SHOW_GENERATE_CODE_EDITOR: defineHotKey(
'request_showGenerateCodeEditor',
'Generate Code',
),
SIDEBAR_FOCUS_FILTER: defineHotKey('sidebar_focusFilter', 'Filter Sidebar'),
RESPONSE_FOCUS: defineHotKey('response_focus', 'Focus Response'),
SHOW_COOKIES_EDITOR: defineHotKey('showCookiesEditor', 'Edit Cookies'),
REQUEST_SHOW_CREATE: defineHotKey('request_showCreate', 'Create Request'),
REQUEST_SHOW_DELETE: defineHotKey('request_showDelete', 'Delete Request'),
REQUEST_SHOW_CREATE_FOLDER: defineHotKey('request_showCreateFolder', 'Create Folder'),
REQUEST_SHOW_DUPLICATE: defineHotKey('request_showDuplicate', 'Duplicate Request'),
CLOSE_DROPDOWN: defineHotKey('closeDropdown', 'Close Dropdown'),
CLOSE_MODAL: defineHotKey('closeModal', 'Close Modal'),
ENVIRONMENT_UNCOVER_VARIABLES: defineHotKey('environment_uncoverVariables', 'Uncover Variables'),
};
/**
* The default key bindings values of all available hotkeys.
*/
const defaultRegistry: HotKeyRegistry = {
[hotKeyRefs.WORKSPACE_SHOW_SETTINGS.id]: keyBinds(
keyComb(false, false, true, true, keycodes.comma),
keyComb(true, false, true, false, keycodes.comma),
),
[hotKeyRefs.REQUEST_SHOW_SETTINGS.id]: keyBinds(
keyComb(false, true, true, true, keycodes.comma),
keyComb(true, true, true, false, keycodes.comma),
),
[hotKeyRefs.PREFERENCES_SHOW_KEYBOARD_SHORTCUTS.id]: keyBinds(
keyComb(false, false, true, true, keycodes.forwardslash),
keyComb(true, false, true, false, keycodes.forwardslash),
),
[hotKeyRefs.PREFERENCES_SHOW_GENERAL.id]: keyBinds(
keyComb(false, false, false, true, keycodes.comma),
keyComb(true, false, false, false, keycodes.comma),
),
[hotKeyRefs.TOGGLE_MAIN_MENU.id]: keyBinds(
keyComb(false, true, false, true, keycodes.comma),
keyComb(true, true, false, false, keycodes.comma),
),
[hotKeyRefs.SIDEBAR_TOGGLE.id]: keyBinds(
keyComb(false, false, false, true, keycodes.backslash),
keyComb(true, false, false, false, keycodes.backslash),
),
[hotKeyRefs.REQUEST_QUICK_SWITCH.id]: keyBinds(
keyComb(false, false, false, true, keycodes.p),
keyComb(true, false, false, false, keycodes.p),
),
[hotKeyRefs.PLUGIN_RELOAD.id]: keyBinds(
keyComb(false, false, true, true, keycodes.r),
keyComb(true, false, true, false, keycodes.r),
),
[hotKeyRefs.SHOW_AUTOCOMPLETE.id]: keyBinds(
keyComb(true, false, false, false, keycodes.space),
keyComb(true, false, false, false, keycodes.space),
),
[hotKeyRefs.REQUEST_SEND.id]: keyBinds(
[
keyComb(false, false, false, true, keycodes.enter),
keyComb(false, false, false, true, keycodes.r),
keyComb(false, false, false, false, keycodes.f5),
],
[
keyComb(true, false, false, false, keycodes.enter),
keyComb(true, false, false, false, keycodes.r),
keyComb(false, false, false, false, keycodes.f5),
],
),
[hotKeyRefs.REQUEST_SHOW_OPTIONS.id]: keyBinds(
keyComb(false, false, true, true, keycodes.enter),
keyComb(true, false, true, false, keycodes.enter),
),
[hotKeyRefs.ENVIRONMENT_SHOW_EDITOR.id]: keyBinds(
keyComb(false, false, false, true, keycodes.e),
keyComb(true, false, false, false, keycodes.e),
),
[hotKeyRefs.ENVIRONMENT_SHOW_SWITCH_MENU.id]: keyBinds(
keyComb(false, false, true, true, keycodes.e),
keyComb(true, false, true, false, keycodes.e),
),
[hotKeyRefs.REQUEST_TOGGLE_HTTP_METHOD_MENU.id]: keyBinds(
keyComb(false, false, true, true, keycodes.l),
keyComb(true, false, true, false, keycodes.l),
),
[hotKeyRefs.REQUEST_TOGGLE_HISTORY.id]: keyBinds(
keyComb(false, false, true, true, keycodes.h),
keyComb(true, false, true, false, keycodes.h),
),
[hotKeyRefs.REQUEST_FOCUS_URL.id]: keyBinds(
keyComb(false, false, false, true, keycodes.l),
keyComb(true, false, false, false, keycodes.l),
),
[hotKeyRefs.REQUEST_SHOW_GENERATE_CODE_EDITOR.id]: keyBinds(
keyComb(false, false, true, true, keycodes.g),
keyComb(true, false, true, false, keycodes.g),
),
[hotKeyRefs.SIDEBAR_FOCUS_FILTER.id]: keyBinds(
keyComb(false, false, true, true, keycodes.f),
keyComb(true, false, true, false, keycodes.f),
),
[hotKeyRefs.RESPONSE_FOCUS.id]: keyBinds(
keyComb(false, false, false, true, keycodes.singlequote),
keyComb(true, false, false, false, keycodes.singlequote),
),
[hotKeyRefs.SHOW_COOKIES_EDITOR.id]: keyBinds(
keyComb(false, false, false, true, keycodes.k),
keyComb(true, false, false, false, keycodes.k),
),
[hotKeyRefs.REQUEST_SHOW_CREATE.id]: keyBinds(
keyComb(false, false, false, true, keycodes.n),
keyComb(true, false, false, false, keycodes.n),
),
[hotKeyRefs.REQUEST_SHOW_DELETE.id]: keyBinds(
keyComb(false, false, true, true, keycodes.delete),
keyComb(true, false, true, false, keycodes.delete),
),
[hotKeyRefs.REQUEST_SHOW_CREATE_FOLDER.id]: keyBinds(
keyComb(false, false, true, true, keycodes.n),
keyComb(true, false, true, false, keycodes.n),
),
[hotKeyRefs.REQUEST_SHOW_DUPLICATE.id]: keyBinds(
keyComb(false, false, false, true, keycodes.d),
keyComb(true, false, false, false, keycodes.d),
),
[hotKeyRefs.CLOSE_DROPDOWN.id]: keyBinds(
keyComb(false, false, false, false, keycodes.esc),
keyComb(false, false, false, false, keycodes.esc),
),
[hotKeyRefs.CLOSE_MODAL.id]: keyBinds(
keyComb(false, false, false, false, keycodes.esc),
keyComb(false, false, false, false, keycodes.esc),
),
[hotKeyRefs.ENVIRONMENT_UNCOVER_VARIABLES.id]: keyBinds(
keyComb(false, true, true, false, keycodes.u),
keyComb(false, true, true, false, keycodes.u),
),
};
function copyKeyCombs(sources: Array<KeyCombination>): Array<KeyCombination> {
let targets: Array<KeyCombination> = [];
sources.forEach(keyComb => {
targets.push(Object.assign({}, keyComb));
});
return targets;
}
/**
* Get a new copy of hotkey registry with default values.
* @returns {HotKeyRegistry}
*/
export function newDefaultRegistry(): HotKeyRegistry {
let newDefaults: HotKeyRegistry = {};
for (const refId in defaultRegistry) {
if (!defaultRegistry.hasOwnProperty(refId)) {
continue;
}
const keyBindings: KeyBindings = defaultRegistry[refId];
newDefaults[refId] = {
macKeys: copyKeyCombs(keyBindings.macKeys),
winLinuxKeys: copyKeyCombs(keyBindings.winLinuxKeys),
};
}
return newDefaults;
}
/**
* Get the key combinations based on the current platform.
* @param bindings
* @returns {Array<KeyCombination>}
*/
export function getPlatformKeyCombinations(bindings: KeyBindings): Array<KeyCombination> {
if (isMac()) {
return bindings.macKeys;
}
return bindings.winLinuxKeys;
}
/**
* Gets the displayed text of a key code.
* @param keyCode
* @returns {string}
*/
export function getChar(keyCode: number): string {
let char;
const keyCodeStr = Object.keys(keycodes).find(k => keycodes[k] === keyCode);
if (!keyCodeStr) {
console.error('Invalid key code', keyCode);
} else {
const cap = keyCodeStr.toUpperCase();
if (cap === 'ENTER') {
char = 'Enter';
} else if (cap === 'DELETE') {
char = 'Delete';
} else if (cap === 'COMMA') {
char = ',';
} else if (cap === 'BACKSLASH') {
char = '\\';
} else if (cap === 'FORWARDSLASH') {
char = '/';
} else if (cap === 'SINGLEQUOTE') {
char = "'";
} else if (cap === 'SPACE') {
char = 'Space';
} else {
char = cap;
}
}
return char || 'unknown';
}