shell-mirror 1.5.47 → 1.5.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shell-mirror",
-  "version": "1.5.47",
+  "version": "1.5.49",
   "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.html

@@ -6,12 +6,40 @@
     <title>Shell Mirror Dashboard</title>
     
     <!-- Google Analytics 4 -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-LG7ZGLB8FK"></script>
     <script>
+        // Initialize dataLayer and gtag function first
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
         gtag('config', 'G-LG7ZGLB8FK');
+        
+        // Load gtag script with proper error handling
+        (function() {
+            var script = document.createElement('script');
+            script.async = true;
+            script.src = 'https://www.googletagmanager.com/gtag/js?id=G-LG7ZGLB8FK';
+            script.onload = function() {
+                console.log('✅ Google Analytics script loaded successfully');
+                window.gtagLoaded = true;
+            };
+            script.onerror = function() {
+                console.warn('❌ Failed to load Google Analytics script');
+                window.gtagLoaded = false;
+            };
+            document.head.appendChild(script);
+        })();
+        
+        // Google Analytics helper function
+        function sendGAEvent(eventName, eventParams) {
+            if (typeof gtag === 'function') {
+                console.log('📊 [GA] Sending event:', eventName, eventParams);
+                gtag('event', eventName, eventParams);
+                return true;
+            } else {
+                console.warn('❌ [GA] gtag not available, event not sent:', eventName);
+                return false;
+            }
+        }
     </script>
     
     <!-- Microsoft Clarity -->

package/public/app/dashboard.js

