joystick support

[BlackRam-oss]

It would be fantastic if hotkeys also supported joysticks.

I’ve created a small game engine that uses React for the UI. I’m already using your hotkeys library for keyboard interactions, and I’d like to add joystick support as well. It would be amazing if I could use the same library for that.

[KevinVandy]

How would we do that?

[BlackRam-oss]

to the user, it might appear as follows

useHotkey('Mod+S', save, {
  meta: {
    name: 'Save',
    gamepad: {
      button: 'Y',
      controller: 'xbox',
    },
  },
})

or even better

import { useGamepadHotkey } from "@tanstack/react-hotkeys/gamepad"


useGamepadHotkey('Y', save, {
  meta: {
    name: 'Save',
  },
})

The issue is that, for instance, the buttons on Xbox and PlayStation controllers differ—PlayStation uses symbols, while Xbox uses letters. However, I don’t think this makes much of a difference in a browser environment.

To simplify management, you could require the installation of gamepad.js as an optional peer dependency for anyone using this submodule.