search

CircleCI-Archived / visual-config-editor

Generate your CircleCI configuration files by building a visual map of your project's workflows.
https://circle.ci/visual-config-editor
Apache License 2.0
73 stars 17 forks source link

Request: Keyboard shortcuts #22

Open KyleTryon opened 2 years ago

KyleTryon commented 2 years ago

Is there an existing issue that is already proposing this?

Is your feature request related to a problem? Please describe it

This feature is not related to any missing functionality, rather a request for optimized control of existing functionality.

Describe the solution you'd like

Provide a mouse-free experience where users could utilize the visual config editor entirely or nearly entirely from the keyboard.

On many developer websites, GitHub.com included, if you click shift + ? on your keyboard (ctrl + ? for google sheets), you will be shown a set of keyboard shortcuts for the context of the page you are on. From this page for instance, I can create a new issue on this repository by pressing c.

I suggest a similar experience be created for the visual config editor, where users can rapidly create configs visually from the keyboard

Teachability, documentation, adoption, migration strategy

Draft proposal

Keyboard Key Function
j Create new job
ctrl + j Create a new job that requires the currently selected job
e Create new executor
shift + w Create new workflow tab
`ctrl + scroll wheel Zoom in and out, this is already supported
ctrl + ? Show keyboard shortcuts in window
ctrl + g Generate config
g + c focus on code editor

Something that is missing from here is some method of selecting and traversing jobs in the workflow

What is the motivation / use case for changing the behavior?

Providing a powerful and accessible alternative method of controlling the app

KyleTryon commented 2 years ago

Just discovered this which may be a suitable and maybe easier alternative. I would just want to ensure accessibility as a focus, no matter the choice.

https://kbar.vercel.app/