typewriter-editor/dist/modules/shortcutFromEvent.js

A rich text editor using the Delta format with decorations and rendered with a tiny virtual dom

const modifierKeys = {
    Control: true,
    Meta: true,
    Shift: true,
    Alt: true
};
const isMac = navigator.userAgent.indexOf('Macintosh') !== -1;
const modExpr = isMac ? /Cmd/ : /Ctrl/;
export class ShortcutEvent extends KeyboardEvent {
    shortcut;
    osShortcut;
    modShortcut;
    constructor(type, init) {
        super(type, init);
        this.shortcut = init?.shortcut || '';
        this.osShortcut = `${isMac ? 'mac' : 'win'}:${this.shortcut}`;
        this.modShortcut = this.shortcut.replace(modExpr, 'Mod');
    }
    static fromKeyboardEvent(event) {
        event.shortcut = shortcutFromEvent(event);
        return new ShortcutEvent('shortcut', event);
    }
}
export function addShortcutsToEvent(event) {
    event.shortcut = shortcutFromEvent(event);
    event.osShortcut = `${isMac ? 'mac' : 'win'}:${event.shortcut}`;
    event.modShortcut = event.shortcut.replace(modExpr, 'Mod');
    return event;
}
/**
 * Returns the textual representation of a shortcut given a keyboard event. Examples of shortcuts:
 * Cmd+L
 * Cmd+Shift+M
 * Ctrl+O
 * Backspace
 * T
 * Right
 * Shift+Down
 * Shift+F1
 * Space
 */
export function shortcutFromEvent(event) {
    const shortcutArray = [];
    let key = event.key;
    if (!key)
        return '';
    if (key === ' ')
        key = 'Space';
    if (event.metaKey)
        shortcutArray.push('Cmd');
    if (event.ctrlKey)
        shortcutArray.push('Ctrl');
    if (event.altKey)
        shortcutArray.push('Alt');
    if (event.shiftKey)
        shortcutArray.push('Shift');
    if (!modifierKeys[key]) {
        if (isMac && event.altKey && event.code && event.code.startsWith('Key')) {
            // The altKey on mac can change the key value (e.g. Cmd+Alt+R will show up as Cmd+Alt+® if we don't do this)
            key = event.code.replace('Key', '');
        }
        // a and A, b and B, should be the same shortcut
        if (key.length === 1)
            key = key.toUpperCase();
        shortcutArray.push(key);
    }
    return shortcutArray.join('+');
}