vibesurf 0.1.27__py3-none-any.whl → 0.1.29__py3-none-any.whl

vibe_surf/_version.py

@@ -28,7 +28,7 @@ version_tuple: VERSION_TUPLE
 commit_id: COMMIT_ID
 __commit_id__: COMMIT_ID
 
-__version__ = version = '0.1.27'
-__version_tuple__ = version_tuple = (0, 1, 27)
+__version__ = version = '0.1.29'
+__version_tuple__ = version_tuple = (0, 1, 29)
 
 __commit_id__ = commit_id = None

vibe_surf/backend/shared_state.py

@@ -353,13 +353,13 @@ async def initialize_vibesurf_components():
         browser_execution_path = os.getenv("BROWSER_EXECUTION_PATH", "")
         assert os.path.exists(browser_execution_path), "Please set the BROWSER_EXECUTION_PATH environment variable"
         browser_user_data = os.getenv("BROWSER_USER_DATA", "")
-        if not browser_user_data:
+        if not browser_user_data or not os.path.exists(browser_user_data):
             browser_user_data = os.path.join(workspace_dir, "browser_user_data",
                                              f"{os.path.basename(browser_execution_path)}-profile")
 
         # Get VibeSurf extension path
         vibesurf_extension = os.getenv("VIBESURF_EXTENSION", "")
-        if not vibesurf_extension.strip():
+        if not vibesurf_extension.strip() or not os.path.exists(vibesurf_extension):
             current_file = Path(__file__)
             project_root = current_file.parent.parent.absolute()
             vibesurf_extension = str(project_root / "chrome_extension")

vibe_surf/chrome_extension/config.js

@@ -27,6 +27,14 @@ const VIBESURF_CONFIG = {
     autoScroll: true,
     compactMode: false
   },
+
+  // Social media links
+  SOCIAL_LINKS: {
+    github: "https://github.com/vibesurf-ai/VibeSurf",
+    discord: "https://discord.gg/EZ2YnUXP",
+    x: "https://x.com/warmshao",
+    website: "https://vibe-surf.com/"
+  },
   
   // Debug mode
   DEBUG: false

vibe_surf/chrome_extension/scripts/ui-manager.js

