hzhang/inspector
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make server port configurable via URL query param

Browse Source
This commit is contained in:
Ashwin Bhat
2024-11-26 13:12:45 -05:00
parent 2b79b6ffd4
commit a3d542c0a3
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
bin/cli.js
View File

@@ -61,8 +61,9 @@ async function main() {
// Make sure our server/client didn't immediately fail // Make sure our server/client didn't immediately fail
await Promise.any([server, client, delay(2 * 1000)]); await Promise.any([server, client, delay(2 * 1000)]);
const portParam = SERVER_PORT === "3000" ? "" : `?port=${SERVER_PORT}`;
console.log( console.log(
`\n🔍 MCP Inspector is up and running at http://localhost:${CLIENT_PORT} 🚀`, `\n🔍 MCP Inspector is up and running at http://localhost:${CLIENT_PORT}${portParam} 🚀`,
); );
try { try {

9
client/src/App.tsx
View File

@@ -191,7 +191,10 @@ const App = () => {
}, [args]); }, [args]);
useEffect(() => { useEffect(() => {
fetch("http://localhost:3000/config") const params = new URLSearchParams(window.location.search);
const serverPort = params.get('port') || '3000';
fetch(`http://localhost:${serverPort}/config`)
.then((response) => response.json()) .then((response) => response.json())
.then((data) => { .then((data) => {
setEnv(data.defaultEnvironment); setEnv(data.defaultEnvironment);
@@ -404,7 +407,9 @@ const App = () => {
}, },
); );
const backendUrl = new URL("http://localhost:3000/sse"); const params = new URLSearchParams(window.location.search);
const serverPort = params.get('port') || '3000';
const backendUrl = new URL(`http://localhost:${serverPort}/sse`);
backendUrl.searchParams.append("transportType", transportType); backendUrl.searchParams.append("transportType", transportType);
if (transportType === "stdio") { if (transportType === "stdio") {