goyimnose/TaroTime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
goyimnose
2026-07-11 13:35:38 -07:00
parent 3b666611c6
commit a5284f679e
1 changed files with 37 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/ui-alphabet-gematria.js
+37 -20
View File
@@ -116,18 +116,21 @@
].filter((layout) => layout.chars.length > 0); ].filter((layout) => layout.chars.length > 0);
} }
function setGematriaInputValue(nextValue) { function setGematriaInputValue(nextValue, options = {}) {
const { inputEl } = getElements(); const { inputEl } = getElements();
if (!(inputEl instanceof HTMLTextAreaElement)) { if (!(inputEl instanceof HTMLTextAreaElement)) {
return; return;
} }
const shouldFocus = options?.focus !== false;
inputEl.value = String(nextValue || ""); inputEl.value = String(nextValue || "");
inputEl.dispatchEvent(new Event("input", { bubbles: true })); inputEl.dispatchEvent(new Event("input", { bubbles: true }));
inputEl.focus({ preventScroll: true }); if (shouldFocus) {
inputEl.focus({ preventScroll: true });
}
} }
function insertGematriaText(insertValue) { function insertGematriaText(insertValue, options = {}) {
const { inputEl } = getElements(); const { inputEl } = getElements();
if (!(inputEl instanceof HTMLTextAreaElement)) { if (!(inputEl instanceof HTMLTextAreaElement)) {
return; return;
@@ -138,23 +141,29 @@
return; return;
} }
const start = Number.isFinite(inputEl.selectionStart) ? inputEl.selectionStart : inputEl.value.length; const isInputFocused = document.activeElement === inputEl;
const end = Number.isFinite(inputEl.selectionEnd) ? inputEl.selectionEnd : start; const useSelection = options?.preserveSelection !== false && isInputFocused;
const start = useSelection && Number.isFinite(inputEl.selectionStart) ? inputEl.selectionStart : inputEl.value.length;
const end = useSelection && Number.isFinite(inputEl.selectionEnd) ? inputEl.selectionEnd : start;
const nextValue = `${inputEl.value.slice(0, start)}${text}${inputEl.value.slice(end)}`; const nextValue = `${inputEl.value.slice(0, start)}${text}${inputEl.value.slice(end)}`;
setGematriaInputValue(nextValue); setGematriaInputValue(nextValue, { focus: options?.focus });
const nextCaret = start + text.length; const nextCaret = start + text.length;
inputEl.setSelectionRange(nextCaret, nextCaret); if (useSelection) {
inputEl.setSelectionRange(nextCaret, nextCaret);
}
} }
function backspaceGematriaText() { function backspaceGematriaText(options = {}) {
const { inputEl } = getElements(); const { inputEl } = getElements();
if (!(inputEl instanceof HTMLTextAreaElement)) { if (!(inputEl instanceof HTMLTextAreaElement)) {
return; return;
} }
const start = Number.isFinite(inputEl.selectionStart) ? inputEl.selectionStart : inputEl.value.length; const isInputFocused = document.activeElement === inputEl;
const end = Number.isFinite(inputEl.selectionEnd) ? inputEl.selectionEnd : start; const useSelection = options?.preserveSelection !== false && isInputFocused;
const start = useSelection && Number.isFinite(inputEl.selectionStart) ? inputEl.selectionStart : inputEl.value.length;
const end = useSelection && Number.isFinite(inputEl.selectionEnd) ? inputEl.selectionEnd : start;
if (start === 0 && end === 0) { if (start === 0 && end === 0) {
return; return;
} }
@@ -166,8 +175,10 @@
} }
const nextValue = `${inputEl.value.slice(0, nextStart)}${inputEl.value.slice(nextEnd)}`; const nextValue = `${inputEl.value.slice(0, nextStart)}${inputEl.value.slice(nextEnd)}`;
setGematriaInputValue(nextValue); setGematriaInputValue(nextValue, { focus: options?.focus });
inputEl.setSelectionRange(nextStart, nextStart); if (useSelection) {
inputEl.setSelectionRange(nextStart, nextStart);
}
} }
function renderKeyboardLayout() { function renderKeyboardLayout() {
@@ -209,34 +220,34 @@
keyboardGridEl.setAttribute("lang", state.keyboardScriptId); keyboardGridEl.setAttribute("lang", state.keyboardScriptId);
} }
function handleKeyboardAction(action) { function handleKeyboardAction(action, options = {}) {
const normalizedAction = String(action || "").trim().toLowerCase(); const normalizedAction = String(action || "").trim().toLowerCase();
if (!normalizedAction) { if (!normalizedAction) {
return; return;
} }
if (normalizedAction === "backspace") { if (normalizedAction === "backspace") {
backspaceGematriaText(); backspaceGematriaText(options);
return; return;
} }
if (normalizedAction === "space") { if (normalizedAction === "space") {
insertGematriaText(" "); insertGematriaText(" ", options);
return; return;
} }
if (normalizedAction === "star") { if (normalizedAction === "star") {
insertGematriaText("*"); insertGematriaText("*", options);
return; return;
} }
if (normalizedAction === "question") { if (normalizedAction === "question") {
insertGematriaText("?"); insertGematriaText("?", options);
return; return;
} }
if (normalizedAction === "clear") { if (normalizedAction === "clear") {
setGematriaInputValue(""); setGematriaInputValue("", { focus: options?.focus });
} }
} }
@@ -1345,7 +1356,10 @@
return; return;
} }
insertGematriaText(String(keyButton.dataset.keyboardInsert || "")); insertGematriaText(String(keyButton.dataset.keyboardInsert || ""), {
focus: false,
preserveSelection: false
});
}); });
keyboardActionsEl?.addEventListener("click", (event) => { keyboardActionsEl?.addEventListener("click", (event) => {
@@ -1359,7 +1373,10 @@
return; return;
} }
handleKeyboardAction(actionButton.dataset.keyboardAction); handleKeyboardAction(actionButton.dataset.keyboardAction, {
focus: false,
preserveSelection: false
});
}); });
state.listenersBound = true; state.listenersBound = true;