treesap 0.1.8 → 0.1.10

package/dist/services/websocket.d.ts

@@ -0,0 +1,45 @@
+import { WebSocket } from 'ws';
+import type { Server } from 'http';
+export interface WebSocketClient {
+    id: string;
+    ws: WebSocket;
+    sessionId?: string;
+    terminalId?: string;
+    lastPing: Date;
+}
+export interface WebSocketMessage {
+    type: 'join' | 'leave' | 'input' | 'ping' | 'pong';
+    sessionId?: string;
+    terminalId?: string;
+    data?: string;
+    timestamp?: number;
+}
+export declare class WebSocketTerminalService {
+    private static wss;
+    private static clients;
+    private static sessionClients;
+    static initialize(server: Server): void;
+    private static setupPingPong;
+    private static handleMessage;
+    private static handleJoin;
+    private static handleLeave;
+    private static handleInput;
+    private static handleDisconnect;
+    private static addClientToSession;
+    private static removeClientFromSession;
+    private static setupSessionOutputListener;
+    private static cleanupSessionOutputListener;
+    private static broadcastToSession;
+    private static broadcastClientCount;
+    private static sendToClient;
+    static getSessionClients(sessionId: string): string[];
+    static sendCommandToSession(sessionId: string, command: string): boolean;
+    static getActiveSessions(): Array<{
+        sessionId: string;
+        clientCount: number;
+    }>;
+    static getConnectedClients(): number;
+    static closeSession(sessionId: string): void;
+    static cleanup(): void;
+}
+//# sourceMappingURL=websocket.d.ts.map

package/dist/services/websocket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"websocket.d.ts","sourceRoot":"","sources":["../../src/services/websocket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,SAAS,EAAE,MAAM,IAAI,CAAC;AAKhD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAEnC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,SAAS,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,wBAAwB;IACnC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAgC;IAClD,OAAO,CAAC,MAAM,CAAC,OAAO,CAAsC;IAC5D,OAAO,CAAC,MAAM,CAAC,cAAc,CAAkC;IAE/D,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM;IA8ChC,OAAO,CAAC,MAAM,CAAC,aAAa;IAsB5B,OAAO,CAAC,MAAM,CAAC,aAAa;IAkC5B,OAAO,CAAC,MAAM,CAAC,UAAU;IAuCzB,OAAO,CAAC,MAAM,CAAC,WAAW;IAe1B,OAAO,CAAC,MAAM,CAAC,WAAW;IA8B1B,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAY/B,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAOjC,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAYtC,OAAO,CAAC,MAAM,CAAC,0BAA0B;IAiBzC,OAAO,CAAC,MAAM,CAAC,4BAA4B;IAQ3C,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAcjC,OAAO,CAAC,MAAM,CAAC,oBAAoB;IAenC,OAAO,CAAC,MAAM,CAAC,YAAY;IAe3B,MAAM,CAAC,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE;IAKrD,MAAM,CAAC,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO;IAaxE,MAAM,CAAC,iBAAiB,IAAI,KAAK,CAAC;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;IAO7E,MAAM,CAAC,mBAAmB,IAAI,MAAM;IAIpC,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM;IAoBrC,MAAM,CAAC,OAAO;CAUf"}

package/dist/services/websocket.js

@@ -0,0 +1,306 @@
+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;
+            }
+            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;
+        ;
+        // 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/components/Sidebar.js

