@different-ai/opencode-browser 4.2.5 → 4.3.0

package/.opencode/skill/browser-automation/SKILL.md

@@ -17,11 +17,12 @@ metadata:
 ## Best-practice workflow
 
 1. Inspect tabs with `browser_get_tabs`
-2. Navigate with `browser_navigate` if needed
-3. Wait for UI using `browser_query` with `timeoutMs`
-4. Discover candidates using `browser_query` with `mode=list`
-5. Click or type using `index`
-6. Confirm using `browser_query` or `browser_snapshot`
+2. Open new tabs with `browser_open_tab` when needed
+3. Navigate with `browser_navigate` if needed
+4. Wait for UI using `browser_query` with `timeoutMs`
+5. Discover candidates using `browser_query` with `mode=list`
+6. Click or type using `index`
+7. Confirm using `browser_query` or `browser_snapshot`
 
 ## Query modes
 
@@ -31,6 +32,11 @@ metadata:
 - `exists`: check presence and count
 - `page_text`: extract visible page text
 
+## Opening tabs
+
+- Use `browser_open_tab` to create a new tab, optionally with `url` and `active`
+- Example: `browser_open_tab({ url: "https://example.com", active: false })`
+
 ## Troubleshooting
 
 - If a selector fails, run `browser_query` with `mode=page_text` to confirm the content exists

package/README.md

@@ -57,6 +57,7 @@ OpenCode Plugin <-> Local Broker (unix socket) <-> Native Host <-> Chrome Extens
 Core primitives:
 - `browser_status`
 - `browser_get_tabs`
+- `browser_open_tab`
 - `browser_navigate`
 - `browser_query` (modes: `text`, `value`, `list`, `exists`, `page_text`; optional `timeoutMs`/`pollMs`)
 - `browser_click`

package/bin/cli.js

@@ -26,6 +26,7 @@ import { join, dirname } from "path";
 import { fileURLToPath } from "url";
 import { createInterface } from "readline";
 import { createConnection } from "net";
+import { execSync } from "child_process";
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -35,6 +36,7 @@ const BASE_DIR = join(homedir(), ".opencode-browser");
 const EXTENSION_DIR = join(BASE_DIR, "extension");
 const BROKER_DST = join(BASE_DIR, "broker.cjs");
 const NATIVE_HOST_DST = join(BASE_DIR, "native-host.cjs");
+const NATIVE_HOST_WRAPPER = join(BASE_DIR, "host-wrapper.sh");
 const CONFIG_DST = join(BASE_DIR, "config.json");
 const BROKER_SOCKET = join(BASE_DIR, "broker.sock");
 
@@ -94,6 +96,26 @@ function ensureDir(p) {
   mkdirSync(p, { recursive: true });
 }
 
