@dynamicu/chromedebug-mcp 2.4.0 → 2.4.1

package/README.md

@@ -102,10 +102,35 @@ Chrome Debug includes a Chrome extension that enables visual element selection f
 
 ### Installing the Extension
 
+#### Option 1: Chrome Web Store (Recommended - FREE Version)
+
+Install the FREE version directly from the Chrome Web Store:
+
+🌐 **[Install from Chrome Web Store](https://chromewebstore.google.com/detail/lemgbmdnephoaniipapgeciebfeakffn?utm_source=item-share-cb)**
+
+- ✅ 5 recordings per day
+- ✅ Full MCP integration
+- ✅ Visual element selection
+- ✅ Automatic updates
+- ✅ No manual installation needed
+
+#### Option 2: Manual Installation (Development)
+
 1. Open Chrome and navigate to `chrome://extensions/`
-2. Enable "Developer mode" 
+2. Enable "Developer mode"
 3. Click "Load unpacked" and select the `chrome-extension` directory
 
+#### Option 3: PRO Version (Unlimited)
+
+For unlimited recordings and advanced features, purchase the PRO version:
+
+💎 **[Get PRO Version](https://dynamicu.lemonsqueezy.com/buy/641143)**
+
+- ✅ Unlimited recordings
+- ✅ Advanced function tracing
+- ✅ Enhanced capture features
+- ✅ Priority support
+
 ### Using the Extension
 
 1. **Element Selection**

package/chrome-extension/manifest.free.json

@@ -1,8 +1,8 @@
 {
   "manifest_version": 3,
-  "name": "ChromeDebug MCP Assistant FREE v2.1.1",
-  "version": "2.1.1",
-  "description": "ChromeDebug MCP visual element selector [FREE Edition] [Build: 2025-01-20-v2.1.1]",
+  "name": "ChromeDebug MCP Assistant FREE v2.4.0",
+  "version": "2.4.0",
+  "description": "ChromeDebug MCP visual element selector [FREE Edition] [Build: 2025-01-20-v2.4.0]",
   "permissions": [
     "activeTab",
     "scripting",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamicu/chromedebug-mcp",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "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",
@@ -56,7 +56,9 @@
     "tbv:microtest": "cd chrome-extension && npm run tbv:microtest",
     "build:free": "webpack --config scripts/webpack.config.free.cjs",
     "build:pro": "webpack --config scripts/webpack.config.pro.cjs",
-    "build:both": "npm run build:free && npm run build:pro"
+    "build:both": "npm run build:free && npm run build:pro",
+    "package-pro": "node scripts/package-pro-extension.js",
+    "package-webstore": "node scripts/package-webstore-extension.js"
   },
   "keywords": [
     "mcp",

package/scripts/package-pro-extension.js

@@ -0,0 +1,81 @@
+#!/usr/bin/env node
+
+/**
+ * Package PRO Chrome extension for LemonSqueezy distribution
+ * Creates a .zip file with the PRO version including activation manager
+ */
+
+import { createWriteStream, promises as fs } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { execSync } from 'child_process';
+import archiver from 'archiver';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const rootDir = join(__dirname, '..');
+const proExtensionDir = join(rootDir, 'scripts', 'dist', 'pro');
+const outputDir = join(rootDir, 'dist');
+const outputFile = join(outputDir, 'chromedebug-extension-pro.zip');
+
+async function packageProExtension() {
+  console.log('📦 Building and packaging PRO Chrome extension...');
+
+  // Step 1: Build the pro version
+  console.log('🔨 Building PRO version...');
+  try {
+    execSync('npm run build:pro', {
+      cwd: rootDir,
+      stdio: 'inherit'
+    });
+  } catch (error) {
+    console.error('❌ Failed to build PRO version');
+    throw error;
+  }
+
+  // Step 2: Verify the build output exists
+  try {
+    await fs.access(proExtensionDir);
+  } catch {
+    throw new Error(`Build output not found at ${proExtensionDir}`);
+  }
+
+  // Step 3: Ensure output directory exists
+  try {
+    await fs.mkdir(outputDir, { recursive: true });
+  } catch (error) {
+    // Directory might already exist, that's fine
+  }
+
+  // Step 4: Create zip file
+  console.log('📦 Creating PRO zip package...');
+
+  const output = createWriteStream(outputFile);
+  const archive = archiver('zip', { zlib: { level: 9 } });
+
+  return new Promise((resolve, reject) => {
+    output.on('close', () => {
+      const sizeKB = (archive.pointer() / 1024).toFixed(2);
+      console.log(`✅ PRO extension packaged successfully!`);
+      console.log(`   Size: ${sizeKB} KB`);
+      console.log(`   Location: ${outputFile}`);
+      console.log(`   📌 This is the PRO version with activation manager`);
+      console.log(`   🔒 For LemonSqueezy distribution only`);
+      resolve();
+    });
+
+    archive.on('error', reject);
+
+    archive.pipe(output);
+
+    // Add all files from the pro build directory
+    archive.directory(proExtensionDir, false);
+
+    archive.finalize();
+  });
+}
+
+packageProExtension().catch(err => {
+  console.error('❌ Failed to package PRO extension:', err);
+  process.exit(1);
+});

package/scripts/package-webstore-extension.js

@@ -0,0 +1,89 @@
+#!/usr/bin/env node
+
+/**
+ * Package FREE Chrome extension for Chrome Web Store distribution
+ * Creates a .zip file optimized for Chrome Web Store submission
+ */
+
+import { createWriteStream, promises as fs } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { execSync } from 'child_process';
+import archiver from 'archiver';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const rootDir = join(__dirname, '..');
+const freeExtensionDir = join(rootDir, 'scripts', 'dist', 'free');
+const outputDir = join(rootDir, 'dist');
+const outputFile = join(outputDir, 'chromedebug-webstore-free.zip');
+
+async function packageWebStoreExtension() {
+  console.log('📦 Building and packaging FREE Chrome extension for Web Store...');
+
+  // Step 1: Build the free version
+  console.log('🔨 Building free version...');
+  try {
+    execSync('npm run build:free', {
+      cwd: rootDir,
+      stdio: 'inherit'
+    });
+  } catch (error) {
+    console.error('❌ Failed to build free version');
+    throw error;
+  }
+
+  // Step 2: Verify the build output exists
+  try {
+    await fs.access(freeExtensionDir);
+  } catch {
+    throw new Error(`Build output not found at ${freeExtensionDir}`);
+  }
+
+  // Step 3: Ensure output directory exists
+  try {
+    await fs.mkdir(outputDir, { recursive: true });
+  } catch (error) {
+    // Directory might already exist, that's fine
+  }
+
+  // Step 4: Create zip file optimized for Chrome Web Store
+  console.log('📦 Creating Chrome Web Store package...');
+
+  const output = createWriteStream(outputFile);
+  const archive = archiver('zip', {
+    zlib: { level: 9 }
+  });
+
+  return new Promise((resolve, reject) => {
+    output.on('close', () => {
+      const sizeKB = (archive.pointer() / 1024).toFixed(2);
+      console.log(`✅ Chrome Web Store package created successfully!`);
+      console.log(`   Size: ${sizeKB} KB`);
+      console.log(`   Location: ${outputFile}`);
+      console.log(`   📌 This is the FREE version for Chrome Web Store`);
+      console.log(`   🌐 Ready to upload to: https://chrome.google.com/webstore/devconsole`);
+      console.log(`\n📋 Next steps:`);
+      console.log(`   1. Go to Chrome Web Store Developer Dashboard`);
+      console.log(`   2. Upload this zip file`);
+      console.log(`   3. Fill in store listing details`);
+      console.log(`   4. Submit for review`);
+      resolve();
+    });
+
+    archive.on('error', reject);
+
+    archive.pipe(output);
+
+    // Add all files from the free build directory
+    // Chrome Web Store expects all files to be in the root of the zip
+    archive.directory(freeExtensionDir, false);
+
+    archive.finalize();
+  });
+}
+
+packageWebStoreExtension().catch(err => {
+  console.error('❌ Failed to package Chrome Web Store extension:', err);
+  process.exit(1);
+});