devbonzai 2.2.307 → 2.2.308

package/cli.js

@@ -71,7 +71,15 @@ async function main() {
   const utilsSrc = path.join(__dirname, 'templates', 'utils');
   const utilsDest = path.join(bonzaiDir, 'utils');
   copyDirectory(utilsSrc, utilsDest);
-  
+
+  // Copy terminal-test.html
+  console.log('📝 Copying terminal-test.html...');
+  const terminalTestSrc = path.join(__dirname, 'templates', 'terminal-test.html');
+  const terminalTestDest = path.join(bonzaiDir, 'terminal-test.html');
+  if (fs.existsSync(terminalTestSrc)) {
+    fs.copyFileSync(terminalTestSrc, terminalTestDest);
+  }
+
   // Write .ignore file in bonzai directory
   const ignoreTargetPath = path.join(bonzaiDir, '.ignore');
   
@@ -109,6 +117,8 @@ async function main() {
   packageJson.dependencies.express = "^4.18.2";
   packageJson.dependencies.cors = "^2.8.5";
   packageJson.dependencies["@babel/parser"] = "^7.23.0";
+  packageJson.dependencies.ws = "^8.16.0";
+  packageJson.dependencies["node-pty"] = "^1.1.0";
   
   // Add script to run receiver
   if (!packageJson.scripts) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devbonzai",
-  "version": "2.2.307",
+  "version": "2.2.308",
   "description": "Quickly set up a local file server in any repository for browser-based file access",
   "main": "cli.js",
   "bin": {
@@ -22,8 +22,10 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "express": "^4.18.2",
+    "@babel/parser": "^7.23.0",
     "cors": "^2.8.5",
-    "@babel/parser": "^7.23.0"
+    "express": "^4.18.2",
+    "node-pty": "^1.1.0",
+    "ws": "^8.16.0"
   }
 }

package/templates/handlers/index.js

@@ -8,7 +8,8 @@ function indexHandler(req, res) {
       'POST /delete': 'Delete file or directory (body: {path})',
       'POST /open-cursor': 'Open Cursor (body: {path, line?})',
       'POST /shutdown': 'Gracefully shutdown the server',
-      'POST /scan_code_quality': 'Scan code quality (body: {projectPath})'
+      'POST /scan_code_quality': 'Scan code quality (body: {projectPath})',
+      'WS /terminal': 'Interactive terminal via WebSocket'
     },
     example: 'Try: /list or /read?path=README.md'
   });

package/templates/handlers/terminal.js

@@ -0,0 +1,106 @@
+const pty = require('node-pty');
+
+// Store active terminal sessions
+const terminals = new Map();
+
+// Get default shell based on platform
+function getDefaultShell() {
+  if (process.platform === 'win32') {
+    return process.env.COMSPEC || 'powershell.exe';
+  }
+  return process.env.SHELL || '/bin/bash';
+}
+
+// Create a new terminal session
+function createTerminal(sessionId, cols = 80, rows = 24) {
+  const shell = getDefaultShell();
+
+  const ptyProcess = pty.spawn(shell, [], {
+    name: 'xterm-256color',
+    cols,
+    rows,
+    cwd: process.env.HOME || process.cwd(),
+    env: { ...process.env, TERM: 'xterm-256color' }
+  });
+
+  terminals.set(sessionId, {
+    pty: ptyProcess,
+    buffer: ''
+  });
+
+  return ptyProcess;
+}
+
+// HTTP handler for terminal info
+function terminalHandler(req, res) {
+  res.json({
+    message: 'Terminal WebSocket API',
+    usage: {
+      websocket: 'ws://localhost:3001/terminal',
+      events: {
+        'input': 'Send terminal input (data: string)',
+        'resize': 'Resize terminal (cols: number, rows: number)',
+        'output': 'Receive terminal output'
+      }
+    }
+  });
+}
+
+// WebSocket handler for terminal sessions
+function setupTerminalWebSocket(wss) {
+  wss.on('connection', (ws) => {
+    const sessionId = Date.now().toString();
+    let ptyProcess;
+
+    try {
+      ptyProcess = createTerminal(sessionId);
+      console.log(`Terminal session ${sessionId} started`);
+    } catch (err) {
+      console.error('Failed to create terminal:', err.message);
+      ws.send(JSON.stringify({ type: 'error', message: 'Failed to create terminal: ' + err.message }));
+      ws.close();
+      return;
+    }
+
+    // Send terminal output to WebSocket client
+    ptyProcess.onData((data) => {
+      try {
+        ws.send(JSON.stringify({ type: 'output', data }));
+      } catch (e) {
+        // Client disconnected
+      }
+    });
+
+    ptyProcess.onExit(({ exitCode }) => {
+      ws.send(JSON.stringify({ type: 'exit', exitCode }));
+      ws.close();
+    });
+
+    // Handle incoming messages from client
+    ws.on('message', (message) => {
+      try {
+        const msg = JSON.parse(message);
+
+        switch (msg.type) {
+          case 'input':
+            ptyProcess.write(msg.data);
+            break;
+          case 'resize':
+            ptyProcess.resize(msg.cols, msg.rows);
+            break;
+        }
+      } catch (e) {
+        console.error('Terminal message error:', e);
+      }
+    });
+
+    // Cleanup on disconnect
+    ws.on('close', () => {
+      console.log(`Terminal session ${sessionId} closed`);
+      ptyProcess.kill();
+      terminals.delete(sessionId);
+    });
+  });
+}
+
+module.exports = { terminalHandler, setupTerminalWebSocket };

