Skip to content

Releases: CyberSphinxxx/CodeSplit

v2.1.0 - Rebrand to CodeSplit

31 Dec 22:06

Choose a tag to compare

  • Header: Display title updated to "CodeSplit".
  • Footer: Copyright text updated to "CodeSplit".
  • Browser Tab: Page title updated to "CodeSplit" in index.html.
  • README: Main title updated to "CodeSplit".

Full Changelog: v2.0.1...v2.1.0

v2.0.1 - Vercel Deployment

31 Dec 21:50

Choose a tag to compare

Added necessary files for vercel deployment

Release v2.0.0 – Productivity Update

31 Dec 21:47

Choose a tag to compare

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 (or Cmd+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

image image image

🔗 Full Changelog

Full Changelog: v1.0.4...v2.0.0

v1.0.4

17 Sep 16:47

Choose a tag to compare

v1.0.4 Pre-release
Pre-release

What's Changed

New Contributors

  • @rhoii made their first contribution in #6

Full Changelog: v1.0.3...v1.0.4

v1.0.3 - Background Changer Update

15 Sep 11:34

Choose a tag to compare

Pre-release

v1.0.3 Custom Background Color Feature

choose bg

In this update, I added a new Background Color Feature that allows users to personalize their coding environment by selecting their preferred background color.

Key Features:

  • Color Picker: Users can now choose any background color using the built-in color picker.
  • Persistent Themes: Your selected background color is saved and will persist across sessions, providing a more customized and consistent experience.
  • Reset Option: Did you not like the new color?, You can easily reset the background color to its default with a single click. (the default background color is black)

This update gives users full control over the editor's appearance, making your coding both functional and visually comfortable.

Full Changelog: v1.0.2...v1.0.3

v1.0.2 - Full Focus Mode Update

14 Sep 12:38

Choose a tag to compare

Pre-release

v1.0.2 - Full Focus Mode Update

This update introduces the Full Focus Mode, designed to enhance your coding experience by eliminating distractions.

Key features include:

  • Full Focus Mode: Removes headers, keeping only the essential elements like the code editor and controls visible, providing a clean and distraction-free environment for coding.
  • Minor fixes and improvements to streamline user interaction.

Perfect for those who want to dive deep into coding without unnecessary interruptions!

SCREENSHOTS:

Full Focus Mode Update

v1.0.1 - Dark Mode & Light Mode Toggle Update

14 Sep 07:47

Choose a tag to compare

Dark Mode & Light Mode Toggle Update

This update introduces a new Dark Mode and Light Mode toggle feature! 🎉

- Users can now switch between Dark Mode and Light Mode seamlessly.

- Improved UI to provide a better viewing experience in both modes.

- Settings are saved, so the selected theme remains consistent on page reload.

Try it out and enjoy the new look!

DARKMODE THEME:

darkmode

LIGHTMODE THEME:

lightmode

Full Changelog: v1.0.0...v1.0.1

v1.0.0 - Initial Release

13 Sep 19:38

Choose a tag to compare

Pre-release

Full Changelog: https://github.com/CyberSphinxxx/Interactive_Code_Editor/commits/v1.0.0
v1 0 0 Interactive Code Editor

Features:

  • Interactive Code Editor
    • Multi-tab support for managing multiple code snippets.
    • Live code preview powered by Ace.js.
  • Full-screen preview mode for better code output visualization.
  • Download feature to save code directly from the editor.
  • Code example library with reusable HTML, CSS, and JavaScript snippets.

Fixes:

  • Improved tab management UI.
  • Fixed layout issues on smaller screens.

Known Issues:

  • Some CSS code snippets may not render perfectly in older browsers.