treesap 0.1.13 → 0.2.0

package/src/static/components/TerminalTabs.js

@@ -1,383 +0,0 @@
-// Terminal tabs management
-import { terminalStore } from '/signals/TerminalSignal.js';
-
-class TerminalTabManager {
-  constructor() {
-    this.maxTerminals = 3;
-    this.activeTerminalIndex = 1;
-    
-    this.init();
-  }
-
-  init() {
-    console.log('TerminalTabManager initialized');
-    
-    // Set up event listeners
-    this.setupEventListeners();
-    
-    // Subscribe to terminal store changes
-    this.subscribeToStore();
-    
-    // Initialize first terminal
-    this.showTerminal(1);
-    
-    // Update button visibility
-    this.updateAddButtonVisibility();
-    this.updateCloseButtonsVisibility();
-  }
-  
-  setupEventListeners() {
-    // Terminal tab click handlers
-    for (let i = 1; i <= this.maxTerminals; i++) {
-      const tabBtn = document.getElementById(`terminal-tab-${i}`);
-      if (tabBtn) {
-        tabBtn.addEventListener('click', (e) => {
-          // Prevent event bubbling to close button
-          if (!e.target.closest('.terminal-close-btn')) {
-            this.switchToTerminal(i);
-          }
-        });
-      }
-      
-      // Close button handlers
-      const closeBtns = document.querySelectorAll(`[data-terminal-index="${i}"].terminal-close-btn`);
-      closeBtns.forEach(btn => {
-        btn.addEventListener('click', async (e) => {
-          e.stopPropagation();
-          await this.closeTerminal(i);
-        });
-      });
-    }
-    
-    // Add terminal button
-    const addBtn = document.getElementById('add-terminal-btn');
-    if (addBtn) {
-      addBtn.addEventListener('click', () => {
-        this.addTerminal();
-      });
-    }
-    
-    // Keyboard shortcuts
-    document.addEventListener('keydown', (e) => {
-      // Ctrl+Shift+` to create new terminal
-      if (e.ctrlKey && e.shiftKey && e.code === 'Backquote') {
-        e.preventDefault();
-        this.addTerminal();
-      }
-      
-      // Ctrl+Shift+W to close current terminal
-      if (e.ctrlKey && e.shiftKey && e.key === 'W') {
-        e.preventDefault();
-        this.closeTerminal(this.activeTerminalIndex);
-      }
-    });
-    
-    // Window resize handler to fit terminals
-    window.addEventListener('resize', () => {
-      // Resize the currently active terminal
-      setTimeout(() => {
-        if (window.terminalManagers) {
-          const activeManager = window.terminalManagers.get(`terminal-${this.activeTerminalIndex}`);
-          if (activeManager && activeManager.terminal) {
-            activeManager.fitTerminal();
-            console.log(`Resized active terminal-${this.activeTerminalIndex} due to window resize`);
-          }
-        }
-      }, 100);
-    });
-  }
-  
-  subscribeToStore() {
-    // Watch for active terminal changes in the store
-    terminalStore.activeTerminalId.subscribe((terminalId) => {
-      if (terminalId) {
-        const match = terminalId.match(/terminal-(\d+)/);
-        if (match) {
-          const index = parseInt(match[1]);
-          this.updateActiveTabVisual(index);
-        }
-      }
-    });
-  }
-  
-  switchToTerminal(index) {
-    if (index < 1 || index > this.maxTerminals) return;
-    
-    console.log(`Switching to terminal ${index}`);
-    
-    // Update store
-    terminalStore.setActiveTerminal(`terminal-${index}`);
-    
-    // Show the terminal
-    this.showTerminal(index);
-    
-    // Update active index
-    this.activeTerminalIndex = index;
-  }
-  
-  showTerminal(index) {
-    // Hide all terminal containers
-    for (let i = 1; i <= this.maxTerminals; i++) {
-      const container = document.getElementById(`terminal-container-${i}`);
-      if (container) {
-        container.style.display = 'none';
-      }
-    }
-    
-    // Show the active terminal container
-    const activeContainer = document.getElementById(`terminal-container-${index}`);
-    if (activeContainer) {
-      activeContainer.style.display = 'block';
-    }
-    
-    // Update tab visuals
-    this.updateActiveTabVisual(index);
-    
-    // Focus and resize the terminal
-    setTimeout(() => {
-      const terminalElement = document.getElementById(`terminal-${index}-xterm`);
-      if (terminalElement && window.terminalManagers) {
-        const manager = window.terminalManagers.get(`terminal-${index}`);
-        if (manager && manager.terminal) {
-          // Fit the terminal to its container
-          manager.fitTerminal();
-          // Focus the terminal
-          manager.terminal.focus();
-          console.log(`Focused and resized terminal-${index}`);
-        } else {
-          console.warn(`Terminal manager not found for terminal-${index}`);
-        }
-      }
-    }, 150);
-  }
-  
-  updateActiveTabVisual(activeIndex) {
-    for (let i = 1; i <= this.maxTerminals; i++) {
-      const tab = document.getElementById(`terminal-tab-${i}`);
-      if (tab) {
-        if (i === activeIndex) {
-          // Active tab styling
-          tab.className = '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';
-        } else {
-          // Inactive tab styling
-          tab.className = 'terminal-tab flex items-center px-3 py-1 text-sm text-[#cccccc] hover:text-white hover:bg-[#2d2d30] transition-colors rounded-t-sm';
-        }
-      }
-    }
-  }
-  
-  addTerminal() {
-    // Find the next available terminal slot
-    for (let i = 2; i <= this.maxTerminals; i++) {
-      const tab = document.getElementById(`terminal-tab-${i}`);
-      const container = document.getElementById(`terminal-container-${i}`);
-      
-      if (tab && container && tab.style.display === 'none') {
-        console.log(`Adding terminal ${i}`);
-        
-        // Show the tab
-        tab.style.display = 'flex';
-        
-        // Add to store
-        terminalStore.addTerminal(i);
-        
-        // Show the container temporarily to allow terminal initialization
-        container.style.display = 'block';
-        
-        // Initialize the terminal by triggering the terminal manager to look for new terminals
-        setTimeout(() => {
-          if (window.initializeTerminals) {
-            window.initializeTerminals();
-          }
-          
-          // Switch to the new terminal after initialization (this will handle hiding/showing properly)
-          setTimeout(() => {
-            this.switchToTerminal(i);
-            
-            // Force a resize after switching
-            setTimeout(() => {
-              if (window.terminalManagers) {
-                const manager = window.terminalManagers.get(`terminal-${i}`);
-                if (manager && manager.terminal) {
-                  manager.fitTerminal();
-                  console.log(`Force-resized new terminal-${i}`);
-                }
-              }
-            }, 100);
-          }, 200);
-        }, 100);
-        
-        // Update add button visibility
-        this.updateAddButtonVisibility();
-        
-        // Show close button for new terminal (except terminal 1)
-        this.updateCloseButtonsVisibility();
-        
-        return;
-      }
-    }
-    
-    console.log('Maximum number of terminals reached');
-  }
-  
-  async closeTerminal(index) {
-    if (index === 1) {
-      console.log('Cannot close terminal 1');
-      return; // Can't close the first terminal
-    }
-    
-    console.log(`Closing terminal ${index}`);
-    
-    const tab = document.getElementById(`terminal-tab-${index}`);
-    const container = document.getElementById(`terminal-container-${index}`);
-    
-    if (tab && container) {
-      // Destroy server-side terminal session
-      const terminal = terminalStore.getTerminalByIndex(index);
-      if (terminal && terminal.sessionId) {
-        try {
-          const response = await fetch(`/terminal/session/${terminal.sessionId}`, {
-            method: 'DELETE'
-          });
-          
-          if (response.ok) {
-            console.log(`Terminal session ${terminal.sessionId} destroyed on server`);
-          } else {
-            console.warn(`Failed to destroy terminal session ${terminal.sessionId} on server:`, await response.text());
-          }
-        } catch (error) {
-          console.error(`Error destroying terminal session ${terminal.sessionId}:`, error);
-        }
-      } else {
-        console.warn(`No terminal found with index ${index} to destroy session`);
-      }
-      
-      // Destroy the terminal manager instance
-      if (window.terminalManagers) {
-        const manager = window.terminalManagers.get(`terminal-${index}`);
-        if (manager) {
-          await manager.destroy();
-          window.terminalManagers.delete(`terminal-${index}`);
-          console.log(`Terminal manager for terminal-${index} destroyed`);
-        }
-      }
-      
-      // Hide the tab and container
-      tab.style.display = 'none';
-      container.style.display = 'none';
-      
-      // Remove from store
-      terminalStore.removeTerminal(`terminal-${index}`);
-      
-      // If we're closing the active terminal, switch to another one
-      if (this.activeTerminalIndex === index) {
-        // Find the next available terminal
-        for (let i = 1; i <= this.maxTerminals; i++) {
-          const nextTab = document.getElementById(`terminal-tab-${i}`);
-          if (nextTab && nextTab.style.display !== 'none') {
-            this.switchToTerminal(i);
-            break;
-          }
-        }
-      }
-      
-      // Update add button visibility
-      this.updateAddButtonVisibility();
-      
-      // Update close button visibility
-      this.updateCloseButtonsVisibility();
-    }
-  }
-  
-  updateAddButtonVisibility() {
-    const addBtn = document.getElementById('add-terminal-btn');
-    if (!addBtn) return;
-    
-    // Count visible terminals
-    let visibleCount = 0;
-    for (let i = 1; i <= this.maxTerminals; i++) {
-      const tab = document.getElementById(`terminal-tab-${i}`);
-      if (tab && tab.style.display !== 'none') {
-        visibleCount++;
-      }
-    }
-    
-    // Hide add button if we have max terminals
-    addBtn.style.display = visibleCount >= this.maxTerminals ? 'none' : 'flex';
-  }
-  
-  updateCloseButtonsVisibility() {
-    // Count visible terminals
-    let visibleCount = 0;
-    for (let i = 1; i <= this.maxTerminals; i++) {
-      const tab = document.getElementById(`terminal-tab-${i}`);
-      if (tab && tab.style.display !== 'none') {
-        visibleCount++;
-      }
-    }
-    
-    // Show/hide close buttons - never show on terminal 1, only show on others if more than 1 terminal
-    for (let i = 1; i <= this.maxTerminals; i++) {
-      const closeBtns = document.querySelectorAll(`[data-terminal-index="${i}"].terminal-close-btn`);
-      closeBtns.forEach(btn => {
-        if (i === 1) {
-          // Never show close button on Terminal 1
-          btn.style.display = 'none';
-        } else {
-          // Show close button on other terminals only if there are multiple terminals
-          const tab = document.getElementById(`terminal-tab-${i}`);
-          if (tab && tab.style.display !== 'none' && visibleCount > 1) {
-            btn.style.display = 'inline-flex';
-          } else {
-            btn.style.display = 'none';
-          }
-        }
-      });
-    }
-  }
-  
-  // Get current state
-  getState() {
-    const visibleTerminals = [];
-    for (let i = 1; i <= this.maxTerminals; i++) {
-      const tab = document.getElementById(`terminal-tab-${i}`);
-      if (tab && tab.style.display !== 'none') {
-        visibleTerminals.push(i);
-      }
-    }
-    
-    return {
-      visibleTerminals,
-      activeTerminalIndex: this.activeTerminalIndex,
-      maxTerminals: this.maxTerminals
-    };
-  }
-}
-
-// Auto-initialize when script loads
-let terminalTabManager;
-
-function initializeTerminalTabs() {
-  // Wait for DOM elements to be ready
-  const terminalTab1 = document.getElementById('terminal-tab-1');
-  if (terminalTab1) {
-    console.log('Initializing TerminalTabManager...');
-    terminalTabManager = new TerminalTabManager();
-  } else {
-    console.log('Terminal tabs not found, retrying...');
-    setTimeout(initializeTerminalTabs, 100);
-  }
-}
-
-// Initialize
-if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', initializeTerminalTabs);
-} else {
-  initializeTerminalTabs();
-}
-
-// Make available globally
-window.terminalTabManager = terminalTabManager;
-window.TerminalTabManager = TerminalTabManager;
-
-export default TerminalTabManager;

