@dynamicu/chromedebug-mcp 2.3.0 → 2.4.0

package/chrome-extension/popup.js

@@ -880,6 +880,8 @@ async function handleLicenseActivation() {
 
   const result = await licenseClient.validateLicense(licenseKey);
   console.log('[License] Validation result:', result);
+  console.log('[License] Error value:', result.error);
+  console.log('[License] Error type:', typeof result.error);
 
   if (result.valid) {
     messageDiv.textContent = 'License activated successfully!';
@@ -887,8 +889,54 @@ async function handleLicenseActivation() {
     document.getElementById('license-key-input').value = '';
     await initializeLicenseUI(); // Refresh UI
   } else {
-    messageDiv.textContent = result.error || 'Invalid license key';
-    messageDiv.style.color = '#f44336';
+    // Check if activation limit reached
+    console.log('[License] Checking if activation limit reached...');
+    console.log('[License] result.error === "ACTIVATION_LIMIT_REACHED":', result.error === 'ACTIVATION_LIMIT_REACHED');
+    console.log('[License] result.error includes "activation limit":', result.error && result.error.toLowerCase().includes('activation limit'));
+
+    if (result.error === 'ACTIVATION_LIMIT_REACHED' ||
+        (result.error && result.error.toLowerCase().includes('activation limit'))) {
+      console.log('[License] Activation limit reached, opening activation manager');
+      messageDiv.textContent = 'Opening activation manager...';
+      messageDiv.style.color = '#ff9800';
+
+      // Store the license key temporarily so activation manager can access it
+      await chrome.storage.local.set({
+        'ls_license_key': licenseKey.trim(),
+        'activation_manager_open': true
+      });
+
+      // Open activation manager in a new window
+      const width = 500;
+      const height = 600;
+      const left = Math.round((screen.width - width) / 2);
+      const top = Math.round((screen.height - height) / 2);
+
+      const activationManagerUrl = chrome.runtime.getURL('activation-manager.html');
+      console.log('[License] Opening activation manager at URL:', activationManagerUrl);
+
+      chrome.windows.create({
+        url: activationManagerUrl,
+        type: 'popup',
+        width: width,
+        height: height,
+        left: left,
+        top: top
+      }, (window) => {
+        if (chrome.runtime.lastError) {
+          console.error('[License] Failed to open activation manager:', chrome.runtime.lastError);
+          messageDiv.textContent = 'Error: Could not open activation manager. See console.';
+          messageDiv.style.color = '#f44336';
+        } else {
+          console.log('[License] Activation manager window created:', window);
+          messageDiv.textContent = 'Please deactivate an existing activation to continue';
+          messageDiv.style.color = '#ff9800';
+        }
+      });
+    } else {
+      messageDiv.textContent = result.error || 'Invalid license key';
+      messageDiv.style.color = '#f44336';
+    }
   }
 }
 
@@ -898,6 +946,24 @@ function handleUpgradeClick() {
   chrome.tabs.create({url: LEMONSQUEEZY_CHECKOUT_URL});
 }
 
+// Listen for messages from activation manager
+chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+  if (message.type === 'RETRY_ACTIVATION' && message.licenseKey) {
+    console.log('[License] Retrying activation after deactivation');
+
+    // Set the license key in the input
+    const licenseKeyInput = document.getElementById('license-key-input');
+    if (licenseKeyInput) {
+      licenseKeyInput.value = message.licenseKey;
+    }
+
+    // Retry activation
+    handleLicenseActivation().then(() => {
+      console.log('[License] Retry activation complete');
+    });
+  }
+});
+
 document.addEventListener('DOMContentLoaded', () => {
   console.log('DOM loaded, initializing popup');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamicu/chromedebug-mcp",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "ChromeDebug MCP - MCP server that provides full control over a Chrome browser instance for debugging and automation with AI assistants like Claude Code",
   "main": "src/index.js",
   "type": "module",

package/scripts/postinstall.js

@@ -16,10 +16,15 @@ const extensionPath = join(packageRoot, 'chrome-extension');
 
 console.log('\n✅ ChromeDebug MCP installed successfully!\n');
 
+console.log('🚀 How ChromeDebug Works:');
+console.log('   When Claude Code starts chromedebug-mcp, it automatically runs:');
+console.log('   • MCP Server (for Claude Code communication)');
+console.log('   • HTTP Server on port 3000-4000 (for Chrome extension)\n');
+
 console.log('🆓 FREE Chrome Extension (5 recordings/day):');
 if (existsSync(zipPath)) {
-  console.log(`   Download: ${zipPath}`);
-  console.log('   Extract and load in Chrome\n');
+  console.log(`   Location: ${zipPath}`);
+  console.log('   Extract the zip file and load in Chrome\n');
 } else {
   console.log(`   Source: ${extensionPath}`);
   console.log('   Load directly from this path\n');
@@ -31,10 +36,14 @@ console.log('   2. Enable "Developer mode" (toggle in top right)');
 console.log('   3. Click "Load unpacked"');
 if (existsSync(zipPath)) {
   console.log('   4. Extract the zip file above');
-  console.log('   5. Select the extracted folder\n');
+  console.log('   5. Select the extracted folder');
 } else {
-  console.log('   4. Navigate to and select the path above\n');
+  console.log('   4. Navigate to and select the path above');
 }
+console.log('   6. The extension will auto-detect the HTTP server port\n');
+
+console.log('ℹ️  No manual server startup needed!');
+console.log('   Claude Code automatically starts both servers when it runs chromedebug-mcp\n');
 
 console.log('💎 Want unlimited recordings?');
 console.log('   Upgrade to Pro: https://chromedebug.com/buy/996773cb-682b-430f-b9e3-9ce2130bd967\n');

package/scripts/webpack.config.free.cjs

@@ -37,6 +37,7 @@ module.exports = {
         { from: 'chrome-extension/popup.html', to: 'popup.html' },
         { from: 'chrome-extension/options.html', to: 'options.html' },
         { from: 'chrome-extension/offscreen.html', to: 'offscreen.html' },
+        { from: 'chrome-extension/activation-manager.html', to: 'activation-manager.html' },
 
         // Copy icons
         { from: 'chrome-extension/*.png', to: '[name][ext]' },
@@ -60,6 +61,8 @@ module.exports = {
         { from: 'chrome-extension/license-helper.js', to: 'license-helper.js' },
         { from: 'chrome-extension/firebase-client.js', to: 'firebase-client.js' },
         { from: 'chrome-extension/firebase-config.js', to: 'firebase-config.js' },
+        { from: 'chrome-extension/firebase-config.module.js', to: 'firebase-config.module.js' },
+        { from: 'chrome-extension/activation-manager.js', to: 'activation-manager.js' },
         { from: 'chrome-extension/frame-capture.js', to: 'frame-capture.js' },
         { from: 'chrome-extension/chrome-session-manager.js', to: 'chrome-session-manager.js' },
 

package/scripts/webpack.config.pro.cjs

@@ -38,6 +38,7 @@ module.exports = {
         { from: 'chrome-extension/popup.html', to: 'popup.html' },
         { from: 'chrome-extension/options.html', to: 'options.html' },
         { from: 'chrome-extension/offscreen.html', to: 'offscreen.html' },
+        { from: 'chrome-extension/activation-manager.html', to: 'activation-manager.html' },
         { from: 'chrome-extension/pro/frame-editor.html', to: 'pro/frame-editor.html' },
 
         // Copy icons
@@ -62,6 +63,8 @@ module.exports = {
         { from: 'chrome-extension/license-helper.js', to: 'license-helper.js' },
         { from: 'chrome-extension/firebase-client.js', to: 'firebase-client.js' },
         { from: 'chrome-extension/firebase-config.js', to: 'firebase-config.js' },
+        { from: 'chrome-extension/firebase-config.module.js', to: 'firebase-config.module.js' },
+        { from: 'chrome-extension/activation-manager.js', to: 'activation-manager.js' },
         { from: 'chrome-extension/frame-capture.js', to: 'frame-capture.js' },
         { from: 'chrome-extension/chrome-session-manager.js', to: 'chrome-session-manager.js' },