namastejs/src/games/typing-rain-v1/renderer.js

A spiritual greeting from your JavaScript code. Because every function deserves a 'Namaste 🙏'

const readline = require("readline");

const WIDTH = 100;
const BODY_HEIGHT = 15;
const BODY_WIDTH = WIDTH - 2;

function line(char = "─") {
  return char.repeat(WIDTH);
}

function pad(text = "") {
  return text.padEnd(WIDTH - 1);
}

function initScreen() {
  process.stdout.write("\x1Bc"); // clear screen

  console.log("┌" + line() + "┐");
  console.log("│ " + pad("") + "│");
  console.log("├" + line() + "┤");

  for (let i = 0; i < BODY_HEIGHT; i++) {
    console.log("│ " + pad("") + "│");
  }

  console.log("├" + line() + "┤");
  console.log("│ " + pad("") + "│");
  console.log("└" + line() + "┘");
}

function updateHeader({ score, lives, dropped, isPaused }) {
  readline.cursorTo(process.stdout, 15, 1);
  readline.clearLine(process.stdout, 0);

  process.stdout.write(
    `Score: ${score} │ Lives: ${"❤".repeat(
      lives
    )} │ Dropped: ${dropped} | Press "Space" for ${
      isPaused ? "▶️  Resumed" : "⏸️  Paused"
    }`
  );
}

function renderBody(words) {
  const grid = Array.from({ length: BODY_HEIGHT }, () =>
    Array(BODY_WIDTH).fill(" ")
  );

  words.forEach(({ text, x, y }) => {
    if (y >= 0 && y < BODY_HEIGHT) {
      for (let i = 0; i < text.length; i++) {
        if (x + i < BODY_WIDTH) {
          grid[y][x + i] = text[i];
        }
      }
    }
  });

  for (let row = 0; row < BODY_HEIGHT; row++) {
    readline.cursorTo(process.stdout, 2, row + 3);
    process.stdout.write(grid[row].join(""));
  }
}

function renderInput(input) {
  readline.cursorTo(process.stdout, 2, BODY_HEIGHT + 4);
  readline.clearLine(process.stdout, 0);
  process.stdout.write(`Type here → ${input}`);
}

function parkCursor() {
  readline.cursorTo(process.stdout, 2, BODY_HEIGHT + 4);
}

module.exports = {
  initScreen,
  updateHeader,
  renderBody,
  renderInput,
  parkCursor,
  BODY_HEIGHT,
  BODY_WIDTH,
};