accelr8 1.0.0 → 2.0.0

package/dist/chunks/client-FMFGODEU.js

@@ -0,0 +1,593 @@
+#!/usr/bin/env node
+import {
+  CANVAS_H,
+  CANVAS_W,
+  DEFAULT_SERVER,
+  decode,
+  encode
+} from "./chunk-BVRGM7YI.js";
+
+// src/client.ts
+import tk from "terminal-kit";
+import { WebSocket } from "ws";
+import { spawn } from "node:child_process";
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from "node:fs";
+import { homedir } from "node:os";
+import { join } from "node:path";
+
+// src/logo.ts
+var LOGO = [
+  "   ('-.                                ('-.               _  .-')",
+  "  ( OO ).-.                          _(  OO)             ( \\( -O )",
+  "  / . --. /    .-----.     .-----.  (,------.  ,--.       ,------.    .-----.",
+  "  | \\-.  \\    '  .--./    '  .--./   |  .---'  |  |.-')   |   /`. '  /  .-.  \\",
+  ".-'-'  |  |   |  |('-.    |  |('-.   |  |      |  | OO )  |  /  | | |   \\_.' /",
+  " \\| |_.'  |  /_) |OO  )  /_) |OO  ) (|  '--.   |  |`-' |  |  |_.' |  /  .-. '.",
+  "  |  .-.  |  ||  |`-'|   ||  |`-'|   |  .--'  (|  '---.'  |  .  '.' |  |   |  |",
+  "  |  | |  | (_'  '--'\\  (_'  '--'\\   |  `---.  |      |   |  |\\  \\   \\  '-'  /",
+  "  `--' `--'    `-----'     `-----'   `------'  `------'   `--' '--'   `----''"
+];
+var LOGO_W = Math.max(...LOGO.map((l) => l.length));
+
+// src/client.ts
+var term = tk.terminal;
+var ScreenBuffer = tk.ScreenBuffer;
+var CONF_DIR = join(homedir(), ".accelr8");
+var ID_FILE = join(CONF_DIR, "identity.json");
+var USER_COLORS = [39, 213, 220, 46, 208, 141, 51, 203, 118, 165];
+function loadIdentity(nameOverride) {
+  let saved = {};
+  if (existsSync(ID_FILE)) {
+    try {
+      saved = JSON.parse(readFileSync(ID_FILE, "utf8"));
+    } catch {
+    }
+  }
+  const id = saved.id || "u_" + Math.random().toString(36).slice(2, 10);
+  const name = (nameOverride || saved.name || process.env.USER || "guest").slice(0, 16);
+  let h = 0;
+  for (const ch of id) h = h * 31 + ch.charCodeAt(0) >>> 0;
+  const color = USER_COLORS[h % USER_COLORS.length];
+  try {
+    mkdirSync(CONF_DIR, { recursive: true });
+    writeFileSync(ID_FILE, JSON.stringify({ id, name }));
+  } catch {
+  }
+  return { id, name, color };
+}
+var me = { id: "u_local", name: process.env.USER || "guest", color: 39 };
+var SERVER = DEFAULT_SERVER;
+var autoJoinCode;
+var state = {
+  screen: "projects",
+  connected: false,
+  projects: [],
+  project: null,
+  members: [],
+  online: /* @__PURE__ */ new Set(),
+  grid: {},
+  brush: "\u2588",
+  status: "",
+  modal: null
+};
+var cursors = /* @__PURE__ */ new Map();
+var myLogical = null;
+var painting = false;
+var lastPaintKey = "";
+var cursorDirty = false;
+var PALETTE = ["\u2588", "\u2593", "\u2592", "\u2591", "\u25CF", "\u25C6", "\u2605", "\u25B2", "\u25A0", "\u2550", "\u2551", "\xB7", "#", "@", "*", "+"];
+var IO_X = 1;
+var IO_Y = 5;
+var ws = null;
+var reconnectTimer = null;
+var rejoining = false;
+var lastPong = 0;
+function connect() {
+  state.status = "connecting to " + SERVER + " ...";
+  try {
+    ws = new WebSocket(SERVER);
+  } catch {
+    state.status = "invalid server url: " + SERVER;
+    return;
+  }
+  ws.on("open", () => {
+    state.connected = true;
+    state.status = "";
+    lastPong = Date.now();
+    sendMsg({ t: "hello", user: me });
+    if (autoJoinCode && !state.project) sendMsg({ t: "joinProject", code: autoJoinCode });
+    else if (state.project) {
+      rejoining = true;
+      sendMsg({ t: "joinProject", code: state.project.code });
+    }
+  });
+  ws.on("message", (raw) => {
+    lastPong = Date.now();
+    try {
+      handleServer(decode(raw.toString()));
+    } catch {
+    }
+  });
+  ws.on("pong", () => {
+    lastPong = Date.now();
+  });
+  ws.on("close", () => {
+    state.connected = false;
+    state.status = "disconnected, retrying...";
+    if (!reconnectTimer) reconnectTimer = setTimeout(() => {
+      reconnectTimer = null;
+      connect();
+    }, 2e3);
+  });
+  ws.on("error", () => {
+  });
+}
+function sendMsg(msg) {
+  if (ws && ws.readyState === WebSocket.OPEN) ws.send(encode(msg));
+}
+function handleServer(msg) {
+  if (!msg || typeof msg !== "object" || typeof msg.t !== "string") return;
+  switch (msg.t) {
+    case "welcome":
+      break;
+    case "projects":
+      state.projects = Array.isArray(msg.list) ? msg.list : [];
+      break;
+    case "joined":
+      if (!msg.project || typeof msg.project.code !== "string" || typeof msg.project.name !== "string") break;
+      state.project = msg.project;
+      state.grid = msg.grid || {};
+      state.members = Array.isArray(msg.members) ? msg.members : [];
+      cursors.clear();
+      if (!rejoining) {
+        state.screen = "canvas";
+        state.status = `joined "${msg.project.name}"`;
+      }
+      rejoining = false;
+      break;
+    case "joinError":
+      state.status = msg.message;
+      break;
+    case "members":
+      state.members = msg.members;
+      break;
+    case "presence":
+      state.online = new Set(msg.online);
+      break;
+    case "cursor": {
+      let c = cursors.get(msg.id);
+      const m = state.members.find((x) => x.id === msg.id);
+      if (!c) {
+        c = { tx: msg.x, ty: msg.y, x: msg.x, y: msg.y, name: m?.name || "?", color: m?.color || 7, seen: Date.now() };
+        cursors.set(msg.id, c);
+      }
+      c.tx = msg.x;
+      c.ty = msg.y;
+      c.seen = Date.now();
+      if (m) {
+        c.name = m.name;
+        c.color = m.color;
+      }
+      break;
+    }
+    case "cursorGone":
+      cursors.delete(msg.id);
+      break;
+    case "paint":
+      if (msg.char === " ") delete state.grid[`${msg.x},${msg.y}`];
+      else state.grid[`${msg.x},${msg.y}`] = [msg.char, msg.color];
+      break;
+    case "cleared":
+      state.grid = {};
+      break;
+  }
+}
+var screen;
+function makeScreen() {
+  const width = Math.max(40, term.width || process.stdout.columns || 120);
+  const height = Math.max(12, term.height || process.stdout.rows || 40);
+  screen = new ScreenBuffer({ dst: term, width, height });
+}
+function __setHeadlessScreen(width, height) {
+  screen = new ScreenBuffer({ width, height });
+}
+function __dump() {
+  return screen.dumpChars();
+}
+var H = () => screen.height;
+var W = () => screen.width;
+function puts(x, y, str, attr) {
+  if (y < 0 || y >= H()) return;
+  const clean = String(str).replace(/[\x00-\x1f\x7f]/g, " ");
+  screen.put({ x, y, attr, dx: 1, dy: 0, wrap: false }, clean);
+}
+var clickables = [];
+function button(x, y, label, attr, action) {
+  puts(x, y, label, attr);
+  clickables.push({ x0: x, y0: y, x1: x + label.length - 1, y1: y, action });
+  return x + label.length;
+}
+var C = {
+  bg: 233,
+  panel: 234,
+  rule: 238,
+  dim: 245,
+  text: 252,
+  bright: 231,
+  accent: 39,
+  good: 46,
+  warn: 214,
+  tabOff: 240,
+  tabOn: 231
+};
+function render() {
+  const w = W(), h = H();
+  screen.fill({ attr: { bgColor: C.bg, color: C.text } });
+  clickables = [];
+  const title = " accelr8 ";
+  puts(0, 0, " ".repeat(w), { bgColor: C.panel, color: C.text });
+  puts(1, 0, title, { bgColor: C.accent, color: 16, bold: true });
+  puts(1 + title.length + 1, 0, "collaborative ascii canvas", { bgColor: C.panel, color: C.dim, italic: true });
+  const who = `${me.name} \u25CF`;
+  puts(w - who.length - 1, 0, who, { bgColor: C.panel, color: me.color, bold: true });
+  puts(0, 1, " ".repeat(w), { bgColor: C.bg });
+  let tx = 1;
+  const tabs = [["Projects", "projects"], ["Canvas", "canvas"], ["Members", "members"]];
+  for (const [label, scr] of tabs) {
+    const on = state.screen === scr;
+    const txt = `  ${label}  `;
+    button(tx, 1, txt, {
+      bgColor: on ? C.accent : C.tabOff,
+      color: on ? 16 : C.text,
+      bold: on
+    }, () => setScreen(scr));
+    tx += txt.length + 1;
+  }
+  const dot = state.connected ? "\u25CF live" : "\u25CB offline";
+  puts(w - dot.length - 1, 1, dot, { bgColor: C.bg, color: state.connected ? C.good : C.warn });
+  puts(0, 2, "\u2500".repeat(w), { color: C.rule, bgColor: C.bg });
+  if (state.screen === "projects") renderProjects();
+  else if (state.screen === "canvas") renderCanvas();
+  else renderMembers();
+  const sy = h - 1;
+  puts(0, sy, " ".repeat(w), { bgColor: C.panel });
+  const left = state.project ? ` ${state.project.name}  \xB7  code ${state.project.code}  \xB7  ${state.online.size} online ` : " no project open ";
+  puts(0, sy, left, { bgColor: C.panel, color: C.dim });
+  const hint = state.modal ? "[enter] ok   [esc] cancel " : "[tab] switch   [q] quit ";
+  puts(w - hint.length, sy, hint, { bgColor: C.panel, color: C.dim });
+  if (state.status) {
+    const s = " " + state.status + " ";
+    puts(Math.floor((w - s.length) / 2), sy, s, { bgColor: C.panel, color: C.warn });
+  }
+  if (state.modal) renderModal();
+  if (screen.dst) screen.draw({ delta: true });
+}
+function box(x0, y0, x1, y1, attr, label) {
+  puts(x0, y0, "\u250C" + "\u2500".repeat(Math.max(0, x1 - x0 - 1)) + "\u2510", attr);
+  puts(x0, y1, "\u2514" + "\u2500".repeat(Math.max(0, x1 - x0 - 1)) + "\u2518", attr);
+  for (let y = y0 + 1; y < y1; y++) {
+    puts(x0, y, "\u2502", attr);
+    puts(x1, y, "\u2502", attr);
+  }
+  if (label) puts(x0 + 2, y0, " " + label + " ", { ...attr, bold: true, color: C.bright });
+}
+function renderProjects() {
+  const w = W();
+  let y = 4;
+  if (w >= LOGO_W + 4 && H() >= LOGO.length + 16) {
+    for (const line of LOGO) {
+      puts(2, y, line, { color: C.accent, bgColor: C.bg });
+      y++;
+    }
+    y += 1;
+  }
+  puts(2, y, "PROJECTS", { color: C.bright, bold: true });
+  y += 1;
+  let bx = 2;
+  bx = button(bx, y, " + New Project ", { bgColor: C.good, color: 16, bold: true }, promptCreate) + 2;
+  button(bx, y, " Join by code ", { bgColor: C.accent, color: 16, bold: true }, promptJoin);
+  y += 2;
+  if (state.projects.length === 0) {
+    puts(2, y, "no projects yet. create one to start a shared canvas.", { color: C.dim, italic: true });
+    return;
+  }
+  puts(2, y, "CODE     PROJECT                       MEMBERS  ONLINE", { color: C.dim });
+  y += 1;
+  for (const p of state.projects) {
+    if (y >= H() - 2) break;
+    const row = `${p.code.padEnd(8)} ${p.name.slice(0, 30).padEnd(30)}  ${String(p.members).padStart(5)}  ${String(p.online).padStart(5)}`;
+    puts(2, y, "\u25BA", { color: C.accent });
+    button(4, y, row, { color: C.text, bgColor: C.bg }, () => sendMsg({ t: "joinProject", code: p.code }));
+    if (p.online > 0) puts(w - 3, y, "\u25CF", { color: C.good });
+    y++;
+  }
+  puts(2, H() - 3, "click a row to open its canvas", { color: C.dim, italic: true });
+}
+function renderCanvas() {
+  const w = W(), h = H();
+  if (!state.project) {
+    puts(2, 6, "no project open. go to the Projects tab and open or create one.", { color: C.dim, italic: true });
+    return;
+  }
+  const ty = 3;
+  puts(1, ty, "brush", { color: C.dim });
+  let px = 7;
+  for (const ch of PALETTE) {
+    const on = state.brush === ch;
+    button(px, ty, ` ${ch} `, {
+      bgColor: on ? C.bright : C.panel,
+      color: on ? 16 : C.text,
+      bold: on
+    }, () => {
+      state.brush = ch;
+    });
+    px += 3;
+  }
+  button(px + 1, ty, " \u232B erase ", {
+    bgColor: state.brush === " " ? C.bright : C.panel,
+    color: state.brush === " " ? 16 : C.text
+  }, () => {
+    state.brush = " ";
+  });
+  button(w - 10, ty, " clear ", { bgColor: C.warn, color: 16, bold: true }, () => sendMsg({ t: "clear" }));
+  const by0 = 4, by1 = h - 2;
+  box(0, by0, w - 1, by1, { color: C.rule, bgColor: C.bg }, `canvas ${CANVAS_W}\xD7${CANVAS_H}`);
+  const innerRight = w - 2, innerBottom = by1 - 1;
+  const clip = (sx, sy) => sx >= IO_X && sx <= innerRight && sy >= IO_Y && sy <= innerBottom;
+  for (const key in state.grid) {
+    const [cx, cy] = key.split(",").map(Number);
+    const sx = IO_X + cx, sy = IO_Y + cy;
+    if (clip(sx, sy)) puts(sx, sy, state.grid[key][0], { color: state.grid[key][1], bgColor: C.bg });
+  }
+  for (const [, c] of cursors) {
+    const sx = IO_X + Math.round(c.x), sy = IO_Y + Math.round(c.y);
+    if (!clip(sx, sy)) continue;
+    puts(sx, sy, "\u25B2", { color: c.color, bold: true });
+    const label = " " + c.name;
+    if (sx + 1 + label.length <= innerRight) puts(sx + 1, sy, label, { bgColor: c.color, color: 16, bold: true });
+  }
+  if (myLogical) {
+    const sx = IO_X + myLogical.x, sy = IO_Y + myLogical.y;
+    if (clip(sx, sy)) puts(sx, sy, state.brush === " " ? "\u25AB" : state.brush, { color: me.color, bold: true });
+  }
+}
+function copyToClipboard(text, tools) {
+  const candidates = tools ?? (process.platform === "darwin" ? [["pbcopy", []]] : process.platform === "win32" ? [["clip", []]] : [["wl-copy", []], ["xclip", ["-selection", "clipboard"]], ["xsel", ["--clipboard", "--input"]]]);
+  const [tool, args] = candidates[0] ?? [null, []];
+  if (!tool) {
+    state.status = "copy failed (no clipboard tool)";
+    return;
+  }
+  try {
+    const p = spawn(tool, args, { stdio: ["pipe", "ignore", "ignore"] });
+    p.on("error", () => copyToClipboard(text, candidates.slice(1)));
+    p.on("close", (code) => {
+      state.status = code === 0 ? "copied join command" : "copy failed";
+      if (code !== 0 && candidates.length > 1) copyToClipboard(text, candidates.slice(1));
+    });
+    p.stdin.end(text);
+  } catch {
+    copyToClipboard(text, candidates.slice(1));
+  }
+}
+function renderMembers() {
+  if (!state.project) {
+    puts(2, 6, "no project open.", { color: C.dim, italic: true });
+    return;
+  }
+  puts(2, 4, "SHARE", { color: C.bright, bold: true });
+  puts(2, 6, "invite friends. they run", { color: C.dim });
+  const cmd = `accelr8 join ${state.project.code}`;
+  puts(2, 7, "  " + cmd, { color: C.good, bold: true });
+  button(4 + cmd.length + 2, 7, " copy ", { bgColor: C.accent, color: 16, bold: true }, () => copyToClipboard(cmd));
+  puts(2, 9, "PROJECT CODE", { color: C.dim });
+  const codeBig = ` ${state.project.code.split("").join(" ")} `;
+  puts(2, 10, codeBig, { bgColor: C.bright, color: 16, bold: true });
+  puts(2, 12, `MEMBERS (${state.members.length})`, { color: C.bright, bold: true });
+  let y = 13;
+  for (const m of state.members) {
+    if (y >= H() - 2) break;
+    const on = state.online.has(m.id);
+    puts(2, y, on ? "\u25CF" : "\u25CB", { color: on ? C.good : C.dim });
+    puts(4, y, m.name + (m.id === me.id ? "  (you)" : ""), { color: m.color, bold: true });
+    puts(24, y, on ? "online" : "offline", { color: on ? C.good : C.dim });
+    y++;
+  }
+}
+function renderModal() {
+  const m = state.modal;
+  const w = W(), h = H();
+  const bw = Math.min(60, w - 6), bh = 5;
+  const x0 = Math.floor((w - bw) / 2), y0 = Math.floor((h - bh) / 2);
+  for (let y = y0; y < y0 + bh; y++) puts(x0, y, " ".repeat(bw), { bgColor: C.panel });
+  box(x0, y0, x0 + bw - 1, y0 + bh - 1, { color: C.accent, bgColor: C.panel }, m.title);
+  const field = m.value + "\u258F";
+  puts(x0 + 2, y0 + 2, field.padEnd(bw - 4).slice(0, bw - 4), { bgColor: 236, color: C.bright });
+}
+function promptCreate() {
+  state.modal = { title: "New project name", value: "", onSubmit: (v) => {
+    if (v.trim()) sendMsg({ t: "createProject", name: v.trim() });
+  } };
+}
+function promptJoin() {
+  state.modal = { title: "Enter project code", value: "", onSubmit: (v) => {
+    if (v.trim()) sendMsg({ t: "joinProject", code: v.trim() });
+  } };
+}
+function onMouse(name, data) {
+  const mx = (data?.x ?? 1) - 1, my = (data?.y ?? 1) - 1;
+  if (state.modal) return;
+  if (name === "MOUSE_MOTION" || name === "MOUSE_DRAG") {
+    updateMyCursor(mx, my);
+    if (state.screen === "canvas" && state.project) {
+      if (name === "MOUSE_DRAG" ? data?.left : painting) paintAt(mx, my);
+      if (name === "MOUSE_DRAG" && data?.right) eraseAt(mx, my);
+    }
+    return;
+  }
+  if (name === "MOUSE_LEFT_BUTTON_PRESSED") {
+    for (const r of clickables) {
+      if (mx >= r.x0 && mx <= r.x1 && my >= r.y0 && my <= r.y1) {
+        r.action();
+        return;
+      }
+    }
+    if (state.screen === "canvas" && state.project) {
+      painting = true;
+      lastPaintKey = "";
+      paintAt(mx, my);
+    }
+    return;
+  }
+  if (name === "MOUSE_LEFT_BUTTON_RELEASED") {
+    painting = false;
+    return;
+  }
+  if (name === "MOUSE_RIGHT_BUTTON_PRESSED") {
+    if (state.screen === "canvas" && state.project) eraseAt(mx, my);
+  }
+}
+function toLogical(mx, my) {
+  const cx = mx - IO_X, cy = my - IO_Y;
+  if (cx < 0 || cy < 0 || cx >= CANVAS_W || cy >= CANVAS_H) return null;
+  if (my < IO_Y || my > H() - 3) return null;
+  if (mx > W() - 2) return null;
+  return { x: cx, y: cy };
+}
+function updateMyCursor(mx, my) {
+  if (state.screen !== "canvas") {
+    myLogical = null;
+    return;
+  }
+  const lp = toLogical(mx, my);
+  myLogical = lp;
+  if (lp) cursorDirty = true;
+}
+function paintAt(mx, my) {
+  const lp = toLogical(mx, my);
+  if (!lp) return;
+  const key = `${lp.x},${lp.y}`;
+  if (key === lastPaintKey) return;
+  lastPaintKey = key;
+  const ch = state.brush;
+  if (ch === " ") delete state.grid[key];
+  else state.grid[key] = [ch, me.color];
+  sendMsg({ t: "paint", x: lp.x, y: lp.y, char: ch });
+}
+function eraseAt(mx, my) {
+  const lp = toLogical(mx, my);
+  if (!lp) return;
+  delete state.grid[`${lp.x},${lp.y}`];
+  sendMsg({ t: "paint", x: lp.x, y: lp.y, char: " " });
+}
+function setScreen(scr) {
+  state.screen = scr;
+  if (scr === "projects") sendMsg({ t: "listProjects" });
+}
+function onKey(name) {
+  if (name === "CTRL_C") return shutdown();
+  if (state.modal) {
+    const m = state.modal;
+    if (name === "ENTER") {
+      const v = m.value;
+      state.modal = null;
+      m.onSubmit(v);
+    } else if (name === "ESCAPE") state.modal = null;
+    else if (name === "BACKSPACE") m.value = m.value.slice(0, -1);
+    else if (name === "SPACE") m.value += " ";
+    else if (name.length === 1 && name >= " ") m.value += name;
+    return;
+  }
+  if (name === "q") return shutdown();
+  if (name === "TAB") {
+    const order = ["projects", "canvas", "members"];
+    setScreen(order[(order.indexOf(state.screen) + 1) % order.length]);
+  } else if (name === "1") setScreen("projects");
+  else if (name === "2") setScreen("canvas");
+  else if (name === "3") setScreen("members");
+}
+function startLoops() {
+  setInterval(() => {
+    for (const [id, c] of cursors) {
+      c.x += (c.tx - c.x) * 0.35;
+      c.y += (c.ty - c.y) * 0.35;
+      if (Date.now() - c.seen > 8e3) cursors.delete(id);
+    }
+    render();
+  }, 33);
+  setInterval(() => {
+    if (cursorDirty && myLogical && state.project) {
+      sendMsg({ t: "cursor", x: myLogical.x, y: myLogical.y });
+      cursorDirty = false;
+    }
+  }, 40);
+  setInterval(() => {
+    if (!ws || ws.readyState !== WebSocket.OPEN) return;
+    if (Date.now() - lastPong > 75e3) {
+      try {
+        ws.terminate();
+      } catch {
+      }
+      return;
+    }
+    try {
+      ws.ping();
+    } catch {
+    }
+  }, 3e4);
+}
+function restoreTerminal() {
+  try {
+    term.grabInput(false);
+    term.hideCursor(false);
+    term.fullscreen(false);
+    term.styleReset();
+  } catch {
+  }
+}
+function shutdown() {
+  restoreTerminal();
+  try {
+    ws?.close();
+  } catch {
+  }
+  process.exit(0);
+}
+function runClient(opts = {}) {
+  me = loadIdentity(opts.name);
+  SERVER = opts.server || process.env.ACCELR8_SERVER || DEFAULT_SERVER;
+  if (!/^wss?:\/\//.test(SERVER)) SERVER = "ws://" + SERVER;
+  try {
+    new URL(SERVER);
+  } catch {
+    console.error(`invalid server url: ${SERVER}`);
+    process.exit(1);
+  }
+  autoJoinCode = opts.joinCode;
+  const die = (err) => {
+    restoreTerminal();
+    console.error("accelr8 crashed:", err instanceof Error ? err.stack || err.message : err);
+    process.exit(1);
+  };
+  process.on("uncaughtException", die);
+  process.on("unhandledRejection", die);
+  term.fullscreen(true);
+  term.hideCursor();
+  term.grabInput({ mouse: "motion" });
+  makeScreen();
+  term.on("mouse", onMouse);
+  term.on("key", onKey);
+  term.on("resize", () => makeScreen());
+  process.on("SIGINT", shutdown);
+  process.on("SIGTERM", shutdown);
+  connect();
+  startLoops();
+}
+export {
+  __dump,
+  __setHeadlessScreen,
+  cursors,
+  render,
+  runClient,
+  state
+};