@@ -31,6 +31,7 @@ class VibeSurfUIManager {
     this.initializeManagers();
     this.bindEvents();
     this.setupSessionListeners();
+    this.initializeSocialLinks();
   }
 
   bindElements() {
@@ -3468,6 +3469,151 @@ class VibeSurfUIManager {
     return skills.length > 0 ? skills : null;
   }
 
+  // Initialize social links from config
+  initializeSocialLinks() {
+    const socialLinksContainer = document.getElementById('social-links-container');
+    if (!socialLinksContainer) {
+      console.warn('[UIManager] Social links container not found');
+      return;
+    }
+
+    // Get social links from config
+    const socialLinks = window.VIBESURF_CONFIG?.SOCIAL_LINKS;
+    if (!socialLinks) {
+      console.warn('[UIManager] Social links not found in config');
+      return;
+    }
+
+    // Clear existing content
+    socialLinksContainer.innerHTML = '';
+
+    // Handle website link separately by making VibeSurf logo/text clickable
+    const websiteUrl = socialLinks.website;
+    if (websiteUrl) {
+      this.initializeVibeSurfWebsiteLink(websiteUrl);
+    }
+
+    // Create social link elements (excluding website)
+    Object.entries(socialLinks).forEach(([platform, url]) => {
+      if (platform !== 'website') {
+        const link = this.createSocialLink(platform, url);
+        if (link) {
+          socialLinksContainer.appendChild(link);
+        }
+      }
+    });
+  }
+
+  // Make VibeSurf text clickable to link to website
+  initializeVibeSurfWebsiteLink(websiteUrl) {
+    // Only find elements that contain "VibeSurf" text specifically
+    const allElements = document.querySelectorAll('*');
+    const vibeSurfTextElements = [];
+    
+    allElements.forEach(element => {
+      // Only target elements that contain "VibeSurf" text and are likely text elements
+      if (element.textContent &&
+          element.textContent.trim() === 'VibeSurf' &&
+          element.children.length === 0) { // Only leaf text nodes, not containers
+        vibeSurfTextElements.push(element);
+      }
+    });
+    
+    // Make only VibeSurf text elements clickable
+    vibeSurfTextElements.forEach(element => {
+      if (element && !element.querySelector('a')) { // Don't double-wrap already linked elements
+        element.style.cursor = 'pointer';
+        element.style.transition = 'opacity 0.2s ease';
+        element.setAttribute('title', 'Login to early access alpha features');
+        
+        // Add hover effect
+        element.addEventListener('mouseenter', () => {
+          element.style.opacity = '0.8';
+        });
+        
+        element.addEventListener('mouseleave', () => {
+          element.style.opacity = '1';
+        });
+        
+        // Add click handler
+        element.addEventListener('click', (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          this.openWebsiteLink(websiteUrl);
+        });
+      }
+    });
+  }
+
+  // Open website link in new tab
+  async openWebsiteLink(url) {
+    try {
+      console.log('[UIManager] Opening VibeSurf website:', url);
+      
+      const result = await chrome.runtime.sendMessage({
+        type: 'OPEN_FILE_URL',
+        data: { fileUrl: url }
+      });
+      
+      if (!result || !result.success) {
+        throw new Error(result?.error || 'Failed to open website');
+      }
+      
+      console.log('[UIManager] Successfully opened website tab:', result.tabId);
+    } catch (error) {
+      console.error('[UIManager] Error opening website:', error);
+      this.showNotification(`Failed to open website: ${error.message}`, 'error');
+    }
+  }
+
+  // Create individual social link element
+  createSocialLink(platform, url) {
+    const link = document.createElement('a');
+    link.href = url;
+    link.className = 'social-link';
+    link.setAttribute('data-platform', platform);
+    link.setAttribute('target', '_blank');
+    link.setAttribute('rel', 'noopener noreferrer');
+
+    // Set title and tooltip based on platform
+    let title = '';
+    let svg = '';
+
+    switch (platform.toLowerCase()) {
+      case 'github':
+        title = 'GitHub';
+        svg = `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z" fill="currentColor"/>
+        </svg>`;
+        break;
+      
+      case 'discord':
+        title = 'Discord';
+        svg = `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" fill="currentColor"/>
+        </svg>`;
+        break;
+      
+      case 'x':
+      case 'twitter':
+        title = 'X (Twitter)';
+        svg = `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="currentColor"/>
+        </svg>`;
+        break;
+      
+      
+      default:
+        console.warn(`[UIManager] Unknown social platform: ${platform}`);
+        return null;
+    }
+
+    link.setAttribute('title', title);
+    link.innerHTML = svg;
+
+    return link;
+  }
+
   // Export for use in other modules
   static exportToWindow() {
     if (typeof window !== 'undefined') {

vibe_surf/chrome_extension/sidepanel.html

@@ -36,22 +36,8 @@
                         <div class="logo-brand">
                             <img src="icons/logo.png" alt="VibeSurf" class="logo-image">
                             <span class="logo-text">VibeSurf</span>
-                            <div class="social-links">
-                                <a href="https://github.com/vvincent1234/VibeSurf" class="social-link" title="GitHub" data-platform="github" target="_blank" rel="noopener noreferrer">
-                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                        <path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z" fill="currentColor"/>
-                                    </svg>
-                                </a>
-                                <a href="https://discord.gg/WSeRwW2M" class="social-link" title="Discord" data-platform="discord" target="_blank" rel="noopener noreferrer">
-                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                        <path d="M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" fill="currentColor"/>
-                                    </svg>
-                                </a>
-                                <a href="https://x.com/warmshao" class="social-link" title="X (Twitter)" data-platform="x" target="_blank" rel="noopener noreferrer">
-                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                        <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="currentColor"/>
-                                    </svg>
-                                </a>
+                            <div class="social-links" id="social-links-container">
+                                <!-- Social links will be populated dynamically from config -->
                             </div>
                         </div>
                         <div class="session-info">