What is this all about?
This is a little vue3, .net project, because I wanted to control my pc more with keyboard shortcuts and trying to use the mouse less.
It contains a vue3 frontend with options api and a .net backend. The communication is via websockets and easy to configure.
Currently the backend is only working on windows, a implementation for linux wasn't done yet. I tried to port that also to macos, but there wasnt a way to get the current active window information so it can't detect any window changes and therefore a port is useless.
The backend needs a json file with a list of different apps, more about that later. Then it will check every 5 seconds the current active window and if it changes it will send the information to the frontend which then shows you the shortcuts of the new app.
Screenshots
| Dark | Light |
|---|---|
 |
 |
At the moment there isn't a automatically way or frontend configuration which can be used so the json has to be created by hand. Each App needs the following informations:
{
"WinName":"Discord.exe", //the process name, so the backend can get the shortcut list
"Name":"Discord", // the name of the app which will be shown in the frontend
"Shortcuts":[ // list of all shortcuts you want to display
{
//there is no limitation for the keys but at some point it will break the layout
// I would not use more than four
"Keys":[
"ctrl",
"tab"
],
"Description":"Switch Servers"
}
]
},Json Example:
[
{
"WinName":"Discord.exe",
"Name":"Discord",
"Shortcuts":[
{
"Keys":[
"ctrl",
"tab"
],
"Description":"Switch Servers"
}
]
},
{
"WinName":"chrome.exe",
"Name":"Chrome",
"Shortcuts":[
{
"Keys":[
"ctrl",
"t"
],
"Description":"Open new tab"
},
{
"Keys":[
"ctrl",
"w"
],
"Description":"Close current tab"
},
{
"Keys":[
"ctrl",
"tab"
],
"Description":"Switch tab"
}
]
}
]Required Envs:
// Frontend
VUE_APP_WEBSOCKET_IP
VUE_APP_WEBSOCKET_LISTENING_PATH
// Backend
PORT
LISTENING_PATH
SHORTCUTS_FILEPATH
Future ideas and features
- Github Actions pipeline to build backend and provide compiled resources
- Maintenance of app data in the frontend
- Improving responsive design
- Multi backend support in the frontend, so that if several systems are available, the frontend does not have to be started several times