shell-mirror 1.5.47 → 1.5.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shell-mirror",
-  "version": "1.5.47",
+  "version": "1.5.48",
   "description": "Access your Mac shell from any device securely. Perfect for mobile coding with Claude Code CLI, Gemini CLI, and any shell tool.",
   "main": "server.js",
   "bin": {

package/public/app/dashboard.js

@@ -13,6 +13,23 @@ class ShellMirrorDashboard {
         this.showLoading();
         this.loadVersionInfo(); // Load version info immediately
         
+        // Debug Google Analytics setup
+        console.log('🔍 [DASHBOARD DEBUG] Checking Google Analytics setup...');
+        console.log('🔍 [DASHBOARD DEBUG] gtag function available:', typeof gtag !== 'undefined');
+        console.log('🔍 [DASHBOARD DEBUG] dataLayer exists:', typeof window.dataLayer !== 'undefined');
+        
+        if (typeof gtag !== 'undefined') {
+            console.log('✅ [DASHBOARD DEBUG] Google Analytics is available');
+            // Send dashboard page view debug event
+            gtag('event', 'page_debug', {
+                event_category: 'debug',
+                event_label: 'dashboard_page_loaded'
+            });
+            console.log('📊 [DASHBOARD DEBUG] Dashboard page debug event sent');
+        } else {
+            console.warn('❌ [DASHBOARD DEBUG] Google Analytics gtag function not available');
+        }
+        
         try {
             const authStatus = await this.checkAuthStatus();
             
@@ -431,13 +448,18 @@ class ShellMirrorDashboard {
             console.log(`[DASHBOARD] ✅ Reconnecting to existing session: ${mostRecentSession.id}`);
             
             // Track terminal connection in Google Analytics
+            console.log('🔍 [DASHBOARD DEBUG] Attempting to track terminal_connect (existing_session)');
             if (typeof gtag !== 'undefined') {
+                console.log('📊 [DASHBOARD DEBUG] Sending terminal_connect event (existing_session) to Google Analytics');
                 gtag('event', 'terminal_connect', {
                     event_category: 'terminal',
                     event_label: 'existing_session',
                     agent_id: agentId,
                     session_id: mostRecentSession.id
                 });
+                console.log('✅ [DASHBOARD DEBUG] terminal_connect (existing_session) event sent successfully');
+            } else {
+                console.warn('❌ [DASHBOARD DEBUG] Cannot send terminal_connect event - gtag not available');
             }
             
             window.location.href = `/app/terminal.html?agent=${agentId}&session=${mostRecentSession.id}`;
@@ -446,12 +468,17 @@ class ShellMirrorDashboard {
             console.log(`[DASHBOARD] 🆕 Creating new session for agent: ${agentId}`);
             
             // Track new session creation in Google Analytics
+            console.log('🔍 [DASHBOARD DEBUG] Attempting to track terminal_connect (new_session)');
             if (typeof gtag !== 'undefined') {
+                console.log('📊 [DASHBOARD DEBUG] Sending terminal_connect event (new_session) to Google Analytics');
                 gtag('event', 'terminal_connect', {
                     event_category: 'terminal',
                     event_label: 'new_session',
                     agent_id: agentId
                 });
+                console.log('✅ [DASHBOARD DEBUG] terminal_connect (new_session) event sent successfully');
+            } else {
+                console.warn('❌ [DASHBOARD DEBUG] Cannot send terminal_connect event - gtag not available');
             }
             
             window.location.href = `/app/terminal.html?agent=${agentId}`;

package/public/app/terminal.js

@@ -180,6 +180,23 @@ setInterval(() => {
 window.addEventListener('load', () => {
     loadVersionInfo();
     
+    // Debug Google Analytics setup
+    console.log('🔍 [TERMINAL DEBUG] Checking Google Analytics setup...');
+    console.log('🔍 [TERMINAL DEBUG] gtag function available:', typeof gtag !== 'undefined');
+    console.log('🔍 [TERMINAL DEBUG] dataLayer exists:', typeof window.dataLayer !== 'undefined');
+    
+    if (typeof gtag !== 'undefined') {
+        console.log('✅ [TERMINAL DEBUG] Google Analytics is available');
+        // Send terminal page view debug event
+        gtag('event', 'page_debug', {
+            event_category: 'debug',
+            event_label: 'terminal_page_loaded'
+        });
+        console.log('📊 [TERMINAL DEBUG] Terminal page debug event sent');
+    } else {
+        console.warn('❌ [TERMINAL DEBUG] Google Analytics gtag function not available');
+    }
+    
     // Get agent ID and session ID from URL parameters
     const urlParams = new URLSearchParams(window.location.search);
     const agentId = urlParams.get('agent');
@@ -235,13 +252,18 @@ function startConnection() {
     term.open(document.getElementById('terminal'));
     
     // Track terminal session start in Google Analytics
+    console.log('🔍 [TERMINAL DEBUG] Attempting to track terminal_session_start');
     if (typeof gtag !== 'undefined') {
+        console.log('📊 [TERMINAL DEBUG] Sending terminal_session_start event to Google Analytics');
         gtag('event', 'terminal_session_start', {
             event_category: 'terminal',
             event_label: requestedSessionId ? 'existing_session' : 'new_session',
             agent_id: AGENT_ID,
             session_id: requestedSessionId || 'new'
         });
+        console.log('✅ [TERMINAL DEBUG] terminal_session_start event sent successfully');
+    } else {
+        console.warn('❌ [TERMINAL DEBUG] Cannot send terminal_session_start event - gtag not available');
     }
     
     // Delay fit to ensure proper dimensions after CSS transitions
@@ -533,12 +555,17 @@ async function createPeerConnection() {
                 updateConnectionStatus('connected');
                 
                 // Track successful connection in Google Analytics
+                console.log('🔍 [TERMINAL DEBUG] Attempting to track terminal_connection_success');
                 if (typeof gtag !== 'undefined') {
+                    console.log('📊 [TERMINAL DEBUG] Sending terminal_connection_success event to Google Analytics');
                     gtag('event', 'terminal_connection_success', {
                         event_category: 'terminal',
                         event_label: 'webrtc_established',
                         agent_id: AGENT_ID
                     });
+                    console.log('✅ [TERMINAL DEBUG] terminal_connection_success event sent successfully');
+                } else {
+                    console.warn('❌ [TERMINAL DEBUG] Cannot send terminal_connection_success event - gtag not available');
                 }
                 
                 break;

package/public/index.html

@@ -697,12 +697,18 @@
 
         // Handle Google login - direct web OAuth
         async function handleGoogleLogin() {
+            console.log('🔍 [DEBUG] Login button clicked');
+            
             // Track login attempt in Google Analytics
             if (typeof gtag !== 'undefined') {
+                console.log('📊 [DEBUG] Sending login_attempt event to Google Analytics');
                 gtag('event', 'login_attempt', {
                     event_category: 'authentication',
                     event_label: 'google_oauth'
                 });
+                console.log('✅ [DEBUG] login_attempt event sent successfully');
+            } else {
+                console.warn('❌ [DEBUG] Cannot send login_attempt event - gtag not available');
             }
             
             // Direct OAuth flow using the web backend
@@ -711,12 +717,18 @@
 
         // Handle dashboard navigation
         async function openDashboard() {
+            console.log('🔍 [DEBUG] Dashboard button clicked');
+            
             // Track dashboard access in Google Analytics
             if (typeof gtag !== 'undefined') {
+                console.log('📊 [DEBUG] Sending dashboard_access event to Google Analytics');
                 gtag('event', 'dashboard_access', {
                     event_category: 'navigation',
                     event_label: 'from_landing_page'
                 });
+                console.log('✅ [DEBUG] dashboard_access event sent successfully');
+            } else {
+                console.warn('❌ [DEBUG] Cannot send dashboard_access event - gtag not available');
             }
             
             window.location.href = '/app/dashboard.html';
@@ -747,6 +759,25 @@
 
         // Initialize page on load
         document.addEventListener('DOMContentLoaded', async () => {
+            // Debug Google Analytics setup
+            console.log('🔍 [DEBUG] Checking Google Analytics setup...');
+            console.log('🔍 [DEBUG] gtag function available:', typeof gtag !== 'undefined');
+            console.log('🔍 [DEBUG] dataLayer exists:', typeof window.dataLayer !== 'undefined');
+            console.log('🔍 [DEBUG] dataLayer contents:', window.dataLayer);
+            
+            // Test if gtag is working
+            if (typeof gtag !== 'undefined') {
+                console.log('✅ [DEBUG] Google Analytics gtag function is available');
+                // Send a test event
+                gtag('event', 'page_debug', {
+                    event_category: 'debug',
+                    event_label: 'landing_page_loaded'
+                });
+                console.log('📊 [DEBUG] Test event sent: page_debug');
+            } else {
+                console.warn('❌ [DEBUG] Google Analytics gtag function not available');
+            }
+            
             await updateHeaderAndCTA();
             loadVersionInfo();
         });