1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2026-11-08 11:16:47 +00:00
webvirtcloud/static/js/console_layouts.js
catborise bfa0fc9fe5 feat(console): typed text follows the VM's keyboard layout
"Type it" sent each character's keysym and let QEMU pick the key from
its own US map, with Shift added for the US shifted characters. A VM
on another layout got other characters: on Turkish Q, '"' typed 'İ',
'@' typed "'", and ğ, ü, ş, ı, ö, ç typed nothing.

The Clipboard dialog now asks for the VM's keyboard layout and
remembers it per browser. Each character is typed as the key that makes
it on that layout (its scancode), with Shift, AltGr or both (AltGr
first: pressed after Shift, the right Alt is Alt on the Linux console),
so the VM's own layout makes the character. The layout is fixed when
typing starts. Text with a character no key types on the layout is not
typed at all, and the dialog lists those characters: a password or a
command with a character left out would be a wrong one.

A layout is one file in console/layouts/: its name and, for each key,
the characters it types plainly, with Shift, with AltGr and with
Shift+AltGr. The view offers every file, US first. dev/console_layout.py
writes a file from the system's XKB data as libxkbcommon computes it
(through ctypes, no new dependency), mapping keys to DOM codes with
noVNC's table from QEMU's keycodemapdb; it lists the dead keys it leaves
out, and drops the keys the keyboard model lacks (the key left of Z on
US pc104 keyboards). English (US) and Turkish Q come with it; the
README says how to add one.
2026-10-27 12:23:32 +03:00

29 lines
1.2 KiB
JavaScript

// The keys that type a character on the VM's keyboard layout: the VM gets
// keys, not characters, and its own layout makes characters of them. The
// layouts are console/layouts/*.json, put in the page by the view.
// the modifiers of a layout key's four characters, pressed in this order:
// AltGr before Shift, as the right Alt pressed after Shift is Alt on the
// Linux console
const MODIFIERS = [[], ['ShiftLeft'], ['AltRight'], ['AltRight', 'ShiftLeft']];
const layouts = JSON.parse(document.getElementById('keyboard-layouts').textContent);
// layout id: {character: [key code, modifier codes]}; of the keys that type
// a character, the first with the fewest modifiers
const keys = {};
for (const [id, layout] of Object.entries(layouts)) {
keys[id] = {};
MODIFIERS.forEach((modifiers, slot) => {
for (const [code, characters] of Object.entries(layout.keys)) {
const character = characters[slot];
if (character !== null && !(character in keys[id])) {
keys[id][character] = [code, modifiers];
}
}
});
}
export function layoutKeys(layout, character) {
return keys[layout][character];
}