CodePrettify: JS, JSON, CSS & RSS Formatter

CodePrettify omvandlar råa utvecklarfiler till en IDE-liknande upplevelse så fort du öppnar dem — med formatering, navigering, validering, diff-visning och till och med möjlighet att köra JavaScript direkt i webbläsaren. Fungerar med JSON, JSON Lines (NDJSON), JavaScript, TypeScript, CSS, YAML, XML och RSS/Atom, både för webbresponser och lokala filer.

📊 STÖD FÖR STRUKTURERAD DATA
• JSON, JSON Lines, XML, RSS, Atom, YAML (.yaml / .yml) och TypeScript (.ts / .mts / .cts)
• Kollapsbar JSON med breadcrumb-navigering och JSON Path-verktyg (autocomplete, validering, kopiering per resultat)
• Klickbara URL:er och importvägar i JSON och XML
• Tabellvy: sorteringsbara och sökbara tabeller för JSON-arrayer av objekt och upprepade XML-element, med chunkad laddning för stora dataset

🚀 SMART AUTOMATION & FORMATERING
• Automatisk formatering med detektering av minifiering så att komprimerade filer görs läsbara medan redan läsbara filer lämnas oförändrade
• Modern CodeMirror 6-motor med VS Code-inspirerad syntaxmarkering
• Kodfällning för funktioner, klasser, objekt, arrayer och XML-block
• Parentesmatchning och en loader utan blinkningar som förhindrar att rått innehåll visas

🧪 JAVASCRIPT PLAYGROUND
• Kör riktig JavaScript i en sandboxad Web Worker med konfigurerbar timeout på 1 / 5 / 15 sekunder
• Fångar console.log/info/warn/error/debug och renderar console.table som en riktig HTML-tabell
• Visar returvärde, exekveringstid och fullständiga stack traces
• Valfritt “Include {filename}” lägger till aktuell fil så att du kan anropa dess top-level-funktioner
• Autocomplete för funktioner, metoder, klasser och variabler från både Playground och aktuell fil, inklusive parametersignaturer
• Top-level await, Tab / Shift+Tab indent/outdent och automatiskt sparad kod mellan sessioner
• Ctrl+Alt+P för att öppna, Ctrl+Enter för att köra, Ctrl+Space för autocomplete

🧭 NAVIGERING & STORA FILER
• Dokumentnavigator för JSON, JavaScript och XML
• Syntaxmedveten minimap renderad på en offscreen canvas
• Per-URL visningsläge: fällning, sökningar, highlights och läge återställs automatiskt
• Delbar konfigurations-URL återställer exakt vy för kollegor
• Gå till rad (Ctrl+G) kommer ihåg senaste radnumret

🔍 INSIKTER & VALIDERING
• Diagnostikpanel med syntaxstatus, varningar och filtypsspecifika insikter
• Statistik för filstorlek, rader, JSON-djup, JS-funktioner/variabler, CSS-selektorer, XML-taggar/attribut
• Inbyggd validering för JSON, JavaScript, TypeScript, CSS (rad/kolumn) och XML

🧬 JÄMFÖR & DIFF
• Helskärms split-view diff (Ctrl+Alt+D) med radnivå-diff, synkron scrollning, statistik och möjlighet att byta sida

🔐 DATAINSPEKTION
• Inline Base64- och JWT-dekodning med dedikerad kopieringsdialog
• Unix timestamp-detektering (sekunder och millisekunder) med läsbara tooltips
• ISO 8601 och RFC 822 datum-tooltips i JSON, XML och RSS

🔎 SÖK & INTERAKTION
• Flytande sökning (Ctrl+F) med live-räknare av resultat
• Regex-sökning via /pattern/flags
• Klickbara URL:er och relativa importvägar

🔎 REGEX PLAYGROUND
• Testa regex-mönster live mot valfri öppen fil eller respons
• Omedelbar markering av matchningar i huvudvyn med gimsuy flaggkontroller
• Matchlista med antal, rad/kolumn och snabb navigering
• Capture groups och namngivna grupper visas för aktiv match
• Inbyggd guide och exempelsamling för vanliga mönster
• Senaste mönster sparas och Ctrl+Alt+R öppnar direkt

📤 EXPORT & DELNING
• PNG-export (synligt område eller hela filen) med syntaxfärger
• CSV-export för JSON-arrayer av platta objekt och RSS/Atom-flöden
• HTML-tabell-export
• Kopiera original, formaterad eller minifierad kod med en knapp

🌐 REQUEST-KONTEXT
• HTTP-kontextpanel: URL, content type, encoding, storlek och timing
• cURL och fetch() generator med plattformsäker quoting

🎨 CSS-VERKTYG
• HEX- och RGB-visning med inbyggd color picker (HEX, RGB, HSL kopiering)

🔒 INTEGRITET & SÄKERHET
• 100 % lokal bearbetning; inga externa anrop eller tredjepartsberoenden
• Playground körs i sandbox utan åtkomst till sida, extension eller nätverk
• Säker för API:er, tokens och interna system

📂 FUNGERAR ÖVERALLT
• HTTP/HTTPS-responser och lokala filer (file:///)
• Automatisk detektering via Content-Type

⚙️ ANPASSNINGSBAR
• Light, Dark och Auto (system) teman
• Textstorlek, indrag, radnummer, word wrap, minimap
• Inställningar synkas mellan enheter via browser storage

⌨️ GENVÄGAR
• 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

📝 LOKALA FILER
Aktivera “Tillåt åtkomst till fil-URL:er” i webbläsarens tilläggsinställningar för CodePrettify för att använda det på file:///

Tillgänglig på 14 språk: Engelska, Norska, Svenska, Danska, Tyska, Spanska, Franska, Italienska, Japanska, Koreanska, Portugisiska, Ryska, Vietnamesiska och Förenklad kinesiska.