package/src/static/favicon.svg

@@ -1,14 +0,0 @@
-<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<style>
-  path {
-    fill: black;
-  }
-  @media (prefers-color-scheme: dark) {
-    path {
-      fill: white;
-    }
-  }
-</style>
-<path d="M236.752 231.541L133.378 335.909C129.158 340.169 124.236 342.21 118.61 342.033C112.984 341.855 108.062 339.637 103.842 335.377C99.9747 331.117 97.953 326.147 97.7771 320.467C97.6013 314.787 99.6231 309.817 103.842 305.557L243.081 164.98C245.19 162.85 247.476 161.342 249.937 160.454C252.398 159.567 255.035 159.123 257.848 159.123C260.661 159.123 263.298 159.567 265.76 160.454C268.221 161.342 270.506 162.85 272.616 164.98L411.854 305.557C415.722 309.462 417.656 314.343 417.656 320.201C417.656 326.058 415.722 331.117 411.854 335.377C407.635 339.637 402.624 341.767 396.823 341.767C391.021 341.767 386.011 339.637 381.791 335.377L278.945 231.541V469.564C278.945 475.599 276.923 480.657 272.88 484.74C268.836 488.822 263.826 490.863 257.848 490.863C251.871 490.863 246.86 488.822 242.817 484.74C238.773 480.657 236.752 475.599 236.752 469.564V231.541Z" fill="currentColor"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M258 62.2033L388.126 192.329C394.96 199.163 406.04 199.163 412.874 192.329C419.709 185.495 419.709 174.414 412.874 167.58L277.445 32.1512C266.706 21.4118 249.294 21.4118 238.555 32.1512L103.126 167.58C96.2915 174.414 96.2915 185.495 103.126 192.329C109.96 199.163 121.04 199.163 127.874 192.329L258 62.2033Z" fill="currentColor"/>
-</svg>

