browser-lens-mcp 3.0.0 → 3.0.1

package/extension/background.js

@@ -11,8 +11,31 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
     chrome.storage.local.get(DEFAULTS, (cfg) => sendResponse(cfg));
     return true;
   }
+
   if (msg.type === "setConfig") {
     chrome.storage.local.set(msg.config, () => sendResponse({ ok: true }));
     return true;
   }
+
+  if (msg.type === "injectScript" && sender.tab) {
+    chrome.scripting.executeScript({
+      target: { tabId: sender.tab.id },
+      world: "MAIN",
+      func: (code) => {
+        if (window.__MCP_BROWSER_LENS__) return;
+        try {
+          new Function(code).call(window);
+        } catch (e) {
+          console.error("[BrowserLens Extension] Inject error:", e);
+        }
+      },
+      args: [msg.code]
+    }).then(() => {
+      sendResponse({ ok: true });
+    }).catch((e) => {
+      console.error("[BrowserLens Extension] scripting.executeScript failed:", e);
+      sendResponse({ error: e.message });
+    });
+    return true;
+  }
 });

package/extension/content.js

@@ -2,37 +2,24 @@
   if (window.__MCP_BROWSER_LENS_EXT__) return;
   window.__MCP_BROWSER_LENS_EXT__ = true;
 
-  function inject(cfg) {
+  chrome.storage.local.get({ enabled: true, httpPort: 3202 }, function (cfg) {
     if (!cfg.enabled) return;
-    var httpPort = cfg.httpPort || 3202;
+    var port = cfg.httpPort || 3202;
 
-    fetch("http://localhost:" + httpPort + "/connector.js")
+    fetch("http://localhost:" + port + "/connector.js")
       .then(function (r) {
         if (!r.ok) throw new Error("HTTP " + r.status);
         return r.text();
       })
       .then(function (code) {
-        try {
-          new Function(code).call(window);
-          console.log("[BrowserLens Extension] Injected on " + location.hostname);
-        } catch (e) {
-          console.error("[BrowserLens Extension] Inject failed:", e);
-        }
+        chrome.runtime.sendMessage({
+          type: "injectScript",
+          code: code,
+          port: port
+        });
       })
       .catch(function () {
-        console.log("[BrowserLens Extension] MCP server not running on port " + httpPort);
+        console.log("[BrowserLens Extension] MCP server not reachable on port " + port);
       });
-  }
-
-  if (typeof chrome !== "undefined" && chrome.runtime && chrome.runtime.sendMessage) {
-    chrome.runtime.sendMessage({ type: "getConfig" }, function (cfg) {
-      if (chrome.runtime.lastError) {
-        inject({ enabled: true, httpPort: 3202, wsPort: 3203 });
-        return;
-      }
-      inject(cfg || { enabled: true, httpPort: 3202, wsPort: 3203 });
-    });
-  } else {
-    inject({ enabled: true, httpPort: 3202, wsPort: 3203 });
-  }
+  });
 })();

package/extension/manifest.json

@@ -1,9 +1,9 @@
 {
   "manifest_version": 3,
   "name": "Browser Lens — MCP UI Inspector",
-  "version": "2.3.1",
-  "description": "Real-time DOM, CSS, layout inspection for your IDE's AI agent. Connects to Browser Lens MCP server.",
-  "permissions": ["storage", "activeTab"],
+  "version": "3.0.0",
+  "description": "Real-time DOM, CSS, layout inspection for your IDE's AI agent. Persists across page reloads.",
+  "permissions": ["storage", "scripting", "activeTab"],
   "host_permissions": ["<all_urls>"],
   "action": {
     "default_popup": "popup.html",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-lens-mcp",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "MCP server that connects to your browser for real-time DOM, CSS, layout inspection, screenshot capture, and Figma design comparison — your IDE's AI agent sees exactly what users see",
   "type": "module",
   "main": "dist/src/index.js",