@darbotlabs/darbot-browser-mcp 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +34 -4
  2. package/package.json +30 -3
package/README.md CHANGED
@@ -41,8 +41,16 @@ npx @darbotlabs/darbot-browser-mcp@latest
41
41
  ### 🔌 VS Code Extension
42
42
  Install the **"Darbot Browser MCP"** extension from the VS Code marketplace or search for `darbotlabs.darbot-browser-mcp`.
43
43
 
44
+ The extension **automatically configures the MCP server** when installed - just enable MCP in VS Code settings and start the server!
45
+
44
46
  [**📥 Install VS Code Extension**](https://marketplace.visualstudio.com/items?itemName=darbotlabs.darbot-browser-mcp)
45
47
 
48
+ **Quick Setup:**
49
+ 1. Install the extension from VS Code marketplace
50
+ 2. The extension will automatically prompt you to enable MCP and configure the server
51
+ 3. Use Command Palette: "Darbot Browser MCP: Start Server"
52
+ 4. Start chatting with GitHub Copilot using browser automation tools!
53
+
46
54
  ### 📚 NuGet Package (.NET)
47
55
  ```bash
48
56
  # Install for .NET projects
@@ -124,7 +132,16 @@ node utils/generate-links.js
124
132
 
125
133
  ## 🚀 Getting Started
126
134
 
127
- First, install the Browser MCP server with your client. A typical configuration looks like this:
135
+ The fastest way to get started is with the VS Code extension, which automatically configures everything for you. For other clients, you'll need to manually configure the MCP server.
136
+
137
+ ### **🔌 VS Code (Automatic Setup)**
138
+ 1. Install the [VS Code Extension](https://marketplace.visualstudio.com/items?itemName=darbotlabs.darbot-browser-mcp)
139
+ 2. Extension auto-configures MCP settings
140
+ 3. Start the server via Command Palette
141
+ 4. Use with GitHub Copilot Chat!
142
+
143
+ ### **⚙️ Manual Configuration (Other Clients)**
144
+ For Claude Desktop, Cursor, Windsurf, etc., add this configuration:
128
145
 
129
146
  ```js
130
147
  {
@@ -141,13 +158,25 @@ First, install the Browser MCP server with your client. A typical configuration
141
158
 
142
159
  ### 📱 Quick Install Buttons
143
160
 
144
- [<img src="https://img.shields.io/badge/VS_Code-Install_Server-0098FF?style=for-the-badge&logo=visual-studio-code" alt="Install in VS Code">](https://insiders.vscode.dev/redirect?url=vscode%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522browser%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522%2540darbotlabs%252Fdarbot-browser-mcp%2540latest%2522%255D%257D) [<img src="https://img.shields.io/badge/VS_Code_Insiders-Install_Server-24bfa5?style=for-the-badge&logo=visual-studio-code" alt="Install in VS Code Insiders">](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522browser%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522%2540darbotlabs%252Fdarbot-browser-mcp%2540latest%2522%255D%257D)
161
+ **🔌 VS Code (Automatic):**
162
+ [<img src="https://img.shields.io/badge/VS_Code-Auto_Install_Extension-0098FF?style=for-the-badge&logo=visual-studio-code" alt="Install VS Code Extension">](https://marketplace.visualstudio.com/items?itemName=darbotlabs.darbot-browser-mcp)
163
+
164
+ **⚙️ Manual Configuration:**
165
+ [<img src="https://img.shields.io/badge/VS_Code-Manual_Server_Config-0098FF?style=for-the-badge&logo=visual-studio-code" alt="Install in VS Code">](https://insiders.vscode.dev/redirect?url=vscode%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522browser%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522%2540darbotlabs%252Fdarbot-browser-mcp%2540latest%2522%255D%257D) [<img src="https://img.shields.io/badge/VS_Code_Insiders-Manual_Server_Config-24bfa5?style=for-the-badge&logo=visual-studio-code" alt="Install in VS Code Insiders">](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522browser%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522%2540darbotlabs%252Fdarbot-browser-mcp%2540latest%2522%255D%257D)
166
+
167
+
168
+ <details><summary><b>Install in VS Code (Automatic Setup)</b></summary>
145
169
 
170
+ **🚀 Recommended: Use the VS Code Extension for automatic setup!**
146
171
 
147
- <details><summary><b>Install in VS Code</b></summary>
172
+ The [Darbot Browser MCP Extension](https://marketplace.visualstudio.com/items?itemName=darbotlabs.darbot-browser-mcp) automatically handles all configuration:
148
173
 
149
- You can also install the Browser MCP server using the VS Code CLI:
174
+ 1. **Install from marketplace**: Search "Darbot Browser MCP" in VS Code extensions
175
+ 2. **Auto-configuration**: Extension prompts to enable MCP and configures the server
176
+ 3. **Start & Use**: Use Command Palette → "Darbot Browser MCP: Start Server"
177
+ 4. **Chat with Copilot**: Ask GitHub Copilot to "browse to example.com"
150
178
 
179
+ **Manual CLI installation (if you prefer):**
151
180
  ```bash
152
181
  # For VS Code
153
182
  code --add-mcp '{"name":"browser","command":"npx","args":["@darbotlabs/darbot-browser-mcp@latest"]}'
@@ -553,6 +582,7 @@ X Y coordinate space, based on the provided screenshot.
553
582
  - Parameters:
554
583
  - `element` (string): Human-readable element description used to obtain permission to interact with the element
555
584
  - `ref` (string): Exact target element reference from the page snapshot
585
+ - `doubleClick` (boolean, optional): Whether to perform a double click instead of a single click
556
586
  - Read-only: **false**
557
587
 
558
588
  <!-- NOTE: This has been generated via update-readme.js -->
package/package.json CHANGED
@@ -1,13 +1,38 @@
1
1
  {
2
2
  "name": "@darbotlabs/darbot-browser-mcp",
3
- "version": "0.1.1",
4
- "description": "🤖 Your Autonomous Browser Companion - 29 AI-driven browser tools with work profile support",
3
+ "version": "0.2.0",
4
+ "description": "🤖 Your Autonomous Browser Companion - 29 AI-driven browser tools with work profile support and VS Code GitHub Copilot agent mode integration",
5
5
  "type": "module",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git+https://github.com/darbotlabs/darbot-browser-mcp.git"
9
9
  },
10
10
  "homepage": "https://github.com/darbotlabs/darbot-browser-mcp",
11
+ "keywords": [
12
+ "mcp",
13
+ "browser",
14
+ "autonomous",
15
+ "darbot",
16
+ "automation",
17
+ "testing",
18
+ "screenshot",
19
+ "copilot",
20
+ "ai",
21
+ "edge",
22
+ "chrome",
23
+ "web-automation",
24
+ "playwright",
25
+ "selenium-alternative",
26
+ "browser-testing",
27
+ "accessibility",
28
+ "work-profiles",
29
+ "session-management",
30
+ "github-copilot",
31
+ "model-context-protocol",
32
+ "vscode-extension",
33
+ "agent-mode",
34
+ "copilot-integration"
35
+ ],
11
36
  "engines": {
12
37
  "node": ">=18"
13
38
  },
@@ -25,7 +50,9 @@
25
50
  "run-server": "node cli.js",
26
51
  "run-darbot": "node cli.js",
27
52
  "clean": "rmdir /s /q lib 2>nul || echo Clean completed",
28
- "npm-publish": "npm run clean && npm run build && npm run test && npm publish"
53
+ "npm-publish": "npm run clean && npm run build && npm run test && npm publish",
54
+ "package": "npm run build && npm pack",
55
+ "prepublishOnly": "npm run clean && npm run build"
29
56
  },
30
57
  "exports": {
31
58
  "./package.json": "./package.json",