Add keyboard shortcuts

[hugo-vrijswijk]

Ideas:

• Escape: close the drawer if open fix(elements): close drawer when pressing Escape #3371
• Ctrl K to open a file picker feat(elements): add file picker #3404
• Left/Right: navigate between previous/next mutant
  • Holding Alt could navigate focus without opening a new mutant
• Tab: Cycle focus through mutant dots~~ make mutant-dots focusable in the browser
  • This would be the same as Alt + ArrowRight
• Enter: Open the drawer for the currently focused mutant dot
• Ctrl 1/Ctrl 2: switch between Mutants/Tests tab
• Backspace: go up 1 level in the breadcrumb
• Ctrl + something: switching mutant filters
• Ctrl + ?: open a shortcut popup showing the shortcuts
  • Having each shortcut in the tooltip would also be good

[xandervedder]

CTRL + K or CTRL + P to open a file picker for easy navigation (like in vscode or any docs site that has it), maybe it could also show per file the mutant count or mutation score.

CTRL + SHIFT + K or CTRL + SHIFT + P could then be used to show all shortcuts and/or execute them.

[vivganes]

In most of the well-known keyboard shortcuts, Ctrl is replaced by Cmd in Mac.

Example: Ctrl+C --> Cmd + C

Not sure if we need to consider switching to Cmd for these shortcuts in Mac environment.

[hugo-vrijswijk]

That would be preferred. There is the metakey property, but that maps to the windows key on Windows. I think for this we would have to check if the user is on mac. Or support either the meta or ctrl key