CodePrettify: JS, JSON, CSS & RSS Formatter (Browser Extension) v1.0.1
CodePrettify automatically formats, validates, and highlights raw JavaScript, JSON, CSS, and now RSS/Atom files the moment you open them. Whether you are viewing a minified API response, a complex feed, or a local config file, get an IDE-like experience directly in your browser.
Read more at: https://calxibe.github.io/code-pretti...
🚀 SMART AUTOMATION & FORMATTING
Auto-Format: Automatically detects messily formatted code and beautifies it with your preferred indentation.
RSS & Atom Feed Support (New): Full support for .rss and .atom files with syntax highlighting, auto-formatting, and XML element folding. Includes entity decoding and clickable URLs.
Intelligent Minification Detection: The extension analyzes code density. If a file is minified, it formats it automatically. If it’s already clean, it adds syntax highlighting without disrupting the structure.
Code Folding: Collapse and expand functions, classes, objects, and XML blocks to focus on what matters.
JavaScript: Hover over lines to toggle folds or use the Collapse/Expand All toolbar buttons.
JSON: Toggle collapsible settings in the preferences.
🔍 DEEP CODE INSIGHTS (New in v1.0.1)
Go beyond reading—understand your file structure with the new Code Statistics Panel:
General: View file size, line count, and character count instantly.
JSON: Analyze object depth, key counts, and array sizes.
JavaScript: Track function and variable counts.
CSS: See selector counts, rule counts, and media query breakdowns.
📂 INTERACTIVE NAVIGATION
Breadcrumb Navigation (JSON): visualize your location in deep datasets (e.g., root - data - users[0] - name). Click any breadcrumb to jump back up the tree.
Smart Previews: See summary info (e.g., Array(5) or {3 keys}) when blocks are collapsed.
Clickable Links & Imports: URLs inside strings, as well as import/require paths, are now clickable hyperlinks.
Bracket Matching (JS): Hover over {, (, or [ to visually highlight the matching pair, making it easier to debug nested logic.
🎨 VISUAL TOOLS & CSS POWER
Hex/RGB Color Preview: CSS files now display color swatches next to values.
Color Picker: Click any color swatch to copy the value in different formats or tweak it using the built-in color picker.
Zero-Flash Loading: Engineered to prevent raw text from "flashing" before the beautifier loads.
🛡️ ROBUST VALIDATION & DEBUGGING
CodePrettify scans your files for errors using an upgraded, sandbox-based syntax checker:
JSON: Detects syntax errors and provides the exact line number.
JavaScript: Identifies mismatched braces, brackets, and typos safely within a sandbox environment.
CSS: Validates structural integrity.
Instant Feedback: Invalid code triggers a non-intrusive toast notification with specific error details.
🛠️ POWERFUL TOOLKIT
Advanced Search: Custom search bar (Ctrl+F) with result counting—works even on huge files where browser native search fails.
Go To Line: Jump straight to specific lines (Ctrl+G), perfect for debugging stack traces.
Export Options: Download your file in three formats: Original, Formatted, or Minified.
⚙️ CUSTOMIZABLE & PRIVATE
Themes: Choose Light, Dark, or Auto (syncs with system).
Layout: Modernized UI utilizing CSS variables for a consistent look and feel.
Format Settings: Adjustable font size (10-24px), indentation (2 or 4 spaces), and togglable line numbers.
Privacy First: 100% Client-side. Your code never leaves your browser.
⌨️ KEYBOARD SHORTCUTS
Ctrl+B: Toggle Raw/Pretty view
Ctrl+Alt+C: Copy to Clipboard
Ctrl+F: Open Search Toolbar
Ctrl+G: Go to Line
Ctrl+Alt+T: Toggle Toolbar
📝 NOTE FOR LOCAL FILES
To use CodePrettify with local files (e.g., C:/code/data.json), you must manually enable "Allow access to file URLs" in the Chrome Extensions management page.
Supports 14 languages including English, Norwegian, German, Spanish, and Chinese.
What's New in v1.0.1
Feed Support: Added distinct handling for RSS/Atom feeds.
Smart Rendering: Fixed issues with background tab rendering (XHTML mode) to reduce CPU usage.
Sandbox Validation: Replaced vanilla JS validation with a safer sandbox approach.
UI Overhaul: Unified layout colors and added breadcrumbs for easier navigation.