webtty 1.1.1 → 1.2.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) {
@@ -128,21 +128,114 @@ var init_node = () => {};
 // src/server/index.ts
 import http from "node:http";
 
+// src/config.ts
+import fs from "node:fs";
+import os from "node:os";
+import path from "node:path";
+function getConfigPath() {
+  return path.join(os.homedir(), ".config", "webtty", "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,
+  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 },
+    ...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";
+import path4 from "node:path";
 
 // src/server/client.ts
-function render(sessionId) {
+function render(sessionId, config) {
+  const theme = config.theme;
+  const themeJson = JSON.stringify(theme, null, 8).replace(/^/gm, "        ").trimStart();
   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>
+    <title>${sessionId} | webtty</title>
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect x='5' y='5' width='90' height='90' rx='18' fill='white'/><text x='8' y='73' font-size='58' font-family='monospace' font-weight='bold' fill='%23161b22'>>_</text></svg>">
     <style>
       * { margin: 0; padding: 0; box-sizing: border-box; }
 
-      html, body, #terminal { width: 100%; height: 100%; overflow: hidden; background: #282A36; }
+      html, body, #terminal { width: 100%; height: 100%; overflow: hidden; background: ${theme.background ?? "#282A36"}; }
 
       #terminal canvas { display: block; }
     </style>
@@ -155,34 +248,13 @@ function render(sessionId) {
 
       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',
-        },
+        cols: ${config.cols},
+        rows: ${config.rows},
+        cursorBlink: ${config.cursorBlink},
+        fontSize: ${config.fontSize},
+        fontFamily: ${JSON.stringify(config.fontFamily)},
+        scrollback: ${Math.ceil(config.scrollback / 80)},
+        theme: ${themeJson},
       });
 
       const fitAddon = new FitAddon();
@@ -201,8 +273,11 @@ function render(sessionId) {
         const wsUrl = protocol + '//' + window.location.host + '/ws/' + sessionId + '?cols=' + term.cols + '&rows=' + term.rows;
         ws = new WebSocket(wsUrl);
 
+        const DIM = '\\x1b[2m', YELLOW = '\\x1b[1;33m', ITALIC = '\\x1b[3m', RESET = '\\x1b[0m';
+        const tag = DIM + '[' + RESET + ' ' + YELLOW + 'webtty' + RESET + ' ' + DIM + ']' + RESET;
+        const msg = (text) => '\\r\\n' + tag + ' ' + DIM + ITALIC + text + RESET + '\\r\\n';
+
         ws.onopen = () => {
-          console.log('[webtty] connected to session ' + sessionId);
           ws.send(JSON.stringify({ type: 'resize', cols: term.cols, rows: term.rows }));
         };
 
@@ -212,22 +287,21 @@ function render(sessionId) {
 
         ws.onclose = (event) => {
           if (event.code === 4001) {
-            term.write('\\r\\n\\x1b[31mSession removed.\\x1b[0m\\r\\n');
+            term.write(msg('Session removed.'));
             setTimeout(() => window.close(), 500);
             return;
           }
           if (event.code === 1001) {
-            term.write('\\r\\n\\x1b[33mServer stopped.\\x1b[0m\\r\\n');
+            term.write(msg('Server stopped.'));
             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');
+          term.write(msg('Connection lost. Reconnecting in 2s...'));          
           setTimeout(connect, 2000);
         };
 
         ws.onerror = () => {
-          console.error('[webtty] websocket error');
+          term.write(msg('WebSocket error.'));
         };
       }
 
@@ -254,7 +328,6 @@ function render(sessionId) {
 }
 
 // src/server/session.ts
-var SCROLLBACK_MAX = 256 * 1024;
 var sessionRegistry = new Map;
 var lastUsedId = null;
 function setLastUsedId(id) {
@@ -283,13 +356,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 path3 from "node:path";
 import { fileURLToPath } from "node:url";
 
 // src/utils.ts
-import path from "node:path";
+import path2 from "node:path";
 var MIME_TYPES = {
   ".html": "text/html",
   ".js": "application/javascript",
@@ -302,7 +375,7 @@ 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) {
@@ -311,15 +384,15 @@ function ghosttyWebRootFromMain(mainPath) {
 
 // src/server/static.ts
 var __filename2 = fileURLToPath(import.meta.url);
-var __dirname2 = path2.dirname(__filename2);
+var __dirname2 = path3.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)) {
+    const distPath = path3.join(ghosttyWebRoot, "dist");
+    const wasmPath = path3.join(ghosttyWebRoot, "ghostty-vt.wasm");
+    if (fs2.existsSync(path3.join(distPath, "ghostty-web.js")) && fs2.existsSync(wasmPath)) {
       return { distPath, wasmPath };
     }
   } catch {}
@@ -328,7 +401,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 +412,172 @@ 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 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;
+      });
+      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) {
@@ -481,9 +720,7 @@ 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();
+      closeSession(session);
       res.writeHead(204);
       res.end();
       return;
@@ -509,12 +746,12 @@ async function handleRequest(req, res, distPath, wasmPath, onStop) {
       return;
     }
     res.writeHead(200, { "Content-Type": "text/html" });
-    res.end(render(id));
+    res.end(render(id, loadConfig()));
     return;
   }
   if (pathname.startsWith("/dist/")) {
-    const filePath = path3.resolve(distPath, pathname.slice(6));
-    if (!filePath.startsWith(path3.resolve(distPath) + path3.sep) && filePath !== path3.resolve(distPath)) {
+    const filePath = path4.resolve(distPath, pathname.slice(6));
+    if (!filePath.startsWith(path4.resolve(distPath) + path4.sep) && filePath !== path4.resolve(distPath)) {
       res.writeHead(404);
       res.end("Not Found");
       return;
@@ -530,151 +767,13 @@ 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 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");
-  }
+function shutdown() {
+  closeAllSessions();
   wss.close();
   const exit = () => process.exit(0);
   const shutdownTimeout = setTimeout(exit, 1000);
@@ -682,9 +781,19 @@ Shutting down...`);
     clearTimeout(shutdownTimeout);
     exit();
   });
+}
+var httpServer = http.createServer((req, res) => {
+  handleRequest(req, res, distPath, wasmPath, shutdown);
+});
+var wss = createWebSocketServer(httpServer);
+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=DDDEAF9DCC3651C664756E2164756E21