c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Fix #9

Browse Source
This commit is contained in:
Daniel Kluge 2022-01-16 16:11:48 +01:00
parent 463eafcec4
commit 858cffb587
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
components/REPL/REPLInput.tsx
View File

@ -27,13 +27,22 @@ const REPLInput: NextPage<REPLInputParams> = ({historyCallback, historyClear, in
const [justTabbed, setJustTabbed] = useState<number>(0); const [justTabbed, setJustTabbed] = useState<number>(0);
const [inCmdHistory, setInCmdHistory] = useState<number>(-1); const [inCmdHistory, setInCmdHistory] = useState<number>(-1);
const [cmdHistory, setCmdHistory] = useState<string[]>([]); const [cmdHistory, setCmdHistory] = useState<string[]>([]);
const [usrInputTmp, setUsrInputTmp] = useState<string>("");
const [cmdIf, setCmdIf] = useState<CommandInterface>(new CommandInterface(modalManipulation, [])); const [cmdIf, setCmdIf] = useState<CommandInterface>(new CommandInterface(modalManipulation, []));
const { data: projects, error: projectsError } = useSWR("/api/projects", fetchProjects); const { data: projects, error: projectsError } = useSWR("/api/projects", fetchProjects);
const setInput = (inputRef: HTMLInputElement, input: string) => {
const nativeSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
if (!nativeSetter) return;
nativeSetter.call(inputRef, input);
//if(typed.current) typed.current.innerHTML = input;
//if(completion.current) completion.current.innerHTML = "";
const event = new Event("input", { bubbles: true });
inputRef.dispatchEvent(event);
};
const clearInput = (inputRef: HTMLInputElement) => { const clearInput = (inputRef: HTMLInputElement) => {
inputRef.value = ""; setInput(inputRef, "");
if(typed.current) typed.current.innerHTML = "";
if(completion.current) completion.current.innerHTML = "";
}; };
const replinOnChange = (e: React.FormEvent<HTMLInputElement>) => { const replinOnChange = (e: React.FormEvent<HTMLInputElement>) => {
@ -66,9 +75,7 @@ const REPLInput: NextPage<REPLInputParams> = ({historyCallback, historyClear, in
e.preventDefault(); e.preventDefault();
} }
if (e.key === "Tab" && currentCmd.length !== 0) { if (e.key === "Tab" && currentCmd.length !== 0) {
input.value = currentCmd[justTabbed % currentCmd.length]; setInput(input, currentCmd[justTabbed % currentCmd.length]);
if(typed.current) typed.current.innerHTML = currentCmd[justTabbed % currentCmd.length];
if(completion.current) completion.current.innerHTML = "";
setJustTabbed(justTabbed + 1); setJustTabbed(justTabbed + 1);
return false; return false;
} else setJustTabbed(0); } else setJustTabbed(0);
@ -114,10 +121,10 @@ const REPLInput: NextPage<REPLInputParams> = ({historyCallback, historyClear, in
e.preventDefault(); e.preventDefault();
const idx = inCmdHistory + 1; const idx = inCmdHistory + 1;
if (idx < cmdHistory.length) { if (idx < cmdHistory.length) {
if (inCmdHistory === -1) setUsrInputTmp(input.value);
const cmd = cmdHistory[cmdHistory.length - idx - 1]; const cmd = cmdHistory[cmdHistory.length - idx - 1];
input.value = cmd; setInput(input, cmd);
if(typed.current) typed.current.innerHTML = cmd;
if(completion.current) completion.current.innerHTML = "";
setInCmdHistory(idx); setInCmdHistory(idx);
} }
} }
@ -127,12 +134,11 @@ const REPLInput: NextPage<REPLInputParams> = ({historyCallback, historyClear, in
const idx = inCmdHistory - 1; const idx = inCmdHistory - 1;
if (0 <= idx) { if (0 <= idx) {
const cmd = cmdHistory[cmdHistory.length - idx - 1]; const cmd = cmdHistory[cmdHistory.length - idx - 1];
input.value = cmd; setInput(input, cmd);
if(typed.current) typed.current.innerHTML = cmd;
if(completion.current) completion.current.innerHTML = "";
setInCmdHistory(idx); setInCmdHistory(idx);
} else { } else if (idx === -1) {
clearInput(input); setInput(input, usrInputTmp);
setInCmdHistory(-1);
} }
} }
}; };