+function resolveNodePath() {
+  if (process.env.OPENCODE_BROWSER_NODE) return process.env.OPENCODE_BROWSER_NODE;
+  if (process.execPath && /node(\.exe)?$/.test(process.execPath)) return process.execPath;
+  try {
+    const output = execSync("which node", { stdio: ["ignore", "pipe", "ignore"] })
+      .toString("utf8")
+      .trim();
+    if (output) return output;
+  } catch {}
+  return process.execPath;
+}
+
+function writeHostWrapper(nodePath) {
+  ensureDir(BASE_DIR);
+  const script = `#!/bin/sh\n"${nodePath}" "${NATIVE_HOST_DST}"\n`;
+  writeFileSync(NATIVE_HOST_WRAPPER, script, { mode: 0o755 });
+  chmodSync(NATIVE_HOST_WRAPPER, 0o755);
+  return NATIVE_HOST_WRAPPER;
+}
+
 function createJsonLineParser(onMessage) {
   let buffer = "";
   return (chunk) => {
@@ -196,13 +218,13 @@ function nativeHostManifestPath(dir) {
   return join(dir, `${NATIVE_HOST_NAME}.json`);
 }
 
-function writeNativeHostManifest(dir, extensionId) {
+function writeNativeHostManifest(dir, extensionId, hostPath) {
   ensureDir(dir);
 
   const manifest = {
     name: NATIVE_HOST_NAME,
     description: "OpenCode Browser native messaging host",
-    path: NATIVE_HOST_DST,
+    path: hostPath || NATIVE_HOST_DST,
     type: "stdio",
     allowed_origins: [`chrome-extension://${extensionId}/`],
   };
@@ -323,14 +345,21 @@ Find it at ${color("cyan", "chrome://extensions")}:
   success(`Installed broker: ${BROKER_DST}`);
   success(`Installed native host: ${NATIVE_HOST_DST}`);
 
-  saveConfig({ extensionId, installedAt: new Date().toISOString() });
+  const nodePath = resolveNodePath();
+  if (!/node(\.exe)?$/.test(nodePath)) {
+    warn(`Node not detected; using ${nodePath}. Set OPENCODE_BROWSER_NODE if needed.`);
+  }
+  const hostPath = writeHostWrapper(nodePath);
+  success(`Installed host wrapper: ${hostPath}`);
+
+  saveConfig({ extensionId, installedAt: new Date().toISOString(), nodePath });
 
   header("Step 6: Register Native Messaging Host");
 
   const hostDirs = getNativeHostDirs(osName);
   for (const dir of hostDirs) {
     try {
-      writeNativeHostManifest(dir, extensionId);
+      writeNativeHostManifest(dir, extensionId, hostPath);
       success(`Wrote native host manifest: ${nativeHostManifestPath(dir)}`);
     } catch (e) {
       warn(`Could not write native host manifest to: ${dir}`);
@@ -520,6 +549,7 @@ async function status() {
   success(`Extension dir present: ${existsSync(EXTENSION_DIR)}`);
   success(`Broker installed: ${existsSync(BROKER_DST)}`);
   success(`Native host installed: ${existsSync(NATIVE_HOST_DST)}`);
+  success(`Host wrapper installed: ${existsSync(NATIVE_HOST_WRAPPER)}`);
 
   const cfg = loadConfig();
   if (cfg?.extensionId) {
@@ -528,6 +558,10 @@ async function status() {
     warn("No config.json found (run install)");
   }
 
+  if (cfg?.nodePath) {
+    success(`Node path: ${cfg.nodePath}`);
+  }
+
   const osName = platform();
   const hostDirs = getNativeHostDirs(osName);
   let foundAny = false;

package/dist/plugin.js

@@ -12514,6 +12514,17 @@ var plugin = async (ctx) => {
           return toolResultText(data, "ok");
         }
       }),
+      browser_open_tab: tool({
+        description: "Open a new browser tab",
+        args: {
+          url: schema.string().optional(),
+          active: schema.boolean().optional()
+        },
+        async execute({ url: url2, active }, ctx2) {
+          const data = await brokerRequest("tool", { tool: "open_tab", args: { url: url2, active } });
+          return toolResultText(data, "Opened new tab");
+        }
+      }),
       browser_navigate: tool({
         description: "Navigate to a URL in the browser",
         args: {

package/extension/background.js

@@ -100,6 +100,7 @@ async function executeTool(toolName, args) {
   const tools = {
     get_active_tab: toolGetActiveTab,
     get_tabs: toolGetTabs,
+    open_tab: toolOpenTab,
     navigate: toolNavigate,
     click: toolClick,
     type: toolType,
@@ -487,6 +488,15 @@ async function toolGetActiveTab() {
   return { tabId: tab.id, content: { tabId: tab.id, url: tab.url, title: tab.title } }
 }
 
+async function toolOpenTab({ url, active = true }) {
+  const createOptions = {}
+  if (typeof url === "string" && url.trim()) createOptions.url = url.trim()
+  if (typeof active === "boolean") createOptions.active = active
+
+  const tab = await chrome.tabs.create(createOptions)
+  return { tabId: tab.id, content: { tabId: tab.id, url: tab.url, active: tab.active } }
+}
+
 async function toolNavigate({ url, tabId }) {
   if (!url) throw new Error("URL is required")
   const tab = await getTabById(tabId)

package/extension/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "OpenCode Browser Automation",
-  "version": "4.2.5",
+  "version": "4.3.0",
   "description": "Browser automation for OpenCode",
   "permissions": [
     "tabs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@different-ai/opencode-browser",
-  "version": "4.2.5",
+  "version": "4.3.0",
   "description": "Browser automation plugin for OpenCode (native messaging + per-tab ownership).",
   "type": "module",
   "bin": {