Formateur JavaScript

Rendre JavaScript lisible sans réécrire la logique

Formateur JavaScript étend JavaScript compact ou désordonné en blocs, instructions et expressions lisibles. Il est utile lors de l'inspection d'extraits minifiés, du débogage du code copié, de la révision des scripts générés ou de la préparation d'exemples.

Embellir les changements d'espaces et de sauts de ligne ; il ne désobstrue pas les variables renommées, ne restaure pas les commentaires d'origine, ne déduit pas les types TypeScript et ne garantit pas que le code déjà brisé devient valide.

Comment utiliser

1. Collez votre code JavaScript dans l'éditeur de saisie.
2. Cliquez sur Embellir JavaScript pour redistribuer les instructions et les blocs.
3. Vérifiez la sortie pour les chaînes préservées, les commentaires et la syntaxe sensible à l'exécution.
4. Utilisez Copier pour le presse-papiers, Télécharger pour un fichier ou Effacer pour réinitialiser.

Qu'est-ce que l'embellisseur JavaScript ?

Formateur JavaScript est un utilitaire basé sur un navigateur permettant de reformater JavaScript afin que le flux de contrôle, les fonctions, les objets, les tableaux et les appels chaînés soient plus faciles à lire.

Le formatage est destiné à préserver le comportement, mais JavaScript présente des cas extrêmes autour de l'insertion automatique de points-virgules, de directives, d'expressions régulières et de littéraux de modèles. Testez le code important après le reformatage.

Notes d'entrée

Collez les balises JavaScript simples, et non les balises HTML <script>, à moins que l'outil ne soit destiné à les traiter sous forme de texte. Pour les modèles JSX, TypeScript ou framework, confirmez la sortie avec votre analyseur normal.

Exemple

Une fonction compacte est redistribuée dans un bloc plus lisible :

--- Minified Input ---
function hello(name){console.log("Hello, "+name+"!");}

--- Beautified Output ---
function hello(name) {
  console.log("Hello, " + name + "!");
}

Intégration MCP

MCP (Model Context Protocol) permet aux agents IA et aux applications de découvrir et d'exécuter les utilitaires Coding.Tools pour des workflows répétables de conversion, formatage, hachage et génération.

Nom de l'outil MCP: javascript-beautifier

Point de terminaison MCP: https://coding.tools/mcp

Appelez d'abord tools/list. Chaque outil inclut inputSchema, outputSchema et examples afin qu'un agent IA ou un client puisse construire des arguments valides sans deviner.

Pour tools/call, lisez result.content[0].text pour la valeur affichable et result.structuredContent pour l'analyse par programme. Les échecs d'outil renvoient isError: true ; les échecs de protocole renvoient une JSON-RPC error.

Exemple de requête tools/call :

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"javascript-beautifier","arguments":{"input":"function total(items){return items.reduce((sum,item)=>sum+item.price,0);}"}}}'

La plupart des outils de texte et de données acceptent une chaîne input et des options facultatives. Les outils d'image qui dépendent des API d'image du navigateur sont listés pour la découverte et renvoient un lien vers l'interface Web si nécessaire.