monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-10-26 16:57:07 +08:00
Code Issues Projects Releases Packages Wiki Activity

impr(commandline): debounce the input to reduce commands flashing when typing

Browse source
This commit is contained in:
Miodec 2024-04-27 00:01:22 +02:00
parent 2c4577035a
commit 6497aa6d25
1 changed files with 20 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
frontend/src/ts/commandline/commandline.ts
View file

@ -10,6 +10,7 @@ import * as OutOfFocus from "../test/out-of-focus";
import * as ActivePage from "../states/active-page";
import { focusWords } from "../test/test-ui";
import * as Loader from "../elements/loader";
import { debounce } from "throttle-debounce";
type CommandlineMode = "search" | "input";
type InputModeParams = {
@ -570,6 +571,24 @@ async function decrementActiveIndex(): Promise<void> {
await updateActiveCommand();
}
const debouncedInputHandler = debounce(100, async (e) => {
console.log(e);
inputValue = (e.target as HTMLInputElement).value;
if (subgroupOverride === null) {
if (Config.singleListCommandLine === "on") {
usingSingleList = true;
} else {
usingSingleList = inputValue.startsWith(">");
}
}
if (mode !== "search") return;
mouseMode = false;
activeIndex = 0;
await filterSubgroup();
await showCommands();
await updateActiveCommand();
});
const modal = new AnimatedModal({
dialogId: "commandLine",
customEscapeHandler: (): void => {
@ -585,20 +604,7 @@ const modal = new AnimatedModal({
const input = modalEl.querySelector("input") as HTMLInputElement;
input.addEventListener("input", async (e) => {
inputValue = (e.target as HTMLInputElement).value;
if (subgroupOverride === null) {
if (Config.singleListCommandLine === "on") {
usingSingleList = true;
} else {
usingSingleList = inputValue.startsWith(">");
}
}
if (mode !== "search") return;
mouseMode = false;
activeIndex = 0;
await filterSubgroup();
await showCommands();
await updateActiveCommand();
void debouncedInputHandler(e);
});
input.addEventListener("keydown", async (e) => {