Release v2.0.0 – Productivity Update
This major update transforms the Interactive Code Editor into a professional-grade IDE, focusing on developer productivity, workflow customization, and enhanced preview interactions.
New Features
Editor Enhancements
- Emmet Integration: Added built-in Emmet support for rapid HTML & CSS coding (e.g.,
ul>li*3 + Tab). - Smart IntelliSense: Enhanced code completion and syntax highlighting for HTML, CSS, and JavaScript.
- Zen Mode: Launched a distraction-free editing mode that hides the interface to let you focus solely on code.
- Minimap Control: Added a toggleable minimap for quick navigation through long files.
- Word Wrap: New setting to toggle line wrapping, preventing horizontal scrolling on smaller screens.
- Keyboard Shortcuts: Added
Ctrl+S(orCmd+S) to trigger an instant preview refresh.
Advanced Preview System
- Pop-Out Preview: [NEW] Detach the live preview into a separate browser window/tab—ideal for dual-monitor setups.
- Hideable Preview: [NEW] Toggle the visibility of the preview panel to maximize your coding workspace.
- Device Simulation: Instantly test responsiveness with calibrated Desktop, Tablet, and Mobile viewport presets.
- Integrated Console: A new drawer to capture logs, warnings, and errors directly from your running code.
Configuration & Workflow
- Settings Modal: Detailed configuration for editor preferences (Minimap, Word Wrap) and external libraries.
- CDN Manager: Easily inject external resources such as Bootstrap, Tailwind, FontAwesome, and jQuery.
- Auto-Save & Persistence: Your code and settings are now automatically saved to local storage.
- Project Export: Download your entire workspace as a ZIP file.
UI/UX Improvements
- Professional Redesign: Refined UI with a cleaner, emoji-free aesthetic.
- Toast Notifications: Non-intrusive alerts for actions like saving, copying, or errors.
- Responsive Layout: Improved handling of resizing and mobile viewports.
Screenshots
🔗 Full Changelog
Full Changelog: v1.0.4...v2.0.0