@@ -13,6 +13,23 @@ class ShellMirrorDashboard {
         this.showLoading();
         this.loadVersionInfo(); // Load version info immediately
         
+        // Wait for GA script to load and send page view
+        setTimeout(() => {
+            console.log('🔍 [DASHBOARD DEBUG] Checking Google Analytics setup...');
+            console.log('🔍 [DASHBOARD DEBUG] gtag function type:', typeof gtag);
+            console.log('🔍 [DASHBOARD DEBUG] gtagLoaded flag:', window.gtagLoaded);
+            
+            // Send dashboard page view event
+            if (typeof sendGAEvent === 'function') {
+                sendGAEvent('page_view', {
+                    page_title: 'Shell Mirror Dashboard',
+                    page_location: window.location.href
+                });
+            } else {
+                console.warn('❌ [DASHBOARD DEBUG] sendGAEvent function not available');
+            }
+        }, 1000);
+        
         try {
             const authStatus = await this.checkAuthStatus();
             
@@ -431,8 +448,8 @@ class ShellMirrorDashboard {
             console.log(`[DASHBOARD] ✅ Reconnecting to existing session: ${mostRecentSession.id}`);
             
             // Track terminal connection in Google Analytics
-            if (typeof gtag !== 'undefined') {
-                gtag('event', 'terminal_connect', {
+            if (typeof sendGAEvent === 'function') {
+                sendGAEvent('terminal_connect', {
                     event_category: 'terminal',
                     event_label: 'existing_session',
                     agent_id: agentId,
@@ -446,8 +463,8 @@ class ShellMirrorDashboard {
             console.log(`[DASHBOARD] 🆕 Creating new session for agent: ${agentId}`);
             
             // Track new session creation in Google Analytics
-            if (typeof gtag !== 'undefined') {
-                gtag('event', 'terminal_connect', {
+            if (typeof sendGAEvent === 'function') {
+                sendGAEvent('terminal_connect', {
                     event_category: 'terminal',
                     event_label: 'new_session',
                     agent_id: agentId
@@ -460,8 +477,8 @@ class ShellMirrorDashboard {
 
     async connectToSession(agentId, sessionId) {
         // Track specific session connection in Google Analytics
-        if (typeof gtag !== 'undefined') {
-            gtag('event', 'terminal_connect', {
+        if (typeof sendGAEvent === 'function') {
+            sendGAEvent('terminal_connect', {
                 event_category: 'terminal',
                 event_label: 'specific_session',
                 agent_id: agentId,
@@ -477,8 +494,8 @@ class ShellMirrorDashboard {
         console.log(`[DASHBOARD] Creating new session for agent: ${agentId}`);
         
         // Track explicit new session creation in Google Analytics
-        if (typeof gtag !== 'undefined') {
-            gtag('event', 'terminal_connect', {
+        if (typeof sendGAEvent === 'function') {
+            sendGAEvent('terminal_connect', {
                 event_category: 'terminal',
                 event_label: 'force_new_session',
                 agent_id: agentId

package/public/app/terminal.html

@@ -4,12 +4,40 @@
     <title>Terminal Mirror</title>
     
     <!-- Google Analytics 4 -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-LG7ZGLB8FK"></script>
     <script>
+        // Initialize dataLayer and gtag function first
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
         gtag('config', 'G-LG7ZGLB8FK');
+        
+        // Load gtag script with proper error handling
+        (function() {
+            var script = document.createElement('script');
+            script.async = true;
+            script.src = 'https://www.googletagmanager.com/gtag/js?id=G-LG7ZGLB8FK';
+            script.onload = function() {
+                console.log('✅ Google Analytics script loaded successfully');
+                window.gtagLoaded = true;
+            };
+            script.onerror = function() {
+                console.warn('❌ Failed to load Google Analytics script');
+                window.gtagLoaded = false;
+            };
+            document.head.appendChild(script);
+        })();
+        
+        // Google Analytics helper function
+        function sendGAEvent(eventName, eventParams) {
+            if (typeof gtag === 'function') {
+                console.log('📊 [GA] Sending event:', eventName, eventParams);
+                gtag('event', eventName, eventParams);
+                return true;
+            } else {
+                console.warn('❌ [GA] gtag not available, event not sent:', eventName);
+                return false;
+            }
+        }
     </script>
     
     <!-- Microsoft Clarity -->

package/public/app/terminal.js

@@ -180,6 +180,21 @@ setInterval(() => {
 window.addEventListener('load', () => {
     loadVersionInfo();
     
+    // Wait for GA script to load and send page view
+    setTimeout(() => {
+        console.log('🔍 [TERMINAL DEBUG] Checking Google Analytics setup...');
+        console.log('🔍 [TERMINAL DEBUG] gtag function type:', typeof gtag);
+        console.log('🔍 [TERMINAL DEBUG] gtagLoaded flag:', window.gtagLoaded);
+        
+        // Send terminal page view event
+        if (typeof sendGAEvent === 'function') {
+            sendGAEvent('page_view', {
+                page_title: 'Shell Mirror Terminal',
+                page_location: window.location.href
+            });
+        }
+    }, 1000);
+    
     // Get agent ID and session ID from URL parameters
     const urlParams = new URLSearchParams(window.location.search);
     const agentId = urlParams.get('agent');
@@ -235,8 +250,8 @@ function startConnection() {
     term.open(document.getElementById('terminal'));
     
     // Track terminal session start in Google Analytics
-    if (typeof gtag !== 'undefined') {
-        gtag('event', 'terminal_session_start', {
+    if (typeof sendGAEvent === 'function') {
+        sendGAEvent('terminal_session_start', {
             event_category: 'terminal',
             event_label: requestedSessionId ? 'existing_session' : 'new_session',
             agent_id: AGENT_ID,
@@ -533,8 +548,8 @@ async function createPeerConnection() {
                 updateConnectionStatus('connected');
                 
                 // Track successful connection in Google Analytics
-                if (typeof gtag !== 'undefined') {
-                    gtag('event', 'terminal_connection_success', {
+                if (typeof sendGAEvent === 'function') {
+                    sendGAEvent('terminal_connection_success', {
                         event_category: 'terminal',
                         event_label: 'webrtc_established',
                         agent_id: AGENT_ID

package/public/index.html

@@ -19,12 +19,28 @@
     <meta property="twitter:description" content="Access your Mac terminal from your phone to use Claude Code CLI, Gemini CLI, and other command-line tools.">
     
     <!-- Google Analytics 4 -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-LG7ZGLB8FK"></script>
     <script>
+        // Initialize dataLayer and gtag function first
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
         gtag('config', 'G-LG7ZGLB8FK');
+        
+        // Load gtag script with proper error handling
+        (function() {
+            var script = document.createElement('script');
+            script.async = true;
+            script.src = 'https://www.googletagmanager.com/gtag/js?id=G-LG7ZGLB8FK';
+            script.onload = function() {
+                console.log('✅ Google Analytics script loaded successfully');
+                window.gtagLoaded = true;
+            };
+            script.onerror = function() {
+                console.warn('❌ Failed to load Google Analytics script');
+                window.gtagLoaded = false;
+            };
+            document.head.appendChild(script);
+        })();
     </script>
     
     <!-- Microsoft Clarity -->
@@ -697,13 +713,13 @@
 
         // 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') {
-                gtag('event', 'login_attempt', {
-                    event_category: 'authentication',
-                    event_label: 'google_oauth'
-                });
-            }
+            sendGAEvent('login_attempt', {
+                event_category: 'authentication',
+                event_label: 'google_oauth'
+            });
             
             // Direct OAuth flow using the web backend
             window.location.href = '/php-backend/api/auth-login.php?return=' + encodeURIComponent('/app/dashboard');
@@ -711,13 +727,13 @@
 
         // Handle dashboard navigation
         async function openDashboard() {
+            console.log('🔍 [DEBUG] Dashboard button clicked');
+            
             // Track dashboard access in Google Analytics
-            if (typeof gtag !== 'undefined') {
-                gtag('event', 'dashboard_access', {
-                    event_category: 'navigation',
-                    event_label: 'from_landing_page'
-                });
-            }
+            sendGAEvent('dashboard_access', {
+                event_category: 'navigation',
+                event_label: 'from_landing_page'
+            });
             
             window.location.href = '/app/dashboard.html';
         }
@@ -745,8 +761,34 @@
             }
         }
 
+        // Google Analytics helper function
+        function sendGAEvent(eventName, eventParams) {
+            if (typeof gtag === 'function') {
+                console.log('📊 [GA] Sending event:', eventName, eventParams);
+                gtag('event', eventName, eventParams);
+                return true;
+            } else {
+                console.warn('❌ [GA] gtag not available, event not sent:', eventName);
+                return false;
+            }
+        }
+
         // Initialize page on load
         document.addEventListener('DOMContentLoaded', async () => {
+            // Wait a moment for GA script to load
+            setTimeout(() => {
+                console.log('🔍 [DEBUG] Checking Google Analytics setup...');
+                console.log('🔍 [DEBUG] gtag function type:', typeof gtag);
+                console.log('🔍 [DEBUG] dataLayer exists:', typeof window.dataLayer !== 'undefined');
+                console.log('🔍 [DEBUG] gtagLoaded flag:', window.gtagLoaded);
+                
+                // Send test event
+                sendGAEvent('page_view', {
+                    page_title: 'Shell Mirror Landing',
+                    page_location: window.location.href
+                });
+            }, 1000);
+            
             await updateHeaderAndCTA();
             loadVersionInfo();
         });