@@ -0,0 +1,225 @@
+// Sidebar component JavaScript for responsive behavior
+import { sidebarStore } from '/signals/SidebarSignal.js';
+
+class SidebarManager {
+  constructor(id = 'sidebar') {
+    this.id = id;
+    
+    // DOM elements
+    this.backdrop = document.getElementById(`${id}-backdrop`);
+    this.pane = document.getElementById(`${id}-pane`);
+    this.closeBtn = document.getElementById(`${id}-close-btn`);
+    this.refreshBtn = document.getElementById('live-preview-refresh-btn');
+    this.urlInput = document.getElementById('live-preview-url-input');
+    this.loadBtn = document.getElementById('live-preview-load-btn');
+    
+    // Reference to the sidebar store
+    this.store = sidebarStore;
+    
+    this.init();
+  }
+
+  init() {
+    console.log('Initializing Sidebar:', this.id);
+    console.log('Elements found:', {
+      backdrop: !!this.backdrop,
+      pane: !!this.pane,
+      closeBtn: !!this.closeBtn,
+      refreshBtn: !!this.refreshBtn,
+      urlInput: !!this.urlInput,
+      loadBtn: !!this.loadBtn
+    });
+    
+    // Set up event listeners
+    this.setupEventListeners();
+    
+    // Subscribe to store state changes
+    this.subscribeToStore();
+    
+    // Initial state update
+    this.updateSidebarState();
+    this.updateMobileToggle();
+  }
+
+  setupEventListeners() {
+    // Mobile close button
+    this.closeBtn?.addEventListener('click', () => this.store.close());
+    
+    // Backdrop click to close
+    this.backdrop?.addEventListener('click', () => this.store.close());
+    
+    // Mobile toggle button (in main layout)
+    const mobileToggle = document.getElementById('mobile-sidebar-toggle');
+    mobileToggle?.addEventListener('click', () => this.store.toggle());
+    
+    // Refresh button
+    this.refreshBtn?.addEventListener('click', () => this.refreshPreview());
+    
+    // URL navigation
+    this.loadBtn?.addEventListener('click', (e) => {
+      e.preventDefault();
+      this.loadUrl();
+    });
+    
+    this.urlInput?.addEventListener('keypress', (e) => {
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        this.loadUrl();
+      }
+    });
+    
+    // Keyboard shortcuts
+    document.addEventListener('keydown', (e) => {
+      // Escape key to close sidebar on mobile
+      if (e.key === 'Escape' && this.store.isMobile.value && this.store.isOpen.value) {
+        e.preventDefault();
+        this.store.close();
+      }
+      
+      // Cmd/Ctrl + B to toggle sidebar
+      if ((e.metaKey || e.ctrlKey) && e.key === 'b') {
+        e.preventDefault();
+        this.store.toggle();
+      }
+    });
+    
+    // Listen for custom events to maintain backward compatibility
+    document.addEventListener('sidebar:toggle', () => this.store.toggle());
+    document.addEventListener('sidebar:open', () => this.store.open());
+    document.addEventListener('sidebar:close', () => this.store.close());
+  }
+
+  subscribeToStore() {
+    // Subscribe to store changes and update UI accordingly
+    this.store.isOpen.subscribe(() => this.updateSidebarState());
+    this.store.isMobile.subscribe(() => this.updateSidebarState());
+    this.store.shouldShowBackdrop.subscribe(() => this.updateSidebarState());
+    this.store.shouldShowMobileToggle.subscribe(() => this.updateMobileToggle());
+  }
+
+  updateSidebarState() {
+    if (!this.pane || !this.backdrop) return;
+    
+    const isOpen = this.store.isOpen.value;
+    const isMobile = this.store.isMobile.value;
+    const shouldShowBackdrop = this.store.shouldShowBackdrop.value;
+    
+    if (isMobile) {
+      // Mobile behavior: overlay
+      if (shouldShowBackdrop) {
+        // Show backdrop
+        this.backdrop.classList.remove('opacity-0', 'pointer-events-none');
+        this.backdrop.classList.add('opacity-100');
+        
+        // Prevent body scroll
+        document.body.style.overflow = 'hidden';
+      } else {
+        // Hide backdrop
+        this.backdrop.classList.remove('opacity-100');
+        this.backdrop.classList.add('opacity-0', 'pointer-events-none');
+        
+        // Restore body scroll
+        document.body.style.overflow = '';
+      }
+      
+      if (isOpen) {
+        // Show sidebar
+        this.pane.classList.remove('-translate-x-full');
+        this.pane.classList.add('translate-x-0');
+      } else {
+        // Hide sidebar
+        this.pane.classList.remove('translate-x-0');
+        this.pane.classList.add('-translate-x-full');
+      }
+    } else {
+      // Desktop behavior: side panel
+      // Hide backdrop (not needed on desktop)
+      this.backdrop.classList.add('opacity-0', 'pointer-events-none');
+      
+      // Restore body scroll
+      document.body.style.overflow = '';
+      
+      if (isOpen) {
+        // Show sidebar
+        this.pane.classList.remove('-translate-x-full');
+        this.pane.classList.add('translate-x-0');
+        this.pane.style.display = '';
+      } else {
+        // Hide sidebar completely on desktop
+        this.pane.style.display = 'none';
+      }
+    }
+  }
+
+  updateMobileToggle() {
+    const mobileToggle = document.getElementById('mobile-sidebar-toggle');
+    const shouldShow = this.store.shouldShowMobileToggle.value;
+    
+    if (mobileToggle) {
+      mobileToggle.style.display = shouldShow ? 'flex' : 'none';
+    }
+  }
+
+  refreshPreview() {
+    // Dispatch event for SimpleLivePreview to handle
+    document.dispatchEvent(new CustomEvent('preview:refresh'));
+  }
+
+  loadUrl() {
+    if (this.urlInput) {
+      const path = this.urlInput.value.trim();
+      // Dispatch event for SimpleLivePreview to handle
+      document.dispatchEvent(new CustomEvent('preview:loadUrl', {
+        detail: { path }
+      }));
+    }
+  }
+
+  // Public API methods
+  getState() {
+    return this.store.getState();
+  }
+
+  destroy() {
+    // Restore body scroll
+    document.body.style.overflow = '';
+    
+    // Clean up is handled by the signal store
+  }
+}
+
+// Auto-initialize when script loads
+console.log('Sidebar.js loaded, looking for sidebar containers...');
+
+function initializeSidebar() {
+  // Look for sapling-islands containing sidebar content
+  const saplingIslands = document.querySelectorAll('sapling-island');
+  
+  for (const island of saplingIslands) {
+    // Look for sidebar pane div
+    const sidebarPane = island.querySelector('div[id$="-pane"]');
+    if (sidebarPane && sidebarPane.id.includes('sidebar')) {
+      const sidebarId = sidebarPane.id.replace('-pane', '');
+      console.log('Found Sidebar component with ID:', sidebarId);
+      
+      // Create and store manager
+      const manager = new SidebarManager(sidebarId);
+      window.sidebarManager = manager; // Make globally available
+      
+      break; // Only one sidebar per page
+    }
+  }
+}
+
+// Initialize immediately since Sapling islands are ready
+initializeSidebar();
+
+// Make available globally
+window.SidebarManager = SidebarManager;
+
+// Cleanup on page unload
+window.addEventListener('beforeunload', () => {
+  if (window.sidebarManager) {
+    window.sidebarManager.destroy();
+  }
+});