VACS Profile Editor

Deployed on https://maxlk96.github.io/vacs-profileeditor/

A simple GUI to create and edit VACS tabbed profiles without manually editing JSON.
Profiles define the layout of direct-access keys for the VATSIM ATC Communication System (vacs) client.

• JSON import/export: Load a profile from a .json file, edit in the UI, save as JSON (download).
• Tabs: Add, duplicate, remove, reorder tabs (including drag-and-drop). Edit tab label and row count.
• Keys: Add, remove, reorder keys (including drag-and-drop in the grid). Multi-select with Ctrl+click (or Shift+click for range) to move several at once. Copy/cut/paste keys (Ctrl+C/X/V). Move key left/right/up/down. Edit label (up to 3 lines), button color, station ID, and optional subpage.
• Client-page tabs: Tabs that use client_page (dynamic client list) are shown as read-only.

Keyboard shortcuts

Shortcut	Action
Ctrl+Z	Undo
Ctrl+Shift+Z	Redo
Ctrl+Y	Redo
Ctrl+C	Copy selected key(s)
Ctrl+X	Cut selected key(s)
Ctrl+V	Paste key(s)
Enter	Open subpage (when a key with subpage is selected)
↑ ↓	Move selected key(s) up/down
← →	Move selected key(s) left/right
C	Clear selected key
Delete	Remove selected key(s)

Shortcuts are disabled when typing in an input field. Use Ctrl+click to add to selection, Shift+click for range select.

Contributing

Forks and PRs are encouraged! Feel free to create issues, don't count on frequent updates of this project, it already serves its main purpose.

Running a local deployment

Run

npm install
npm run dev

Then open http://localhost:5173. Use Load JSON to open a profile (e.g. from vacs-data), edit, and Save JSON to download.

Build

npm run build

Output is in dist/.

Profile format

Only Tabbed profiles are supported. See Profile Configuration (vacs-data).