Development

Environment Config Diff Visualizer

Compare dev, staging, and production configuration bundles across JSON, YAML, TOML, or ENV formats and highlight drift, missing keys, and cleanup suggestions

html· HTML resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL

curl -X POST 'https://api.elysiatools.com/en/api/tools/environment-config-diff-visualizer' \
  -H 'Content-Type: application/json' \
  -d '{"configBundle":"=== dev (yaml) ===\nFEATURE_X: true\nAPI_URL: https://dev.example.com\n\n=== prod (env) ===\nFEATURE_X=false\nAPI_URL=https://api.example.com","maskSecrets":true,"ignoreCase":false,"showTree":true}'

API reference

Send a POST request with your inputs as JSON. File parameters require a separate upload first.

Endpoint

HTTP

POST https://api.elysiatools.com/en/api/tools/environment-config-diff-visualizer

Parameters

Name	Type	Required	Description
configBundle	textarea	Yes	—
maskSecrets	checkbox	No	—
ignoreCase	checkbox	No	—
showTree	checkbox	No	—

Response format

HTML result

JSON

{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

MCP integration

Add this tool to your Model Context Protocol server so AI agents can list and call it.

Server configuration

Add this block to your MCP client configuration:

mcp.json

{
  "mcpServers": {
    "elysiatools-environment-config-diff-visualizer": {
      "name": "environment-config-diff-visualizer",
      "description": "Compare dev, staging, and production configuration bundles across JSON, YAML, TOML, or ENV formats and highlight drift, missing keys, and cleanup suggestions",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=environment-config-diff-visualizer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

List available tools

After connecting to the SSE endpoint, list the exposed tools:

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Call this tool

Invoke the tool by its id, passing arguments built from its parameters:

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "environment-config-diff-visualizer",
    "arguments": {
  "configBundle": "=== dev (yaml) ===\nFEATURE_X: true\nAPI_URL: https://dev.example.com\n\n=== prod (env) ===\nFEATURE_X=false\nAPI_URL=https://api.example.com",
  "maskSecrets": true,
  "ignoreCase": false,
  "showTree": true
}
  }
}

Chain multiple tools in one session with a comma-separated toolId list, e.g. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max 20).

Browse tools Open tool

curl -X POST 'https://api.elysiatools.com/en/api/tools/environment-config-diff-visualizer' \ -H 'Content-Type: application/json' \ -d '{"configBundle":"=== dev (yaml) ===\nFEATURE_X: true\nAPI_URL: https://dev.example.com\n\n=== prod (env) ===\nFEATURE_X=false\nAPI_URL=https://api.example.com","maskSecrets":true,"ignoreCase":false,"showTree":true}'

Name

Type

Required

Description

configBundle

textarea

Yes

—

maskSecrets

checkbox

—

ignoreCase

checkbox

—

showTree

checkbox

—

{ "mcpServers": { "elysiatools-environment-config-diff-visualizer": { "name": "environment-config-diff-visualizer", "description": "Compare dev, staging, and production configuration bundles across JSON, YAML, TOML, or ENV formats and highlight drift, missing keys, and cleanup suggestions", "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=environment-config-diff-visualizer", "command": "", "args": [], "env": {}, "isActive": true, "type": "sse" } } }

{ "jsonrpc": "2.0", "id": 2, "method": "tools/call", "params": { "name": "environment-config-diff-visualizer", "arguments": { "configBundle": "=== dev (yaml) ===\nFEATURE_X: true\nAPI_URL: https://dev.example.com\n\n=== prod (env) ===\nFEATURE_X=false\nAPI_URL=https://api.example.com", "maskSecrets": true, "ignoreCase": false, "showTree": true } } }