@dynamicu/chromedebug-mcp 2.7.0 → 2.7.2

package/chrome-extension/data-buffer.js

@@ -24,7 +24,7 @@ class DataBuffer {
       
       request.onsuccess = () => {
         this.db = request.result;
-        console.log('[DataBuffer] IndexedDB initialized');
+        // console.log('[DataBuffer] IndexedDB initialized');
         this.calculateCurrentSize();
         resolve();
       };
@@ -304,7 +304,7 @@ class DataBuffer {
   async checkBufferLimits() {
     // Implement FIFO circular buffer strategy
     if (this.currentSize > this.maxBufferSize) {
-      console.log('[DataBuffer] Buffer limit exceeded, removing oldest batches');
+      // console.log('[DataBuffer] Buffer limit exceeded, removing oldest batches');
       await this.removeOldestBatches();
     }
   }
@@ -329,7 +329,7 @@ class DataBuffer {
           cursor.continue();
         } else {
           this.currentSize -= deletedSize;
-          console.log(`[DataBuffer] Freed ${deletedSize} bytes`);
+          // console.log(`[DataBuffer] Freed ${deletedSize} bytes`);
           resolve();
         }
       };
@@ -367,7 +367,7 @@ class DataBuffer {
       }
       
       this.currentSize = totalSize;
-      console.log(`[DataBuffer] Current buffer size: ${(totalSize / 1024 / 1024).toFixed(2)}MB`);
+      // console.log(`[DataBuffer] Current buffer size: ${(totalSize / 1024 / 1024).toFixed(2)}MB`);
     };
   }
 
