convex-mcp-visual 1.0.0 → 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 +100 -20
  2. package/package.json +4 -4
package/README.md CHANGED
@@ -87,13 +87,95 @@ MCP (Model Context Protocol) is a standard protocol that allows AI assistants li
87
87
 
88
88
  ## Installation
89
89
 
90
- ### Option 1: From GitHub (Current)
90
+ ### Option 1: npx (Recommended)
91
91
 
92
- Since this package is not yet published to npm, install from GitHub:
92
+ The easiest way - no local installation needed. Works with any MCP client.
93
+
94
+ **npm package:** [npmjs.com/package/convex-mcp-visual](https://www.npmjs.com/package/convex-mcp-visual)
95
+
96
+ #### Claude Code (CLI)
97
+
98
+ ```bash
99
+ claude mcp add convex-visual -- npx convex-mcp-visual --stdio
100
+ ```
101
+
102
+ #### Claude Desktop
103
+
104
+ Add to your Claude Desktop config file:
105
+
106
+ **macOS**: `~/Library/Application Support/Claude/claude_desktop_config.json`
107
+ **Windows**: `%APPDATA%\Claude\claude_desktop_config.json`
108
+
109
+ ```json
110
+ {
111
+ "mcpServers": {
112
+ "convex-visual": {
113
+ "command": "npx",
114
+ "args": ["convex-mcp-visual", "--stdio"]
115
+ }
116
+ }
117
+ }
118
+ ```
119
+
120
+ #### Cursor / VS Code with MCP Extension
121
+
122
+ Add to your MCP settings:
123
+
124
+ ```json
125
+ {
126
+ "mcp.servers": {
127
+ "convex-visual": {
128
+ "command": "npx",
129
+ "args": ["convex-mcp-visual", "--stdio"]
130
+ }
131
+ }
132
+ }
133
+ ```
134
+
135
+ #### Any MCP Client
136
+
137
+ The server uses standard MCP protocol over stdio:
138
+
139
+ ```bash
140
+ npx convex-mcp-visual --stdio
141
+ ```
142
+
143
+ ### Option 2: Global Install
144
+
145
+ Install once, use anywhere:
146
+
147
+ ```bash
148
+ # Install globally
149
+ npm install -g convex-mcp-visual
150
+
151
+ # Then configure your MCP client to run:
152
+ convex-mcp-visual --stdio
153
+ ```
154
+
155
+ **Claude Code:**
156
+ ```bash
157
+ claude mcp add convex-visual -- convex-mcp-visual --stdio
158
+ ```
159
+
160
+ **Claude Desktop / Other clients:**
161
+ ```json
162
+ {
163
+ "mcpServers": {
164
+ "convex-visual": {
165
+ "command": "convex-mcp-visual",
166
+ "args": ["--stdio"]
167
+ }
168
+ }
169
+ }
170
+ ```
171
+
172
+ ### Option 3: From GitHub (For Development)
173
+
174
+ Clone and build locally if you want to modify the code:
93
175
 
94
176
  ```bash
95
177
  # 1. Clone the repository
96
- git clone https://github.com/your-username/convex-mcp-visual.git
178
+ git clone https://github.com/waynesutton/convex-mcp-visual.git
97
179
  cd convex-mcp-visual
98
180
 
99
181
  # 2. Install dependencies
@@ -102,43 +184,41 @@ npm install
102
184
  # 3. Build the project
103
185
  npm run build
104
186
 
105
- # 4. Add to Claude Code (use YOUR absolute path)
106
- claude mcp add convex-visual -- node /Users/yourname/path/to/convex-mcp-visual/dist/index.js --stdio
187
+ # 4. Configure your MCP client to run:
188
+ node /absolute/path/to/convex-mcp-visual/dist/index.js --stdio
107
189
  ```
108
190
 
109
- **Important**: You must use the **absolute path** to `dist/index.js`. Relative paths won't work.
191
+ **Important**: When using local installation, you must use the **absolute path** to `dist/index.js`.
110
192
 
111
193
  **Example paths:**
112
194
  - macOS: `/Users/yourname/projects/convex-mcp-visual/dist/index.js`
113
195
  - Linux: `/home/yourname/projects/convex-mcp-visual/dist/index.js`
114
196
  - Windows: `C:\Users\yourname\projects\convex-mcp-visual\dist\index.js`
115
197
 
116
- ### Option 2: npx (After npm Publish)
117
-
118
- Once published to npm, you can use:
198
+ ### Verify Installation
119
199
 
200
+ **Claude Code:**
120
201
  ```bash
121
- # Add to Claude Code directly (no clone needed)
122
- claude mcp add convex-visual -- npx convex-mcp-visual --stdio
202
+ claude mcp list
203
+ # You should see: convex-visual
123
204
  ```
124
205
 
125
- ### Option 3: Global Install (After npm Publish)
206
+ **Claude Desktop:**
207
+ Restart the app, then check the MCP icon in the input area.
126
208
 
127
- ```bash
128
- npm install -g convex-mcp-visual
129
- claude mcp add convex-visual -- convex-mcp-visual --stdio
130
- ```
209
+ **Other clients:**
210
+ Check your client's MCP server status panel.
131
211
 
132
212
  ### How It Works
133
213
 
134
214
  ```
135
215
  ┌─────────────────────────────────────────────────────────────────┐
136
- │ claude mcp add convex-visual -- node /path/dist/index.js
216
+ │ claude mcp add convex-visual -- npx convex-mcp-visual --stdio
137
217
  │ │
138
218
  │ This tells Claude Code: │
139
219
  │ 1. Register a server named "convex-visual" │
140
- │ 2. When tools are needed, spawn: node /path/dist/index.js
141
- │ 3. Communicate via --stdio (stdin/stdout)
220
+ │ 2. When tools are needed, run: npx convex-mcp-visual
221
+ │ 3. Communicate via --stdio (stdin/stdout JSON-RPC)
142
222
  └─────────────────────────────────────────────────────────────────┘
143
223
 
144
224
 
@@ -823,7 +903,7 @@ When web integration becomes available, this project is designed to be ready:
823
903
  ### Development Setup
824
904
 
825
905
  ```bash
826
- git clone https://github.com/your-username/convex-mcp-visual.git
906
+ git clone https://github.com/waynesutton/convex-mcp-visual.git
827
907
  cd convex-mcp-visual
828
908
  npm install
829
909
  npm run dev # Watch mode
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "convex-mcp-visual",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Visual MCP tools for exploring Convex databases - graph view, schema browser, and dashboards",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -48,8 +48,8 @@
48
48
  "license": "MIT",
49
49
  "repository": {
50
50
  "type": "git",
51
- "url": "https://github.com/anthropics/convex-mcp-visual"
51
+ "url": "https://github.com/waynesutton/convex-mcp-visual"
52
52
  },
53
- "author": "",
54
- "homepage": "https://github.com/anthropics/convex-mcp-visual#readme"
53
+ "author": "Wayne Sutton",
54
+ "homepage": "https://github.com/waynesutton/convex-mcp-visual#readme"
55
55
  }