@pyrokine/mcp-chrome 2.3.1 → 2.4.0

package/extension/dist/assets/popup-BwuBB9Cz.css

@@ -0,0 +1,142 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+    font-size: 14px;
+    color: #333;
+    background: #fff;
+}
+
+.container {
+    width: 300px;
+    padding: 16px;
+}
+
+h1 {
+    font-size: 18px;
+    font-weight: 600;
+    margin-bottom: 16px;
+    color: #1a1a1a;
+}
+
+.status-section {
+    margin-bottom: 16px;
+}
+
+.status-indicator {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px;
+    background: #f5f5f5;
+    border-radius: 8px;
+}
+
+.status-dot {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background: #9e9e9e;
+}
+
+.status-indicator.connected .status-dot {
+    background: #4caf50;
+}
+
+.status-indicator.disconnected .status-dot {
+    background: #f44336;
+}
+
+.status-text {
+    font-size: 13px;
+    color: #666;
+}
+
+.button-section {
+    display: flex;
+    gap: 8px;
+    margin-bottom: 16px;
+}
+
+.auth-section {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-bottom: 16px;
+}
+
+.auth-label {
+    font-size: 12px;
+    color: #666;
+}
+
+.auth-input {
+    width: 100%;
+    padding: 9px 10px;
+    border: 1px solid #ddd;
+    border-radius: 6px;
+    font-size: 13px;
+}
+
+.auth-help {
+    font-size: 12px;
+    color: #777;
+    line-height: 1.35;
+}
+
+.auth-checkbox {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    color: #666;
+}
+
+.btn {
+    flex: 1;
+    padding: 10px 16px;
+    border: none;
+    border-radius: 6px;
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s;
+}
+
+.btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.btn-primary {
+    background: #2196f3;
+    color: #fff;
+}
+
+.btn-primary:hover:not(:disabled) {
+    background: #1976d2;
+}
+
+.btn-secondary {
+    background: #f5f5f5;
+    color: #333;
+}
+
+.btn-secondary:hover:not(:disabled) {
+    background: #e0e0e0;
+}
+
+.info-section {
+    padding-top: 12px;
+    border-top: 1px solid #eee;
+}
+
+.info-text {
+    font-size: 12px;
+    color: #999;
+    text-align: center;
+}

package/extension/dist/assets/popup.html-B81xccfq.js

