From 17f9493bd5ed0a21d4a0f4e3e9e68d46cb61a72f Mon Sep 17 00:00:00 2001
From: Jon Ayers <jon@coder.com>
Date: Tue, 25 Nov 2025 21:53:49 +0000
Subject: [PATCH 1/2] fix(demo): add missing init() call before creating
 Terminal

The module-level init() was added in PR #60 but demo/bin/demo.js
was not updated to call it, causing:
  'ghostty-web not initialized. Call init() before creating Terminal instances.'
---
 demo/bin/demo.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/demo/bin/demo.js b/demo/bin/demo.js
index 69c754e..d2976cc 100644
--- a/demo/bin/demo.js
+++ b/demo/bin/demo.js
@@ -193,8 +193,9 @@ const HTML_TEMPLATE = `<!doctype html>
     </div>
 
     <script type="module">
-      import { Terminal, FitAddon } from '/dist/ghostty-web.js';
+      import { init, Terminal, FitAddon } from '/dist/ghostty-web.js';
 
+      await init();
       const term = new Terminal({
         cols: 80,
         rows: 24,

From 097884bcc9dd98fa1e63a311fa7b566ad633e0c8 Mon Sep 17 00:00:00 2001
From: Jon Ayers <jon@coder.com>
Date: Tue, 25 Nov 2025 22:09:27 +0000
Subject: [PATCH 2/2] refactor(demo): add --dev mode with Vite, remove
 demo/server/

- Add --dev flag to demo/bin/demo.js for Vite hot-reload
- Dev mode serves from TypeScript source with HMR
- Production mode unchanged (serves built dist/)
- Remove redundant demo/server/ folder (pty-server.ts, file-browser-server.ts)
- Add 'demo' and 'demo:dev' scripts to root package.json

New workflow:
  bun run demo      # Production (serves dist/)
  bun run demo:dev  # Development (Vite hot-reload)
---
 demo/bin/demo.js                   |  58 ++++-
 demo/package.json                  |   2 +-
 demo/server/file-browser-server.ts | 342 -----------------------------
 demo/server/pty-server.ts          | 299 -------------------------
 demo/server/start.sh               |  13 --
 package.json                       |   2 +
 6 files changed, 50 insertions(+), 666 deletions(-)
 delete mode 100644 demo/server/file-browser-server.ts
 delete mode 100644 demo/server/pty-server.ts
 delete mode 100755 demo/server/start.sh

diff --git a/demo/bin/demo.js b/demo/bin/demo.js
index d2976cc..ff7ef3e 100644
--- a/demo/bin/demo.js
+++ b/demo/bin/demo.js
@@ -20,7 +20,8 @@ import pty from '@lydell/node-pty';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-const HTTP_PORT = process.env.PORT || 8080;
+const DEV_MODE = process.argv.includes('--dev');
+const HTTP_PORT = process.env.PORT || (DEV_MODE ? 8000 : 8080);
 const WS_PORT = 3001;
 
 // ============================================================================
@@ -31,13 +32,25 @@ import { createRequire } from 'module';
 const require = createRequire(import.meta.url);
 
 function findGhosttyWeb() {
+  // In dev mode, we use Vite - no need to find built assets
+  if (DEV_MODE) {
+    const repoRoot = path.join(__dirname, '..', '..');
+    const wasmPath = path.join(repoRoot, 'ghostty-vt.wasm');
+    if (!fs.existsSync(wasmPath)) {
+      console.error('Error: ghostty-vt.wasm not found.');
+      console.error('Run: bun run build:wasm');
+      process.exit(1);
+    }
+    return { distPath: null, wasmPath, repoRoot };
+  }
+
   // First, check for local development (repo root dist/)
   const localDist = path.join(__dirname, '..', '..', 'dist');
   const localJs = path.join(localDist, 'ghostty-web.js');
   const localWasm = path.join(__dirname, '..', '..', 'ghostty-vt.wasm');
 
   if (fs.existsSync(localJs) && fs.existsSync(localWasm)) {
-    return { distPath: localDist, wasmPath: localWasm, isDev: true };
+    return { distPath: localDist, wasmPath: localWasm, repoRoot: path.join(__dirname, '..', '..') };
   }
 
   // Use require.resolve to find the installed ghostty-web package
@@ -49,7 +62,7 @@ function findGhosttyWeb() {
     const wasmPath = path.join(ghosttyWebRoot, 'ghostty-vt.wasm');
 
     if (fs.existsSync(path.join(distPath, 'ghostty-web.js')) && fs.existsSync(wasmPath)) {
-      return { distPath, wasmPath, isDev: false };
+      return { distPath, wasmPath, repoRoot: null };
     }
   } catch (e) {
     // require.resolve failed, package not found
@@ -62,7 +75,7 @@ function findGhosttyWeb() {
   process.exit(1);
 }
 
-const { distPath, wasmPath, isDev } = findGhosttyWeb();
+const { distPath, wasmPath, repoRoot } = findGhosttyWeb();
 
 // ============================================================================
 // HTML Template
@@ -561,24 +574,24 @@ function sendWebSocketFrame(socket, data) {
 // Startup
 // ============================================================================
 
-httpServer.listen(HTTP_PORT, () => {
+function printBanner(url) {
   console.log('\n' + '═'.repeat(60));
-  console.log('  🚀 ghostty-web demo server' + (isDev ? ' (dev mode)' : ''));
+  console.log('  🚀 ghostty-web demo server' + (DEV_MODE ? ' (dev mode)' : ''));
   console.log('═'.repeat(60));
-  console.log(`\n  📺 Open: http://localhost:${HTTP_PORT}`);
+  console.log(`\n  📺 Open: ${url}`);
   console.log(`  📡 WebSocket PTY: ws://localhost:${WS_PORT}/ws`);
   console.log(`  🐚 Shell: ${getShell()}`);
   console.log(`  📁 Home: ${homedir()}`);
