@mcp-b/chrome-devtools-mcp 1.0.1 → 1.0.2

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 +24 -22
  2. package/package.json +26 -1
package/README.md CHANGED
@@ -67,9 +67,9 @@ Create a WebMCP tool called "search_products" that searches our product catalog
67
67
  **Step 2: The AI writes the code in your app**
68
68
  ```typescript
69
69
  // Your AI agent writes this code
70
- import { registerTools } from '@mcp-b/global';
70
+ import '@mcp-b/global';
71
71
 
72
- registerTools([{
72
+ navigator.modelContext.registerTool({
73
73
  name: 'search_products',
74
74
  description: 'Search for products by name or category',
75
75
  inputSchema: {
@@ -80,11 +80,13 @@ registerTools([{
80
80
  },
81
81
  required: ['query']
82
82
  },
83
- handler: async ({ query, category }) => {
83
+ async execute({ query, category }) {
84
84
  const results = await searchProducts(query, category);
85
- return { results };
85
+ return {
86
+ content: [{ type: 'text', text: JSON.stringify(results) }]
87
+ };
86
88
  }
87
- }]);
89
+ });
88
90
  ```
89
91
 
90
92
  **Step 3: Your dev server hot-reloads**
@@ -749,25 +751,25 @@ The webpage must have WebMCP tools registered. Websites do this by using the
749
751
 
750
752
  ```javascript
751
753
  // Example of how a website registers tools (done by the website developer)
752
- import { registerTools } from '@mcp-b/global';
753
-
754
- registerTools([
755
- {
756
- name: 'search_products',
757
- description: 'Search for products on this website',
758
- inputSchema: {
759
- type: 'object',
760
- properties: {
761
- query: { type: 'string', description: 'Search query' }
762
- },
763
- required: ['query']
754
+ import '@mcp-b/global';
755
+
756
+ navigator.modelContext.registerTool({
757
+ name: 'search_products',
758
+ description: 'Search for products on this website',
759
+ inputSchema: {
760
+ type: 'object',
761
+ properties: {
762
+ query: { type: 'string', description: 'Search query' }
764
763
  },
765
- handler: async ({ query }) => {
766
- // Implementation
767
- return { results: [...] };
768
- }
764
+ required: ['query']
765
+ },
766
+ async execute({ query }) {
767
+ // Implementation
768
+ return {
769
+ content: [{ type: 'text', text: JSON.stringify({ results: [...] }) }]
770
+ };
769
771
  }
770
- ]);
772
+ });
771
773
  ```
772
774
 
773
775
  ### Using WebMCP tools
package/package.json CHANGED
@@ -1,7 +1,32 @@
1
1
  {
2
2
  "name": "@mcp-b/chrome-devtools-mcp",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "MCP server for Chrome DevTools with WebMCP integration",
5
+ "keywords": [
6
+ "mcp",
7
+ "model-context-protocol",
8
+ "chrome",
9
+ "devtools",
10
+ "browser-automation",
11
+ "puppeteer",
12
+ "ai-agent",
13
+ "claude",
14
+ "cursor",
15
+ "copilot",
16
+ "gemini",
17
+ "webmcp",
18
+ "web-model-context",
19
+ "ai-tools",
20
+ "llm",
21
+ "ai-assistant",
22
+ "browser-testing",
23
+ "debugging",
24
+ "performance",
25
+ "screenshots",
26
+ "web-automation",
27
+ "anthropic",
28
+ "openai"
29
+ ],
5
30
  "homepage": "https://github.com/WebMCP-org/npm-packages/tree/main/packages/chrome-devtools-mcp#readme",
6
31
  "bugs": {
7
32
  "url": "https://github.com/WebMCP-org/npm-packages/issues"