@gluip/chart-canvas-mcp 0.1.2 → 0.1.4

package/dist/api.js

@@ -3,11 +3,33 @@ import cors from "cors";
 import path from "path";
 import { fileURLToPath } from "url";
 import { stateManager } from "./state.js";
+import { createServer } from "http";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
-export function startApiServer() {
+let serverPort = null;
+export function getServerPort() {
+    return serverPort;
+}
+async function findAvailablePort(startPort) {
+    return new Promise((resolve, reject) => {
+        const server = createServer();
+        server.listen(startPort, () => {
+            const port = server.address().port;
+            server.close(() => resolve(port));
+        });
+        server.on("error", (err) => {
+            if (err.code === "EADDRINUSE") {
+                resolve(findAvailablePort(startPort + 1));
+            }
+            else {
+                reject(err);
+            }
+        });
+    });
+}
+export async function startApiServer() {
     const app = express();
-    const PORT = 3000;
+    const PORT = await findAvailablePort(3000);
     app.use(cors());
     app.use(express.json());
     // API endpoints
@@ -25,8 +47,9 @@ export function startApiServer() {
         res.sendFile(path.join(frontendDistPath, "index.html"));
     });
     app.listen(PORT, () => {
-        console.error(`Server running on http://localhost:${PORT}`);
-        console.error(`- API: http://localhost:${PORT}/state`);
-        console.error(`- Frontend: http://localhost:${PORT}`);
+        serverPort = PORT;
+        console.log(`Server running on http://localhost:${PORT}`);
+        console.log(`- API: http://localhost:${PORT}/state`);
+        console.log(`- Frontend: http://localhost:${PORT}`);
     });
 }

package/dist/index.js

@@ -3,7 +3,7 @@ import { Server } from "@modelcontextprotocol/sdk/server/index.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { CallToolRequestSchema, ListToolsRequestSchema, } from "@modelcontextprotocol/sdk/types.js";
 import { stateManager } from "./state.js";
-import { startApiServer } from "./api.js";
+import { startApiServer, getServerPort } from "./api.js";
 import open from "open";
 const server = new Server({
     name: "chart-canvas-server",
@@ -140,11 +140,12 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                 description,
                 xLabels,
             });
+            const port = getServerPort() || 3000;
             return {
                 content: [
                     {
                         type: "text",
-                        text: `Added ${type} chart with ID ${viz.id}. View it at http://localhost:3000`,
+                        text: `Added ${type} chart with ID ${viz.id}. View it at http://localhost:${port}`,
                     },
                 ],
             };
@@ -176,12 +177,14 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
         }
         case "showCanvas": {
             try {
-                await open("http://localhost:3000");
+                const port = getServerPort() || 3000;
+                const url = `http://localhost:${port}`;
+                await open(url);
                 return {
                     content: [
                         {
                             type: "text",
-                            text: "Opened canvas in browser at http://localhost:3000",
+                            text: `Opened canvas in browser at ${url}`,
                         },
                     ],
                 };
@@ -203,12 +206,11 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
 });
 async function main() {
     // Start the API server for frontend
-    startApiServer();
+    await startApiServer();
     // Start MCP server on stdio
     const transport = new StdioServerTransport();
     await server.connect(transport);
-    console.error("Chart Canvas MCP Server running");
-    console.error("API server running on http://localhost:3000");
+    console.log("Chart Canvas MCP Server running");
 }
 main().catch((error) => {
     console.error("Fatal error:", error);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gluip/chart-canvas-mcp",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "MCP server for creating interactive visualizations (charts, diagrams, tables) through AI assistants",
   "author": "Martijn",
   "license": "MIT",