@dropins/mcp 0.1.0 → 0.3.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.
- package/README.md +25 -47
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -6,13 +6,7 @@ MCP server that gives AI assistants deep knowledge of Adobe Commerce drop-in com
|
|
|
6
6
|
|
|
7
7
|
## Getting started
|
|
8
8
|
|
|
9
|
-
### 1.
|
|
10
|
-
|
|
11
|
-
```bash
|
|
12
|
-
npm install -g @dropins/mcp
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
### 2. Configure your IDE
|
|
9
|
+
### 1. Configure your IDE
|
|
16
10
|
|
|
17
11
|
The MCP server runs automatically — your IDE spawns the process when needed. The AI passes your project path directly when calling tools that need it.
|
|
18
12
|
|
|
@@ -49,19 +43,30 @@ Add to `.vscode/mcp.json` in your project:
|
|
|
49
43
|
|
|
50
44
|
#### Claude Desktop
|
|
51
45
|
|
|
52
|
-
|
|
46
|
+
Claude Desktop spawns processes without the shell's PATH, so `npx` may not resolve. Use the installed binary directly instead:
|
|
47
|
+
|
|
48
|
+
```bash
|
|
49
|
+
npm install -g @dropins/mcp
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
Then add to `claude_desktop_config.json`:
|
|
53
53
|
|
|
54
54
|
```json
|
|
55
55
|
{
|
|
56
56
|
"mcpServers": {
|
|
57
57
|
"dropins": {
|
|
58
|
-
"command": "
|
|
59
|
-
"args": ["@dropins/mcp"]
|
|
58
|
+
"command": "dropins-mcp"
|
|
60
59
|
}
|
|
61
60
|
}
|
|
62
61
|
}
|
|
63
62
|
```
|
|
64
63
|
|
|
64
|
+
If you use `nvm`, replace `dropins-mcp` with the full path to the binary. Run `node --version` to find your version (for example `v22.14.0`):
|
|
65
|
+
|
|
66
|
+
```text
|
|
67
|
+
~/.nvm/versions/node/<version>/bin/dropins-mcp
|
|
68
|
+
```
|
|
69
|
+
|
|
65
70
|
#### Codex
|
|
66
71
|
|
|
67
72
|
Add this to `~/.codex/config.toml`:
|
|
@@ -72,7 +77,7 @@ command = "npx"
|
|
|
72
77
|
args = ["@dropins/mcp"]
|
|
73
78
|
```
|
|
74
79
|
|
|
75
|
-
###
|
|
80
|
+
### 2. (Optional) Enable AI-powered documentation search
|
|
76
81
|
|
|
77
82
|
For enhanced semantic search across Adobe Commerce documentation, install the aio CLI:
|
|
78
83
|
|
|
@@ -83,12 +88,20 @@ aio auth login
|
|
|
83
88
|
|
|
84
89
|
This enables the `search_commerce_docs` tool. Without aio CLI, the MCP works fully — local documentation snapshots are always available via `search_docs`.
|
|
85
90
|
|
|
86
|
-
###
|
|
91
|
+
### 3. Verify
|
|
87
92
|
|
|
88
93
|
Restart your IDE. The dropins MCP should appear with 20 tools and resources enabled. Try a prompt like _"What slots does the CartSummaryList container have?"_ to confirm it works.
|
|
89
94
|
|
|
95
|
+
If the server does not appear, open your IDE's MCP logs and confirm that `npx @dropins/mcp` runs without errors in a terminal outside the IDE.
|
|
96
|
+
|
|
90
97
|
> **Note:** You do not need to clone any drop-in repositories. The knowledge base (registry, docs, examples) is pre-generated and committed to this repo. CI validates it on every push.
|
|
91
98
|
|
|
99
|
+
### Troubleshooting: npx timeout on first run
|
|
100
|
+
|
|
101
|
+
The first time `npx @dropins/mcp` runs it downloads the package, which can take several seconds. Some IDEs have a short MCP startup timeout and report a connection failure before the download completes.
|
|
102
|
+
|
|
103
|
+
To avoid this, install globally first and use the binary directly (see Claude Desktop config above). For other IDEs using `npx`, after the first run the package is cached locally and subsequent startups are fast.
|
|
104
|
+
|
|
92
105
|
## Tools
|
|
93
106
|
|
|
94
107
|
| Tool | Description |
|
|
@@ -226,41 +239,6 @@ In partial mode, only the targeted drop-in repos are branch/version checked, and
|
|
|
226
239
|
|
|
227
240
|
Block patterns and SDK package metadata (event-bus, fetch-graphql, etc.) are manually curated in `registry/sdk.json`. Elsie component props, slots, and exported types are auto-generated from StorefrontSDK source. Everything else is auto-generated by `yarn generate`.
|
|
228
241
|
|
|
229
|
-
### Usage analytics
|
|
230
|
-
|
|
231
|
-
The MCP server automatically logs every tool call to `.telemetry/usage.jsonl` (inside the MCP repo, gitignored) with timing, parameters, and result metadata.
|
|
232
|
-
|
|
233
|
-
Run `yarn stats` to view usage patterns:
|
|
234
|
-
|
|
235
|
-
- Tool call frequency and empty result rates (identifies knowledge gaps)
|
|
236
|
-
- Most queried drop-ins (shows developer interest)
|
|
237
|
-
- Failed search queries (actionable improvement list)
|
|
238
|
-
- Response times and error rates per tool
|
|
239
|
-
|
|
240
|
-
Example output:
|
|
241
|
-
|
|
242
|
-
```text
|
|
243
|
-
=== Dropins MCP Usage Stats ===
|
|
244
|
-
Period: last 30 days (247 total calls, 12% empty)
|
|
245
|
-
|
|
246
|
-
Top tools
|
|
247
|
-
Tool Calls Empty% Errors Avg ms
|
|
248
|
-
──────────────────────────────────────────────────────────
|
|
249
|
-
list_slots 61 2% 0 11
|
|
250
|
-
search_docs 39 21% 0 34 ← knowledge gap
|
|
251
|
-
list_graphql_queries 48 4% 0 18
|
|
252
|
-
|
|
253
|
-
Top empty-result queries (fix these)
|
|
254
|
-
8x "reCAPTCHA setup"
|
|
255
|
-
5x "B2B quote workflow"
|
|
256
|
-
```
|
|
257
|
-
|
|
258
|
-
Entries older than 90 days are automatically cleaned up on each run. Use `yarn stats --days 30` to narrow the window. The log file persists across MCP restarts and different projects.
|
|
259
|
-
|
|
260
|
-
For a visual dashboard with interactive charts, run `yarn dashboard`. This opens a React Spectrum app showing usage over time, tool breakdown, empty result queries, and dropin interest trends.
|
|
261
|
-
|
|
262
|
-
**Sharing feedback:** Consider sharing your `yarn stats` output with the MCP development team to help prioritize improvements and identify common knowledge gaps.
|
|
263
|
-
|
|
264
242
|
### When to regenerate
|
|
265
243
|
|
|
266
244
|
The knowledge base should be regenerated after every official drop-in release that includes stable versions. This ensures the MCP reflects the latest containers, slots, events, API functions, and documentation available to merchants. Make sure all local drop-in clones are on their default branch and up to date before running `yarn generate`.
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dropins/mcp",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "MCP server for Adobe Commerce Storefront Dropins — provides AI assistants with deep knowledge of blocks, slots, extensions, events, and design tokens",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Adobe Commerce Storefront Team",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"bin": {
|
|
9
|
-
"mcp
|
|
9
|
+
"dropins-mcp": "dist/index.js"
|
|
10
10
|
},
|
|
11
11
|
"engines": {
|
|
12
12
|
"node": ">=18.0.0"
|