CodePrettify: JS, JSON, CSS & RSS Formatter

CodePrettify turns raw developer files into an IDE-like experience the moment you open them — formatting, navigating, validating, diffing, and even executing JavaScript directly in the browser. Works on JSON, JSON Lines (NDJSON), JavaScript, TypeScript, CSS, YAML, XML, and RSS/Atom, for both web responses and local files.

📊 STRUCTURED DATA SUPPORT
• JSON, JSON Lines, XML, RSS, Atom, YAML (.yaml / .yml), and TypeScript (.ts / .mts / .cts)
• Collapsible JSON with breadcrumb navigation and JSON Path tools (autocomplete, validation, copy per result)
• Clickable URLs and import paths in JSON and XML
• Table View: sortable, searchable tables for JSON arrays of objects and repeating XML elements, with chunked loading for large datasets

🚀 SMART AUTOMATION & FORMATTING
• Auto-format with minification detection so compressed files are beautified and readable ones are left unchanged
• Modern CodeMirror 6 engine with VS Code-inspired highlighting
• Code folding for functions, classes, objects, arrays, and XML blocks
• Bracket matching and a zero-flash loader that prevents raw-content flicker

🧪 JAVASCRIPT PLAYGROUND
• Runs real JavaScript in a sandboxed Web Worker with a configurable 1 / 5 / 15 s timeout
• Captures console.log/info/warn/error/debug and renders console.table as a real HTML table
• Reports return value, execution time, and full stack traces
• Optional “Include {filename}” prepends the current file so you can call its top-level functions
• Autocomplete for functions, methods, classes, and variables from both the Playground and the current file, with parameter signatures
• Top-level await, Tab / Shift+Tab indent/dedent, and auto-persisted code across sessions
• Ctrl+Alt+P to open, Ctrl+Enter to run, Ctrl+Space to trigger autocomplete

🌐 HTTP CLIENT
• Full Postman-style HTTP Client available on any HTTP/HTTPS page — not just JSON or RSS responses
• Compose requests with a method picker, URL field, and Send button, plus dedicated Params, Auth, Headers, and Body tabs
• Auth presets: No Auth, Bearer Token, Basic Auth, and API Key (header or query parameter)
• Body modes: None, JSON with inline validation, raw text, and x-www-form-urlencoded
• Save named requests, keep a reusable Saved collection plus per-URL History, and sync data across supported browsers
• Environments with {{variable}} interpolation in URLs, params, headers, auth, and body, with a live resolved-URL preview before sending
• Import existing cURL commands into the visual editor
• Copy requests as cURL, fetch(), or PowerShell Invoke-RestMethod
• Inspect responses in Body, Headers, Cookies, and Raw tabs
• HTTP request metadata now lives inside Statistics & Diagnostics instead of a separate HTTP Context popup

🧭 NAVIGATION & LARGE FILES
• Document Navigator outline for JSON, JavaScript, and XML
• Syntax-aware code minimap rendered on an offscreen canvas
• Per-URL view state: fold state, search, highlights, and mode restored automatically
• Shareable Configuration URL restores the exact view for teammates
• Go To Line (Ctrl+G) remembers your last line number

🔍 INSIGHTS & VALIDATION
• Diagnostics Panel with syntax status, warnings, and file-type-specific insights
• Statistics for file size, lines, JSON depth, JS functions/vars, CSS selectors, XML tags/attributes
• Built-in validation for JSON, JavaScript, TypeScript, CSS (line/column reporting), and XML

🧬 COMPARE & DIFF
• Full-screen split-view diff (Ctrl+Alt+D) with line-level diffing, synced scrolling, stats, and swap-sides

🔎 SEARCH & INTERACTION
• Floating search (Ctrl+F) with live result counting
• Regex search via /pattern/flags
• Clickable URLs and relative import paths

🔐 DATA INSPECTION
• Inline Base64 and JWT decoding with a dedicated copy modal
• Unix timestamp detection (seconds and milliseconds) with readable tooltips
• ISO 8601 and RFC 822 date tooltips in JSON, XML, and RSS

🔎 REGEX PLAYGROUND
• Test regex patterns live against any open file or response
• Instant match highlighting in the main viewer with gimsuy flag controls
• Match list with counts, line/column locations, and one-click jump to each result
• Capture groups and named groups shown for the active match under the cursor
• Built-in regex guide plus example library for common real-world patterns
• Recent patterns are remembered, and Ctrl+Alt+R opens the playground instantly

📤 EXPORT & SHARING
• PNG export (visible viewport or full file) with syntax-colored rendering
• CSV export for JSON arrays of flat objects and RSS/Atom feed items
• HTML table export for any tabular JSON or XML
• Copy original, formatted, or minified code from one toolbar button

🌐 REQUEST CONTEXT
• HTTP Context Panel: URL, content type, encoding, size hints, and timing
• cURL and fetch() command generator with cross-platform-safe quoting

🎨 CSS TOOLS
• Hex and RGB swatches with a built-in color picker (HEX, RGB, HSL copy)

🔒 PRIVACY & SECURITY
• 100% local processing; no external requests, telemetry, or third-party runtime dependencies
• Playground code runs in a null-origin sandbox iframe and a fresh Web Worker per execution — no access to the host page, the extension, or the network
• Safe for APIs, tokens, internal systems, and production data

📂 WORKS EVERYWHERE
• HTTP/HTTPS responses and local files (file:///)
• Detects JSON, YAML, TypeScript, and other types from Content-Type when the URL has no matching suffix

⚙️ CUSTOMIZABLE
• Light, Dark, Auto (system) themes
• Font size, indent size, line numbers, word wrap, minimap
• Per-file-type preferences; language dropdown; settings synced across devices using browser storage

⌨️ KEYBOARD SHORTCUTS
• 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

📝 LOCAL FILES
Enable “Allow access to file URLs” in your browser’s extension settings for CodePrettify to use it on file:/// URLs.

Available in 14 languages: English, Norwegian, Swedish, Danish, German, Spanish, French, Italian, Japanese, Korean, Portuguese, Russian, Vietnamese, and Simplified Chinese.