Skip to content

harshasilva/Sonar-Code-Editor

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

256 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Sonar Code Editor Logo

🌊 Sonar Code Editor & Monitoring System

A modern, real-time collaborative code editor built for teams, featuring advanced monitoring, file management, and powerful developer tools.

Electron React Vite TypeScript Appwrite


πŸš€ Download Beta Release

Mac Logo (Recommended)

You can easily install the beta version using Homebrew:

brew install --cask rkvishwa/knurdz/sonar-code-editor

Alternative: Manual Download
You can also download the latest .dmg file directly from our GitHub Releases page. Download Mac Beta (.dmg)

Note on Mac Installation: If you manually download the .dmg, macOS Gatekeeper may flag the app as damaged or from an unidentified developer because it is not yet signed in the beta phase.

To bypass and install: Open your terminal and run the following command on the extracted app file:

sudo xattr -rd com.apple.quarantine /Applications/Sonar\ Code\ Editor.app

Windows Logo

You can download the latest .exe file directly from our GitHub Releases page. Download Windows Beta (.exe)

Note on Windows Installation: The stable version for Windows will be officially released on the Microsoft Store. Since this beta version .exe is not yet signed, Windows SmartScreen may show an "Untrusted" or "Windows protected your PC" prompt.

To bypass and install: Click on "More info" and then select "Run anyway".

πŸ› Known Issues in beta version 4

If you encounter any bugs or want to see what's currently being worked on, check out our Known Issues.


πŸ“– Overview

Sonar Code Editor is a feature-rich desktop IDE built with Electron, React, and Vite. It leverages the robust Monaco Editor for a VS Code-like coding experience and integrates real-time collaboration using Yjs and WebSockets. Beyond standard editing, Sonar includes an administrative monitoring system, activity logging, and report generation, making it ideal for supervised coding environments, pair programming, and educational settings.

✨ Key Features

  • πŸ’‘ Advanced Code Editing

    • Powered by Monaco Editor (the engine behind VS Code).
    • Syntax highlighting, auto-completion, and code formatting.
    • Custom Tabs for managing multiple open documents seamlessly.
  • 🀝 Real-time Collaboration

    • Seamless, Google Docs-style real-time typing using Yjs and y-monaco.
    • Collaborative cursors and shared document states.
  • πŸ›‘οΈ Administration & User Capabilities

    • Admin Abilities: Built-in Admin Dashboard to manage environment settings, monitor real-time user activities, and govern access.
    • User Abilities: Dedicated coding environment with secure login, file management, and real-time collaboration.
    • Detailed Activity Logging tracking user actions and events.
    • Generates comprehensive PDF reports via jsPDF.
    • File Tree Key Shield functionality to control access and secure environments.
  • πŸ“ Interactive Workspace

    • Custom File Tree visual explorer for localized workspace navigation.
    • Resizable panels (Editor, Preview, Sidebar) via react-resizable-panels.
  • 🌐 Secure Preview Panel

    • Integrated Preview Panel & Preview Tab to view live runtime environments.
    • Built-in security restriction: the preview can only load localhost URLs on any port (defaults to port 5173), preventing arbitrary external browsing inside the IDE.
  • πŸ” Cloud & Authentication

    • Integrated Appwrite backend for secure authentication, database, and real-time events.
    • Robust offline support and network connectivity tracking (is-online).

πŸ› οΈ Tech Stack

Frontend (Renderer)

  • Framework: React 18 with TypeScript
  • Build Tool: Vite
  • Editor: Monaco Editor (@monaco-editor/react)
  • Routing: React Router DOM (v6)
  • Styling: Standard CSS with Radix UI Colors & Lucide React icons
  • Collaboration: Yjs, y-monaco, y-websocket

Backend / Desktop Core

  • Desktop Framework: Electron
  • Inter-Process Communication (IPC): Context Bridge (Preload scripts)
  • Local Storage: electron-store
  • BaaS (Backend as a Service): Appwrite

Getting Started

Application download links and website information will be updated here in the future. Stay tuned!

πŸ‘₯ Contributors

A huge thank you to everyone who has contributed to the Sonar Code Editor project:

Commits
RKK Vishva Kumar @rkvishwa 182
Kasun Kumara @Kasun-Kumara 43
Sadeepa N. Herath @SadeepaNHerath 33
Harsha Silva @harshasilva 9
Senuka Deneth @Senuka-Deneth 4
Praveen Ramanathan @Praveen-R-2518 2
Thesaru P @Thesaru-p 2

πŸ“œ License

This project is licensed under the MIT License.

About

No description, website, or topics provided.

Resources

License

Contributing

Security policy

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • TypeScript 65.7%
  • Svelte 18.4%
  • CSS 12.6%
  • JavaScript 3.1%
  • HTML 0.2%