cloud-game/web/js/input/keyboard.js

import {
    pub,
    sub,
    AXIS_CHANGED,
    DPAD_TOGGLE,
    KEY_PRESSED,
    KEY_RELEASED,
    KEYBOARD_KEY_PRESSED,
    KEYBOARD_KEY_DOWN,
    KEYBOARD_KEY_UP,
    KEYBOARD_TOGGLE_FILTER_MODE,
} from 'event';
import {KEY} from 'input';
import {log} from 'log'
import {opts, settings} from 'settings';

// default keyboard bindings
const defaultMap = Object.freeze({
    ArrowLeft: KEY.LEFT,
    ArrowUp: KEY.UP,
    ArrowRight: KEY.RIGHT,
    ArrowDown: KEY.DOWN,
    KeyZ: KEY.A,
    KeyX: KEY.B,
    KeyC: KEY.X,
    KeyV: KEY.Y,
    KeyA: KEY.L,
    KeyS: KEY.R,
    Semicolon: KEY.L2,
    Quote: KEY.R2,
    Period: KEY.L3,
    Slash: KEY.R3,
    Enter: KEY.START,
    ShiftLeft: KEY.SELECT,
    // non-game
    KeyQ: KEY.QUIT,
    KeyW: KEY.JOIN,
    KeyK: KEY.SAVE,
    KeyL: KEY.LOAD,
    Digit1: KEY.PAD1,
    Digit2: KEY.PAD2,
    Digit3: KEY.PAD3,
    Digit4: KEY.PAD4,
    KeyF: KEY.FULL,
    KeyH: KEY.HELP,
    Backslash: KEY.STATS,
    Digit9: KEY.SETTINGS,
    KeyT: KEY.DTOGGLE,
    Digit0: KEY.RESET,
});

let keyMap = {};
// special mode for changing button bindings in the options
let isKeysFilteredMode = true;
// if the browser supports Keyboard Lock API (Firefox does not)
let hasKeyboardLock = ('keyboard' in navigator) && ('lock' in navigator.keyboard)

let locked = false

const remap = (map = {}) => {
    settings.set(opts.INPUT_KEYBOARD_MAP, map);
    log.debug('Keyboard keys have been remapped')
}

sub(KEYBOARD_TOGGLE_FILTER_MODE, data => {
    isKeysFilteredMode = data.mode !== undefined ? data.mode : !isKeysFilteredMode;
    log.debug(`New keyboard filter mode: ${isKeysFilteredMode}`);
});

let dpadMode = true;
let dpadState = {[KEY.LEFT]: false, [KEY.RIGHT]: false, [KEY.UP]: false, [KEY.DOWN]: false};

function onDpadToggle(checked) {
    if (dpadMode === checked) {
        return //error?
    }

    dpadMode = !dpadMode
    if (dpadMode) {
        // reset dpad keys pressed before moving to analog stick mode
        for (const key in dpadState) {
            if (dpadState[key]) {
                dpadState[key] = false;
                pub(KEY_RELEASED, {key: key});
            }
        }
    } else {
        // reset analog stick axes before moving to dpad mode
        if (!!dpadState[KEY.RIGHT] - !!dpadState[KEY.LEFT] !== 0) {
            pub(AXIS_CHANGED, {id: 0, value: 0});
        }
        if (!!dpadState[KEY.DOWN] - !!dpadState[KEY.UP] !== 0) {
            pub(AXIS_CHANGED, {id: 1, value: 0});
        }
        dpadState = {[KEY.LEFT]: false, [KEY.RIGHT]: false, [KEY.UP]: false, [KEY.DOWN]: false};
    }
}

const lock = async (lock) => {
    locked = lock
    if (hasKeyboardLock) {
        lock ? await navigator.keyboard.lock() : navigator.keyboard.unlock()
    }
    // if the browser doesn't support keyboard lock, it will be emulated
}

const onKey = (code, evt, state) => {
    const key = keyMap[code]

    if (dpadState[key] !== undefined) {
        dpadState[key] = state
        if (!dpadMode) {
            const LR = key === KEY.LEFT || key === KEY.RIGHT
            pub(AXIS_CHANGED, {
                id: !LR,
                value: !!dpadState[LR ? KEY.RIGHT : KEY.DOWN] - !!dpadState[LR ? KEY.LEFT : KEY.UP]
            })
            return
        }
    }
    pub(evt, {key: key, code: code})
}

sub(DPAD_TOGGLE, (data) => onDpadToggle(data.checked));

/**
 * Keyboard controls.
 */
export const keyboard = {
    init: () => {
        keyMap = settings.loadOr(opts.INPUT_KEYBOARD_MAP, defaultMap);
        const body = document.body;

        body.addEventListener('keyup', e => {
            e.stopPropagation()
            !hasKeyboardLock && locked && e.preventDefault()

            let lock = locked
            // hack with Esc up when outside of lock
            if (e.code === 'Escape') {
                lock = true
            }

            isKeysFilteredMode ?
                (lock ? pub(KEYBOARD_KEY_UP, e) : onKey(e.code, KEY_RELEASED, false))
                : pub(KEYBOARD_KEY_PRESSED, {key: e.code})
        }, false)

        body.addEventListener('keydown', e => {
            e.stopPropagation()
            !hasKeyboardLock && locked && e.preventDefault()

            isKeysFilteredMode ?
                (locked ? pub(KEYBOARD_KEY_DOWN, e) : onKey(e.code, KEY_PRESSED, true)) :
                pub(KEYBOARD_KEY_PRESSED, {key: e.code})
        })

        log.info('[input] keyboard has been initialized')
    },
    settings: {
        remap
    },
    lock,
}