@@ -0,0 +1,127 @@
+//#region \0vite/modulepreload-polyfill.js
+(function polyfill() {
+	const relList = document.createElement("link").relList;
+	if (relList && relList.supports && relList.supports("modulepreload")) return;
+	for (const link of document.querySelectorAll("link[rel=\"modulepreload\"]")) processPreload(link);
+	new MutationObserver((mutations) => {
+		for (const mutation of mutations) {
+			if (mutation.type !== "childList") continue;
+			for (const node of mutation.addedNodes) if (node.tagName === "LINK" && node.rel === "modulepreload") processPreload(node);
+		}
+	}).observe(document, {
+		childList: true,
+		subtree: true
+	});
+	function getFetchOpts(link) {
+		const fetchOpts = {};
+		if (link.integrity) fetchOpts.integrity = link.integrity;
+		if (link.referrerPolicy) fetchOpts.referrerPolicy = link.referrerPolicy;
+		if (link.crossOrigin === "use-credentials") fetchOpts.credentials = "include";
+		else if (link.crossOrigin === "anonymous") fetchOpts.credentials = "omit";
+		else fetchOpts.credentials = "same-origin";
+		return fetchOpts;
+	}
+	function processPreload(link) {
+		if (link.ep) return;
+		link.ep = true;
+		const fetchOpts = getFetchOpts(link);
+		fetch(link.href, fetchOpts);
+	}
+})();
+//#endregion
+//#region src/popup/popup.ts
+/**
+* MCP Chrome Extension - Popup UI
+*/
+var statusIndicator = document.getElementById("statusIndicator");
+var statusText = document.getElementById("statusText");
+var connectBtn = document.getElementById("connectBtn");
+var disconnectBtn = document.getElementById("disconnectBtn");
+var pairingTokenInput = document.getElementById("pairingTokenInput");
+var saveTokenBtn = document.getElementById("saveTokenBtn");
+var allowInsecureNoTokenInput = document.getElementById("allowInsecureNoTokenInput");
+var authHelp = document.getElementById("authHelp");
+async function updateStatus() {
+	try {
+		const response = await chrome.runtime.sendMessage({ type: "GET_STATUS" });
+		if (response.connected) {
+			const ports = response.ports ?? [];
+			statusIndicator.className = "status-indicator connected";
+			if (ports.length > 1) statusText.textContent = `已连接 ${ports.length} 个服务器 (${ports.join(", ")})`;
+			else if (ports.length === 1) statusText.textContent = `已连接 (端口 ${ports[0]})`;
+			else statusText.textContent = "已连接";
+			connectBtn.disabled = true;
+			disconnectBtn.disabled = false;
+		} else {
+			statusIndicator.className = "status-indicator disconnected";
+			statusText.textContent = "未连接";
+			connectBtn.disabled = false;
+			disconnectBtn.disabled = true;
+		}
+		allowInsecureNoTokenInput.checked = response.allowInsecureNoToken === true;
+		authHelp.textContent = response.pairingTokenConfigured ? "已配置 token，只连接同 token 的 MCP Server" : response.allowInsecureNoToken ? "未配置 token，将自动连接本地 MCP Server" : "未配置 token，不会连接未认证的 MCP Server";
+	} catch (error) {
+		console.error("Failed to get status:", error);
+		statusIndicator.className = "status-indicator disconnected";
+		statusText.textContent = "未连接";
+	}
+}
+connectBtn.addEventListener("click", async () => {
+	connectBtn.disabled = true;
+	statusText.textContent = "连接中...";
+	try {
+		if ((await chrome.runtime.sendMessage({ type: "CONNECT" })).connected > 0) await updateStatus();
+		else {
+			statusText.textContent = "未找到 MCP Server";
+			connectBtn.disabled = false;
+		}
+	} catch (error) {
+		console.error("Connect failed:", error);
+		statusText.textContent = "连接失败";
+		connectBtn.disabled = false;
+	}
+});
+saveTokenBtn.addEventListener("click", async () => {
+	saveTokenBtn.disabled = true;
+	try {
+		await chrome.runtime.sendMessage({
+			type: "SET_PAIRING_TOKEN",
+			token: pairingTokenInput.value
+		});
+		pairingTokenInput.value = "";
+		await updateStatus();
+	} catch (error) {
+		console.error("Save token failed:", error);
+		authHelp.textContent = "保存 token 失败";
+	} finally {
+		saveTokenBtn.disabled = false;
+	}
+});
+allowInsecureNoTokenInput.addEventListener("change", async () => {
+	allowInsecureNoTokenInput.disabled = true;
+	try {
+		await chrome.runtime.sendMessage({
+			type: "SET_ALLOW_INSECURE_NO_TOKEN",
+			allow: allowInsecureNoTokenInput.checked
+		});
+		await updateStatus();
+	} catch (error) {
+		console.error("Save insecure mode failed:", error);
+		authHelp.textContent = "保存无 token 连接设置失败";
+	} finally {
+		allowInsecureNoTokenInput.disabled = false;
+	}
+});
+disconnectBtn.addEventListener("click", async () => {
+	try {
+		await chrome.runtime.sendMessage({ type: "DISCONNECT" });
+		await updateStatus();
+	} catch (error) {
+		console.error("Disconnect failed:", error);
+	}
+});
+chrome.runtime.onMessage.addListener((message) => {
+	if (message.type === "STATUS_UPDATE") updateStatus();
+});
+updateStatus();
+//#endregion

package/extension/dist/manifest.json

@@ -0,0 +1,63 @@
+{
+  "manifest_version": 3,
+  "name": "MCP Chrome",
+  "version": "2.4.0",
+  "description": "Browser automation for Claude Code via MCP protocol",
+  "permissions": [
+    "alarms",
+    "tabs",
+    "activeTab",
+    "scripting",
+    "webNavigation",
+    "tabGroups",
+    "cookies",
+    "debugger",
+    "storage"
+  ],
+  "host_permissions": [
+    "<all_urls>"
+  ],
+  "background": {
+    "service_worker": "service-worker-loader.js",
+    "type": "module"
+  },
+  "action": {
+    "default_title": "MCP Chrome",
+    "default_popup": "src/popup/popup.html",
+    "default_icon": {
+      "16": "public/icons/icon16.png",
+      "48": "public/icons/icon48.png",
+      "128": "public/icons/icon128.png"
+    }
+  },
+  "icons": {
+    "16": "public/icons/icon16.png",
+    "48": "public/icons/icon48.png",
+    "128": "public/icons/icon128.png"
+  },
+  "content_scripts": [
+    {
+      "js": [
+        "assets/content.ts-pEASbjEL.js"
+      ],
+      "matches": [
+        "<all_urls>"
+      ],
+      "run_at": "document_idle",
+      "all_frames": true,
+      "match_about_blank": true,
+      "match_origin_as_fallback": true
+    }
+  ],
+  "web_accessible_resources": [
+    {
+      "matches": [
+        "<all_urls>"
+      ],
+      "resources": [
+        "assets/content.ts-pEASbjEL.js"
+      ],
+      "use_dynamic_url": false
+    }
+  ]
+}

