Spaces:
Runtime error
Runtime error
addEventListener('keydown', (event) => { | |
let target = event.originalTarget || event.composedPath()[0]; | |
if (!target.matches("#toprow textarea.gr-text-input[placeholder]")) return; | |
if (! (event.metaKey || event.ctrlKey)) return; | |
let plus = "ArrowUp" | |
let minus = "ArrowDown" | |
if (event.key != plus && event.key != minus) return; | |
let selectionStart = target.selectionStart; | |
let selectionEnd = target.selectionEnd; | |
// If the user hasn't selected anything, let's select their current parenthesis block | |
if (selectionStart === selectionEnd) { | |
// Find opening parenthesis around current cursor | |
const before = target.value.substring(0, selectionStart); | |
let beforeParen = before.lastIndexOf("("); | |
if (beforeParen == -1) return; | |
let beforeParenClose = before.lastIndexOf(")"); | |
while (beforeParenClose !== -1 && beforeParenClose > beforeParen) { | |
beforeParen = before.lastIndexOf("(", beforeParen - 1); | |
beforeParenClose = before.lastIndexOf(")", beforeParenClose - 1); | |
} | |
// Find closing parenthesis around current cursor | |
const after = target.value.substring(selectionStart); | |
let afterParen = after.indexOf(")"); | |
if (afterParen == -1) return; | |
let afterParenOpen = after.indexOf("("); | |
while (afterParenOpen !== -1 && afterParen > afterParenOpen) { | |
afterParen = after.indexOf(")", afterParen + 1); | |
afterParenOpen = after.indexOf("(", afterParenOpen + 1); | |
} | |
if (beforeParen === -1 || afterParen === -1) return; | |
// Set the selection to the text between the parenthesis | |
const parenContent = target.value.substring(beforeParen + 1, selectionStart + afterParen); | |
const lastColon = parenContent.lastIndexOf(":"); | |
selectionStart = beforeParen + 1; | |
selectionEnd = selectionStart + lastColon; | |
target.setSelectionRange(selectionStart, selectionEnd); | |
} | |
event.preventDefault(); | |
if (selectionStart == 0 || target.value[selectionStart - 1] != "(") { | |
target.value = target.value.slice(0, selectionStart) + | |
"(" + target.value.slice(selectionStart, selectionEnd) + ":1.0)" + | |
target.value.slice(selectionEnd); | |
target.focus(); | |
target.selectionStart = selectionStart + 1; | |
target.selectionEnd = selectionEnd + 1; | |
} else { | |
end = target.value.slice(selectionEnd + 1).indexOf(")") + 1; | |
weight = parseFloat(target.value.slice(selectionEnd + 1, selectionEnd + 1 + end)); | |
if (isNaN(weight)) return; | |
if (event.key == minus) weight -= 0.1; | |
if (event.key == plus) weight += 0.1; | |
weight = parseFloat(weight.toPrecision(12)); | |
target.value = target.value.slice(0, selectionEnd + 1) + | |
weight + | |
target.value.slice(selectionEnd + 1 + end - 1); | |
target.focus(); | |
target.selectionStart = selectionStart; | |
target.selectionEnd = selectionEnd; | |
} | |
// Since we've modified a Gradio Textbox component manually, we need to simulate an `input` DOM event to ensure its | |
// internal Svelte data binding remains in sync. | |
target.dispatchEvent(new Event("input", { bubbles: true })); | |
}); | |