treesap 0.1.8 → 0.1.9

package/dist/services/websocket.js

@@ -0,0 +1,307 @@
+import { WebSocketServer, WebSocket } from 'ws';
+import { v4 as uuidv4 } from 'uuid';
+import { TerminalService } from './terminal.js';
+export class WebSocketTerminalService {
+    static wss = null;
+    static clients = new Map();
+    static sessionClients = new Map(); // sessionId -> Set<clientId>
+    static initialize(server) {
+        this.wss = new WebSocketServer({
+            server,
+            path: '/terminal/ws'
+        });
+        this.wss.on('connection', (ws, request) => {
+            const clientId = uuidv4();
+            const client = {
+                id: clientId,
+                ws,
+                lastPing: new Date()
+            };
+            this.clients.set(clientId, client);
+            console.log(`WebSocket client connected: ${clientId}`);
+            // Set up message handler
+            ws.on('message', (data) => {
+                this.handleMessage(clientId, data);
+            });
+            // Set up disconnect handler
+            ws.on('close', () => {
+                this.handleDisconnect(clientId);
+            });
+            // Set up error handler
+            ws.on('error', (error) => {
+                console.error(`WebSocket error for client ${clientId}:`, error);
+                this.handleDisconnect(clientId);
+            });
+            // Send initial connection success
+            this.sendToClient(clientId, {
+                type: 'pong',
+                timestamp: Date.now()
+            });
+            // Set up ping/pong for connection health
+            this.setupPingPong(clientId);
+        });
+        console.log('WebSocket server initialized for terminal connections');
+    }
+    static setupPingPong(clientId) {
+        const client = this.clients.get(clientId);
+        if (!client)
+            return;
+        const pingInterval = setInterval(() => {
+            if (client.ws.readyState === WebSocket.OPEN) {
+                client.ws.ping();
+                client.lastPing = new Date();
+            }
+            else {
+                clearInterval(pingInterval);
+            }
+        }, 30000); // Ping every 30 seconds
+        client.ws.on('pong', () => {
+            client.lastPing = new Date();
+        });
+        client.ws.on('close', () => {
+            clearInterval(pingInterval);
+        });
+    }
+    static handleMessage(clientId, data) {
+        try {
+            const message = JSON.parse(data.toString());
+            const client = this.clients.get(clientId);
+            if (!client) {
+                console.error(`Client ${clientId} not found`);
+                return;
+            }
+            console.log(`Received message from ${clientId}:`, message.type, message.sessionId);
+            switch (message.type) {
+                case 'join':
+                    this.handleJoin(clientId, message);
+                    break;
+                case 'leave':
+                    this.handleLeave(clientId, message);
+                    break;
+                case 'input':
+                    this.handleInput(clientId, message);
+                    break;
+                case 'ping':
+                    this.sendToClient(clientId, {
+                        type: 'pong',
+                        timestamp: Date.now()
+                    });
+                    break;
+                default:
+                    console.warn(`Unknown message type: ${message.type}`);
+            }
+        }
+        catch (error) {
+            console.error(`Error parsing WebSocket message from ${clientId}:`, error);
+        }
+    }
+    static handleJoin(clientId, message) {
+        const client = this.clients.get(clientId);
+        if (!client || !message.sessionId)
+            return;
+        console.log(`Client ${clientId} joining session ${message.sessionId}`);
+        // Remove client from any existing session
+        if (client.sessionId) {
+            this.removeClientFromSession(clientId, client.sessionId);
+        }
+        // Get or create terminal session
+        let session = TerminalService.getSession(message.sessionId);
+        if (!session) {
+            console.log(`Creating new terminal session: ${message.sessionId}`);
+            session = TerminalService.createSession(message.sessionId);
+        }
+        // Update client info
+        client.sessionId = message.sessionId;
+        client.terminalId = message.terminalId;
+        // Add client to session tracking
+        this.addClientToSession(clientId, message.sessionId);
+        // Set up output listener for this session (if not already set up)
+        this.setupSessionOutputListener(message.sessionId);
+        // Send connection confirmation
+        this.sendToClient(clientId, {
+            type: 'connected',
+            sessionId: message.sessionId,
+            timestamp: Date.now()
+        });
+        // Notify all clients in this session about client count
+        this.broadcastClientCount(message.sessionId);
+    }
+    static handleLeave(clientId, message) {
+        const client = this.clients.get(clientId);
+        if (!client)
+            return;
+        console.log(`Client ${clientId} leaving session ${client.sessionId}`);
+        if (client.sessionId) {
+            this.removeClientFromSession(clientId, client.sessionId);
+            this.broadcastClientCount(client.sessionId);
+        }
+        client.sessionId = undefined;
+        client.terminalId = undefined;
+    }
+    static handleInput(clientId, message) {
+        const client = this.clients.get(clientId);
+        if (!client || !message.sessionId || message.data === undefined)
+            return;
+        console.log(`Input from client ${clientId} to session ${message.sessionId}`);
+        // Get the terminal session
+        const session = TerminalService.getSession(message.sessionId);
+        if (!session) {
+            console.error(`Session ${message.sessionId} not found`);
+            this.sendToClient(clientId, {
+                type: 'error',
+                data: 'Terminal session not found',
+                timestamp: Date.now()
+            });
+            return;
+        }
+        // Send input directly to PTY (raw input like key presses)
+        try {
+            session.lastActivity = new Date();
+            session.process.write(message.data);
+        }
+        catch (error) {
+            console.error(`Failed to send input to session ${message.sessionId}:`, error);
+            this.sendToClient(clientId, {
+                type: 'error',
+                data: 'Failed to send input to terminal',
+                timestamp: Date.now()
+            });
+        }
+    }
+    static handleDisconnect(clientId) {
+        const client = this.clients.get(clientId);
+        console.log(`WebSocket client disconnected: ${clientId}`);
+        if (client?.sessionId) {
+            this.removeClientFromSession(clientId, client.sessionId);
+            this.broadcastClientCount(client.sessionId);
+        }
+        this.clients.delete(clientId);
+    }
+    static addClientToSession(clientId, sessionId) {
+        if (!this.sessionClients.has(sessionId)) {
+            this.sessionClients.set(sessionId, new Set());
+        }
+        this.sessionClients.get(sessionId).add(clientId);
+    }
+    static removeClientFromSession(clientId, sessionId) {
+        const clientSet = this.sessionClients.get(sessionId);
+        if (clientSet) {
+            clientSet.delete(clientId);
+            if (clientSet.size === 0) {
+                this.sessionClients.delete(sessionId);
+                // Clean up output listener if no clients are connected
+                this.cleanupSessionOutputListener(sessionId);
+            }
+        }
+    }
+    static setupSessionOutputListener(sessionId) {
+        const session = TerminalService.getSession(sessionId);
+        if (!session)
+            return;
+        // Check if listener already exists
+        if (session.eventEmitter.listenerCount('output') > 0) {
+            return; // Listener already set up
+        }
+        const handleOutput = (data) => {
+            this.broadcastToSession(sessionId, data);
+        };
+        session.eventEmitter.on('output', handleOutput);
+        console.log(`Set up output listener for session ${sessionId}`);
+    }
+    static cleanupSessionOutputListener(sessionId) {
+        const session = TerminalService.getSession(sessionId);
+        if (!session)
+            return;
+        session.eventEmitter.removeAllListeners('output');
+        console.log(`Cleaned up output listener for session ${sessionId}`);
+    }
+    static broadcastToSession(sessionId, data) {
+        const clientIds = this.sessionClients.get(sessionId);
+        if (!clientIds)
+            return;
+        const message = {
+            ...data,
+            timestamp: Date.now()
+        };
+        for (const clientId of clientIds) {
+            this.sendToClient(clientId, message);
+        }
+    }
+    static broadcastClientCount(sessionId) {
+        const clientIds = this.sessionClients.get(sessionId);
+        const count = clientIds ? clientIds.size : 0;
+        if (clientIds) {
+            for (const clientId of clientIds) {
+                this.sendToClient(clientId, {
+                    type: 'clients_count',
+                    count,
+                    timestamp: Date.now()
+                });
+            }
+        }
+    }
+    static sendToClient(clientId, message) {
+        const client = this.clients.get(clientId);
+        if (!client || client.ws.readyState !== WebSocket.OPEN) {
+            return;
+        }
+        try {
+            client.ws.send(JSON.stringify(message));
+        }
+        catch (error) {
+            console.error(`Error sending message to client ${clientId}:`, error);
+            this.handleDisconnect(clientId);
+        }
+    }
+    // API methods for external control
+    static getSessionClients(sessionId) {
+        const clientSet = this.sessionClients.get(sessionId);
+        return clientSet ? Array.from(clientSet) : [];
+    }
+    static sendCommandToSession(sessionId, command) {
+        // Send command to terminal
+        const success = TerminalService.executeCommand(sessionId, command);
+        if (success) {
+            // The output will be automatically broadcast to all connected clients
+            // via the output listener
+            console.log(`Command sent to session ${sessionId}: ${command.substring(0, 50)}...`);
+        }
+        return success;
+    }
+    static getActiveSessions() {
+        return Array.from(this.sessionClients.entries()).map(([sessionId, clients]) => ({
+            sessionId,
+            clientCount: clients.size
+        }));
+    }
+    static getConnectedClients() {
+        return this.clients.size;
+    }
+    static closeSession(sessionId) {
+        const clientIds = this.sessionClients.get(sessionId);
+        if (clientIds) {
+            // Notify all clients that the session is closing
+            for (const clientId of clientIds) {
+                this.sendToClient(clientId, {
+                    type: 'session_closed',
+                    sessionId,
+                    timestamp: Date.now()
+                });
+            }
+            // Clean up client tracking
+            this.sessionClients.delete(sessionId);
+        }
+        // Clean up the terminal session
+        TerminalService.destroySession(sessionId);
+    }
+    static cleanup() {
+        if (this.wss) {
+            console.log('Closing WebSocket server...');
+            this.wss.close();
+            this.wss = null;
+        }
+        this.clients.clear();
+        this.sessionClients.clear();
+    }
+}
+//# sourceMappingURL=websocket.js.map

