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.
- package/README.md +100 -20
- 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:
|
|
90
|
+
### Option 1: npx (Recommended)
|
|
91
91
|
|
|
92
|
-
|
|
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/
|
|
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.
|
|
106
|
-
|
|
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**:
|
|
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
|
-
###
|
|
117
|
-
|
|
118
|
-
Once published to npm, you can use:
|
|
198
|
+
### Verify Installation
|
|
119
199
|
|
|
200
|
+
**Claude Code:**
|
|
120
201
|
```bash
|
|
121
|
-
|
|
122
|
-
|
|
202
|
+
claude mcp list
|
|
203
|
+
# You should see: convex-visual
|
|
123
204
|
```
|
|
124
205
|
|
|
125
|
-
|
|
206
|
+
**Claude Desktop:**
|
|
207
|
+
Restart the app, then check the MCP icon in the input area.
|
|
126
208
|
|
|
127
|
-
|
|
128
|
-
|
|
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 --
|
|
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,
|
|
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/
|
|
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.
|
|
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/
|
|
51
|
+
"url": "https://github.com/waynesutton/convex-mcp-visual"
|
|
52
52
|
},
|
|
53
|
-
"author": "",
|
|
54
|
-
"homepage": "https://github.com/
|
|
53
|
+
"author": "Wayne Sutton",
|
|
54
|
+
"homepage": "https://github.com/waynesutton/convex-mcp-visual#readme"
|
|
55
55
|
}
|