CodePrettify: Formateur JS, JSON, CSS & RSS

CodePrettify transforme les fichiers développeur bruts en une expérience proche d’un IDE dès leur ouverture — avec formatage, navigation, validation, comparaison (diff) et même exécution de JavaScript directement dans le navigateur. Compatible avec JSON, JSON Lines (NDJSON), JavaScript, TypeScript, CSS, YAML, XML et RSS/Atom, pour les réponses web comme pour les fichiers locaux.

📊 PRISE EN CHARGE DES DONNÉES STRUCTURÉES
• JSON, JSON Lines, XML, RSS, Atom, YAML (.yaml / .yml) et TypeScript (.ts / .mts / .cts)
• JSON repliable avec navigation breadcrumb et outils JSON Path (autocomplétion, validation, copie par résultat)
• URL et chemins d’import cliquables dans JSON et XML
• Vue tableau : tableaux triables et recherchables pour les tableaux JSON d’objets et les éléments XML répétés, avec chargement par blocs pour les grands ensembles de données

🚀 AUTOMATISATION ET FORMATAGE INTELLIGENTS
• Formatage automatique avec détection de minification pour rendre lisibles les fichiers compressés tout en laissant les fichiers déjà lisibles inchangés
• Moteur moderne CodeMirror 6 avec coloration syntaxique inspirée de VS Code
• Repli de code pour fonctions, classes, objets, tableaux et blocs XML
• Correspondance des parenthèses et loader sans clignotement évitant l’affichage du contenu brut

🧪 JAVASCRIPT PLAYGROUND
• Exécute du JavaScript réel dans un Web Worker isolé avec un timeout configurable de 1 / 5 / 15 secondes
• Capture console.log/info/warn/error/debug et affiche console.table comme un vrai tableau HTML
• Affiche la valeur de retour, le temps d’exécution et les traces complètes
• Option « Include {filename} » pour inclure le fichier courant et appeler ses fonctions de niveau supérieur
• Autocomplétion pour fonctions, méthodes, classes et variables du Playground et du fichier courant, avec signatures de paramètres
• Support de top-level await, Tab / Shift+Tab pour indenter/désindenter et persistance automatique du code entre sessions
• Ctrl+Alt+P pour ouvrir, Ctrl+Enter pour exécuter, Ctrl+Space pour l’autocomplétion

🧭 NAVIGATION ET FICHIERS VOLUMINEUX
• Navigateur de document pour JSON, JavaScript et XML
• Minimap sensible à la syntaxe rendu sur un canvas offscreen
• État de vue par URL : repli, recherche, surlignage et mode restaurés automatiquement
• URL de configuration partageable pour restaurer exactement la même vue
• Aller à la ligne (Ctrl+G) mémorise la dernière position

🔍 ANALYSE ET VALIDATION
• Panneau de diagnostic avec état de la syntaxe, avertissements et informations spécifiques au type de fichier
• Statistiques : taille du fichier, nombre de lignes, profondeur JSON, fonctions/variables JS, sélecteurs CSS, balises/attributs XML
• Validation intégrée pour JSON, JavaScript, TypeScript, CSS (ligne/colonne) et XML

🧬 COMPARAISON ET DIFF
• Vue diff en écran partagé (Ctrl+Alt+D) avec comparaison ligne par ligne, défilement synchronisé, statistiques et inversion des côtés

🔐 INSPECTION DES DONNÉES
• Décodage inline Base64 et JWT avec modal de copie dédié
• Détection des timestamps Unix (secondes et millisecondes) avec info-bulles lisibles
• Info-bulles de dates ISO 8601 et RFC 822 dans JSON, XML et RSS

🔎 RECHERCHE ET INTERACTION
• Recherche flottante (Ctrl+F) avec compteur de résultats en temps réel
• Recherche regex via /pattern/flags
• URL et chemins d’import relatifs cliquables

🔎 REGEX PLAYGROUND
• Testez des expressions régulières en temps réel sur n’importe quel fichier ou réponse ouverte
• Mise en évidence instantanée des correspondances avec contrôle des flags gimsuy
• Liste des correspondances avec nombre, ligne/colonne et navigation en un clic
• Groupes capturés et groupes nommés affichés pour la correspondance active
• Guide intégré et bibliothèque d’exemples
• Historique des motifs sauvegardé, Ctrl+Alt+R ouvre instantanément

📤 EXPORT ET PARTAGE
• Export PNG (zone visible ou fichier complet) avec rendu coloré
• Export CSV pour tableaux JSON d’objets plats et flux RSS/Atom
• Export de tableau HTML
• Copier le code original, formaté ou minifié en un clic

🌐 CONTEXTE DE LA REQUÊTE
• Panneau HTTP : URL, type de contenu, encodage, taille et temps
• Générateur cURL et fetch() avec compatibilité multiplateforme

🎨 OUTILS CSS
• Aperçu HEX et RGB avec sélecteur de couleur intégré (copie HEX, RGB, HSL)

🔒 CONFIDENTIALITÉ ET SÉCURITÉ
• Traitement 100 % local ; aucune requête externe, télémétrie ou dépendance tierce
• Le Playground s’exécute dans un sandbox sans accès à la page, à l’extension ou au réseau
• Sûr pour API, tokens et systèmes internes

📂 FONCTIONNE PARTOUT
• Réponses HTTP/HTTPS et fichiers locaux (file:///)
• Détection automatique via Content-Type

⚙️ PERSONNALISABLE
• Thèmes Light, Dark et Auto (système)
• Taille de police, indentation, numéros de ligne, retour à la ligne, minimap
• Paramètres synchronisés entre appareils via le stockage du navigateur

⌨️ RACCOURCIS CLAVIER
• Ctrl+B — Raw / Pretty
• Ctrl+Alt+C — Copy
• Ctrl+F — Search
• Ctrl+G — Go to Line
• Ctrl+Alt+T — Toggle toolbar
• Ctrl+Alt+D — Diff tool
• Ctrl+Alt+P — JavaScript Playground
• Ctrl+Alt+R — RegEx Playground

📝 FICHIERS LOCAUX
Activez « Autoriser l’accès aux URL de fichiers » dans les paramètres d’extensions de votre navigateur pour utiliser CodePrettify avec file:///

Disponible en 14 langues : Anglais, Norvégien, Suédois, Danois, Allemand, Espagnol, Français, Italien, Japonais, Coréen, Portugais, Russe, Vietnamien et Chinois simplifié.