package/src/static/signals/LivePreviewSignal.js

@@ -1,71 +0,0 @@
-import { signal, computed } from 'https://esm.sh/@preact/signals@1.2.2';
-
-// Live Preview state management
-class LivePreviewStore {
-  constructor() {
-    // Core state signals
-    this.refreshTrigger = signal(0);
-    this.previewPort = signal(5173); // Default port
-    this.currentUrl = signal('http://localhost:5173');
-    this.isMobileView = signal(false);
-    this.isLoading = signal(false);
-    
-    // Computed values
-    this.shouldRefresh = computed(() => this.refreshTrigger.value);
-    this.baseUrl = computed(() => `http://localhost:${this.previewPort.value}`);
-  }
-  
-  // Actions for managing preview state
-  refresh() {
-    this.refreshTrigger.value = this.refreshTrigger.value + 1;
-  }
-  
-  setPreviewPort(port) {
-    this.previewPort.value = port;
-    // Update currentUrl to use new port if it was using the old port
-    const currentUrlValue = this.currentUrl.value;
-    const oldPort = currentUrlValue.match(/:(\d+)/)?.[1];
-    if (oldPort) {
-      this.currentUrl.value = currentUrlValue.replace(`:${oldPort}`, `:${port}`);
-    } else {
-      this.currentUrl.value = `http://localhost:${port}`;
-    }
-  }
-  
-  setUrl(url) {
-    this.currentUrl.value = url;
-    this.refresh(); // Auto-refresh when URL changes
-  }
-  
-  toggleMobileView() {
-    this.isMobileView.value = !this.isMobileView.value;
-  }
-  
-  setLoading(isLoading) {
-    this.isLoading.value = isLoading;
-  }
-  
-  // Debug helpers
-  getState() {
-    return {
-      refreshTrigger: this.refreshTrigger.value,
-      previewPort: this.previewPort.value,
-      currentUrl: this.currentUrl.value,
-      isMobileView: this.isMobileView.value,
-      isLoading: this.isLoading.value,
-      baseUrl: this.baseUrl.value
-    };
-  }
-  
-  logState() {
-    console.log('Live Preview State:', this.getState());
-  }
-}
-
-// Create and export singleton instance
-export const livePreviewStore = new LivePreviewStore();
-
-// Make it available globally for debugging
-if (typeof window !== 'undefined') {
-  window.livePreviewStore = livePreviewStore;
-}