package/dist/services/websocket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"websocket.js","sourceRoot":"","sources":["../../src/services/websocket.ts"],"names":[],"mappings":"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"}

package/dist/static/styles/main.css

@@ -1141,10 +1141,6 @@ video {
   margin-left: 0.5rem;
 }
 
-.mr-1 {
-  margin-right: 0.25rem;
-}
-
 .mr-2 {
   margin-right: 0.5rem;
 }
@@ -1251,10 +1247,6 @@ video {
   justify-content: center;
 }
 
-.gap-1 {
-  gap: 0.25rem;
-}
-
 .gap-2 {
   gap: 0.5rem;
 }
@@ -1381,10 +1373,6 @@ video {
   --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
 }
 
-.p-0\.5 {
-  padding: 0.125rem;
-}
-
 .p-1 {
   padding: 0.25rem;
 }
@@ -1397,10 +1385,6 @@ video {
   padding: 0.75rem;
 }
 
-.p-4 {
-  padding: 1rem;
-}
-
 .p-6 {
   padding: 1.5rem;
 }
@@ -1409,11 +1393,6 @@ video {
   padding: 2rem;
 }
 
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -1593,10 +1572,6 @@ video {
   outline-offset: 2px;
 }
 
-.disabled\:opacity-50:disabled {
-  opacity: 0.5;
-}
-
 .group:hover .group-hover\:text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "treesap",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "AI Agent Framework",
   "type": "module",
   "main": "dist/index.js",
