Developer Tools

Visualiseur de chemins JSON

Visualise JSON ou JSONL sous forme darbre extensible et permet de copier les expressions JSONPath de chaque noeud

html· Résultat HTMLOuvrir l'outil

Démarrage rapide

Appelez cet outil depuis votre code en trois langages.

cURL

# 1) Upload each file first → returns { filePath }
curl -X POST 'https://api.elysiatools.com/upload/json-path-visualizer' \
  -F 'file=@/path/to/jsonFile.ext'

# 2) Call the tool with the returned filePath values
curl -X POST 'https://api.elysiatools.com/fr/api/tools/json-path-visualizer' \
  -F 'jsonInput={
  "store": {
    "book": [
      { "title": "Clean Code", "price": 32, "authors": ["Robert C. Martin"] },
      { "title": "The Pragmatic Programmer", "price": 28, "authors": ["Andrew Hunt", "David Thomas"] }
    ],
    "bicycle": { "color": "red", "price": 99.95 }
  }
}' \
  -F 'jsonFile=' \
  -F 'inputFormat=auto' \
  -F 'searchTerm=price' \
  -F 'expandDepth=3' \
  -F 'includeValuesPreview=true' \
  -F 'exportAllPathsAsCsv=true'

Référence de l'API

Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.

Point d'accès

HTTP

POST https://api.elysiatools.com/fr/api/tools/json-path-visualizer

Paramètres

Nom	Type	Requis	Description
jsonInput	textarea	Non	—
jsonFile	fileupload requis	Non	—
inputFormat	select	Non	—
searchTerm	text	Non	—
expandDepth	number	Non	—
includeValuesPreview	checkbox	Non	—
exportAllPathsAsCsv	checkbox	Non	—

Les paramètres de type fichier doivent d'abord être uploadés via POST /upload/json-path-visualizer ; le filePath renvoyé est ensuite transmis au champ correspondant.

Format de réponse

Résultat HTML

JSON

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

Intégration MCP

Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.

Configuration du serveur

Ajoutez ce bloc à la configuration de votre client MCP :

mcp.json

{
  "mcpServers": {
    "elysiatools-json-path-visualizer": {
      "name": "json-path-visualizer",
      "description": "Visualise JSON ou JSONL sous forme darbre extensible et permet de copier les expressions JSONPath de chaque noeud",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=json-path-visualizer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Lister les outils disponibles

Après connexion au point d'accès SSE, listez les outils exposés :

tools/list

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

Appeler cet outil

Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "json-path-visualizer",
    "arguments": {
  "jsonInput": "{\n  \"store\": {\n    \"book\": [\n      { \"title\": \"Clean Code\", \"price\": 32, \"authors\": [\"Robert C. Martin\"] },\n      { \"title\": \"The Pragmatic Programmer\", \"price\": 28, \"authors\": [\"Andrew Hunt\", \"David Thomas\"] }\n    ],\n    \"bicycle\": { \"color\": \"red\", \"price\": 99.95 }\n  }\n}",
  "jsonFile": "",
  "inputFormat": "auto",
  "searchTerm": "price",
  "expandDepth": 3,
  "includeValuesPreview": true,
  "exportAllPathsAsCsv": true
}
  }
}

Chaînez plusieurs outils dans une session avec une liste toolId séparée par des virgules, ex. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (20 max).

Les paramètres fichier acceptent uniquement une URL de fichier publique (https://…). Les chemins locaux, les data: URI et les chaînes Base64 ne sont pas pris en charge.

Des questions ou un problème ? Contactez [email protected]