@drawio/mcp 1.1.7 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawio/mcp",
-  "version": "1.1.7",
+  "version": "1.2.0",
   "description": "Official draw.io MCP server for LLMs - Open diagrams in draw.io editor",
   "type": "module",
   "main": "src/index.js",

package/src/index.js

@@ -5,6 +5,9 @@ import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js"
 import { ListToolsRequestSchema, CallToolRequestSchema } from "@modelcontextprotocol/sdk/types.js";
 import pako from "pako";
 import { spawn } from "child_process";
+import { writeFileSync, unlinkSync } from "fs";
+import { join } from "path";
+import { tmpdir } from "os";
 
 const DRAWIO_BASE_URL = "https://app.diagrams.net/";
 
@@ -17,7 +20,18 @@ function openBrowser(url)
 
   if (process.platform === "win32")
   {
-    child = spawn("cmd", ["/c", "start", "", url], { shell: false, stdio: "ignore" });
+    // cmd.exe's "start" command treats & as a command separator and
+    // drops everything after # in URLs, so the #create=... fragment
+    // (which carries the entire diagram payload) is silently lost.
+    // Writing a temporary .url file preserves the full URL intact.
+    const tmpFile = join(tmpdir(), "drawio-mcp-" + Date.now() + ".url");
+    writeFileSync(tmpFile, "[InternetShortcut]\r\nURL=" + url + "\r\n");
+    child = spawn("cmd", ["/c", "start", "", tmpFile], { shell: false, stdio: "ignore" });
+
+    setTimeout(function()
+    {
+      try { unlinkSync(tmpFile); } catch (e) { /* ignore */ }
+    }, 10000);
   }
   else if (process.platform === "darwin")
   {
@@ -108,7 +122,7 @@ const tools =
       "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. " +
-      "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. " +
+      "IMPORTANT: Do NOT include ANY XML comments (<!-- -->) in the output — they are strictly forbidden. " +
       "EDGE GEOMETRY: Every edge mxCell MUST contain a <mxGeometry relative=\"1\" as=\"geometry\" /> child element, even when there are no waypoints. Self-closing edge cells (<mxCell ... edge=\"1\" ... />) are invalid and will not render correctly. " +
       "EDGE ROUTING: Use edgeStyle=orthogonalEdgeStyle for right-angle connectors. " +
       "Space nodes at least 60px apart to avoid overlapping edges. " +
@@ -120,7 +134,12 @@ const tools =
       "(2) swimlane style (style=\"swimlane;startSize=30;\") for labeled containers with a title bar - use when the container needs visual borders/headers or when the container itself has connections; " +
       "(3) any shape can be a container by adding container=1 to its style, but also add pointerEvents=0 unless the container itself needs to be connectable. " +
       "Always use pointerEvents=0 on container styles that should not capture connections being rewired between children. " +
+      "EDGE LABELS: Do NOT wrap edge labels in HTML markup to reduce font size. The default font size for edge labels is already 11px (vs 12px for vertices), so they are already smaller. Just set the value attribute directly. " +
       "LAYOUT: Align nodes to a grid (multiples of 10). Use consistent spacing (e.g., 200px horizontal, 120px vertical between nodes). " +
+      "DARK MODE COLORS: To enable dark mode color adaptation, the mxGraphModel element must include adaptiveColors=\"auto\". " +
+      "strokeColor, fillColor, and fontColor default to 'default', which renders as black in light theme and white in dark theme. " +
+      "Explicit colors (e.g. fillColor=#DAE8FC) specify the light-mode color; the dark-mode color is computed automatically by inverting RGB values and rotating the hue 180 degrees. " +
+      "To specify both colors explicitly, use light-dark(lightColor,darkColor) in the style string, e.g. fontColor=light-dark(#7EA6E0,#FF0000). " +
       "See https://www.drawio.com/doc/faq/drawio-style-reference.html for the complete style reference.",
     inputSchema:
     {