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

Add paste support for canvas text entry modes

Browse Source
This commit is contained in:
Jage9
2026-02-20 18:02:42 -05:00
parent f0318cd1ad
commit 654f1ce5bf
2 changed files with 45 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/public/version.js
View File

@@ -1,3 +1,3 @@
// Maintainer-controlled web client version.
// Format: YYYY.MM.DD Rn (example: 2026.02.20 R2)
window.CHGRID_WEB_VERSION = "2026.02.20 R66";
window.CHGRID_WEB_VERSION = "2026.02.20 R67";

44
client/src/main.ts
View File

@@ -606,6 +606,42 @@ function shouldReplaceCurrentText(code: string, key: string): boolean {
return false;
}
function textInputMaxLengthForMode(mode: typeof state.mode): number | null {
if (mode === 'nickname') return NICKNAME_MAX_LENGTH;
if (mode === 'chat') return 500;
if (mode === 'itemPropertyEdit') return 500;
return null;
}
function normalizePastedText(raw: string): string {
return raw
.replace(/\r\n/g, '\n')
.replace(/\r/g, '\n')
.replace(/\n/g, ' ')
.replace(/[\u0000-\u0008\u000B-\u001F\u007F]/g, '');
}
function pasteIntoActiveTextInput(raw: string): boolean {
const maxLength = textInputMaxLengthForMode(state.mode);
if (maxLength === null) {
return false;
}
const text = normalizePastedText(raw);
if (!text) {
return true;
}
const available = Math.max(0, maxLength - state.nicknameInput.length);
if (available <= 0) {
return true;
}
const insert = text.slice(0, available);
state.nicknameInput =
state.nicknameInput.slice(0, state.cursorPos) + insert + state.nicknameInput.slice(state.cursorPos);
state.cursorPos += insert.length;
replaceTextOnNextType = false;
return true;
}
function describeCharacter(ch: string): string {
if (ch === ' ') return 'space';
if (ch === '\t') return 'tab';
@@ -1891,6 +1927,14 @@ function setupInputHandlers(): void {
document.addEventListener('keyup', (event) => {
state.keysPressed[event.code] = false;
});
document.addEventListener('paste', (event) => {
if (document.activeElement !== dom.canvas) return;
if (!state.running) return;
const pasted = event.clipboardData?.getData('text') ?? '';
if (!pasteIntoActiveTextInput(pasted)) return;
event.preventDefault();
});
}
async function populateAudioDevices(): Promise<void> {