sjs/vibetunnel
1
0
Fork 0
mirror of https://github.com/samsonjs/vibetunnel.git synced 2026-04-27 15:17:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add alt+delete/left/right support

Browse source
This commit is contained in:
hewigovens 2025-07-09 14:23:36 +09:00 committed by Peter Steinberger
parent 48762bd47c
commit bf32367fee
1 changed files with 40 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
web/src/client/components/session-view/input-manager.ts
View file

@ -49,8 +49,10 @@ export class InputManager {
async handleKeyboardInput(e: KeyboardEvent): Promise<void> { async handleKeyboardInput(e: KeyboardEvent): Promise<void> {
if (!this.session) return; if (!this.session) return;
const { key, ctrlKey, altKey, metaKey, shiftKey } = e;
// Handle Escape key specially for exited sessions // Handle Escape key specially for exited sessions
if (e.key === 'Escape' && this.session.status === 'exited') { if (key === 'Escape' && this.session.status === 'exited') {
return; // Let parent component handle back navigation return; // Let parent component handle back navigation
} }
@ -63,30 +65,54 @@ export class InputManager {
// Allow standard browser copy/paste shortcuts // Allow standard browser copy/paste shortcuts
const isMacOS = navigator.platform.toLowerCase().includes('mac'); const isMacOS = navigator.platform.toLowerCase().includes('mac');
const isStandardPaste = const isStandardPaste =
(isMacOS && e.metaKey && e.key === 'v' && !e.ctrlKey && !e.shiftKey) || (isMacOS && metaKey && key === 'v' && !ctrlKey && !shiftKey) ||
(!isMacOS && e.ctrlKey && e.key === 'v' && !e.shiftKey); (!isMacOS && ctrlKey && key === 'v' && !shiftKey);
const isStandardCopy = const isStandardCopy =
(isMacOS && e.metaKey && e.key === 'c' && !e.ctrlKey && !e.shiftKey) || (isMacOS && metaKey && key === 'c' && !ctrlKey && !shiftKey) ||
(!isMacOS && e.ctrlKey && e.key === 'c' && !e.shiftKey); (!isMacOS && ctrlKey && key === 'c' && !shiftKey);
if (isStandardPaste || isStandardCopy) { if (isStandardPaste || isStandardCopy) {
// Allow standard browser copy/paste to work // Allow standard browser copy/paste to work
return; return;
} }
// Handle Alt+ combinations
if (altKey && !ctrlKey && !metaKey && !shiftKey) {
// Alt+Left Arrow - Move to previous word
if (key === 'ArrowLeft') {
e.preventDefault();
e.stopPropagation();
await this.sendInput('\x1bb'); // ESC+b
return;
}
// Alt+Right Arrow - Move to next word
if (key === 'ArrowRight') {
e.preventDefault();
e.stopPropagation();
await this.sendInput('\x1bf'); // ESC+f
return;
}
// Alt+Backspace - Delete word backward
if (key === 'Backspace') {
e.preventDefault();
e.stopPropagation();
await this.sendInput('\x17'); // Ctrl+W
return;
}
}
let inputText = ''; let inputText = '';
// Handle special keys // Handle special keys
switch (e.key) { switch (key) {
case 'Enter': case 'Enter':
if (e.ctrlKey) { if (ctrlKey) {
// Ctrl+Enter - send to tty-fwd for proper handling // Ctrl+Enter - send to tty-fwd for proper handling
inputText = 'ctrl_enter'; inputText = 'ctrl_enter';
} else if (e.shiftKey) { } else if (shiftKey) {
// Shift+Enter - send to tty-fwd for proper handling // Shift+Enter - send to tty-fwd for proper handling
inputText = 'shift_enter'; inputText = 'shift_enter';
} else { } else {
// Regular Enter
inputText = 'enter'; inputText = 'enter';
} }
break; break;
@ -106,7 +132,7 @@ export class InputManager {
inputText = 'arrow_right'; inputText = 'arrow_right';
break; break;
case 'Tab': case 'Tab':
inputText = e.shiftKey ? 'shift_tab' : 'tab'; inputText = shiftKey ? 'shift_tab' : 'tab';
break; break;
case 'Backspace': case 'Backspace':
inputText = 'backspace'; inputText = 'backspace';
@ -119,8 +145,8 @@ export class InputManager {
break; break;
default: default:
// Handle regular printable characters // Handle regular printable characters
if (e.key.length === 1) { if (key.length === 1) {
inputText = e.key; inputText = key;
} else { } else {
// Ignore other special keys // Ignore other special keys
return; return;
@ -129,8 +155,8 @@ export class InputManager {
} }
// Handle Ctrl combinations (but not if we already handled Ctrl+Enter above) // Handle Ctrl combinations (but not if we already handled Ctrl+Enter above)
if (e.ctrlKey && e.key.length === 1 && e.key !== 'Enter') { if (ctrlKey && key.length === 1 && key !== 'Enter') {
const charCode = e.key.toLowerCase().charCodeAt(0); const charCode = key.toLowerCase().charCodeAt(0);
if (charCode >= 97 && charCode <= 122) { if (charCode >= 97 && charCode <= 122) {
// a-z // a-z
inputText = String.fromCharCode(charCode - 96); // Ctrl+A = \x01, etc. inputText = String.fromCharCode(charCode - 96); // Ctrl+A = \x01, etc.