terminal.js

let activeResolver = null;

function print(text = "") {
  const content = document.getElementById("Content");
  const line = document.createElement("div");
  line.textContent = text;
  content.appendChild(line);
  line.scrollIntoView({ behavior: "smooth", block: "end" });
}

function clearScreen() {
  const content = document.getElementById("Content");
  content.innerHTML = "";
}

function sleep(ms) {
  return new Promise((resolve) => setTimeout(resolve, ms));
}

function readLine(promptText = "") {
  return new Promise((resolve) => {
    const content = document.getElementById("Content");

    // Remove any existing blinking carets
    document.querySelectorAll(".console-carrot").forEach(el => el.remove());
    // Disable any previous inputs
    document.querySelectorAll(".terminal-input").forEach(el => el.disabled = true);

    const lineContainer = document.createElement("div");
    lineContainer.className = "input-line";

    const promptSpan = document.createElement("span");
    promptSpan.className = "terminal-prompt";
    promptSpan.textContent = promptText;

    const input = document.createElement("input");
    input.type = "text";
    input.className = "terminal-input";
    input.autocomplete = "off";
    input.autocorrect = "off";
    input.autocapitalize = "off";
    input.spellcheck = false;

    const carrot = document.createElement("div");
    carrot.className = "console-carrot";

    lineContainer.appendChild(promptSpan);
    lineContainer.appendChild(input);
    lineContainer.appendChild(carrot);
    content.appendChild(lineContainer);

    input.focus();
    lineContainer.scrollIntoView({ behavior: "smooth", block: "end" });

    activeResolver = (val) => {
      input.disabled = true;
      carrot.remove();
      resolve(val);
    };
  });
}

document.addEventListener("keydown", (e) => {
  if (e.key === "Enter" && activeResolver) {
    const inputs = document.querySelectorAll(".terminal-input:not([disabled])");
    if (inputs.length > 0) {
      const activeInput = inputs[inputs.length - 1];
      const val = activeInput.value;
      const resolver = activeResolver;
      activeResolver = null;
      resolver(val);
    }
  }
});

document.addEventListener("click", () => {
  const inputs = document.querySelectorAll(".terminal-input:not([disabled])");
  if (inputs.length > 0) {
    inputs[inputs.length - 1].focus();
  }
});