Talon/chat_grid
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Centralize repeated text input edit handling

Browse Source
This commit is contained in:
Jage9
2026-02-20 18:14:26 -05:00
parent 9dbb46244f
commit d61459cf72
1 changed files with 34 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
client/src/main.ts
View File

@@ -642,6 +642,37 @@ function pasteIntoActiveTextInput(raw: string): boolean {
return true; return true;
} }
function mapTextInputKey(code: string, key: string): string {
if (code === 'ArrowLeft') return 'arrowleft';
if (code === 'ArrowRight') return 'arrowright';
if (code === 'Backspace') return 'backspace';
if (code === 'Home') return 'home';
if (code === 'End') return 'end';
return key;
}
function applyTextInputEdit(code: string, key: string, maxLength: number, allowReplaceOnNextType = false): void {
const beforeText = state.nicknameInput;
const beforeCursor = state.cursorPos;
const mappedKey = mapTextInputKey(code, key);
if (allowReplaceOnNextType && shouldReplaceCurrentText(code, key)) {
state.nicknameInput = key;
state.cursorPos = key.length;
return;
}
const result = applyTextInput(mappedKey, state.nicknameInput, state.cursorPos, maxLength);
state.nicknameInput = result.newString;
state.cursorPos = result.newCursorPos;
if (code === 'Backspace') {
announceBackspaceDeletedCharacter(beforeText, beforeCursor);
}
if (code === 'ArrowLeft' || code === 'ArrowRight' || code === 'Home' || code === 'End') {
announceCursorCharacter(state.nicknameInput, state.cursorPos);
}
}
function describeCharacter(ch: string): string { function describeCharacter(ch: string): string {
if (ch === ' ') return 'space'; if (ch === ' ') return 'space';
if (ch === '\t') return 'tab'; if (ch === '\t') return 'tab';
@@ -1445,30 +1476,7 @@ function handleChatModeInput(code: string, key: string): void {
return; return;
} }
const beforeText = state.nicknameInput; applyTextInputEdit(code, key, 500);
const beforeCursor = state.cursorPos;
const mappedKey =
code === 'ArrowLeft'
? 'arrowleft'
: code === 'ArrowRight'
? 'arrowright'
: code === 'Backspace'
? 'backspace'
: code === 'Home'
? 'home'
: code === 'End'
? 'end'
: key;
const result = applyTextInput(mappedKey, state.nicknameInput, state.cursorPos, 500);
state.nicknameInput = result.newString;
state.cursorPos = result.newCursorPos;
if (code === 'Backspace') {
announceBackspaceDeletedCharacter(beforeText, beforeCursor);
}
if (code === 'ArrowLeft' || code === 'ArrowRight' || code === 'Home' || code === 'End') {
announceCursorCharacter(state.nicknameInput, state.cursorPos);
}
} }
function handleListModeInput(code: string): void { function handleListModeInput(code: string): void {
@@ -1776,34 +1784,7 @@ function handleItemPropertyEditModeInput(code: string, key: string): void {
audio.sfxUiCancel(); audio.sfxUiCancel();
return; return;
} }
const beforeText = state.nicknameInput; applyTextInputEdit(code, key, 500, true);
const beforeCursor = state.cursorPos;
const mappedKey =
code === 'ArrowLeft'
? 'arrowleft'
: code === 'ArrowRight'
? 'arrowright'
: code === 'Backspace'
? 'backspace'
: code === 'Home'
? 'home'
: code === 'End'
? 'end'
: key;
if (shouldReplaceCurrentText(code, key)) {
state.nicknameInput = key;
state.cursorPos = key.length;
return;
}
const result = applyTextInput(mappedKey, state.nicknameInput, state.cursorPos, 500);
state.nicknameInput = result.newString;
state.cursorPos = result.newCursorPos;
if (code === 'Backspace') {
announceBackspaceDeletedCharacter(beforeText, beforeCursor);
}
if (code === 'ArrowLeft' || code === 'ArrowRight' || code === 'Home' || code === 'End') {
announceCursorCharacter(state.nicknameInput, state.cursorPos);
}
} }
function handleItemPropertyOptionSelectModeInput(code: string): void { function handleItemPropertyOptionSelectModeInput(code: string): void {
@@ -1871,35 +1852,7 @@ function handleNicknameModeInput(code: string, key: string): void {
return; return;
} }
const beforeText = state.nicknameInput; applyTextInputEdit(code, key, NICKNAME_MAX_LENGTH, true);
const beforeCursor = state.cursorPos;
const mappedKey =
code === 'ArrowLeft'
? 'arrowleft'
: code === 'ArrowRight'
? 'arrowright'
: code === 'Backspace'
? 'backspace'
: code === 'Home'
? 'home'
: code === 'End'
? 'end'
: key;
if (shouldReplaceCurrentText(code, key)) {
state.nicknameInput = key;
state.cursorPos = key.length;
return;
}
const result = applyTextInput(mappedKey, state.nicknameInput, state.cursorPos, NICKNAME_MAX_LENGTH);
state.nicknameInput = result.newString;
state.cursorPos = result.newCursorPos;
if (code === 'Backspace') {
announceBackspaceDeletedCharacter(beforeText, beforeCursor);
}
if (code === 'ArrowLeft' || code === 'ArrowRight' || code === 'Home' || code === 'End') {
announceCursorCharacter(state.nicknameInput, state.cursorPos);
}
} }
function isTypingKey(code: string): boolean { function isTypingKey(code: string): boolean {