Add keyboard shortcuts

[ephetic]

It would be nice if the webapp and VSCode extension supported some or all of these. Suggested bindings are given, but are only suggestions.

• switch tools (e.g. TAB to cycle tool, or individual keys like P for Pen, H for Hand, E for Erase, etc)
• switch color (e.g. C to cycle (maybe by order of last used), or numbers to directly select form palette)
• switch frame (e.g. < >)
• change tool size (e.g. + -)
• copy, paste, save, undo (e.g. CMD+C, CMD+V, CMD+S, CMD+Z)
• modifiers for mouse driven zoom, pan, and select (e.g. SHIFT+Drag for select, CMD+Scroll for zoom, ALT+Drag (or H+Drag) for pan)
• Keyboard driven drawing: arrows to move cursor, SPACE to mark.

Additionally, it'd be nice if there were a help menu for these shortcuts, e.g. a question mark icon button on the settings menu opening a text modal.

Thank you again for all you've done. I love this thing. I would try to give you a PR, but I can't follow the Rust.

[ephetic]

What's your dev workflow for Rust -> WASM? Do you have the ability to attach a debugger or even add logging?

[sile]

Thank you for this feature request.

I'm positive about implementing those keyboard shortcuts and plan to work on them next week.

It would be nice if there were a help menu for these shortcuts, e.g., a question mark icon button on the settings menu that opens a text modal.

I agree this would be a nice addition, but it would be somewhat challenging to design and implement. Therefore, it will remain outside the scope of next week's implementation.

What's your dev workflow for Rust -> WASM? Do you have the ability to attach a debugger or even add logging?

For my development workflow, I use Rust's logging macros such as log::debug!("message"), which display output in the browser's console log viewer. I haven't used a debugger specifically for WASM as I think it could be challenging to set up.

[sile]

[FYI] I've started implementing key bindings (first pull request: #17).
Over the coming weeks, I plan to add support for the other keyboard shortcuts you proposed (excluding those that would require extensive code restructuring to implement).

[ephetic]

Fantastic! Works as described!

[sile]

I've released version 0.9.0 which includes the following keyboard shortcuts:

Key	Action
TAB	Switch to next tool
BACKTAB	Switch to prev tool
p	Switch to PICK tool
d	Switch to DRAW tool
f	Switch to FILL tool
e	Switch to ERASE tool
s	Switch to SELECT tool
m	Switch to MOVE tool
Ctrl-z	undo
Ctrl-y	redo
<	Switch to prev frame
>	Switch to next frame

Although the shortcuts you proposed seem nice, implementing them would require significant refactoring.
I'd like to try implementing these changes when I have more time available, though I'm uncertain when that might be.

[ephetic]

You're the best! Thank you!