package/templates/receiver.js

@@ -1,7 +1,9 @@
 #!/usr/bin/env node
 
-const express = require('./node_modules/express');
-const cors = require('./node_modules/cors');
+const express = require('express');
+const cors = require('cors');
+const http = require('http');
+const { WebSocketServer } = require('ws');
 
 // Import handlers
 const indexHandler = require('./handlers/index');
@@ -11,8 +13,14 @@ const deleteHandler = require('./handlers/delete');
 const openCursorHandler = require('./handlers/open-cursor');
 const shutdownHandler = require('./handlers/shutdown');
 const scanCodeQualityHandler = require('./handlers/scan_code_quality');
+const { terminalHandler, setupTerminalWebSocket } = require('./handlers/terminal');
 
 const app = express();
+const server = http.createServer(app);
+
+// WebSocket server for terminal
+const wss = new WebSocketServer({ server, path: '/terminal' });
+setupTerminalWebSocket(wss);
 
 app.use(cors());
 app.use(express.json());
@@ -25,8 +33,11 @@ app.post('/delete', deleteHandler);
 app.post('/open-cursor', openCursorHandler);
 app.post('/shutdown', shutdownHandler);
 app.post('/scan_code_quality', scanCodeQualityHandler);
+app.get('/terminal', terminalHandler);
 
 const port = 3001;
-app.listen(port, () => {
+server.listen(port, () => {
   console.log('📂 File server running on http://localhost:' + port);
+  console.log('🖥️  Terminal WebSocket available at ws://localhost:' + port + '/terminal');
 });
+

package/templates/terminal-test.html

@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Terminal Test</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@5.3.0/css/xterm.css" />
+  <style>
+    body {
+      margin: 0;
+      padding: 20px;
+      background: #1e1e1e;
+      font-family: sans-serif;
+    }
+    h1 {
+      color: #fff;
+      margin-bottom: 10px;
+    }
+    #status {
+      color: #888;
+      margin-bottom: 10px;
+    }
+    #terminal {
+      height: 400px;
+    }
+  </style>
+</head>
+<body>
+  <h1>Terminal Test</h1>
+  <div id="status">Connecting...</div>
+  <div id="terminal"></div>
+
+  <script src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/lib/xterm-addon-fit.min.js"></script>
+  <script>
+    const term = new Terminal({
+      cursorBlink: true,
+      fontSize: 14,
+      fontFamily: 'Menlo, Monaco, "Courier New", monospace',
+      theme: {
+        background: '#1e1e1e',
+        foreground: '#d4d4d4'
+      }
+    });
+
+    const fitAddon = new FitAddon.FitAddon();
+    term.loadAddon(fitAddon);
+
+    const terminalEl = document.getElementById('terminal');
+    const statusEl = document.getElementById('status');
+
+    term.open(terminalEl);
+    fitAddon.fit();
+
+    // Connect to WebSocket
+    const ws = new WebSocket('ws://localhost:3001/terminal');
+
+    ws.onopen = () => {
+      statusEl.textContent = 'Connected';
+      statusEl.style.color = '#4ec9b0';
+
+      // Send initial size
+      ws.send(JSON.stringify({
+        type: 'resize',
+        cols: term.cols,
+        rows: term.rows
+      }));
+    };
+
+    ws.onmessage = (event) => {
+      const msg = JSON.parse(event.data);
+      if (msg.type === 'output') {
+        term.write(msg.data);
+      } else if (msg.type === 'exit') {
+        statusEl.textContent = 'Session ended (exit code: ' + msg.exitCode + ')';
+        statusEl.style.color = '#f48771';
+      }
+    };
+
+    ws.onclose = () => {
+      statusEl.textContent = 'Disconnected';
+      statusEl.style.color = '#f48771';
+    };
+
+    ws.onerror = (err) => {
+      statusEl.textContent = 'Connection error';
+      statusEl.style.color = '#f48771';
+    };
+
+    // Send input to server
+    term.onData((data) => {
+      ws.send(JSON.stringify({ type: 'input', data }));
+    });
+
+    // Handle resize
+    window.addEventListener('resize', () => {
+      fitAddon.fit();
+      ws.send(JSON.stringify({
+        type: 'resize',
+        cols: term.cols,
+        rows: term.rows
+      }));
+    });
+  </script>
+</body>
+</html>