package/src/static/signals/SidebarSignal.js

@@ -1,123 +0,0 @@
-import { signal, computed } from 'https://esm.sh/@preact/signals@1.2.2';
-
-// Sidebar state management
-class SidebarStore {
-  constructor() {
-    // Core state signals
-    this.isOpen = signal(true); // Default to open on desktop
-    this.isMobile = signal(false); // Track if we're in mobile viewport
-    this.mobileBreakpoint = signal(768); // Breakpoint for mobile/desktop detection
-    
-    // Computed values
-    this.shouldShowBackdrop = computed(() => this.isMobile.value && this.isOpen.value);
-    this.shouldShowMobileToggle = computed(() => this.isMobile.value && !this.isOpen.value);
-    this.shouldShowFloatingButton = computed(() => !this.isMobile.value && !this.isOpen.value);
-    
-    // Initialize mobile detection
-    this.initializeMobileDetection();
-  }
-  
-  // Initialize mobile detection and set initial state
-  initializeMobileDetection() {
-    if (typeof window !== 'undefined') {
-      this.updateMobileState();
-      
-      // Listen for window resize
-      window.addEventListener('resize', () => {
-        this.updateMobileState();
-      });
-    }
-  }
-  
-  // Update mobile state based on window width
-  updateMobileState() {
-    if (typeof window === 'undefined') return;
-    
-    const wasMobile = this.isMobile.value;
-    const nowMobile = window.innerWidth < this.mobileBreakpoint.value;
-    
-    this.isMobile.value = nowMobile;
-    
-    // Handle initial state or breakpoint transitions
-    if (wasMobile === undefined) {
-      // First time: desktop shows sidebar, mobile hides it
-      this.isOpen.value = !nowMobile;
-    } else if (wasMobile !== nowMobile) {
-      // Breakpoint changed
-      if (wasMobile && !nowMobile) {
-        // Mobile to desktop: show sidebar
-        this.isOpen.value = true;
-      } else if (!wasMobile && nowMobile) {
-        // Desktop to mobile: hide sidebar
-        this.isOpen.value = false;
-      }
-    }
-  }
-  
-  // Actions for managing sidebar state
-  toggle() {
-    this.isOpen.value = !this.isOpen.value;
-    console.log(`Sidebar toggled: ${this.isOpen.value ? 'open' : 'closed'}`);
-  }
-  
-  open() {
-    this.isOpen.value = true;
-    console.log('Sidebar opened');
-  }
-  
-  close() {
-    this.isOpen.value = false;
-    console.log('Sidebar closed');
-  }
-  
-  // Set mobile breakpoint
-  setMobileBreakpoint(breakpoint) {
-    this.mobileBreakpoint.value = breakpoint;
-    this.updateMobileState();
-  }
-  
-  // Get current state (useful for components that need to read state once)
-  getState() {
-    return {
-      isOpen: this.isOpen.value,
-      isMobile: this.isMobile.value,
-      mobileBreakpoint: this.mobileBreakpoint.value,
-      shouldShowBackdrop: this.shouldShowBackdrop.value,
-      shouldShowMobileToggle: this.shouldShowMobileToggle.value,
-      shouldShowFloatingButton: this.shouldShowFloatingButton.value
-    };
-  }
-  
-  // Debug helpers
-  logState() {
-    console.log('Sidebar Store State:', this.getState());
-  }
-  
-  // Subscribe to state changes (for components that need to react to changes)
-  onStateChange(callback) {
-    // Create an effect that runs when any sidebar state changes
-    const unsubscribe = () => {
-      // This is a simple implementation - in a full app you might want more granular subscriptions
-      const state = this.getState();
-      callback(state);
-    };
-    
-    // Subscribe to all relevant signals
-    this.isOpen.subscribe(unsubscribe);
-    this.isMobile.subscribe(unsubscribe);
-    
-    // Return unsubscribe function
-    return () => {
-      // Note: Preact signals don't have a direct unsubscribe method
-      // In a production app, you'd want to implement proper cleanup
-    };
-  }
-}
-
-// Create and export singleton instance
-export const sidebarStore = new SidebarStore();
-
-// Make it available globally for debugging
-if (typeof window !== 'undefined') {
-  window.sidebarStore = sidebarStore;
-}