N-IDE

Productivity & Editor Improvements
This update focuses on improving the overall development workflow by adding new debugging, navigation, and editing features.

Problems Panel
A new Problems tab has been added to the bottom panel.FeaturesReal-time syntax diagnostics powered by the Monaco Editor.
Displays Errors, Warnings, and Info with dedicated icons and colors.
Clicking a problem instantly jumps to the corresponding line.
The tab title automatically updates to show the current number of detected issues (e.g. Problems (2 errors)).

Global Search & Replace
The Search panel has been completely rebuilt.New capabilities
Search across all opened files.
Regular Expression (Regex) support.
Match Case option.
Replace All across every opened file.

Integrated Color Picker
Enabled Monaco’s built-in Color Decorators.
Color values such as:
#ff0000
rgb(255,0,0)
hsl(…)
now display an inline color preview that can be clicked to open the color picker directly inside the editor.

Empty Projects
Creating a New Empty Project now generates a completely blank workspace.
No default index.html or starter files are created, allowing users to build their project structure from scratch.

Command Palette Improvements
The Command Palette now provides a smoother experience.
Press Escape to close it instantly.
Clicking outside the modal also closes it automatically.

Explorer Improvements
Added a Refresh Explorer button to quickly reload the file tree after external changes are made to the project directory.

Editor Improvements
Added support for Ctrl + and Ctrl - to zoom the editor in and out.
Added a quick toggle in the status bar to switch between Absolute and Relative line numbers.

Feature Complete
I’ve now finished implementing most of the core features planned for the new browser IDE.
Over the last development sessions, I completed the new interface, improved autocomplete, expanded the file management system, and polished many parts of the overall user experience. The IDE has reached a point where it already feels stable and ready for everyday use.
I also experimented with real-time collaboration, but after testing it, I decided to remove it for now. While the feature was promising, it introduced stability and synchronization issues that didn’t meet the quality I want for this project. Rather than shipping an unreliable feature, I chose to focus on delivering a more stable experience. I plan to revisit real-time collaboration in the future with a better implementation.

Real-Time Collaboration Progress
I spent around 9 hours working on one of the biggest features planned for the new IDE: real-time collaboration.
During this session, I built the foundation that will allow multiple users to work on the same project simultaneously. I focused on designing the synchronization system, improving how project data is shared between users, and making sure future collaborative features can be added without major changes to the architecture.
I also continued polishing the editor by fixing bugs, improving performance, and refining the overall user experience while preparing the project for multiplayer editing.
There’s still plenty of work left, but the core foundation is now in place. The next steps are syncing file changes in real time, showing updates instantly to everyone connected, and adding features like user presence and collaborative editing tools.

UI Complete & Improved
AutocompleteI finished building the first version of the new IDE’s interface.I also reused the autocomplete system from CodeKids IDE (my other ide) as a starting point and significantly improved it for this project. It now provides faster and more accurate suggestions, making the coding experience smoother and more productive.
With the foundation and UI now in place, I can start focusing on adding the larger features planned for this IDE. The goal is to create a browser-based development environment with many more capabilities than CodeKids IDE while keeping it fast, modern, and easy to use.This is another big milestone, and I’m looking forward to continuing development and adding even more advanced features.
One of the next major features I’m planning is real-time multiplayer collaboration, where multiple users can edit the same project simultaneously, making it easier to build projects together.

A New Beginning
Today I’m officially starting work on my second IDE project.
Right now I’m focusing on building the user interface and creating a clean, modern foundation that will make future features easy to add. My goal is to make the editor feel fast, intuitive, and enjoyable to use from the very beginning.
The current work includes:
Designing the overall layout.
Building the sidebar, activity bar, and editor area.
Creating a modern welcome screen.
Setting up reusable UI components.
Preparing the project structure for future features.
This is only the beginning. Over time I plan to add many more features, including an integrated terminal, built-in browser, Git support, AI tools, customizable themes, project management, extensions, and much more.