Code Editor System

A modern cross-platform code editor with multi-language support, AI assistance, and debugging capabilities.

Features

• 📁 Project Structure Tree: Browse and navigate project files with an intuitive tree view
• ⚡ System Terminal Integration: One-click access to your system terminal with command suggestions
• 🖥️ Cross-Platform Desktop App: Electron-based application for Windows, macOS, and Linux
• Multi-language Support: Go, C++, Rust, JavaScript, TypeScript
• Syntax Highlighting: Powered by Monaco Editor (VS Code engine)
• 🤖 AI Assistant: Integrated AI helper for code analysis and suggestions
• Modern UI: Dark theme with clean, responsive interface

Supported Languages

• Go: Full syntax highlighting and basic template
• C++: C++ syntax support with standard headers
• Rust: Rust syntax highlighting and fn main template
• JavaScript: ES6+ syntax support
• TypeScript: TypeScript with type checking support

Getting Started

Web Development Mode

1. Install dependencies:

   npm install

2. Start development server:

   npm run dev

3. Open http://localhost:5174 in your browser

Desktop Application

1. Install dependencies:

   npm install

2. Run in Electron development mode:

   npm run electron-dev

3. Build desktop application:

   npm run dist

UI Components

Project Explorer

• Toggle: Click "📁 Explorer" button or use Ctrl/Cmd+B
• Browse files and folders in a tree structure
• Click files to open them in the editor
• Auto-detects language from file extension

System Terminal Integration

• Toggle: Click "⚡ Terminal" button or use `Ctrl/Cmd+``
• Opens your system's default terminal application
• One-click command copying for easy execution
• Language-specific command suggestions
• Works with Terminal.app (macOS), CMD/PowerShell (Windows), and various Linux terminals

AI Assistant

• Toggle: Click "🤖 AI Assistant" button or use Ctrl/Cmd+Shift+A
• Context-aware assistance based on current language
• Code analysis, optimization suggestions, and debugging help

AI Assistant Features

The AI assistant can help with:

• Code analysis and review
• Performance optimization suggestions
• Debugging assistance
• Code explanation
• Language-specific best practices
• Refactoring recommendations

Terminal Commands by Language

Go

• go run <file> - Run Go program
• go build - Build Go program
• go test - Run tests
• go mod init - Initialize module

C++

• g++ -o program <file> - Compile C++ program
• ./program - Run compiled program
• make - Build using Makefile

Rust

• cargo run - Compile and run
• cargo build - Build project
• cargo test - Run tests

JavaScript/TypeScript

• node <file> - Run with Node.js
• tsc - Compile TypeScript
• npm run dev - Development mode

Scripts

Development

• npm run dev - Start web development server
• npm run electron-dev - Start Electron development mode
• npm run build - Build for web production
• npm run typecheck - Run TypeScript type checking
• npm run lint - Run ESLint

Desktop Distribution

• npm run build-electron - Build Electron app
• npm run dist - Create distribution packages
• npm run electron - Run built Electron app

Tech Stack

• Frontend: React 18, TypeScript, Monaco Editor
• Build Tools: Vite, Electron Builder
• Desktop: Electron 28
• Terminal: xterm.js, node-pty
• Styling: CSS-in-JS
• Package Manager: npm

Cross-Platform Support

• macOS: DMG installer for Intel and Apple Silicon
• Windows: NSIS installer for x64
• Linux: AppImage for x64

Keyboard Shortcuts

• Ctrl/Cmd+B - Toggle Project Explorer
• `Ctrl/Cmd+`` - Toggle Terminal
• Ctrl/Cmd+Shift+A - Toggle AI Assistant
• Ctrl/Cmd+N - New File (Electron)
• Ctrl/Cmd+O - Open File (Electron)
• Ctrl/Cmd+S - Save File (Electron)
• F5 - Run Current File (Electron)# code-editor-system