CodePrettify: Formattatore JS, JSON, CSS & RSS

CodePrettify trasforma i file di sviluppo grezzi in un’esperienza simile a un IDE non appena li apri — con formattazione, navigazione, validazione, confronto (diff) e persino esecuzione di JavaScript direttamente nel browser. Supporta JSON, JSON Lines (NDJSON), JavaScript, TypeScript, CSS, YAML, XML e RSS/Atom, sia per risposte web che per file locali.

📊 SUPPORTO PER DATI STRUTTURATI
• JSON, JSON Lines, XML, RSS, Atom, YAML (.yaml / .yml) e TypeScript (.ts / .mts / .cts)
• JSON collassabile con navigazione breadcrumb e strumenti JSON Path (autocompletamento, validazione, copia per risultato)
• URL e percorsi di importazione cliccabili in JSON e XML
• Vista tabella: tabelle ordinabili e ricercabili per array JSON di oggetti ed elementi XML ripetuti, con caricamento a blocchi per dataset di grandi dimensioni

🚀 AUTOMAZIONE E FORMATTAZIONE INTELLIGENTE
• Formattazione automatica con rilevamento della minificazione, così i file compressi diventano leggibili mentre quelli già leggibili restano invariati
• Motore moderno CodeMirror 6 con evidenziazione della sintassi ispirata a VS Code
• Folding del codice per funzioni, classi, oggetti, array e blocchi XML
• Corrispondenza delle parentesi e loader senza sfarfallio che evita la visualizzazione del contenuto grezzo

🧪 JAVASCRIPT PLAYGROUND
• Esegue JavaScript reale in un Web Worker isolato con timeout configurabile di 1 / 5 / 15 secondi
• Cattura console.log/info/warn/error/debug e renderizza console.table come una vera tabella HTML
• Mostra valore di ritorno, tempo di esecuzione e stack trace completi
• Opzione “Include {filename}” per includere il file corrente e richiamare le sue funzioni top-level
• Autocompletamento per funzioni, metodi, classi e variabili dal Playground e dal file corrente, con firme dei parametri
• Supporto a top-level await, Tab / Shift+Tab per indentare/dedentare e salvataggio automatico del codice tra sessioni
• Ctrl+Alt+P per aprire, Ctrl+Enter per eseguire, Ctrl+Space per autocompletamento

🧭 NAVIGAZIONE E FILE DI GRANDI DIMENSIONI
• Navigatore del documento per JSON, JavaScript e XML
• Minimap sensibile alla sintassi renderizzata su un canvas offscreen
• Stato della vista per URL: folding, ricerca, evidenziazioni e modalità ripristinati automaticamente
• URL di configurazione condivisibile per ripristinare esattamente la stessa vista
• Vai alla riga (Ctrl+G) ricorda l’ultima posizione

🔍 ANALISI E VALIDAZIONE
• Pannello diagnostico con stato della sintassi, avvisi e informazioni specifiche per tipo di file
• Statistiche: dimensione file, righe, profondità JSON, funzioni/variabili JS, selettori CSS, tag/attributi XML
• Validazione integrata per JSON, JavaScript, TypeScript, CSS (riga/colonna) e XML

🧬 CONFRONTO E DIFF
• Vista diff a schermo intero (Ctrl+Alt+D) con confronto riga per riga, scroll sincronizzato, statistiche e inversione lati

🔐 ISPEZIONE DEI DATI
• Decodifica inline Base64 e JWT con finestra dedicata alla copia
• Rilevamento timestamp Unix (secondi e millisecondi) con tooltip leggibili
• Tooltip per date ISO 8601 e RFC 822 in JSON, XML e RSS

🔎 RICERCA E INTERAZIONE
• Ricerca flottante (Ctrl+F) con conteggio risultati in tempo reale
• Ricerca regex tramite /pattern/flags
• URL e percorsi di importazione relativi cliccabili

🔎 REGEX PLAYGROUND
• Testa pattern regex in tempo reale su qualsiasi file o risposta aperta
• Evidenziazione immediata delle corrispondenze con controllo dei flag gimsuy
• Lista delle corrispondenze con conteggio, riga/colonna e navigazione con un clic
• Gruppi di cattura e gruppi nominati mostrati per la corrispondenza attiva
• Guida integrata e libreria di esempi
• I pattern recenti vengono salvati, Ctrl+Alt+R apre immediatamente

📤 ESPORTAZIONE E CONDIVISIONE
• Esportazione PNG (area visibile o intero file) con rendering colorato della sintassi
• Esportazione CSV per array JSON di oggetti semplici e feed RSS/Atom
• Esportazione tabella HTML
• Copia codice originale, formattato o minificato con un solo pulsante

🌐 CONTESTO DELLA RICHIESTA
• Pannello contesto HTTP: URL, content type, encoding, dimensione e tempi
• Generatore cURL e fetch() con compatibilità multipiattaforma

🎨 STRUMENTI CSS
• Visualizzazione HEX e RGB con selettore colori integrato (copia HEX, RGB, HSL)

🔒 PRIVACY E SICUREZZA
• Elaborazione 100% locale; nessuna richiesta esterna, telemetria o dipendenze di terze parti
• Il Playground gira in sandbox senza accesso alla pagina, all’estensione o alla rete
• Sicuro per API, token e sistemi interni

📂 FUNZIONA OVUNQUE
• Risposte HTTP/HTTPS e file locali (file:///)
• Rilevamento automatico tramite Content-Type

⚙️ PERSONALIZZABILE
• Temi Light, Dark e Auto (sistema)
• Dimensione font, indentazione, numeri di riga, word wrap, minimap
• Impostazioni sincronizzate tra dispositivi tramite storage del browser

⌨️ SCORCIATOIE DA TASTIERA
• 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

📝 FILE LOCALI
Attiva “Consenti accesso agli URL dei file” nelle impostazioni delle estensioni del browser per usare CodePrettify con file:///

Disponibile in 14 lingue: Inglese, Norvegese, Svedese, Danese, Tedesco, Spagnolo, Francese, Italiano, Giapponese, Coreano, Portoghese, Russo, Vietnamita e Cinese semplificato.