webtty 1.1.1 → 1.3.0

package/dist/server/index.js

@@ -53,7 +53,7 @@ __export(exports_bun, {
   spawn: () => spawn
 });
 import { homedir } from "node:os";
-function spawn(shell, cols, rows) {
+function spawn(shell, cols, rows, term, colorTerm) {
   let onDataCb;
   let onExitCb;
   const proc = Bun.spawn([shell], {
@@ -65,7 +65,7 @@ function spawn(shell, cols, rows) {
       }
     },
     cwd: homedir(),
-    env: { ...process.env, TERM: "xterm-256color", COLORTERM: "truecolor" }
+    env: { ...process.env, TERM: term, COLORTERM: colorTerm }
   });
   proc.exited.then((exitCode) => {
     onExitCb?.({ exitCode: exitCode ?? 0 });
@@ -97,13 +97,13 @@ __export(exports_node, {
 });
 import { homedir as homedir2 } from "node:os";
 import nodePty from "@lydell/node-pty";
-function spawn2(shell, cols, rows) {
+function spawn2(shell, cols, rows, term, colorTerm) {
   const ptyProc = nodePty.spawn(shell, [], {
-    name: "xterm-256color",
+    name: term,
     cols,
     rows,
     cwd: homedir2(),
-    env: { ...process.env, TERM: "xterm-256color", COLORTERM: "truecolor" }
+    env: { ...process.env, TERM: term, COLORTERM: colorTerm }
   });
   return {
     onData(cb) {
@@ -126,135 +126,116 @@ function spawn2(shell, cols, rows) {
 var init_node = () => {};
 
 // src/server/index.ts
+import fs3 from "node:fs";
 import http from "node:http";
+import path4 from "node:path";
+import { fileURLToPath as fileURLToPath2 } from "node:url";
+
+// src/config.ts
+import fs from "node:fs";
+import os from "node:os";
+import path from "node:path";
+function configDir() {
+  return path.join(process.env.HOME ?? os.homedir(), ".config", "webtty");
+}
+function getConfigPath() {
+  return path.join(configDir(), "config.json");
+}
+var DEFAULT_THEME = {
+  background: "#000000",
+  foreground: "#CCCCCC",
+  cursor: "#FFFFFF",
+  selection: "#FFFFFF",
+  black: "#0C0C0C",
+  red: "#C50F1F",
+  green: "#13A10E",
+  yellow: "#C19C00",
+  blue: "#0037DA",
+  purple: "#881798",
+  cyan: "#3A96DD",
+  white: "#CCCCCC",
+  brightBlack: "#767676",
+  brightRed: "#E74856",
+  brightGreen: "#16C60C",
+  brightYellow: "#F9F1A5",
+  brightBlue: "#3B78FF",
+  brightPurple: "#B4009E",
+  brightCyan: "#61D6D6",
+  brightWhite: "#F2F2F2"
+};
+var DEFAULT_CONFIG = {
+  port: 2346,
+  host: "127.0.0.1",
+  shell: process.platform === "win32" ? process.env.COMSPEC ?? "cmd.exe" : process.env.SHELL ?? "/bin/bash",
+  term: process.env.TERM ?? "xterm-256color",
+  colorTerm: "truecolor",
+  scrollback: 256 * 1024,
+  cols: 80,
+  rows: 24,
+  fontSize: 13,
+  fontFamily: "Menlo, Consolas, 'DejaVu Sans Mono', monospace",
+  cursorBlink: true,
+  copyOnSelect: true,
+  rightClickBehavior: "default",
+  logs: false,
+  theme: DEFAULT_THEME
+};
+function loadConfig() {
+  if (!fs.existsSync(getConfigPath())) {
+    try {
+      saveConfig(DEFAULT_CONFIG);
+    } catch (err) {
+      console.warn(`webtty: failed to write default config to ${getConfigPath()}: ${err.message}`);
+      return { ...DEFAULT_CONFIG };
+    }
+  }
+  let raw;
+  try {
+    raw = fs.readFileSync(getConfigPath(), "utf8");
+  } catch (err) {
+    throw new Error(`webtty: failed to read config at ${getConfigPath()}: ${err.message}`);
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(raw);
+  } catch {
+    throw new Error(`webtty: invalid JSON in config file ${getConfigPath()}`);
+  }
+  const p = parsed;
+  return {
+    ...DEFAULT_CONFIG,
+    ...typeof p.port === "number" && { port: p.port },
+    ...typeof p.host === "string" && { host: p.host },
+    ...typeof p.shell === "string" && { shell: p.shell },
+    ...typeof p.term === "string" && { term: p.term },
+    ...typeof p.colorTerm === "string" && { colorTerm: p.colorTerm },
+    ...typeof p.scrollback === "number" && { scrollback: p.scrollback },
+    ...typeof p.cols === "number" && { cols: p.cols },
+    ...typeof p.rows === "number" && { rows: p.rows },
+    ...typeof p.fontSize === "number" && { fontSize: p.fontSize },
+    ...typeof p.fontFamily === "string" && { fontFamily: p.fontFamily },
+    ...typeof p.cursorBlink === "boolean" && { cursorBlink: p.cursorBlink },
+    ...typeof p.copyOnSelect === "boolean" && { copyOnSelect: p.copyOnSelect },
+    ...typeof p.rightClickBehavior === "string" && {
+      rightClickBehavior: p.rightClickBehavior === "copyPaste" ? "copyPaste" : "default"
+    },
+    ...typeof p.logs === "boolean" && { logs: p.logs },
+    ...p.theme && typeof p.theme === "object" && { theme: { ...DEFAULT_THEME, ...p.theme } }
+  };
+}
+function saveConfig(_config) {
+  fs.mkdirSync(path.dirname(getConfigPath()), { recursive: true });
+  const content = JSON.stringify({
+    port: DEFAULT_CONFIG.port,
+    host: DEFAULT_CONFIG.host
+  }, null, 2);
+  fs.writeFileSync(getConfigPath(), content, "utf8");
+}
 
 // src/server/routes.ts
 import path3 from "node:path";
 
-// src/server/client.ts
-function render(sessionId) {
-  return `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>webtty — ${sessionId}</title>
-    <style>
-      * { margin: 0; padding: 0; box-sizing: border-box; }
-
-      html, body, #terminal { width: 100%; height: 100%; overflow: hidden; background: #282A36; }
-
-      #terminal canvas { display: block; }
-    </style>
-  </head>
-  <body>
-    <div id="terminal"></div>
-
-    <script type="module">
-      import { init, Terminal, FitAddon } from '/dist/ghostty-web.js';
-
-      await init();
-      const term = new Terminal({
-        cols: 80,
-        rows: 24,
-        cursorBlink: true,
-        fontSize: 14,
-        fontFamily: "'FiraMono Nerd Font', Menlo, Monaco, 'Courier New', monospace",
-        scrollback: 10000,
-        theme: {
-          background:   '#282A36',
-          foreground:   '#F8F8F2',
-          cursor:       '#F8F8F2',
-          selection:    '#44475A',
-          black:        '#21222C',
-          red:          '#FF5555',
-          green:        '#50FA7B',
-          yellow:       '#F1FA8C',
-          blue:         '#BD93F9',
-          purple:       '#FF79C6',
-          cyan:         '#8BE9FD',
-          white:        '#F8F8F2',
-          brightBlack:  '#6272A4',
-          brightRed:    '#FF6E6E',
-          brightGreen:  '#69FF94',
-          brightYellow: '#FFFFA5',
-          brightBlue:   '#D6ACFF',
-          brightPurple: '#FF92DF',
-          brightCyan:   '#A4FFFF',
-          brightWhite:  '#FFFFFF',
-        },
-      });
-
-      const fitAddon = new FitAddon();
-      term.loadAddon(fitAddon);
-
-      const container = document.getElementById('terminal');
-      await term.open(container);
-      fitAddon.fit();
-      fitAddon.observeResize();
-
-      const sessionId = ${JSON.stringify(sessionId)};
-      const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
-      let ws;
-
-      function connect() {
-        const wsUrl = protocol + '//' + window.location.host + '/ws/' + sessionId + '?cols=' + term.cols + '&rows=' + term.rows;
-        ws = new WebSocket(wsUrl);
-
-        ws.onopen = () => {
-          console.log('[webtty] connected to session ' + sessionId);
-          ws.send(JSON.stringify({ type: 'resize', cols: term.cols, rows: term.rows }));
-        };
-
-        ws.onmessage = (event) => {
-          term.write(event.data);
-        };
-
-        ws.onclose = (event) => {
-          if (event.code === 4001) {
-            term.write('\\r\\n\\x1b[31mSession removed.\\x1b[0m\\r\\n');
-            setTimeout(() => window.close(), 500);
-            return;
-          }
-          if (event.code === 1001) {
-            term.write('\\r\\n\\x1b[33mServer stopped.\\x1b[0m\\r\\n');
-            setTimeout(() => window.close(), 500);
-            return;
-          }
-          console.log('[webtty] disconnected, reconnecting in 2s...');
-          term.write('\\r\\n\\x1b[31mConnection closed. Reconnecting in 2s...\\x1b[0m\\r\\n');
-          setTimeout(connect, 2000);
-        };
-
-        ws.onerror = () => {
-          console.error('[webtty] websocket error');
-        };
-      }
-
-      connect();
-
-      term.onData((data) => {
-        if (ws && ws.readyState === WebSocket.OPEN) {
-          ws.send(data);
-        }
-      });
-
-      term.onResize(({ cols, rows }) => {
-        if (ws && ws.readyState === WebSocket.OPEN) {
-          ws.send(JSON.stringify({ type: 'resize', cols, rows }));
-        }
-      });
-
-      window.addEventListener('resize', () => {
-        fitAddon.fit();
-      });
-    </script>
-  </body>
-</html>`;
-}
-
 // src/server/session.ts
-var SCROLLBACK_MAX = 256 * 1024;
 var sessionRegistry = new Map;
 var lastUsedId = null;
 function setLastUsedId(id) {
@@ -283,13 +264,13 @@ function sessionToJson(s) {
 }
 
 // src/server/static.ts
-import fs from "node:fs";
+import fs2 from "node:fs";
 import { createRequire as createRequire2 } from "node:module";
 import path2 from "node:path";
 import { fileURLToPath } from "node:url";
-
-// src/utils.ts
-import path from "node:path";
+var __filename2 = fileURLToPath(import.meta.url);
+var __dirname2 = path2.dirname(__filename2);
+var require2 = createRequire2(import.meta.url);
 var MIME_TYPES = {
   ".html": "text/html",
   ".js": "application/javascript",
@@ -302,24 +283,19 @@ var MIME_TYPES = {
   ".ico": "image/x-icon"
 };
 function mimeType(filePath) {
-  const ext = path.extname(filePath);
+  const ext = path2.extname(filePath);
   return MIME_TYPES[ext] ?? "application/octet-stream";
 }
 function ghosttyWebRootFromMain(mainPath) {
   return mainPath.replace(/[/\\]dist[/\\].*$/, "");
 }
-
-// src/server/static.ts
-var __filename2 = fileURLToPath(import.meta.url);
-var __dirname2 = path2.dirname(__filename2);
-var require2 = createRequire2(import.meta.url);
 function findGhosttyWeb() {
   try {
     const ghosttyWebMain = require2.resolve("ghostty-web");
     const ghosttyWebRoot = ghosttyWebRootFromMain(ghosttyWebMain);
     const distPath = path2.join(ghosttyWebRoot, "dist");
     const wasmPath = path2.join(ghosttyWebRoot, "ghostty-vt.wasm");
-    if (fs.existsSync(path2.join(distPath, "ghostty-web.js")) && fs.existsSync(wasmPath)) {
+    if (fs2.existsSync(path2.join(distPath, "ghostty-web.js")) && fs2.existsSync(wasmPath)) {
       return { distPath, wasmPath };
     }
   } catch {}
@@ -328,7 +304,7 @@ function findGhosttyWeb() {
 }
 function serveFile(filePath, res) {
   const contentType = mimeType(filePath);
-  fs.readFile(filePath, (err, data) => {
+  fs2.readFile(filePath, (err, data) => {
     if (err) {
       res.writeHead(404);
       res.end("Not Found");
@@ -339,6 +315,178 @@ function serveFile(filePath, res) {
   });
 }
 
+// src/server/websocket.ts
+import { WebSocketServer } from "ws";
+
+// src/pty/index.ts
+var isBun = !!process.versions.bun;
+console.log(`pty: ${isBun ? "Bun.Terminal" : "node-pty"}`);
+var { spawn: _spawn } = await (isBun ? Promise.resolve().then(() => (init_bun(), exports_bun)) : Promise.resolve().then(() => (init_node(), exports_node)));
+function spawnForSession(cols, rows, shell, term, colorTerm) {
+  return _spawn(shell, cols, rows, term, colorTerm);
+}
+
+// src/server/websocket.ts
+var WS_CLOSE = {
+  SERVER_STOPPED: 1001,
+  BAD_REQUEST: 1008,
+  SESSION_GONE: 4001
+};
+function closeClients(session, code, reason) {
+  session.pty?.kill();
+  for (const client of session.clients)
+    client.close(code, reason);
+}
+function closeSession(session) {
+  closeClients(session, WS_CLOSE.SESSION_GONE, "session deleted");
+}
+function closeAllSessions() {
+  for (const session of sessionRegistry.values()) {
+    closeClients(session, WS_CLOSE.SERVER_STOPPED, "server stopped");
+  }
+}
+var onLastSessionClosed = null;
+function setLastSessionClosedHandler(handler) {
+  onLastSessionClosed = handler;
+}
+var DIM = "\x1B[2m";
+var RESET = "\x1B[0m";
+var BOLD = "\x1B[1m";
+var ITALIC = "\x1B[3m";
+var YELLOW = "\x1B[1;33m";
+var CYAN = "\x1B[1;36m";
+var isBun2 = process.execPath.includes("bun");
+var PKG_RUNNER = isBun2 ? "bunx" : "npx";
+function sessionBanner() {
+  const W = 48;
+  const pipe = (content) => `${CYAN}║${RESET}${content}${CYAN}║${RESET}`;
+  const blank = pipe(" ".repeat(W));
+  const titleVis = " [ webtty ]   Terminal UI in the browser";
+  const titleStr = ` ${DIM}[${RESET} ${BOLD}${YELLOW}webtty${RESET} ${DIM}]   Terminal UI in the browser${RESET}`;
+  const titleLine = pipe(titleStr + " ".repeat(W - titleVis.length));
+  const cmd = `${PKG_RUNNER} webtty help`;
+  const helpVis = ` Run \`${cmd}\` for more information.`;
+  const helpStr = ` ${DIM}Run \`${RESET}${ITALIC}${cmd}${RESET}${DIM}\` for more information.${RESET}`;
+  const helpLine = pipe(helpStr + " ".repeat(W - helpVis.length));
+  return [
+    `${CYAN}╔${"═".repeat(W)}╗${RESET}`,
+    `\r
+`,
+    blank,
+    `\r
+`,
+    titleLine,
+    `\r
+`,
+    blank,
+    `\r
+`,
+    helpLine,
+    `\r
+`,
+    blank,
+    `\r
+`,
+    `${CYAN}╚${"═".repeat(W)}╝${RESET}`,
+    `\r
+`,
+    `\r
+`
+  ].join("");
+}
+function createWebSocketServer(httpServer) {
+  const wss = new WebSocketServer({ noServer: true });
+  httpServer.on("upgrade", (req, socket, head) => {
+    const url = new URL(req.url ?? "/", `http://${req.headers.host ?? "127.0.0.1"}`);
+    if (url.pathname.match(/^\/ws\/([^/]+)$/)) {
+      wss.handleUpgrade(req, socket, head, (ws) => wss.emit("connection", ws, req));
+    } else {
+      socket.destroy();
+    }
+  });
+  wss.on("connection", (ws, req) => {
+    const url = new URL(req.url ?? "/", `http://${req.headers.host ?? "127.0.0.1"}`);
+    const wsMatch = url.pathname.match(/^\/ws\/([^/]+)$/);
+    if (!wsMatch) {
+      ws.close();
+      return;
+    }
+    let id;
+    try {
+      id = decodeURIComponent(wsMatch[1]);
+    } catch {
+      ws.close(WS_CLOSE.BAD_REQUEST, "Bad Request");
+      return;
+    }
+    const cols = Math.max(1, Math.min(1000, Number.parseInt(url.searchParams.get("cols") ?? "80", 10) || 80));
+    const rows = Math.max(1, Math.min(500, Number.parseInt(url.searchParams.get("rows") ?? "24", 10) || 24));
+    if (!sessionRegistry.has(id)) {
+      ws.close(WS_CLOSE.SESSION_GONE, "session deleted");
+      return;
+    }
+    const session = sessionRegistry.get(id);
+    if (!session) {
+      ws.close(WS_CLOSE.SESSION_GONE, "session deleted");
+      return;
+    }
+    session.clients.add(ws);
+    setLastUsedId(id);
+    if (!session.pty) {
+      const config = loadConfig();
+      session.pty = spawnForSession(cols, rows, config.shell, config.term, config.colorTerm);
+      session.pty.onData((data) => {
+        session.scrollback = (session.scrollback + data).slice(-config.scrollback);
+        for (const client of session.clients) {
+          if (client.readyState === client.OPEN) {
+            client.send(data, { binary: false });
+          }
+        }
+      });
+      session.pty.onExit(() => {
+        sessionRegistry.delete(session.id);
+        for (const client of session.clients) {
+          if (client.readyState === client.OPEN) {
+            client.close(WS_CLOSE.SESSION_GONE, "shell exited");
+          }
+        }
+        session.pty = null;
+        if (sessionRegistry.size === 0)
+          onLastSessionClosed?.();
+      });
+      const banner = sessionBanner();
+      ws.send(banner);
+      session.scrollback = banner;
+      session.pty.write(`
+`);
+    } else {
+      if (session.scrollback) {
+        ws.send(session.scrollback, { binary: false });
+      }
+      session.pty.resize(cols, rows);
+    }
+    ws.on("message", (data) => {
+      const message = data.toString("utf8");
+      if (message.startsWith("{")) {
+        try {
+          const msg = JSON.parse(message);
+          if (msg.type === "resize") {
+            const c = Math.max(1, Math.min(1000, Math.trunc(msg.cols) || 80));
+            const r = Math.max(1, Math.min(500, Math.trunc(msg.rows) || 24));
+            session.pty?.resize(c, r);
+            return;
+          }
+        } catch {}
+      }
+      session.pty?.write(message);
+    });
+    ws.on("close", () => {
+      session.clients.delete(ws);
+    });
+    ws.on("error", () => {});
+  });
+  return wss;
+}
+
 // src/server/routes.ts
 var MAX_BODY = 64 * 1024;
 function decodeId(raw) {
@@ -368,7 +516,7 @@ function readJson(req) {
     req.on("error", reject);
   });
 }
-async function handleRequest(req, res, distPath, wasmPath, onStop) {
+async function handleRequest(req, res, distPath, wasmPath, clientDistPath, onStop) {
   const url = new URL(req.url ?? "/", `http://${req.headers.host ?? "127.0.0.1"}`);
   const pathname = url.pathname;
   if (req.method === "POST" && pathname === "/api/server/stop") {
@@ -377,6 +525,23 @@ async function handleRequest(req, res, distPath, wasmPath, onStop) {
     onStop();
     return;
   }
+  if (req.method === "GET" && pathname === "/api/config") {
+    const config = loadConfig();
+    const clientConfig = {
+      cols: config.cols,
+      rows: config.rows,
+      fontSize: config.fontSize,
+      fontFamily: config.fontFamily,
+      cursorBlink: config.cursorBlink,
+      scrollback: config.scrollback,
+      theme: config.theme,
+      copyOnSelect: config.copyOnSelect,
+      rightClickBehavior: config.rightClickBehavior
+    };
+    res.writeHead(200, { "Content-Type": "application/json" });
+    res.end(JSON.stringify(clientConfig));
+    return;
+  }
   if (pathname === "/api/sessions") {
     if (req.method === "GET") {
       const list = [...sessionRegistry.values()].map(sessionToJson);
@@ -481,10 +646,8 @@ async function handleRequest(req, res, distPath, wasmPath, onStop) {
       sessionRegistry.delete(id);
       if (lastUsedId === id)
         setLastUsedId(null);
-      for (const client of session.clients)
-        client.close(4001, "session deleted");
-      session.pty?.kill();
-      res.writeHead(204);
+      closeSession(session);
+      res.writeHead(204, { "X-Sessions-Remaining": String(sessionRegistry.size) });
       res.end();
       return;
     }
@@ -508,12 +671,21 @@ async function handleRequest(req, res, distPath, wasmPath, onStop) {
       res.end("Not Found");
       return;
     }
-    res.writeHead(200, { "Content-Type": "text/html" });
-    res.end(render(id));
+    const clientHtml = path3.resolve(clientDistPath, "client.html");
+    serveFile(clientHtml, res);
     return;
   }
   if (pathname.startsWith("/dist/")) {
-    const filePath = path3.resolve(distPath, pathname.slice(6));
+    const relativePath = pathname.slice(6);
+    const ownFile = path3.resolve(clientDistPath, relativePath);
+    if (ownFile.startsWith(clientDistPath + path3.sep)) {
+      const fs3 = await import("node:fs");
+      if (fs3.existsSync(ownFile)) {
+        serveFile(ownFile, res);
+        return;
+      }
+    }
+    const filePath = path3.resolve(distPath, relativePath);
     if (!filePath.startsWith(path3.resolve(distPath) + path3.sep) && filePath !== path3.resolve(distPath)) {
       res.writeHead(404);
       res.end("Not Found");
@@ -530,151 +702,19 @@ async function handleRequest(req, res, distPath, wasmPath, onStop) {
   res.end("Not Found");
 }
 
-// src/server/websocket.ts
-import { WebSocketServer } from "ws";
-
-// src/pty/index.ts
-var isBun = !!process.versions.bun;
-console.log(`pty: ${isBun ? "Bun.Terminal" : "node-pty"}`);
-var { spawn: _spawn } = await (isBun ? Promise.resolve().then(() => (init_bun(), exports_bun)) : Promise.resolve().then(() => (init_node(), exports_node)));
-function spawnForSession(cols, rows) {
-  const shell = process.platform === "win32" ? process.env.COMSPEC ?? "cmd.exe" : process.env.SHELL ?? "/bin/bash";
-  return _spawn(shell, cols, rows);
-}
-
-// src/server/websocket.ts
-function createWebSocketServer(httpServer) {
-  const wss = new WebSocketServer({ noServer: true });
-  httpServer.on("upgrade", (req, socket, head) => {
-    const url = new URL(req.url ?? "/", `http://${req.headers.host ?? "127.0.0.1"}`);
-    if (url.pathname.match(/^\/ws\/([^/]+)$/)) {
-      wss.handleUpgrade(req, socket, head, (ws) => wss.emit("connection", ws, req));
-    } else {
-      socket.destroy();
-    }
-  });
-  wss.on("connection", (ws, req) => {
-    const url = new URL(req.url ?? "/", `http://${req.headers.host ?? "127.0.0.1"}`);
-    const wsMatch = url.pathname.match(/^\/ws\/([^/]+)$/);
-    if (!wsMatch) {
-      ws.close();
-      return;
-    }
-    let id;
-    try {
-      id = decodeURIComponent(wsMatch[1]);
-    } catch {
-      ws.close(1008, "Bad Request");
-      return;
-    }
-    const cols = Math.max(1, Math.min(1000, Number.parseInt(url.searchParams.get("cols") ?? "80", 10) || 80));
-    const rows = Math.max(1, Math.min(500, Number.parseInt(url.searchParams.get("rows") ?? "24", 10) || 24));
-    if (!sessionRegistry.has(id)) {
-      ws.close(4001, "session deleted");
-      return;
-    }
-    const session = sessionRegistry.get(id);
-    if (!session) {
-      ws.close(4001, "session deleted");
-      return;
-    }
-    session.clients.add(ws);
-    setLastUsedId(id);
-    if (!session.pty) {
-      session.pty = spawnForSession(cols, rows);
-      session.pty.onData((data) => {
-        session.scrollback = (session.scrollback + data).slice(-SCROLLBACK_MAX);
-        for (const client of session.clients) {
-          if (client.readyState === client.OPEN) {
-            client.send(data, { binary: false });
-          }
-        }
-      });
-      session.pty.onExit(() => {
-        sessionRegistry.delete(session.id);
-        for (const client of session.clients) {
-          if (client.readyState === client.OPEN) {
-            client.close(4001, "shell exited");
-          }
-        }
-        session.pty = null;
-      });
-      const C = "\x1B[1;36m";
-      const G = "\x1B[1;32m";
-      const Y = "\x1B[1;33m";
-      const R = "\x1B[0m";
-      const banner = [
-        `${C}╔══════════════════════════════════════════════════════════════╗${R}\r
-`,
-        `${C}║${R}  ${G}Welcome to webtty!${R}                                          ${C}║${R}\r
-`,
-        `${C}║${R}                                                              ${C}║${R}\r
-`,
-        `${C}║${R}  You have a real shell session with full PTY support.        ${C}║${R}\r
-`,
-        `${C}║${R}  Try: ${Y}ls${R}, ${Y}cd${R}, ${Y}top${R}, ${Y}vim${R}, or any command!                      ${C}║${R}\r
-`,
-        `${C}╚══════════════════════════════════════════════════════════════╝${R}\r
-\r
-`
-      ].join("");
-      ws.send(banner);
-      session.scrollback = banner;
-      session.pty.write(`
-`);
-    } else {
-      if (session.scrollback) {
-        ws.send(session.scrollback, { binary: false });
-      }
-      session.pty.resize(cols, rows);
-    }
-    ws.on("message", (data) => {
-      const message = data.toString("utf8");
-      if (message.startsWith("{")) {
-        try {
-          const msg = JSON.parse(message);
-          if (msg.type === "resize") {
-            const c = Math.max(1, Math.min(1000, Math.trunc(msg.cols) || 80));
-            const r = Math.max(1, Math.min(500, Math.trunc(msg.rows) || 24));
-            session.pty?.resize(c, r);
-            return;
-          }
-        } catch {}
-      }
-      session.pty?.write(message);
-    });
-    ws.on("close", () => {
-      session.clients.delete(ws);
-    });
-    ws.on("error", () => {});
-  });
-  return wss;
-}
-
 // src/server/index.ts
-var HTTP_PORT = Number(process.env.PORT) || 2346;
+var __filename3 = fileURLToPath2(import.meta.url);
+var __dirname3 = path4.dirname(__filename3);
+var config = loadConfig();
+var HTTP_PORT = Number(process.env.PORT) || config.port;
+var HTTP_HOST = config.host;
 var { distPath, wasmPath } = findGhosttyWeb();
-var httpServer = http.createServer((req, res) => {
-  handleRequest(req, res, distPath, wasmPath, () => {
-    for (const session of sessionRegistry.values()) {
-      session.pty?.kill();
-      for (const client of session.clients)
-        client.close(1001, "server stopped");
-    }
-    wss.close();
-    httpServer.close(() => process.exit(0));
-  });
-});
-var wss = createWebSocketServer(httpServer);
-process.on("SIGINT", () => {
-  console.log(`
-
-Shutting down...`);
-  for (const session of sessionRegistry.values()) {
-    session.pty?.kill();
-    for (const client of session.clients)
-      client.close(1001, "server stopped");
-  }
+var projectRoot = path4.resolve(__dirname3, "..", "..");
+var builtDistPath = path4.join(projectRoot, "dist");
+var srcClientPath = path4.join(projectRoot, "src", "client");
+var clientDistPath = fs3.existsSync(path4.join(builtDistPath, "client.html")) ? builtDistPath : srcClientPath;
+function shutdown() {
+  closeAllSessions();
   wss.close();
   const exit = () => process.exit(0);
   const shutdownTimeout = setTimeout(exit, 1000);
@@ -682,9 +722,20 @@ Shutting down...`);
     clearTimeout(shutdownTimeout);
     exit();
   });
+}
+var httpServer = http.createServer((req, res) => {
+  handleRequest(req, res, distPath, wasmPath, clientDistPath, shutdown);
+});
+var wss = createWebSocketServer(httpServer);
+setLastSessionClosedHandler(shutdown);
+process.on("SIGINT", () => {
+  console.log(`
+
+Shutting down...`);
+  shutdown();
 });
-httpServer.listen(HTTP_PORT, "127.0.0.1", () => {
-  console.log(`listening on http://127.0.0.1:${HTTP_PORT}`);
+httpServer.listen(HTTP_PORT, HTTP_HOST, () => {
+  console.log(`listening on http://${HTTP_HOST}:${HTTP_PORT}`);
 });
 
-//# debugId=243D0B6704BD6DB364756E2164756E21
+//# debugId=D4A6F10E2C8CA53E64756E2164756E21