New look and funcions for editor and quick override fix

[esnho]

Hi Olivia,

thank you for your wonderful synth.

I'd like to propose few changes to the editor, obviously is just a proposal and if necessary I can change my edits or cancel the pull request.

• Highlight current brackets (ojack/hydra@master...esnho:master#diff-8bae296076addc219be2a49f55d38d29R8)
• Auto close brackets, like VSCode and other editor does (ojack/hydra@master...esnho:master#diff-8bae296076addc219be2a49f55d38d29R9)
• Quick comment line or lines of code with CTRL+A (ojack/hydra@master...esnho:master#diff-8bae296076addc219be2a49f55d38d29R37-R41)
• Highlight current line to not get lost in code ;) (ojack/hydra@master...esnho:master#diff-ad84e1e7dbe12a5a514b4a038e926f14R411)

And a fix to keydown listener:

• ojack/hydra@master...esnho:master#diff-01cf9254f65582b2ab641b23dd12c2c8R3

Here a screenshot of the editor with these changes:

[ojack]

Hi,

I really like the highlighting of brackets and auto close brackets!

Some changes before merging this:

• -- switch the key commands to the keymaps.js file (this is to make it easier to automate and configure key commands, as well as implement different editors down the line)
• -- the autocomplete does not contain relevant information... it would be really nice to include if it works! for now i think we should leave it out.

There are some style things that are too heavy handed for me. It is complicated in hydra because there is a trade off between readability and blocking the visuals.:
Things that I would like to keep as is (how they were before):

• the error log
• get rid of the black line that appears at the beginning of each empty line
• the cursor

I really like the line highlighting, but I think it can be really intrusive. A lot of ppl perform with hydra by making the code really small in a large window, and this would cause a line across the whole screen. I would be interested in just highlighting the line in the left hand gutter.

I think the bracket highlighting could be a more muted grey to not get so confused with the cursor.

Maybe this is a good chance to think about allowing custom theming and editor configuration, because I am sure ppl will have different preferences in different scenarios.

[esnho]

Hey @ojack , thank you for the feedback.

I made up changes and used the left hand gutter to highlight selected line.

If necessary I can rollback to no selected line highlight as before :)