Tab navigations & shortcuts on MPP

[Daniel-176]

Add tab navigation and new shortcuts on MPP, like

• Shift + N opens user set modal
• Shift + T opens new room modal
• Shift + Y creates a play solo room

[lithiumjs]

Not sure what you mean by "tab navigation", but Shift+whatever keybinds will interfere with the piano.

[Daniel-176]

By the tab navigation i meant that user can interact with MPP fully with keyboard, when you click TAB it focus on buttons that can be pressed using a SPACE or ENTER.

Also about the keys i completely forgot about it heh, but probably we can use the F1-12 keys(ignoring those that conflicts with browser)

[sophb-chan]

so F1, F3, F4, F5, F6, F11 and F12 are out of the question then

i think we learned from the conflicts with Ctrl + <key> when playing, god forbid you do Ctrl + T

[Daniel-176]

Actually, with the .preventDefault() we can get some of the exclusive keys
https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

window.addEventListener('keydown', function(event) {
  if (/^F[1-9]$|^F1[0-2]$/.test(event.key)) {
    event.preventDefault(); // Stop the browser's native action
  }
});

mostly browsers supports this

[Daniel-176]

Or by fullscreen(not reliable!!)
https://developer.chrome.com/docs/capabilities/web-apis/keyboard-lock?hl=pt-br

document.documentElement.requestFullscreen().then(() => {
  navigator.keyboard.lock(["Escape", "Alt+Tab", "Control+N"])
    .then(() => {
      console.log("Keyboard is locked. Special keys are now captured.");
    })
    .catch((err) => {
      console.error("Keyboard lock failed:", err);
    });
});

[sophb-chan]

Actually, with the .preventDefault() we can get some of the exclusive keys

of course we can, and actually MPP already uses .preventDefault(), in fact there's a client setting to disable it. the issue is already in your reply though, only some of the keys can be used, and input collision with the piano is already bad enough

if you just change the key combos to ones that don't cause collision, this could work