-  if (isDev) {
+  if (DEV_MODE) {
+    console.log(`  🔥 Hot reload enabled via Vite`);
+  } else if (repoRoot) {
     console.log(`  📦 Using local build: ${distPath}`);
   }
   console.log('\n  ⚠️  This server provides shell access.');
   console.log('     Only use for local development.\n');
   console.log('═'.repeat(60));
   console.log('  Press Ctrl+C to stop.\n');
-});
-
-wsServer.listen(WS_PORT);
+}
 
 // Graceful shutdown
 process.on('SIGINT', () => {
@@ -589,3 +602,26 @@ process.on('SIGINT', () => {
   }
   process.exit(0);
 });
+
+// Start WebSocket PTY server (runs in both modes)
+wsServer.listen(WS_PORT);
+
+// Start HTTP/Vite server
+if (DEV_MODE) {
+  // Dev mode: use Vite for hot reload
+  const { createServer } = await import('vite');
+  const vite = await createServer({
+    root: repoRoot,
+    server: {
+      port: HTTP_PORT,
+      strictPort: true,
+    },
+  });
+  await vite.listen();
+  printBanner(`http://localhost:${HTTP_PORT}/demo/`);
+} else {
+  // Production mode: static file server
+  httpServer.listen(HTTP_PORT, () => {
+    printBanner(`http://localhost:${HTTP_PORT}`);
+  });
+}
diff --git a/demo/package.json b/demo/package.json
index bc37c5c..f2a353f 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -8,7 +8,7 @@
   },
   "scripts": {
     "start": "node bin/demo.js",
-    "dev": "bun run server/pty-server.ts"
+    "dev": "node bin/demo.js --dev"
   },
   "dependencies": {
     "@lydell/node-pty": "^1.0.1",
diff --git a/demo/server/file-browser-server.ts b/demo/server/file-browser-server.ts
deleted file mode 100644
index bfd8b49..0000000
--- a/demo/server/file-browser-server.ts
+++ /dev/null
@@ -1,342 +0,0 @@
-/**
- * File Browser WebSocket Server
- *
- * Provides a WebSocket server that executes real shell commands
- * and allows full filesystem navigation.
- *
- * ⚠️  WARNING: This server has FULL filesystem access.
- *     Only run locally for development/demo purposes.
- *     DO NOT expose to untrusted users or networks.
- *
- * Usage:
- *   bun run file-browser-server.ts
- */
-
-import { spawn } from 'child_process';
-import { homedir } from 'os';
-import { join, resolve } from 'path';
-
-// ============================================================================
-// Configuration
-// ============================================================================
-
-const PORT = 3001;
-const DEFAULT_CWD = process.cwd();
-
-// Session storage: maps client ID to session data
-interface Session {
-  cwd: string;
-  id: string;
-}
-
-const sessions = new Map<any, Session>();
-
-// ============================================================================
-// Command Execution
-// ============================================================================
-
-/**
- * Execute a shell command and return output
- */
-async function executeCommand(
-  command: string,
-  cwd: string
-): Promise<{
-  stdout: string;
-  stderr: string;
-  exitCode: number;
-  newCwd: string;
-}> {
-  const trimmedCmd = command.trim();
-
-  // Handle empty command
-  if (!trimmedCmd) {
-    return {
-      stdout: '',
-      stderr: '',
-      exitCode: 0,
-      newCwd: cwd,
-    };
-  }
-
-  // Handle 'clear' command (client-side handling)
-  if (trimmedCmd === 'clear') {
-    return {
-      stdout: '\x1b[2J\x1b[H', // Clear screen + move cursor to top
-      stderr: '',
-      exitCode: 0,
-      newCwd: cwd,
-    };
-  }
-
-  // Handle 'cd' command specially (changes session state)
-  if (trimmedCmd.startsWith('cd ') || trimmedCmd === 'cd') {
-    const args = trimmedCmd.split(/\s+/);
-    let targetDir = args[1] || homedir();
-
-    // Handle special cases
-    if (targetDir === '~') {
-      targetDir = homedir();
-    } else if (targetDir === '-') {
-      // cd - (go back) - not implemented, just stay in current dir
-      return {
-        stdout: '',
-        stderr: '',
-        exitCode: 0,
-        newCwd: cwd,
-      };
-    } else if (!targetDir.startsWith('/')) {
-      // Relative path
-      targetDir = resolve(cwd, targetDir);
-    }
-
-    // Check if directory exists
-    try {
-      const fs = await import('fs/promises');
-      const stat = await fs.stat(targetDir);
-      if (stat.isDirectory()) {
-        return {
-          stdout: '',
-          stderr: '',
-          exitCode: 0,
-          newCwd: targetDir,
-        };
-      } else {
-        return {
-          stdout: '',
-          stderr: `cd: not a directory: ${targetDir}\n`,
-          exitCode: 1,
-          newCwd: cwd,
-        };
-      }
-    } catch (error: any) {
-      return {
-        stdout: '',
-        stderr: `cd: no such file or directory: ${targetDir}\n`,
-        exitCode: 1,
-        newCwd: cwd,
-      };
-    }
-  }
-
-  // Handle 'exit' command
-  if (trimmedCmd === 'exit' || trimmedCmd === 'quit') {
-    return {
-      stdout: 'Goodbye!\n',
-      stderr: '',
-      exitCode: 0,
-      newCwd: cwd,
-    };
-  }
-
-  // Execute regular command
-  return new Promise((resolve) => {
-    // Parse command and args (simple split - doesn't handle quotes properly)
-    const parts = trimmedCmd.split(/\s+/);
-    const cmd = parts[0];
-    const args = parts.slice(1);
-
-    const proc = spawn(cmd, args, {
-      cwd: cwd,
-      shell: true, // Use shell to handle pipes, redirects, etc.
-      env: {
-        ...process.env,
-        TERM: 'xterm-256color',
-        COLORTERM: 'truecolor',
-        FORCE_COLOR: '1',
-        CLICOLOR_FORCE: '1',
-      },
-    });
-
-    let stdout = '';
-    let stderr = '';
-
-    proc.stdout?.on('data', (data) => {
-      stdout += data.toString();
-    });
-
-    proc.stderr?.on('data', (data) => {
-      stderr += data.toString();
-    });
-
-    proc.on('error', (error) => {
-      resolve({
-        stdout: '',
-        stderr: `Error executing command: ${error.message}\n`,
-        exitCode: 1,
-        newCwd: cwd,
-      });
-    });
-
-    proc.on('close', (code) => {
-      resolve({
-        stdout,
-        stderr,
-        exitCode: code || 0,
-        newCwd: cwd,
-      });
-    });
-
-    // Timeout after 30 seconds
-    setTimeout(() => {
-      proc.kill();
-      resolve({
-        stdout: stdout,
-        stderr: stderr + '\nCommand timed out after 30 seconds\n',
-        exitCode: 124,
-        newCwd: cwd,
-      });
-    }, 30000);
-  });
-}
-
-// ============================================================================
-// WebSocket Server
-// ============================================================================
-
-let server: any;
-
-try {
-  server = Bun.serve({
-    port: PORT,
-
-    async fetch(req, server) {
-      // Upgrade HTTP request to WebSocket
-      const url = new URL(req.url);
-
-      if (url.pathname === '/ws') {
-        const success = server.upgrade(req);
-        if (success) {
-          return undefined;
-        }
-        return new Response('WebSocket upgrade failed', { status: 500 });
-      }
-
-      // Health check endpoint
-      if (url.pathname === '/health') {
-        return new Response('OK', { status: 200 });
-      }
-
-      return new Response('File Browser WebSocket Server\n\nConnect to ws://localhost:3001/ws', {
-        status: 200,
-        headers: { 'Content-Type': 'text/plain' },
-      });
-    },
-
-    websocket: {
-      open(ws) {
-        // Create new session for this client
-        const session: Session = {
-          cwd: DEFAULT_CWD,
-          id: Math.random().toString(36).substring(7),
-        };
-        sessions.set(ws, session);
-
-        console.log(`[${session.id}] Client connected`);
-
-        // Send welcome message
-        ws.send(
-          JSON.stringify({
-            type: 'connected',
-            cwd: session.cwd,
-            message: 'Connected to File Browser Server',
-          })
-        );
-      },
-
-      async message(ws, message) {
-        const session = sessions.get(ws);
-        if (!session) {
-          ws.send(
-            JSON.stringify({
-              type: 'error',
-              data: 'Session not found',
-            })
-          );
-          return;
-        }
-
-        try {
-          const data = JSON.parse(message as string);
-
-          if (data.type === 'command') {
-            const command = data.data;
-            console.log(`[${session.id}] Executing: ${command} (cwd: ${session.cwd})`);
-
-            const result = await executeCommand(command, session.cwd);
-
-            // Update session CWD if it changed
-            session.cwd = result.newCwd;
-
-            // Send result back to client
-            ws.send(
-              JSON.stringify({
-                type: 'output',
-                stdout: result.stdout,
-                stderr: result.stderr,
-                exitCode: result.exitCode,
-                cwd: session.cwd,
-              })
-            );
-
-            // Handle 'exit' command
-            if (command.trim() === 'exit' || command.trim() === 'quit') {
-              ws.close();
-            }
-          }
-        } catch (error: any) {
-          console.error(`[${session?.id}] Error:`, error);
-          ws.send(
-            JSON.stringify({
-              type: 'error',
-              data: `Server error: ${error.message}`,
-            })
-          );
-        }
-      },
-
-      close(ws) {
-        const session = sessions.get(ws);
-        if (session) {
-          console.log(`[${session.id}] Client disconnected`);
-          sessions.delete(ws);
-        }
-      },
-
-      error(ws, error) {
-        const session = sessions.get(ws);
-        console.error(`[${session?.id}] WebSocket error:`, error);
-      },
-    },
-  });
-
-  // ============================================================================
-  // Startup
-  // ============================================================================
-
-  console.log('\n' + '='.repeat(60));
-  console.log('🚀 File Browser WebSocket Server');
-  console.log('='.repeat(60));
-  console.log(`\n📡 WebSocket URL: ws://localhost:${PORT}/ws`);
-  console.log(`🌐 HTTP URL:      http://localhost:${PORT}`);
-  console.log(`📁 Starting CWD:  ${DEFAULT_CWD}`);
-  console.log('\n⚠️  WARNING: This server has FULL filesystem access!');
-  console.log('   Only use for local development/demo purposes.');
-  console.log('   DO NOT expose to untrusted users or networks.\n');
-  console.log('='.repeat(60));
-  console.log('Server is running. Press Ctrl+C to stop.\n');
-} catch (error: any) {
-  console.error('\n❌ Failed to start server!\n');
-
-  if (error.code === 'EADDRINUSE') {
-    console.error(`Port ${PORT} is already in use.`);
-    console.error('\nTo fix this:');
-    console.error(`  1. Kill the existing process: fuser -k ${PORT}/tcp`);
-    console.error(`  2. Or use a different port by changing PORT in the code`);
-    console.error(`  3. Or use: bun run start (auto-kills existing process)\n`);
-  } else {
-    console.error('Error:', error.message);
-  }
-
-  process.exit(1);
-}
diff --git a/demo/server/pty-server.ts b/demo/server/pty-server.ts
deleted file mode 100644
index 2d49603..0000000
--- a/demo/server/pty-server.ts
+++ /dev/null
@@ -1,299 +0,0 @@
-/**
- * PTY Shell Server
- *
- * Provides a WebSocket server with real PTY shell sessions.
- * Each client gets their own persistent shell session.
- *
- * ⚠️  WARNING: This server provides FULL shell access.
- *     Only run locally for development/demo purposes.
- *     DO NOT expose to untrusted users or networks.
- *
- * Usage:
- *   bun run pty-server.ts
- */
-
-import { spawn } from 'child_process';
-import { homedir } from 'os';
-
-// ============================================================================
-// Configuration
-// ============================================================================
-
-const PORT = 3001;
-const SHELL = process.env.SHELL || '/bin/bash';
-
-// Session storage: maps WebSocket to PTY process
-interface Session {
-  id: string;
-  ptyProcess: any;
-  cwd: string;
-}
-
-const sessions = new Map<any, Session>();
-
-// ============================================================================
-// PTY Shell Creation
-// ============================================================================
-
-/**
- * Create a PTY shell session
- */
-function createShell(cwd: string = process.cwd(), cols: number = 80, rows: number = 24) {
-  // Use 'script' command to create a real PTY
-  console.log(`Creating PTY shell with size ${cols}x${rows}`);
-
-  // script -q -c "bash" /dev/null creates a PTY running bash
-  const shell = spawn('script', ['-qfc', SHELL, '/dev/null'], {
-    cwd: cwd,
-    env: {
-      ...process.env,
-      TERM: 'xterm-256color',
-      COLORTERM: 'truecolor',
-      FORCE_COLOR: '1',
-      PS1: '\\[\\033[1;32m\\]\\w\\[\\033[0m\\] $ ',
-      // Disable some escape sequences that cause artifacts
-      PROMPT_COMMAND: '', // Disable dynamic prompt command
-      // Set terminal size via environment variables (vim and other apps read these)
-      COLUMNS: String(cols),
-      LINES: String(rows),
-    },
-    stdio: ['pipe', 'pipe', 'pipe'],
-  });
-
-  console.log(`Spawned shell via script command (pid: ${shell.pid})`);
-
-  if (shell.stdout) {
-    shell.stdout.setEncoding('utf8');
-  }
-  if (shell.stderr) {
-    shell.stderr.setEncoding('utf8');
-  }
-
-  return shell;
-}
-
-// ============================================================================
-// WebSocket Server
-// ============================================================================
-
-const server = Bun.serve({
-  port: PORT,
-
-  async fetch(req, server) {
-    // Upgrade HTTP request to WebSocket
-    const url = new URL(req.url);
-
-    if (url.pathname === '/ws') {
-      // Parse terminal size from query parameters before upgrade
-      const cols = Number.parseInt(url.searchParams.get('cols') || '80');
-      const rows = Number.parseInt(url.searchParams.get('rows') || '24');
-
-      // Pass size data to WebSocket via upgrade data
-      const success = server.upgrade(req, {
-        data: { cols, rows },
-      });
-      if (success) {
-        return undefined;
-      }
-      return new Response('WebSocket upgrade failed', { status: 500 });
-    }
-
-    // Health check endpoint
-    if (url.pathname === '/health') {
-      return new Response('OK', { status: 200 });
-    }
-
-    return new Response('PTY Shell WebSocket Server\n\nConnect to ws://localhost:3001/ws', {
-      status: 200,
-      headers: { 'Content-Type': 'text/plain' },
-    });
-  },
-
-  websocket: {
-    open(ws) {
-      // Get terminal size from WebSocket data (set during upgrade)
-      const { cols, rows } = (ws.data as any) || { cols: 80, rows: 24 };
-
-      console.log(`Client requested terminal size: ${cols}x${rows}`);
-
-      // Create new shell session for this client
-      const sessionId = Math.random().toString(36).substring(7);
-      const shell = createShell(homedir(), cols, rows);
-
-      const session: Session = {
-        id: sessionId,
-        ptyProcess: shell,
-        cwd: homedir(),
-      };
-
-      sessions.set(ws, session);
-      console.log(`[${session.id}] Client connected - spawned ${SHELL}`);
-
-      // Forward shell output to WebSocket
-      shell.stdout.on('data', (data: Buffer) => {
-        let str = data.toString();
-
-        // Filter out OSC sequences that cause artifacts
-        // OSC 0 = Set icon name and window title
-        // OSC 1 = Set icon name
-        // OSC 2 = Set window title
-        str = str.replace(/\x1b\]0;[^\x07]*\x07/g, ''); // OSC 0
-        str = str.replace(/\x1b\]1;[^\x07]*\x07/g, ''); // OSC 1
-        str = str.replace(/\x1b\]2;[^\x07]*\x07/g, ''); // OSC 2
-
-        console.log(
-          `[${session.id}] Shell stdout (${str.length} bytes):`,
-          JSON.stringify(str.substring(0, 100))
-        );
-        try {
-          ws.send(str);
-        } catch (error) {
-          console.error(`[${session.id}] Error sending stdout:`, error);
-        }
-      });
-
-      shell.stderr.on('data', (data: Buffer) => {
-        try {
-          // Send stderr in red
-          ws.send(`\x1b[31m${data.toString()}\x1b[0m`);
-        } catch (error) {
-          console.error(`[${session.id}] Error sending stderr:`, error);
-        }
-      });
-
-      // Handle shell exit
-      shell.on('exit', (code: number) => {
-        console.log(`[${session.id}] Shell exited with code ${code}`);
-        try {
-          ws.send(`\r\n\x1b[1;33mShell session ended (exit code: ${code})\x1b[0m\r\n`);
-          ws.close();
-        } catch (error) {
-          // WebSocket might already be closed
-        }
-        sessions.delete(ws);
-      });
-
-      // Send stty command to resize the PTY
-      // This runs inside the shell and sets the actual PTY size
-      // Clear the line after to hide the command echo
-      console.log(`[${session.id}] Setting PTY size via stty`);
-      shell.stdin.write(`stty cols ${cols} rows ${rows}; clear\n`);
-
-      // Wait a bit for stty to execute, then send welcome
-      setTimeout(() => {
-        console.log(`[${session.id}] Sending welcome message to client`);
-        ws.send('TEST: WebSocket is working!\r\n');
-        ws.send(
-          '\x1b[1;36m╔══════════════════════════════════════════════════════════════╗\x1b[0m\r\n'
-        );
-        ws.send(
-          '\x1b[1;36m║\x1b[0m  \x1b[1;32mWelcome to Ghostty Terminal!\x1b[0m                             \x1b[1;36m║\x1b[0m\r\n'
-        );
-        ws.send(
-          '\x1b[1;36m║\x1b[0m                                                              \x1b[1;36m║\x1b[0m\r\n'
-        );
-        ws.send(
-          '\x1b[1;36m║\x1b[0m  You now have a real shell session with full PTY support.   \x1b[1;36m║\x1b[0m\r\n'
-        );
-        ws.send(
-          '\x1b[1;36m║\x1b[0m  Try: \x1b[1;33mls\x1b[0m, \x1b[1;33mcd\x1b[0m, \x1b[1;33mtop\x1b[0m, \x1b[1;33mvim\x1b[0m, or any command!              \x1b[1;36m║\x1b[0m\r\n'
-        );
-        ws.send(
-          '\x1b[1;36m╚══════════════════════════════════════════════════════════════╝\x1b[0m\r\n'
-        );
-        ws.send('\r\n');
-        console.log(`[${session.id}] Welcome message sent`);
-      }, 100);
-    },
-
-    message(ws, message) {
-      const session = sessions.get(ws);
-      if (!session) {
-        ws.send('\r\n\x1b[31mError: Session not found\x1b[0m\r\n');
-        return;
-      }
-
-      try {
-        const input = message.toString();
-
-        // Check if it's a resize message (JSON format: {"type":"resize","cols":N,"rows":N})
-        if (input.startsWith('{')) {
-          try {
-            const msg = JSON.parse(input);
-            if (msg.type === 'resize') {
-              console.log(`[${session.id}] Resize request: ${msg.cols}x${msg.rows}`);
-              // Note: 'script' command doesn't support dynamic resize,
-              // but we log it for debugging. Use node-pty for full resize support.
-              return;
-            }
-          } catch (e) {
-            // Not JSON, treat as regular input
-          }
-        }
-
-        // Forward input to shell stdin
-        console.log(`[${session.id}] Received input:`, JSON.stringify(input));
-        session.ptyProcess.stdin.write(input);
-      } catch (error: any) {
-        console.error(`[${session.id}] Error writing to shell:`, error);
-        ws.send(`\r\n\x1b[31mError: ${error.message}\x1b[0m\r\n`);
-      }
-    },
-
-    close(ws) {
-      const session = sessions.get(ws);
-      if (session) {
-        console.log(`[${session.id}] Client disconnected`);
-
-        // Kill the shell process
-        try {
-          session.ptyProcess.kill();
-        } catch (error) {
-          console.error(`[${session.id}] Error killing shell:`, error);
-        }
-
-        sessions.delete(ws);
-      }
-    },
-
-    error(ws, error) {
-      const session = sessions.get(ws);
-      console.error(`[${session?.id}] WebSocket error:`, error);
-    },
-  },
-});
-
-// ============================================================================
-// Startup
-// ============================================================================
-
-console.log('\n' + '='.repeat(60));
-console.log('🚀 PTY Shell WebSocket Server');
-console.log('='.repeat(60));
-console.log(`\n📡 WebSocket URL: ws://localhost:${PORT}/ws`);
-console.log(`🌐 HTTP URL:      http://localhost:${PORT}`);
-console.log(`🐚 Shell:         ${SHELL}`);
-console.log(`📁 Starting Dir:  ${homedir()}`);
-console.log('\n⚠️  WARNING: This server provides FULL shell access!');
-console.log('   Only use for local development/demo purposes.');
-console.log('   DO NOT expose to untrusted users or networks.\n');
-console.log('='.repeat(60));
-console.log('Server is running. Press Ctrl+C to stop.\n');
-
-// Handle graceful shutdown
-process.on('SIGINT', () => {
-  console.log('\n\nShutting down...');
-
-  // Kill all active shell sessions
-  for (const [ws, session] of sessions.entries()) {
-    console.log(`Killing shell session ${session.id}`);
-    try {
-      session.ptyProcess.kill();
-      ws.close();
-    } catch (error) {
-      // Ignore errors during shutdown
-    }
-  }
-
-  process.exit(0);
-});
diff --git a/demo/server/start.sh b/demo/server/start.sh
deleted file mode 100755
index 8deca5a..0000000
--- a/demo/server/start.sh
+++ /dev/null
@@ -1,13 +0,0 @@
-#!/bin/bash
-
-# Kill any existing server on port 3001
-echo "🔍 Checking for existing server on port 3001..."
-if lsof -ti:3001 >/dev/null 2>&1; then
-  echo "⚠️  Port 3001 is in use. Killing existing process..."
-  fuser -k 3001/tcp 2>/dev/null || true
-  sleep 1
-fi
-
-echo "🚀 Starting File Browser WebSocket Server..."
-cd "$(dirname "$0")"
-exec bun run file-browser-server.ts
diff --git a/package.json b/package.json
index 6289003..e122464 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,8 @@
   },
   "scripts": {
     "dev": "vite --port 8000",
+    "demo": "node demo/bin/demo.js",
+    "demo:dev": "node demo/bin/demo.js --dev",
     "build": "bun run clean && bun run build:wasm && bun run build:lib && bun run build:wasm-copy",
     "build:wasm": "./scripts/build-wasm.sh",
     "build:lib": "vite build",