@@ -400,7 +400,7 @@ class DataBuffer {
     return new Promise((resolve) => {
       transaction.oncomplete = () => {
         this.currentSize = 0;
-        console.log('[DataBuffer] Buffer cleared');
+        // console.log('[DataBuffer] Buffer cleared');
         resolve();
       };
     });

package/chrome-extension/dom-tracker.js

@@ -33,12 +33,12 @@ class DOMTracker {
     if (options.maxBufferSize) this.maxBufferSize = options.maxBufferSize;
     if (options.mutationThrottle) this.mutationThrottle = options.mutationThrottle;
     
-    console.log('[DOMTracker] Initialized with options:', {
-      recordingId: this.recordingId,
-      bufferFlushDelay: this.bufferFlushDelay,
-      maxBufferSize: this.maxBufferSize,
-      mutationThrottle: this.mutationThrottle
-    });
+    // console.log('[DOMTracker] Initialized with options:', {
+    //   recordingId: this.recordingId,
+    //   bufferFlushDelay: this.bufferFlushDelay,
+    //   maxBufferSize: this.maxBufferSize,
+    //   mutationThrottle: this.mutationThrottle
+    // });
   }
 
   startTracking() {
@@ -69,7 +69,7 @@ class DOMTracker {
       this.isTracking = true;
       this.startBufferFlusher();
       
-      console.log('[DOMTracker] Started DOM mutation tracking');
+      // console.log('[DOMTracker] Started DOM mutation tracking');
       
       // Record performance event
       if (this.performanceMonitor) {
@@ -96,7 +96,7 @@ class DOMTracker {
     this.flushBuffer(); // Flush any remaining data
     
     this.isTracking = false;
-    console.log('[DOMTracker] Stopped DOM mutation tracking');
+    // console.log('[DOMTracker] Stopped DOM mutation tracking');
     
     // Record performance event
     if (this.performanceMonitor) {
@@ -334,7 +334,7 @@ class DOMTracker {
     const events = [...this.eventBuffer];
     this.eventBuffer = [];
     
-    console.log(`[DOMTracker] Flushing ${events.length} DOM mutations`);
+    // console.log(`[DOMTracker] Flushing ${events.length} DOM mutations`);
     
     // Send data via callback
     if (this.onDataReady) {

package/chrome-extension/firebase-client.js

@@ -12,7 +12,7 @@ class FirebaseLicenseClient {
     this.functionsUrl = FUNCTIONS_URL;
     this.cacheKey = 'chromedebug_license_cache';
     this.instanceIdKey = 'chromedebug_instance_id';
-    console.log('[License] Initialized with FUNCTIONS_URL:', this.functionsUrl);
+    // console.log('[License] Initialized with FUNCTIONS_URL:', this.functionsUrl);
   }
 
   /**
@@ -101,8 +101,8 @@ class FirebaseLicenseClient {
     const deviceInfo = this.getDeviceInfo();
 
     try {
-      console.log(`[License] Activating license ${licenseKey} with device ${deviceId}`);
-      console.log('[License] Device info:', deviceInfo);
+      // console.log(`[License] Activating license ${licenseKey} with device ${deviceId}`);
+      // console.log('[License] Device info:', deviceInfo);
 
       const response = await fetch(`${this.functionsUrl}/activateLicense`, {
         method: 'POST',
@@ -125,7 +125,7 @@ class FirebaseLicenseClient {
       }
 
       const data = await response.json();
-      console.log('[License] Activation response:', data);
+      // console.log('[License] Activation response:', data);
 
       // If activation successful, save the LemonSqueezy instance ID
       if (data.activated && data.instance) {
@@ -134,7 +134,7 @@ class FirebaseLicenseClient {
           'ls_license_key': licenseKey.trim(),
           'activated_at': Date.now()
         });
-        console.log(`[License] Saved LS instance ID: ${data.instance.id}`);
+        // console.log(`[License] Saved LS instance ID: ${data.instance.id}`);
       }
 
       return data;
@@ -161,7 +161,7 @@ class FirebaseLicenseClient {
 
       // If no instance ID yet, this license needs activation first
       if (!instanceId) {
-        console.log('[License] No instance ID found - activating license first');
+        // console.log('[License] No instance ID found - activating license first');
         const activationResult = await this.activateLicense(licenseKey);
 
         if (!activationResult.activated) {
@@ -197,7 +197,7 @@ class FirebaseLicenseClient {
    * @returns {Promise<{valid: boolean, tier?: string}>}
    */
   async validateWithInstanceId(licenseKey, instanceId) {
-    console.log(`[License] Validating ${licenseKey} with instance ${instanceId}`);
+    // console.log(`[License] Validating ${licenseKey} with instance ${instanceId}`);
 
     const response = await fetch(`${this.functionsUrl}/validateLicense`, {
       method: 'POST',
@@ -210,7 +210,7 @@ class FirebaseLicenseClient {
     }
 
     const data = await response.json();
-    console.log('[License] Validation response:', data);
+    // console.log('[License] Validation response:', data);
 
     // Map LemonSqueezy response to our format
     const result = {
@@ -249,7 +249,7 @@ class FirebaseLicenseClient {
 
     const url = `${this.functionsUrl}/checkUsageLimit`;
     try {
-      console.log('[License] Calling checkUsageLimit at:', url);
+      // console.log('[License] Calling checkUsageLimit at:', url);
       const response = await fetch(url, {
         method: 'POST',
         headers: {'Content-Type': 'application/json'},
@@ -351,7 +351,7 @@ class FirebaseLicenseClient {
    */
   async listActivations(licenseKey) {
     try {
-      console.log(`[License] Listing activations for ${licenseKey}`);
+      // console.log(`[License] Listing activations for ${licenseKey}`);
 
       const response = await fetch(`${this.functionsUrl}/listActivations`, {
         method: 'POST',
@@ -365,7 +365,7 @@ class FirebaseLicenseClient {
       }
 
       const data = await response.json();
-      console.log('[License] Activations:', data);
+      // console.log('[License] Activations:', data);
 
       return data;
     } catch (error) {
@@ -382,7 +382,7 @@ class FirebaseLicenseClient {
    */
   async deactivateInstance(licenseKey, instanceId) {
     try {
-      console.log(`[License] Deactivating instance ${instanceId}`);
+      // console.log(`[License] Deactivating instance ${instanceId}`);
 
       const response = await fetch(`${this.functionsUrl}/deactivateInstance`, {
         method: 'POST',
@@ -399,7 +399,7 @@ class FirebaseLicenseClient {
       }
 
       const data = await response.json();
-      console.log('[License] Deactivation result:', data);
+      // console.log('[License] Deactivation result:', data);
 
       return data;
     } catch (error) {

package/chrome-extension/frame-capture.js

@@ -30,7 +30,6 @@ class FrameCapture {
       this.mode = 'server';
     } else {
       this.mode = mode;
-      console.log('[FrameCapture] Mode set to:', this.mode);
     }
   }
 
@@ -46,8 +45,15 @@ class FrameCapture {
     this.isCapturing = true;
     this.tabId = tabId;
 
-    // Initialize lease tracking - null forces immediate first check
-    this.lastLeaseCheck = null;
+    // Initialize lease tracking - set to now so first check happens after interval
+    this.lastLeaseCheck = Date.now();
+
+    // Emergency max duration timer (belt and suspenders - 1 hour hard stop)
+    this.emergencyMaxDuration = 60 * 60 * 1000; // 1 hour absolute max
+    this.emergencyTimer = setTimeout(() => {
+      console.error('[FrameCapture] EMERGENCY: Absolute max duration (1 hour) reached - force stopping');
+      this.stopCapture();
+    }, this.emergencyMaxDuration);
 
     // Update settings with passed values or apply mode-specific defaults
     if (this.mode === 'browser-only') {
@@ -66,17 +72,11 @@ class FrameCapture {
       };
     }
 
-    console.log('Starting frame capture session:', this.sessionId);
-    console.log('Frame capture scheduled to start at:', new Date(scheduledStartTime));
-    console.log('Frame capture settings:', this.settings);
-
     // Trigger visual feedback system start
     chrome.runtime.sendMessage({
       type: 'start-screen-capture-tracking',
       sessionId: this.sessionId
-    }).catch(() => {
-      console.log('[FrameCapture] Could not start visual feedback tracking');
-    });
+    }).catch(() => {});
 
     // Create a synthetic first frame at scheduled start time to catch early logs
     const syntheticFrame = {
@@ -87,7 +87,6 @@ class FrameCapture {
     };
     this.frames.push(syntheticFrame);
     this.totalFramesCaptured++;
-    console.log('Created synthetic first frame at scheduled start time');
 
     // Get the media stream with resolution based on mode
     const videoConstraints = this.mode === 'browser-only'
@@ -142,10 +141,8 @@ class FrameCapture {
 
     // Wait until scheduled start time before beginning frame capture
     const waitTime = Math.max(0, this.scheduledStartTime - Date.now());
-    console.log(`Frame capture will wait ${waitTime}ms until scheduled start time`);
 
     setTimeout(() => {
-      console.log('Frame capture starting at scheduled time');
 
       // Capture frames at intervals (e.g., 1 frame per second)
       this.captureInterval = setInterval(async () => {
@@ -155,7 +152,6 @@ class FrameCapture {
         if (this.lastLeaseCheck && (Date.now() - this.lastLeaseCheck) > this.leaseCheckInterval) {
           const leaseValid = await this.checkLease();
           if (!leaseValid) {
-            console.log('[FrameCapture] Lease expired, stopping capture');
             this.stopCapture();
             return;
           }
@@ -181,15 +177,11 @@ class FrameCapture {
           
           this.frames.push(frameData);
           this.totalFramesCaptured++;
-          
-          console.log(`Captured frame ${this.totalFramesCaptured}, size: ${blob.size} bytes`);
 
           // Trigger visual feedback for frame captured
           chrome.runtime.sendMessage({
             type: 'show-screen-capture-flash'
-          }).catch(() => {
-            console.log('[FrameCapture] Could not trigger frame capture flash');
-          });
+          }).catch(() => {});
 
           // Send frame immediately to keep memory usage low
           if (this.frames.length % 5 === 0) { // Every 5 frames
@@ -207,9 +199,6 @@ class FrameCapture {
       }
       }, this.settings.frameRate * 1000); // Use configurable frame rate
 
-      console.log(`Frame capture interval set to ${this.settings.frameRate * 1000}ms (${this.settings.frameRate}s)`);
-      console.log(`Image quality set to ${this.settings.imageQuality}%`);
-
       // Store the media stream for cleanup
       this.mediaStream = media;
       this.videoElement = video;
@@ -219,8 +208,6 @@ class FrameCapture {
 
   // Check lease validity with background script
   async checkLease() {
-    console.log('[FrameCapture] Lease check starting - SessionId:', this.sessionId);
-
     try {
       const response = await Promise.race([
         chrome.runtime.sendMessage({
@@ -235,7 +222,6 @@ class FrameCapture {
         )
       ]);
 
-      console.log('[FrameCapture] Lease response - Success:', response?.success);
       return response?.success === true;
 
     } catch (error) {
@@ -251,6 +237,12 @@ class FrameCapture {
 
     this.isCapturing = false;
 
+    // Clear emergency max duration timer
+    if (this.emergencyTimer) {
+      clearTimeout(this.emergencyTimer);
+      this.emergencyTimer = null;
+    }
+
     // Stop interval
     if (this.captureInterval) {
       clearInterval(this.captureInterval);
@@ -275,9 +267,7 @@ class FrameCapture {
     // Stop visual feedback system
     chrome.runtime.sendMessage({
       type: 'stop-screen-capture-tracking'
-    }).catch(() => {
-      console.log('[FrameCapture] Could not stop visual feedback tracking');
-    });
+    }).catch(() => {});
 
     // Notify completion
     chrome.runtime.sendMessage({
@@ -290,7 +280,6 @@ class FrameCapture {
       }
     });
 
-    console.log('Frame capture stopped');
   }
   
   // Flash indicator method to show when frames are captured
@@ -315,9 +304,7 @@ class FrameCapture {
     if (!this.videoElement || !this.videoElement.videoWidth) {
       throw new Error('Video element not ready for manual snapshot');
     }
-    
-    console.log('Taking manual snapshot...');
-    
+
     // Create a temporary canvas for the manual snapshot
     const canvas = document.createElement('canvas');
     const ctx = canvas.getContext('2d');
@@ -348,15 +335,11 @@ class FrameCapture {
           
           this.frames.push(frameData);
           this.totalFramesCaptured++;
-          
-          console.log(`Manual snapshot captured: frame ${this.totalFramesCaptured}, size: ${blob.size} bytes`);
 
           // Trigger visual feedback for manual snapshot
           chrome.runtime.sendMessage({
             type: 'show-screen-capture-flash'
-          }).catch(() => {
-            console.log('[FrameCapture] Could not trigger manual snapshot flash');
-          });
+          }).catch(() => {});
 
           // Flash indicator for manual snapshot
           if (this.settings.frameFlash) {
@@ -395,7 +378,6 @@ class FrameCapture {
     });
 
     const batch = this.frames.splice(0, 5); // Send up to 5 frames at a time
-    console.log(`[FrameCapture] Sending batch of ${batch.length} frames, ${this.frames.length} remaining`);
 
     chrome.runtime.sendMessage({
       type: 'frame-batch-ready',

package/chrome-extension/license-helper.js

@@ -29,7 +29,7 @@ const LicenseHelper = {
     try {
       // PRO version: always allow, no restrictions
       if (this.isProVersion()) {
-        console.log('[License] PRO version - bypassing all license checks');
+        // console.log('[License] PRO version - bypassing all license checks');
         return {allowed: true, tier: 'pro', proVersion: true};
       }
 
@@ -41,7 +41,7 @@ const LicenseHelper = {
         // First time user - allow recording, create userId
         userId = crypto.randomUUID();
         await chrome.storage.local.set({[this.userIdKey]: userId});
-        console.log('[License] New user created:', userId);
+        // console.log('[License] New user created:', userId);
         return {allowed: true, firstTime: true, userId: userId};
       }
 
@@ -49,13 +49,13 @@ const LicenseHelper = {
       const licenseStatus = await this.getCachedLicenseStatus();
 
       if (licenseStatus.valid && licenseStatus.tier === 'pro') {
-        console.log('[License] Pro user - allowing recording');
+        // console.log('[License] Pro user - allowing recording');
         return {allowed: true, tier: 'pro', userId: userId};
       }
 
       // Free tier - check usage limit
       const usage = await this.checkUsageLimit(userId);
-      console.log('[License] Usage check:', usage);
+      // console.log('[License] Usage check:', usage);
 
       // Handle both API response format (withinLimit) and offline format (allowed)
       const withinLimit = usage.withinLimit ?? usage.allowed ?? true;
@@ -87,7 +87,7 @@ const LicenseHelper = {
     try {
       // PRO version: skip all usage tracking
       if (this.isProVersion()) {
-        console.log('[License] PRO version - skipping usage tracking');
+        // console.log('[License] PRO version - skipping usage tracking');
         return {success: true, tier: 'pro', proVersion: true, skipped: true};
       }
 
@@ -104,13 +104,13 @@ const LicenseHelper = {
       // Check if pro user (don't increment for pro)
       const licenseStatus = await this.getCachedLicenseStatus();
       if (licenseStatus.valid && licenseStatus.tier === 'pro') {
-        console.log('[License] Pro user - skipping usage increment');
+        // console.log('[License] Pro user - skipping usage increment');
         return {success: true, tier: 'pro', skipped: true};
       }
 
       // Increment usage for free tier
       await this.incrementUsage(userId);
-      console.log('[License] Usage incremented for user:', userId);
+      // console.log('[License] Usage incremented for user:', userId);
 
       return {success: true};
     } catch (error) {
@@ -127,8 +127,8 @@ const LicenseHelper = {
   async checkUsageLimit(userId) {
     try {
       const url = `${FUNCTIONS_URL}/checkUsageLimit`;
-      console.log('[License Helper] FUNCTIONS_URL:', FUNCTIONS_URL);
-      console.log('[License Helper] Full URL:', url);
+      // console.log('[License Helper] FUNCTIONS_URL:', FUNCTIONS_URL);
+      // console.log('[License Helper] Full URL:', url);
       const response = await fetch(url, {
         method: 'POST',
         headers: {'Content-Type': 'application/json'},

package/chrome-extension/manifest.free.json

@@ -1,8 +1,8 @@
 {
   "manifest_version": 3,
-  "name": "ChromeDebug MCP Assistant FREE v2.6.7",
-  "version": "2.6.7",
-  "description": "ChromeDebug MCP visual element selector [FREE Edition] [Build: 2025-11-10-v2.6.7]",
+  "name": "ChromeDebug MCP Assistant FREE",
+  "version": "2.7.2",
+  "description": "AI-powered browser debugging with visual element selection and screen recording for developers",
   "permissions": [
     "activeTab",
     "scripting",

package/chrome-extension/network-tracker.js

@@ -36,12 +36,12 @@ class NetworkTracker {
     if (options.maxBodySize) this.maxBodySize = options.maxBodySize;
     if (options.bufferFlushDelay) this.bufferFlushDelay = options.bufferFlushDelay;
     
-    console.log('[NetworkTracker] Initialized with options:', {
-      recordingId: this.recordingId,
-      captureRequestBody: this.captureRequestBody,
-      captureResponseBody: this.captureResponseBody,
-      maxBodySize: this.maxBodySize
-    });
+    // console.log('[NetworkTracker] Initialized with options:', {
+    //   recordingId: this.recordingId,
+    //   captureRequestBody: this.captureRequestBody,
+    //   captureResponseBody: this.captureResponseBody,
+    //   maxBodySize: this.maxBodySize
+    // });
   }
 
   startTracking() {
@@ -57,7 +57,7 @@ class NetworkTracker {
       this.isTracking = true;
       this.startBufferFlusher();
       
-      console.log('[NetworkTracker] Started network request tracking');
+      // console.log('[NetworkTracker] Started network request tracking');
       
       // Record performance event
       if (this.performanceMonitor) {
@@ -81,7 +81,7 @@ class NetworkTracker {
     this.flushBuffer(); // Flush any remaining data
     
     this.isTracking = false;
-    console.log('[NetworkTracker] Stopped network request tracking');
+    // console.log('[NetworkTracker] Stopped network request tracking');
     
     // Record performance event
     if (this.performanceMonitor) {
@@ -472,7 +472,7 @@ class NetworkTracker {
     const events = [...this.eventBuffer];
     this.eventBuffer = [];
     
-    console.log(`[NetworkTracker] Flushing ${events.length} network requests`);
+    // console.log(`[NetworkTracker] Flushing ${events.length} network requests`);
     
     // Send data via callback
     if (this.onDataReady) {

package/chrome-extension/options.html

@@ -152,6 +152,16 @@
         Leave empty for automatic port discovery. The server typically runs on port 3000.
       </div>
     </div>
+
+    <div class="setting-group">
+      <h3>Recording Safety</h3>
+      <label for="inactivity-timeout">Auto-Stop After Inactivity (seconds)</label>
+      <input type="number" id="inactivity-timeout" min="5" max="3600" value="60">
+      <div class="help-text">
+        Screen recording will automatically stop if no mouse or keyboard activity is detected.
+        Default: 60 seconds. Adjust for long demo recordings or presentations.
+      </div>
+    </div>
     
     <div class="setting-group">
       <label>Server Status</label>

package/chrome-extension/options.js

@@ -4,10 +4,13 @@
 const DEFAULT_PORTS = CHROMEDEBUG_CONFIG?.ports?.slice(0, 8) || [3001, 3000, 3002, 3028];
 
 // Load saved settings
-chrome.storage.sync.get(['serverPort', 'chromePilotMode', 'chromePilotAllowedSites', 'chromePilotRestrictedSites'], (data) => {
+chrome.storage.sync.get(['serverPort', 'chromePilotMode', 'chromePilotAllowedSites', 'chromePilotRestrictedSites', 'inactivityTimeout'], (data) => {
   if (data.serverPort) {
     document.getElementById('server-port').value = data.serverPort;
   }
+
+  // Load inactivity timeout (default 60 seconds)
+  document.getElementById('inactivity-timeout').value = data.inactivityTimeout || 60;
   
   // Load site restriction settings
   const mode = data.chromePilotMode || 'whitelist';
@@ -32,7 +35,15 @@ document.getElementById('save').addEventListener('click', async () => {
     showStatus('error', 'Port must be between 1024 and 65535');
     return;
   }
-  
+
+  // Get inactivity timeout
+  const inactivityTimeoutInput = document.getElementById('inactivity-timeout');
+  const inactivityTimeout = parseInt(inactivityTimeoutInput.value) || 60;
+  if (inactivityTimeout < 5 || inactivityTimeout > 3600) {
+    showStatus('error', 'Inactivity timeout must be between 5 and 3600 seconds');
+    return;
+  }
+
   // Get site restriction settings
   const mode = document.querySelector('input[name="site-mode"]:checked').value;
   const allowedSites = document.getElementById('allowed-sites').value
@@ -44,24 +55,26 @@ document.getElementById('save').addEventListener('click', async () => {
     .map(s => s.trim())
     .filter(s => s.length > 0);
   
-  await chrome.storage.sync.set({ 
+  await chrome.storage.sync.set({
     serverPort: port,
     chromePilotMode: mode,
     chromePilotAllowedSites: allowedSites,
-    chromePilotRestrictedSites: restrictedSites
+    chromePilotRestrictedSites: restrictedSites,
+    inactivityTimeout: inactivityTimeout
   });
-  showStatus('success', 'Settings saved successfully. Reload tabs to apply site restrictions.');
+  showStatus('success', 'Settings saved successfully. Reload tabs to apply changes.');
 });
 
 // Reset to default
 document.getElementById('reset').addEventListener('click', async () => {
   document.getElementById('server-port').value = '';
+  document.getElementById('inactivity-timeout').value = '60';
   document.querySelector('input[value="whitelist"]').checked = true;
   document.getElementById('allowed-sites').value = 'localhost:*\n127.0.0.1:*\n*.local\n*.test\n*.dev';
   document.getElementById('blocked-sites').value = 'youtube.com\n*.youtube.com\ngoogle.com\n*.google.com\nfacebook.com\ntwitter.com\nx.com';
   updateSiteMode();
-  
-  await chrome.storage.sync.remove(['serverPort', 'chromePilotMode', 'chromePilotAllowedSites', 'chromePilotRestrictedSites']);
+
+  await chrome.storage.sync.remove(['serverPort', 'chromePilotMode', 'chromePilotAllowedSites', 'chromePilotRestrictedSites', 'inactivityTimeout']);
   showStatus('info', 'Settings reset to default');
 });