CodePrettify: JS, JSON, CSS & RSS Formatter

CodePrettify automatically formats, inspects, and highlights raw JavaScript, JSON, CSS, XML, and RSS/Atom files the moment you open them. Whether you are viewing a minified API response, a complex feed, or a local config file, you get an IDE-like experience directly in your browser.

🚀 SMART AUTOMATION & FORMATTING
- Auto-Format: Automatically detects messy or minified code and beautifies it with your preferred indentation
- Intelligent Minification Detection: Analyzes code density and formats compressed files automatically while preserving readable files
- Smart Rendering: Structure-aware rendering for both dense and well-formatted files
- Code Folding: Collapse and expand functions, classes, objects, arrays, and XML blocks
- JSON Viewer: Interactive, collapsible JSON viewer with configurable behavior

📊 STRUCTURED DATA SUPPORT
- JSON and XML/RSS/Atom fully supported with syntax highlighting and auto-formatting
- JSON: Collapsible objects and arrays with breadcrumb navigation and JSON path tools
- XML/RSS: Hierarchical structure with element folding and entity decoding
- Clickable links supported in both JSON and XML
- Table View: JSON arrays and repeating XML elements can be displayed as structured tables

🧭 ADVANCED NAVIGATION & LARGE FILE HANDLING
- Document Navigator: Structural outline for JSON, JavaScript, and XML
- Code Minimap: Navigate large files quickly
- Persistent View State: Restores fold state, search, highlighted lines, and display mode
- Smart Previews: Shows summaries like Array(5) or {3 keys}

🔍 DEEP CODE INSIGHTS & DEBUGGING
- Diagnostics Panel: Syntax status, warnings, and file insights
- Code Statistics Panel:
- General: File size, line count, character count
- JSON: Object depth, key counts, array sizes
- JavaScript: Function and variable counts
- CSS: Selector counts, rule counts, media queries
- XML/RSS: Tags, attributes, namespaces
- Built-in Validation:
- JSON: Syntax errors with exact line numbers
- JavaScript: Detects mismatched braces, brackets, and common issues
- CSS/XML: Structure-aware validation
- Instant Feedback: Non-intrusive error notifications
- Debug While Reading: Inspect and troubleshoot code in real time

🔐 DATA INSPECTION & DECODING
- Base64 and JWT Decode: Opens a modal with encoded and decoded values
- Timestamp Formatter: Detects Unix timestamps and ISO date strings
- JSON Path Tools: Inspect, copy, and query JSON structures

🔎 POWERFUL SEARCH & INTERACTION
- Advanced Search (Ctrl+F) with result counting
- Regex Search using /pattern/flags
- Go To Line (Ctrl+G)
- Clickable links and import paths
- Bracket matching for {}, (), []

🌐 REQUEST & CONTEXT INSIGHT
- HTTP Context Panel: View status, headers, encoding, and response metadata
- cURL and fetch generator for reproducible requests

🎨 VISUAL TOOLS & CSS POWER
- Hex and RGB color preview with inline swatches
- Built-in color picker
- Zero-flash loading to prevent raw content flicker

🔒 PRIVACY & SECURITY FIRST
- 100% Local Processing: All formatting and analysis runs in your browser
- No External Requests: Your data is never sent to any server
- No Third-Party Libraries: No external runtime dependencies
- Safe for Sensitive Data: Works with APIs, tokens, and internal systems

📂 WORKS EVERYWHERE
- Supports both web responses and local files (file://)
- Works with APIs, config files, and static files

⚙️ CUSTOMIZABLE
- Themes: Light, Dark, Auto
- Format settings: Font size, indentation, line numbers, wrapping, minimap

⌨️ KEYBOARD SHORTCUTS
- Ctrl+B: Toggle Raw/Pretty view
- Ctrl+Alt+C: Copy to Clipboard
- Ctrl+F: Search
- Ctrl+G: Go to Line
- Ctrl+Alt+T: Toggle Toolbar

📝 NOTE FOR LOCAL FILES
To use CodePrettify with local files (file:///), enable "Allow access to file URLs" in Chrome extensions settings

Supports 14 languages including English, Norwegian, German, Spanish, and Chinese.