eiac/xterm.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Add sequence buttons through CSI P

Browse Source
This commit is contained in:
Daniel Imms
2022-12-19 06:20:01 -08:00
parent 06145c02b1
commit 1926c9bbbc
1 changed files with 22 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/client.ts
+22 -8
View File
@@ -1098,7 +1098,7 @@ function addVtButtons(): void {
return `\x1b[${e}`; return `\x1b[${e}`;
} }
function createButton(name: string, description: string, writeCsi: string, paramCount: number = 0): HTMLElement { function createButton(name: string, description: string, writeCsi: string, paramCount: number = 1): HTMLElement {
const inputs: HTMLInputElement[] = []; const inputs: HTMLInputElement[] = [];
for (let i = 0; i < paramCount; i++) { for (let i = 0; i < paramCount; i++) {
const input = document.createElement('input'); const input = document.createElement('input');
@@ -1109,7 +1109,10 @@ function addVtButtons(): void {
const element = document.createElement('button'); const element = document.createElement('button');
element.textContent = name; element.textContent = name;
element.addEventListener('click', () => term.write(csi(inputs.map(e => e.value).join(';') + writeCsi))); writeCsi.split('');
const prefix = writeCsi.length === 2 ? writeCsi[0] : '';
const suffix = writeCsi[writeCsi.length - 1];
element.addEventListener(`click`, () => term.write(csi(`${prefix}${inputs.map(e => e.value).join(';')}${suffix}`)));
const desc = document.createElement('span'); const desc = document.createElement('span');
desc.textContent = description; desc.textContent = description;
@@ -1120,12 +1123,23 @@ function addVtButtons(): void {
return container; return container;
} }
const vtFragment = document.createDocumentFragment(); const vtFragment = document.createDocumentFragment();
const buttonSpecs: { [key: string]: { label: string, description: string, paramCount: number }} = { const buttonSpecs: { [key: string]: { label: string, description: string, paramCount?: number }} = {
A: { label: 'CUU ↑', description: 'Cursor Up Ps Times', paramCount: 1 }, A: { label: 'CUU ↑', description: 'Cursor Up Ps Times' },
B: { label: 'CUD ↓', description: 'Cursor Down Ps Times', paramCount: 1 }, B: { label: 'CUD ↓', description: 'Cursor Down Ps Times' },
C: { label: 'CUF →', description: 'Cursor Forward Ps Times', paramCount: 1 }, C: { label: 'CUF →', description: 'Cursor Forward Ps Times' },
D: { label: 'CUB ←', description: 'Cursor Backward Ps Times', paramCount: 1 }, D: { label: 'CUB ←', description: 'Cursor Backward Ps Times' },
L: { label: 'IL', description: 'Insert Ps Line(s)', paramCount: 1 } E: { label: 'CNL', description: 'Cursor Next Line Ps Times' },
F: { label: 'CPL', description: 'Cursor Preceding Line Ps Times' },
G: { label: 'CHA', description: 'Cursor Character Absolute' },
H: { label: 'CUP', description: 'Cursor Position [row;column]', paramCount: 2 },
I: { label: 'CHT', description: 'Cursor Forward Tabulation Ps tab stops' },
J: { label: 'ED', description: 'Erase in Display' },
'?J': { label: 'DECSED', description: 'Erase in Display' },
K: { label: 'EL', description: 'Erase in Line' },
'?K': { label: 'DECSEL', description: 'Erase in Line' },
L: { label: 'IL', description: 'Insert Ps Line(s)' },
M: { label: 'DL', description: 'Delete Ps Line(s)' },
P: { label: 'DCH', description: 'Delete Ps Character(s)' }
}; };
for (const s of Object.keys(buttonSpecs)) { for (const s of Object.keys(buttonSpecs)) {
const spec = buttonSpecs[s]; const spec = buttonSpecs[s];