package/extension/dist/service-worker-loader.js

@@ -0,0 +1 @@
+import './assets/index.ts-BMmrcSQ6.js';

package/extension/dist/src/popup/popup.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang='zh-CN'>
+<head>
+    <meta charset='UTF-8'>
+    <meta content='width=device-width, initial-scale=1.0' name='viewport'>
+    <title>MCP Chrome</title>
+  <script type="module" crossorigin src="/assets/popup.html-B81xccfq.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/popup-BwuBB9Cz.css">
+</head>
+<body>
+<div class='container'>
+    <h1>MCP Chrome</h1>
+
+    <div class='status-section'>
+        <div class='status-indicator' id='statusIndicator'>
+            <span class='status-dot'></span>
+            <span class='status-text' id='statusText'>检查中...</span>
+        </div>
+    </div>
+
+    <div class='button-section'>
+        <button class='btn btn-primary' id='connectBtn'>连接</button>
+        <button class='btn btn-secondary' disabled id='disconnectBtn'>断开</button>
+    </div>
+
+    <div class='auth-section'>
+        <label class='auth-label' for='pairingTokenInput'>Pairing token</label>
+        <input autocomplete='off' class='auth-input' id='pairingTokenInput'
+               placeholder='可选，必须与 MCP_CHROME_PAIRING_TOKEN 一致'
+               type='password'>
+        <button class='btn btn-secondary' id='saveTokenBtn'>保存 token</button>
+        <label class='auth-checkbox'>
+            <input id='allowInsecureNoTokenInput' type='checkbox'>
+            允许无 token 本地连接
+        </label>
+        <p class='auth-help' id='authHelp'>默认自动连接本地 MCP Server，可用 pairing token 加固</p>
+    </div>
+
+    <div class='info-section'>
+        <p class='info-text'>
+            通过 WebSocket 与 MCP Server 通信
+        </p>
+        <p class='info-text'>
+            服务端口范围：19222-19299
+        </p>
+    </div>
+</div>
+
+</body>
+</html>

package/package.json

@@ -1,18 +1,21 @@
 {
     "name": "@pyrokine/mcp-chrome",
-    "version": "2.3.1",
+    "version": "2.4.0",
     "description": "Chrome browser automation MCP Server using Chrome DevTools Protocol",
     "main": "dist/index.js",
     "type": "module",
     "scripts": {
-        "build": "tsc",
+        "build": "node node_modules/typescript7/bin/tsc",
+        "build:extension": "npm --prefix extension ci --include=optional && npm --prefix extension run build",
         "start": "node dist/index.js",
-        "dev": "tsc -w",
+        "dev": "node node_modules/typescript7/bin/tsc -w",
         "prepare": "npm run build",
+        "prepack": "npm run build && npm run build:extension",
         "lint": "eslint \"src/**/*.ts\" \"extension/src/**/*.ts\"",
         "lint:fix": "eslint \"src/**/*.ts\" \"extension/src/**/*.ts\" --fix",
         "format": "prettier --write src/",
-        "format:check": "prettier --check src/"
+        "format:check": "prettier --check src/",
+        "test": "npm run build && node --test test/ch-regressions.test.js"
     },
     "keywords": [
         "mcp",
@@ -26,26 +29,28 @@
     "license": "MIT",
     "dependencies": {
         "@modelcontextprotocol/sdk": "^1.29.0",
-        "ws": "^8.21.0",
+        "ws": "^8.21.1",
         "zod": "^4.4.3"
     },
     "devDependencies": {
         "@eslint/js": "^10.0.1",
-        "@types/node": "^25.9.3",
+        "@types/node": "^26.1.1",
         "@types/ws": "^8.18.1",
-        "eslint": "^10.5.0",
-        "prettier": "^3.8.4",
-        "typescript": "^6.0.3",
-        "typescript-eslint": "^8.61.0"
+        "eslint": "^10.7.0",
+        "prettier": "^3.9.5",
+        "typescript": "npm:@typescript/typescript6@^6.0.2",
+        "typescript-eslint": "^8.64.0",
+        "typescript7": "npm:typescript@^7.0.2"
     },
     "engines": {
-        "node": ">=18"
+        "node": ">=20.19.0"
     },
     "bin": {
         "mcp-chrome": "dist/index.js"
     },
     "files": [
         "dist",
+        "extension/dist",
         "README.md",
         "README_zh.md",
         "LICENSE"