@markdy/mcp-server 1.1.7 → 1.2.0

package/dist/index.js

@@ -411,6 +411,7 @@ var CONTROL_KEYS = [
   "resetView",
   "fullscreen",
   "svg",
+  "gif",
   "share",
   "code",
   "theme"
@@ -462,6 +463,11 @@ var CONTROLS = {
   svg: { group: "controls", key: "svg", type: "boolean" },
   exportSvg: { group: "controls", key: "svg", type: "boolean" },
   export_svg: { group: "controls", key: "svg", type: "boolean" },
+  gif: { group: "controls", key: "gif", type: "boolean" },
+  exportGif: { group: "controls", key: "gif", type: "boolean" },
+  export_gif: { group: "controls", key: "gif", type: "boolean" },
+  gifButton: { group: "controls", key: "gif", type: "boolean" },
+  gif_button: { group: "controls", key: "gif", type: "boolean" },
   share: { group: "controls", key: "share", type: "boolean" },
   shareLink: { group: "controls", key: "share", type: "boolean" },
   share_link: { group: "controls", key: "share", type: "boolean" },
@@ -542,6 +548,11 @@ var FLAT = {
   fullscreen_button: CONTROLS.fullscreen_button,
   exportSvg: CONTROLS.exportSvg,
   export_svg: CONTROLS.export_svg,
+  gif: CONTROLS.gif,
+  exportGif: CONTROLS.exportGif,
+  export_gif: CONTROLS.export_gif,
+  gifButton: CONTROLS.gifButton,
+  gif_button: CONTROLS.gif_button,
   shareLink: CONTROLS.shareLink,
   share_link: CONTROLS.share_link,
   code: CONTROLS.code,
@@ -1002,6 +1013,116 @@ var THEMES = {
     },
     radiusMd: 4,
     spacing: { xs: 4, sm: 8, md: 16, lg: 24, xl: 40 }
+  },
+  ink: {
+    name: "ink",
+    canvas: "#f8fafd",
+    surface: "#ffffff",
+    surfaceRaised: "#eff6ff",
+    border: "#1d4ed8",
+    text: "#0f172a",
+    textMuted: "#3b629b",
+    paper: "#f8fafd",
+    ink: "#1e40af",
+    muted: "#4776b2",
+    rule: "rgba(29, 78, 216, 0.14)",
+    soft: "#60a5fa",
+    link: "#2563eb",
+    gridMinor: "rgba(37, 99, 235, 0.05)",
+    gridMajor: "rgba(37, 99, 235, 0.10)",
+    vignette: "rgba(219, 234, 254, 0.45)",
+    accent: "#1d4ed8",
+    accentTint: "rgba(29, 78, 216, 0.08)",
+    nodeSurface: "#ffffff",
+    nodeSurfaceRaised: "#f4f8ff",
+    hairline: "rgba(29, 78, 216, 0.20)",
+    shadow: "rgba(15, 35, 90, 0.09)",
+    labelPlate: "#ffffff",
+    flatCards: false,
+    roles: {
+      ...ROLE_COLORS,
+      compute: "#1d4ed8",
+      code: "#2563eb",
+      client: "#0284c7",
+      data: "#0369a1",
+      messaging: "#4338ca",
+      network: "#0284c7",
+      security: "#1e3a8a",
+      platform: "#3b82f6",
+      observability: "#0891b2",
+      delivery: "#4f46e5",
+      flow: "#2563eb",
+      distributed: "#475569"
+    },
+    edges: {
+      request: "#1d4ed8",
+      response: "#3b82f6",
+      event: "#0284c7",
+      dependency: "#64748b"
+    },
+    fonts: {
+      title: 'ui-serif, "Charter", "Newsreader", "Georgia", "Songti SC", "Noto Serif", serif',
+      nodeName: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif',
+      mono: '"JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace'
+    },
+    radiusMd: 6,
+    spacing: { xs: 4, sm: 8, md: 16, lg: 24, xl: 40 },
+    series: ["#1d4ed8", "#0284c7", "#4338ca", "#0891b2", "#1e3a8a"]
+  },
+  doodle: {
+    name: "doodle",
+    canvas: "#fffef9",
+    surface: "#ffffff",
+    surfaceRaised: "#fdf8ec",
+    border: "#18181b",
+    text: "#18181b",
+    textMuted: "#52525b",
+    paper: "#fffef9",
+    ink: "#18181b",
+    muted: "#52525b",
+    rule: "rgba(24, 24, 27, 0.16)",
+    soft: "#71717a",
+    link: "#f43f5e",
+    gridMinor: "rgba(24, 24, 27, 0.05)",
+    gridMajor: "rgba(24, 24, 27, 0.08)",
+    vignette: "rgba(245, 235, 210, 0.35)",
+    accent: "#f43f5e",
+    accentTint: "rgba(244, 63, 94, 0.12)",
+    nodeSurface: "#ffffff",
+    nodeSurfaceRaised: "#fffdf5",
+    hairline: "rgba(24, 24, 27, 0.25)",
+    shadow: "rgba(24, 24, 27, 0.15)",
+    labelPlate: "#ffffff",
+    flatCards: true,
+    roles: {
+      ...ROLE_COLORS,
+      compute: "#2563eb",
+      code: "#2563eb",
+      client: "#f43f5e",
+      data: "#10b981",
+      messaging: "#8b5cf6",
+      network: "#06b6d4",
+      security: "#ef4444",
+      platform: "#f59e0b",
+      observability: "#14b8a6",
+      delivery: "#f59e0b",
+      flow: "#ec4899",
+      distributed: "#71717a"
+    },
+    edges: {
+      request: "#18181b",
+      response: "#71717a",
+      event: "#f43f5e",
+      dependency: "#a1a1aa"
+    },
+    fonts: {
+      title: '"Caveat", "Comic Neue", "Chalkboard SE", "Patrick Hand", "Comic Sans MS", cursive, sans-serif',
+      nodeName: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif',
+      mono: '"JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace'
+    },
+    radiusMd: 12,
+    spacing: { xs: 4, sm: 8, md: 16, lg: 24, xl: 40 },
+    series: ["#f43f5e", "#2563eb", "#10b981", "#8b5cf6", "#f59e0b"]
   }
 };
 
@@ -1564,7 +1685,7 @@ function validateReferences(ast) {
     }
   }
   for (const node of Object.values(ast.nodes)) {
-    if (node.style && !ast.styles[node.style]) {
+    if (typeof node.style === "string" && !ast.styles[node.style]) {
       pushWarning(ast.diagnostics, seen, node.line, `node '${node.id}' references unknown style '${node.style}'`);
     }
   }
@@ -1668,6 +1789,7 @@ function parse(source, opts = {}) {
     height: 720,
     fps: 60,
     theme: "paper",
+    explicitTheme: false,
     direction: "LR"
   };
   const styles = {};
@@ -1766,6 +1888,7 @@ function parse(source, opts = {}) {
       const str = parseStringToken(rest2);
       if (str) {
         title = str.value;
+        meta.title = title;
         remainder = str.rest;
       }
       const inlineLayout = remainder.match(/\blayout\s+(LR|RL|TB|BT)\b/i);
@@ -1788,8 +1911,11 @@ function parse(source, opts = {}) {
         } else if (k === "fps") {
           meta.fps = Number(v);
         } else if (k === "duration") meta.duration = Number(v);
-        else if (k === "theme") meta.theme = String(v);
-        else if (k === "direction" || k === "layout") meta.direction = String(v).toUpperCase();
+        else if (k === "theme") {
+          const val = String(v).toLowerCase();
+          meta.theme = val;
+          meta.explicitTheme = val !== "auto";
+        } else if (k === "direction" || k === "layout") meta.direction = String(v).toUpperCase();
         else if (PLAYER_FLAT_KEY_SET.has(k)) {
           const error = applyPlayerSetting(meta.player ??= {}, "player", k, String(v));
           if (error) diagnostics.push({ severity: "warning", message: error, line: lineNo });
@@ -1808,6 +1934,16 @@ function parse(source, opts = {}) {
       i++;
       continue;
     }
+    if (/^theme\s*[:=]?\s*([a-zA-Z0-9_-]+)/i.test(line)) {
+      const match = line.match(/^theme\s*[:=]?\s*([a-zA-Z0-9_-]+)/i);
+      if (match) {
+        const val = match[1].toLowerCase();
+        meta.theme = val;
+        meta.explicitTheme = val !== "auto";
+      }
+      i++;
+      continue;
+    }
     const directiveMatch = line.match(PLAYER_DIRECTIVE_RE);
     if (directiveMatch) {
       const error = applyPlayerSetting(meta.player ??= {}, "player", directiveMatch[1], directiveMatch[2] ?? "");
@@ -2674,7 +2810,7 @@ function diagnoseMarkdyCode(code, options = {}) {
             snippet: trimmed,
             suggestion: closeTheme ? `Use theme '${closeTheme.match}'.` : `Choose from: ${THEME_NAMES.join(", ")}.`,
             didYouMean: closeTheme?.match,
-            ruleExplanation: "Supported themes: paper, editorial, midnight, blueprint, graphite, nebula, sketchy, terminal.",
+            ruleExplanation: "Supported themes: paper, editorial, midnight, blueprint, graphite, nebula, sketchy, terminal, ink, doodle.",
             fix: closeTheme ? { original: themeMatch[0], replacement: `theme=${closeTheme.match}` } : void 0
           });
         }
@@ -3472,7 +3608,9 @@ function getIntelliCodeCompletions(docText, cursorLine, cursorCol) {
       { name: "editorial", desc: "High-contrast serif luxury publication layout" },
       { name: "graphite", desc: "Sleek slate monochrome engineering aesthetic" },
       { name: "terminal", desc: "Retro phosphor CRT hacker terminal green on black" },
-      { name: "sketchy", desc: "Hand-drawn sketchy whiteboard marker design" }
+      { name: "sketchy", desc: "Hand-drawn sketchy whiteboard marker design" },
+      { name: "ink", desc: "Monochromatic blue ink style inspired by ballpoint pens, fountain pens, cyanotypes & porcelain" },
+      { name: "doodle", desc: "Playful hand-drawn doodle sketchbook with felt-tip marker pens and comic block shadows" }
     ];
     for (const t of themeEntries) {
       items.push({
@@ -4517,7 +4655,7 @@ var ARCHITECTURE_TEMPLATES = [
     title: "Cloud Microservices & Database Tier",
     category: "Cloud / Microservices",
     description: "Multi-tier microservices architecture with API gateway, auth, database, and Redis cache.",
-    code: `scene theme=paper width=1440 height=760
+    code: `scene theme=paper
 layout LR
 
 browser WebApp "Web Application"
@@ -4537,24 +4675,23 @@ beat reveal "System Overview":
   show $nodes stagger=40ms
 
 beat authFlow "Authenticate Request":
-  frame clients ApiGateway AuthService zoom=1.12
   WebApp -> ApiGateway "GET /profile" -> AuthService "validate_jwt"
   WebApp <- ApiGateway "200 OK (Claims)"
 
 beat checkout "Process Order":
-  frame ApiGateway OrderService PaymentService dataTier zoom=1.1
   MobileApp -> ApiGateway "POST /checkout" -> OrderService "create_order"
   OrderService -> RedisCache "check inventory"
   OrderService -> PaymentService "authorize charge"
   PaymentService -> MainDB "record transaction"
-  MobileApp <- ApiGateway "201 Created"`
+  MobileApp <- ApiGateway "201 Created"
+  glow MainDB color=#10b981`
   },
   {
     id: "ai-rag-pipeline",
     title: "AI Agent & RAG Pipeline",
     category: "AI / Machine Learning",
     description: "Retrieval-Augmented Generation agent flow with embedding vector search, LLM synthesis, and sandbox tool execution.",
-    code: `scene theme=editorial width=1440 height=760
+    code: `scene theme=editorial
 layout LR
 
 user User "Engineer"
@@ -4572,13 +4709,11 @@ beat init "System Reveal":
   show $nodes stagger=50ms
 
 beat retrieve "Query & Vector Search":
-  frame User ChatUI Orchestrator aiCore zoom=1.12
   User -> ChatUI "Ask technical question" -> Orchestrator "parse intent"
   Orchestrator -> Embedder "embed(query)" -> VectorDB "cosine search (k=5)"
   Orchestrator <- VectorDB "retrieved context chunks"
 
 beat generate "Synthesis & Tool Execution":
-  frame Orchestrator LLM Tools zoom=1.15
   Orchestrator -> LLM "prompt + context"
   LLM -> Tools "execute_code(sql)"
   LLM <- Tools "tool_result"
@@ -4590,7 +4725,7 @@ beat generate "Synthesis & Tool Execution":
     title: "Event-Driven Architecture & Kafka Fan-Out",
     category: "Messaging / Streaming",
     description: "Event ingestion and parallel asynchronous consumer worker fan-out with dead-letter queue.",
-    code: `scene theme=midnight width=1440 height=760
+    code: `scene theme=midnight
 layout LR
 
 service IngestionAPI "Ingestion API"
@@ -4608,22 +4743,21 @@ beat reveal "Topology":
   show $nodes stagger=40ms
 
 beat publish "Publish Event":
-  frame IngestionAPI KafkaTopic zoom=1.15
   IngestionAPI ~> KafkaTopic "publish(OrderPlaced)"
   glow KafkaTopic color=#38bdf8
 
 beat fanout "Parallel Fan-out Processing":
-  frame KafkaTopic workers zoom=1.12
   KafkaTopic ~> InventoryWorker "consume event" & KafkaTopic ~> NotificationWorker "consume event" & KafkaTopic ~> AnalyticsWorker "consume event"
   InventoryWorker -> InventoryDB "UPDATE stock"
-  AnalyticsWorker -> AnalyticsDB "INSERT analytics"`
+  AnalyticsWorker -> AnalyticsDB "INSERT analytics"
+  glow AnalyticsDB color=#10b981`
   },
   {
     id: "k8s-ingress-cluster",
     title: "Kubernetes Cluster & Cloud Ingress",
     category: "DevOps / Infrastructure",
     description: "Cloudflare edge, Traefik ingress controller, pod deployments, ClusterIP routing, and persistent storage volumes.",
-    code: `scene theme=blueprint width=1440 height=800
+    code: `scene theme=blueprint
 layout LR
 
 cloud CDN "Cloudflare CDN"
@@ -4642,18 +4776,18 @@ beat reveal "Cluster Architecture":
   show $nodes stagger=40ms
 
 beat routing "Ingress Traffic Routing":
-  frame CDN Ingress frontendPods zoom=1.12
   CDN -> Ingress "HTTPS Request" -> WebPod1 "reverse proxy"
   WebPod1 -> ClusterIP "internal call" -> ApiPod1 "gRPC invocation"
   ApiPod1 -> PV "read/write volume"
-  CDN <- Ingress "200 HTTP OK"`
+  CDN <- Ingress "200 HTTP OK"
+  glow ApiPod1 color=#10b981`
   },
   {
     id: "cicd-gitops-pipeline",
     title: "CI/CD GitOps Delivery Pipeline",
     category: "DevOps / CI-CD",
     description: "GitHub commits, automated GitHub Actions testing, container registry push, and ArgoCD production deployment.",
-    code: `scene theme=graphite width=1440 height=720
+    code: `scene theme=graphite
 layout LR
 
 user Dev "Developer"
@@ -4667,7 +4801,6 @@ beat reveal "Pipeline Infrastructure":
   show $nodes stagger=45ms
 
 beat build "Commit & Build Validation":
-  frame Dev GitHub Actions DockerHub zoom=1.12
   Dev -> GitHub "git push origin main"
   GitHub ~> Actions "trigger workflow"
   Actions -> Actions "run unit & visual tests"
@@ -4675,7 +4808,6 @@ beat build "Commit & Build Validation":
   glow DockerHub color=#10b981
 
 beat deploy "GitOps Sync & Deployment":
-  frame DockerHub ArgoCD Production zoom=1.15
   ArgoCD -> GitHub "detect manifest drift"
   ArgoCD -> DockerHub "pull image:v1.0.7"
   ArgoCD -> Production "apply rollout"
@@ -4686,7 +4818,7 @@ beat deploy "GitOps Sync & Deployment":
     title: "OAuth2 / OIDC Authentication Flow",
     category: "Security / Identity",
     description: "End-to-end authorization code grant flow with IdP redirect, consent, token exchange, and protected API access.",
-    code: `scene theme=paper width=1440 height=720
+    code: `scene theme=paper
 layout LR
 
 browser User "End User Browser"
@@ -4698,14 +4830,12 @@ beat reveal "System Overview":
   show $nodes stagger=50ms
 
 beat redirect "Authorize & Consent":
-  frame User ClientApp IdP zoom=1.15
   User -> ClientApp "click 'Login with IdP'"
   User <- ClientApp "302 Redirect to /authorize"
   User -> IdP "submit credentials & consent"
   User <- IdP "302 Redirect with ?code=AUTH_CODE"
 
 beat exchange "Token Exchange & API Access":
-  frame ClientApp IdP ResourceServer zoom=1.15
   ClientApp -> IdP "POST /token (code + secret)"
   ClientApp <- IdP "200 OK (access_token + id_token)"
   ClientApp -> ResourceServer "GET /userinfo (Bearer Token)"
@@ -4717,7 +4847,7 @@ beat exchange "Token Exchange & API Access":
     title: "Resilient Multi-Region High Availability & Cache-Aside",
     category: "Distributed Systems",
     description: "GeoDNS global routing, primary/failover regions, Redis master/replica cache-aside pattern, and Aurora global storage replication.",
-    code: `scene theme=midnight width=1440 height=760
+    code: `scene theme=midnight
 layout LR
 
 gateway GeoDNS "Global Route53 / Anycast"
@@ -4734,23 +4864,23 @@ beat reveal "Global Infrastructure":
   show $nodes stagger=40ms
 
 beat readCache "Cache-Aside Read Flow":
-  frame GeoDNS eastTier AuroraGlobal zoom=1.12
   GeoDNS -> RegionEast "route nearest user" -> RedisPrimary "GET item:101"
   RegionEast <- RedisPrimary "cache miss"
   RegionEast -> AuroraGlobal "SELECT FROM db"
   RegionEast -> RedisPrimary "SET item:101 (TTL 60s)"
   GeoDNS <- RegionEast "200 OK (Payload)"
+  glow RedisPrimary color=#38bdf8
 
 beat replication "Global Storage Replication":
-  frame RedisPrimary RedisReplica AuroraGlobal zoom=1.15
-  RedisPrimary ~> RedisReplica "async sync" & AuroraGlobal ~> AuroraGlobal "storage replication"`
+  RedisPrimary ~> RedisReplica "async sync" & AuroraGlobal ~> AuroraGlobal "storage replication"
+  glow AuroraGlobal color=#10b981`
   },
   {
     id: "decision-flowchart",
     title: "Quality Gate Decision Flowchart",
     category: "Workflows / Flowcharts",
     description: "Top-down pull request quality evaluation workflow with branch decision diamonds and fallback rejection states.",
-    code: `scene theme=sketchy width=1280 height=720 type=flowchart
+    code: `scene theme=sketchy type=flowchart
 layout TB
 
 start PR "New Pull Request"
@@ -5361,7 +5491,7 @@ function createMarkdyMcpServer() {
             },
             {
               name: "theme",
-              description: "Preferred visual theme (paper, editorial, midnight, blueprint, graphite, nebula, sketchy, terminal).",
+              description: "Preferred visual theme (paper, editorial, midnight, blueprint, graphite, nebula, sketchy, terminal, ink, doodle).",
               required: false
             },
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@markdy/mcp-server",
-  "version": "1.1.7",
+  "version": "1.2.0",
   "description": "Model Context Protocol server for Markdy diagram validation, transpilation, and generation.",
   "license": "MIT",
   "type": "module",
@@ -39,8 +39,8 @@
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.6.1",
-    "@markdy/compat": "1.1.7",
-    "@markdy/core": "1.1.7"
+    "@markdy/compat": "1.2.0",
+    "@markdy/core": "1.2.0"
   },
   "devDependencies": {
     "@types/node": "^25.9.5",