Skip to content

rkvishwa/Sonar-Code-Editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

429 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 5

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. The table below counts every unique commit in this repository across all branches (same as git shortlog -sne --all β€” 446 commits total). Kasun Kumara and Praveen Ramanathan each combine every git author line that maps to the same GitHub account; other contributors stay as recorded in history. Counts on main alone are lower when some commits exist only on other lines of history (for example website).

Commits
rkvishwa @rkvishwa 206
Kasun Kumara @Kasun-Kumara 66
SadeepaNHerath @SadeepaNHerath 53
Thesaru-p @Thesaru-p 47
RKK Vishva Kumar @rkvishwa 30
Praveen Ramanathan @Praveen-R-2518 22
harshasilva @harshasilva 14
Senuka-Deneth @Senuka-Deneth 8

πŸ“œ License

This project is licensed under the MIT License.

About

No description, website, or topics provided.

Resources

License

Contributing

Security policy

Stars

Watchers

Forks

Contributors