@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.
Files changed (2) hide show
  1. package/README.md +25 -47
  2. 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. Install
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
- Add to `claude_desktop_config.json`:
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": "npx",
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
- ### 3. (Optional) Enable AI-powered documentation search
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
- ### 4. Verify
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.1.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-server-dropins": "dist/index.js"
9
+ "dropins-mcp": "dist/index.js"
10
10
  },
11
11
  "engines": {
12
12
  "node": ">=18.0.0"