@drawio/mcp 1.1.1 → 1.1.3

package/README.md

@@ -12,7 +12,6 @@ This package is part of the [drawio-mcp](https://github.com/jgraph/drawio-mcp) r
 - **Open XML diagrams**: Load native draw.io/mxGraph XML format
 - **Import CSV data**: Convert tabular data to diagrams (org charts, flowcharts, etc.)
 - **Render Mermaid.js**: Transform Mermaid syntax into editable draw.io diagrams
-- **URL support**: Fetch content from URLs automatically
 - **Customizable display**: Lightbox mode, dark mode, and more
 
 ## Installation
@@ -75,7 +74,7 @@ Opens the draw.io editor with XML content.
 
 | Parameter | Type | Required | Description |
 |-----------|------|----------|-------------|
-| `content` | string | Yes | Draw.io XML or URL to XML |
+| `content` | string | Yes | Draw.io XML content |
 | `lightbox` | boolean | No | Read-only view mode (default: false) |
 | `dark` | string | No | "auto", "true", or "false" (default: "auto") |
 
@@ -85,7 +84,7 @@ Opens the draw.io editor with CSV data converted to a diagram.
 
 | Parameter | Type | Required | Description |
 |-----------|------|----------|-------------|
-| `content` | string | Yes | CSV content or URL to CSV |
+| `content` | string | Yes | CSV content |
 | `lightbox` | boolean | No | Read-only view mode (default: false) |
 | `dark` | string | No | "auto", "true", or "false" (default: "auto") |
 
@@ -95,7 +94,7 @@ Opens the draw.io editor with a Mermaid.js diagram.
 
 | Parameter | Type | Required | Description |
 |-----------|------|----------|-------------|
-| `content` | string | Yes | Mermaid syntax or URL |
+| `content` | string | Yes | Mermaid.js syntax |
 | `lightbox` | boolean | No | Read-only view mode (default: false) |
 | `dark` | string | No | "auto", "true", or "false" (default: "auto") |
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawio/mcp",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Official draw.io MCP server for LLMs - Open diagrams in draw.io editor",
   "type": "module",
   "main": "src/index.js",
@@ -36,7 +36,7 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "@modelcontextprotocol/sdk": "1.11.2",
+    "@modelcontextprotocol/sdk": "^1.27.1",
     "pako": "^2.1.0"
   },
   "files": [

package/src/index.js

@@ -4,7 +4,7 @@ import { Server } from "@modelcontextprotocol/sdk/server/index.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { ListToolsRequestSchema, CallToolRequestSchema } from "@modelcontextprotocol/sdk/types.js";
 import pako from "pako";
-import { exec } from "child_process";
+import { spawn } from "child_process";
 
 const DRAWIO_BASE_URL = "https://app.diagrams.net/";
 
@@ -13,29 +13,27 @@ const DRAWIO_BASE_URL = "https://app.diagrams.net/";
  */
 function openBrowser(url)
 {
-  const platform = process.platform;
-  let command;
+  let child;
 
-  if (platform === "win32")
+  if (process.platform === "win32")
   {
-    command = `start "" "${url}"`;
+    child = spawn("cmd", ["/c", "start", "", url], { shell: false, stdio: "ignore" });
   }
-  else if (platform === "darwin")
+  else if (process.platform === "darwin")
   {
-    command = `open "${url}"`;
+    child = spawn("open", [url], { shell: false, stdio: "ignore" });
   }
   else
   {
-    command = `xdg-open "${url}"`;
+    child = spawn("xdg-open", [url], { shell: false, stdio: "ignore" });
   }
 
-  exec(command, (error) =>
+  child.on("error", function(error)
   {
-    if (error)
-    {
-      console.error(`Failed to open browser: ${error.message}`);
-    }
+    console.error(`Failed to open browser: ${error.message}`);
   });
+
+  child.unref();
 }
 
 /**
@@ -101,44 +99,16 @@ function generateDrawioUrl(data, type, options = {})
   return DRAWIO_BASE_URL + (paramsStr ? "?" + paramsStr : "") + createHash;
 }
 
-/**
- * Fetches content from a URL
- */
-async function fetchContent(url)
-{
-  const response = await fetch(url);
-  if (!response.ok)
-  {
-    throw new Error(`Failed to fetch ${url}: ${response.status} ${response.statusText}`);
-  }
-  return response.text();
-}
-
-/**
- * Determines if the input is a URL
- */
-function isUrl(input)
-{
-  try
-  {
-    new URL(input);
-    return true;
-  }
-  catch
-  {
-    return false;
-  }
-}
-
 // Define the tools
 const tools =
 [
   {
     name: "open_drawio_xml",
     description:
-      "Opens the draw.io editor with a diagram from XML content or a URL to XML content. " +
+      "Opens the draw.io editor with a diagram from XML content. " +
       "Use this to view, edit, or create diagrams in draw.io format. " +
-      "The XML should be valid draw.io/mxGraph XML format.",
+      "The XML should be valid draw.io/mxGraph XML format. " +
+      "IMPORTANT: Do NOT use double hyphens (--) inside XML comments, as this is invalid XML and will break the parser. Use single hyphens or rephrase instead.",
     inputSchema:
     {
       type: "object",
@@ -148,8 +118,7 @@ const tools =
         {
           type: "string",
           description:
-            "The draw.io XML content or a URL pointing to XML content. " +
-            "If a URL is provided, the content will be fetched automatically.",
+            "The draw.io XML content in mxGraphModel format.",
         },
         lightbox:
         {
@@ -169,7 +138,7 @@ const tools =
   {
     name: "open_drawio_csv",
     description:
-      "Opens the draw.io editor with a diagram generated from CSV data or a URL to CSV data. " +
+      "Opens the draw.io editor with a diagram generated from CSV data. " +
       "The CSV format should follow draw.io's CSV import specification which allows " +
       "creating org charts, flowcharts, and other diagrams from tabular data.",
     inputSchema:
@@ -181,9 +150,7 @@ const tools =
         {
           type: "string",
           description:
-            "The CSV content or a URL pointing to CSV content. " +
-            "If a URL is provided, the content will be fetched automatically. " +
-            "The CSV should follow draw.io's CSV import format.",
+            "The CSV content following draw.io's CSV import format.",
         },
         lightbox:
         {
@@ -203,7 +170,7 @@ const tools =
   {
     name: "open_drawio_mermaid",
     description:
-      "Opens the draw.io editor with a diagram generated from Mermaid.js syntax or a URL to Mermaid content. " +
+      "Opens the draw.io editor with a diagram generated from Mermaid.js syntax. " +
       "Supports flowcharts, sequence diagrams, class diagrams, state diagrams, " +
       "entity relationship diagrams, and more using Mermaid.js syntax.",
     inputSchema:
@@ -215,8 +182,7 @@ const tools =
         {
           type: "string",
           description:
-            "The Mermaid.js diagram definition or a URL pointing to Mermaid content. " +
-            "If a URL is provided, the content will be fetched automatically. " +
+            "The Mermaid.js diagram definition. " +
             "Example: 'graph TD; A-->B; B-->C;'",
         },
         lightbox:
@@ -285,15 +251,7 @@ server.setRequestHandler(CallToolRequestSchema, async (request) =>
       };
     }
 
-    // Fetch content if it's a URL
-    if (isUrl(inputContent))
-    {
-      content = await fetchContent(inputContent);
-    }
-    else
-    {
-      content = inputContent;
-    }
+    content = inputContent;
 
     switch (name)
     {