gitea-mirror/basic-computer-games
1
0
Fork 0
mirror of https://github.com/coding-horror/basic-computer-games.git synced 2025-12-21 23:00:43 -08:00
Code Issues Packages Projects Releases Wiki Activity

fix html terminal to support linebreaks inside lines

Browse Source
This commit is contained in:
Alexander Wunschik
2022-04-02 14:01:37 +02:00
parent e97820ae11
commit dc8bb273cd
5 changed files with 89 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
00_Common/javascript/WebTerminal/HtmlTerminal.js
View File

@@ -96,9 +96,18 @@ class HtmlTerminal {
this.#inputCallback = undefined;
} else if (e.keyCode === 8 /* BACKSPACE */) {
this.#$prompt.innerText = this.#$prompt.innerText.slice(0, -1);
} else if (
e.keyCode == 16 // "Shift"
|| e.keyCode == 17 // "Control"
|| e.keyCode == 20 // "CapsLock"
|| !e.key.match(/^[a-z0-9!"§#$%&'()*+,.\/:;<=>?@\[\] ^_`{|}~-]$/i)
) {
// ignore non-visible characters
return e;
} else {
this.#$prompt.innerHtml = '';
this.#$prompt.innerText = this.#$prompt.innerText + e.key;
const key = e.shiftKey ? e.key.toUpperCase() : e.key;
this.#$prompt.innerText = this.#$prompt.innerText + key;
}
}
@@ -135,27 +144,23 @@ class HtmlTerminal {
* @param {string} text
*/
write(text) {
if (text.match(/^\n*$/)) {
// empty new line
text.match(/\n/g).forEach(() => {
const $br = document.createElement("br");
this.$output.appendChild($br);
});
} else if (text && text.length && text.includes("\n")) {
if (!text || text.length <= 0) {
// empty line
this.$output.appendChild(document.createElement("br"));
} else if (text.endsWith("\n")) {
// single line with linebrank
const $lineNode = this.#newLine(text);
this.$output.appendChild(this.#newLine(text));
this.$output.appendChild(document.createElement("br"));
} else if (text.includes("\n")) {
// multible lines
const lines = text.split("\n");
lines.forEach((line) => {
if (line.length === 0 || line.match(/^\s*$/)) {
this.$output.appendChild(document.createElement("br"));
} else {
const $lineNode = this.#newLine(line);
this.$output.appendChild($lineNode);
//this.$node.appendChild(document.createElement("br"));
}
this.write(line);
});
} else if (text && text.length) {
// simple line
const $lineNode = this.#newLine(text);
this.$output.appendChild($lineNode);
} else {
// single line
this.$output.appendChild(this.#newLine(text));
}
// scroll to the buttom of the page

14
00_Common/javascript/WebTerminal/terminal_tests.mjs
View File

@@ -3,21 +3,21 @@
import { print, println, tab, input } from '../common.mjs';
async function main() {
println(tab(20), "Minimal node.js terminal 2");
println("");
println(tab(30), "Minimal node.js terminal emulator");
println();
println(tab(0), "tab 0");
println(tab(5), "tab 5");
println(tab(10), "tab 10");
println(tab(15), "tab 15");
println(tab(20), "tab 20");
println(tab(25), "tab 25");
println("");
println("1234567890", " ", "ABCDEFGHIJKLMNOPRSTUVWXYZ");
println("");
println();
println("1234567890", " _ ", "ABCDEFGHIJKLMNOPRSTUVWXYZ");
println();
print("\nHallo"); print(" "); print("Welt!\n");
println("");
print("Line 1\nLine 2\nLine 3\nLine 4");
println("");
println("Line 1\nLine 2\nLine 3\nLine 4");
println("----------------------------------------------");
const value = await input("input");
println(`input value was "${value}"`);