@@ -37,10 +37,14 @@
     "commander": "^12.1.0",
     "dotenv": "^16.4.7",
     "hono": "^4.9.1",
-    "node-pty": "^1.1.0-beta34"
+    "node-pty": "^1.1.0-beta34",
+    "uuid": "^11.1.0",
+    "ws": "^8.18.3"
   },
   "devDependencies": {
     "@types/node": "^22.15.15",
+    "@types/uuid": "^10.0.0",
+    "@types/ws": "^8.18.1",
     "tailwindcss": "^3.4.17",
     "tsx": "^4.19.2",
     "typescript": "^5.7.3"

package/src/layouts/Layout.tsx

@@ -14,7 +14,7 @@ export default function BaseLayout(props: BaseLayoutProps) {
         <title>{props.title || "Treesap"}</title>
         <meta name="description" content={props.description || "A modern web application"} />
         <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, interactive-widget=resizes-content" />
         <link rel="stylesheet" href="/styles/main.css" />
         {/* Sapling Islands */}
         <script type="module" src="https://sapling-is.land"></script>

package/src/pages/Code.tsx

@@ -53,99 +53,12 @@ export function Code({ previewPort = 1234, workingDirectory }: TerminalProps) {
             </div>
           </div>
           
-          {/* Tab Headers */}
-          <div class="flex py-2">
-            <button class="px-3 py-2 text-[#cccccc] disabled:opacity-50 cursor-not-allowed flex items-center justify-center">
-              <iconify-icon icon="tabler:folder" width="20" height="20"></iconify-icon>
-            </button>
-            <button class="px-3 py-2 text-[#cccccc] disabled:opacity-50 cursor-not-allowed flex items-center justify-center">
-              <iconify-icon icon="tabler:search" width="20" height="20"></iconify-icon>
-            </button>
-            <button class="px-3 py-2 text-white flex items-center justify-center">
-              <iconify-icon icon="tabler:terminal" width="20" height="20"></iconify-icon>
-            </button>
-            <button class="px-3 py-2 text-[#cccccc] disabled:opacity-50 cursor-not-allowed flex items-center justify-center">
-              <iconify-icon icon="tabler:git-merge" width="20" height="20"></iconify-icon>
-            </button>
-          </div>
           
           {/* Tab Content */}
           <div class="flex-1 overflow-hidden bg-[#1e1e1e]">
-            {/* Terminal Tab Content (Active) */}
-            <div class="h-full flex flex-col">
-              
-              {/* Terminal Tabs Bar */}
-              <div class="border-b border-[#3c3c3c] bg-[#252526] px-3 py-1">
-                <div class="flex items-center gap-1">
-                  {/* Terminal Tab 1 */}
-                  <button
-                    id="terminal-tab-1"
-                    class="terminal-tab flex items-center px-3 py-1 text-sm text-white bg-[#1e1e1e] border-t-2 border-[#0e639c] rounded-t-sm hover:bg-[#2d2d30] transition-colors"
-                    data-terminal-index="1"
-                  >
-                    <iconify-icon icon="tabler:terminal-2" width="14" height="14" class="mr-1"></iconify-icon>
-                    Terminal 1
-                    <button class="ml-2 hover:bg-[#3c3c3c] rounded p-0.5 text-[#cccccc] hover:text-white terminal-close-btn" data-terminal-index="1" style="display: none;">
-                      <iconify-icon icon="tabler:x" width="12" height="12"></iconify-icon>
-                    </button>
-                  </button>
-                  
-                  {/* Terminal Tab 2 */}
-                  <button
-                    id="terminal-tab-2"
-                    class="terminal-tab flex items-center px-3 py-1 text-sm text-[#cccccc] hover:text-white hover:bg-[#2d2d30] transition-colors rounded-t-sm"
-                    data-terminal-index="2"
-                    style="display: none;"
-                  >
-                    <iconify-icon icon="tabler:terminal-2" width="14" height="14" class="mr-1"></iconify-icon>
-                    Terminal 2
-                    <button class="ml-2 hover:bg-[#3c3c3c] rounded p-0.5 text-[#cccccc] hover:text-white terminal-close-btn" data-terminal-index="2">
-                      <iconify-icon icon="tabler:x" width="12" height="12"></iconify-icon>
-                    </button>
-                  </button>
-                  
-                  {/* Terminal Tab 3 */}
-                  <button
-                    id="terminal-tab-3"
-                    class="terminal-tab flex items-center px-3 py-1 text-sm text-[#cccccc] hover:text-white hover:bg-[#2d2d30] transition-colors rounded-t-sm"
-                    data-terminal-index="3"
-                    style="display: none;"
-                  >
-                    <iconify-icon icon="tabler:terminal-2" width="14" height="14" class="mr-1"></iconify-icon>
-                    Terminal 3
-                    <button class="ml-2 hover:bg-[#3c3c3c] rounded p-0.5 text-[#cccccc] hover:text-white terminal-close-btn" data-terminal-index="3">
-                      <iconify-icon icon="tabler:x" width="12" height="12"></iconify-icon>
-                    </button>
-                  </button>
-                  
-                  {/* Add Terminal Button */}
-                  <button
-                    id="add-terminal-btn"
-                    class="flex items-center px-2 py-1 text-sm text-[#cccccc] hover:text-white hover:bg-[#2d2d30] transition-colors rounded"
-                    title="New Terminal"
-                  >
-                    <iconify-icon icon="tabler:plus" width="14" height="14"></iconify-icon>
-                  </button>
-                </div>
-              </div>
-              
-              {/* Terminal Content Area */}
-              <div class="flex-1 overflow-hidden relative">
-                {/* Terminal 1 Container */}
-                <div id="terminal-container-1" class="h-full p-4 terminal-container" data-terminal-index="1">
-                  <TerminalComponent index={1} />
-                </div>
-                
-                {/* Terminal 2 Container */}
-                <div id="terminal-container-2" class="h-full p-4 terminal-container" data-terminal-index="2" style="display: none;">
-                  <TerminalComponent index={2} />
-                </div>
-                
-                {/* Terminal 3 Container */}
-                <div id="terminal-container-3" class="h-full p-4 terminal-container" data-terminal-index="3" style="display: none;">
-                  <TerminalComponent index={3} />
-                </div>
-              </div>
+            {/* Single Terminal Content */}
+            <div class="h-full">
+              <TerminalComponent index={1} />
             </div>
           </div>
         </div>
@@ -153,9 +66,6 @@ export function Code({ previewPort = 1234, workingDirectory }: TerminalProps) {
         {/* Right Pane - Live Preview */}
         <SimpleLivePreview id="live-preview" previewPort={previewPort} />
       </div>
-      
-      {/* Terminal Tabs Management Script */}
-      <script type="module" src="/components/TerminalTabs.js"></script>
     </Layout>
   );
 }