SideX: 비주얼 스튜디오 코드의 Tauri 기반 포트

SideX란 무엇인가

SideX는 Visual Studio Code의 작업 영역을 직접 포트한 것으로, Electron을 Tauri로 대체합니다. Tauri는 Rust 백엔드와 운영 체제의 네이티브 웹뷰(macOS에서는 WKWebView, Windows에서는 WebView2)를 결합한 것입니다. TypeScript 프론트엔드는 본질적으로 동일하게 유지되며, 번들된 브라우저 없이 실행됩니다.

현재 상태와 성능 주장

이것은 초기 릴리스입니다. 코어 편집과 통합 터미널은 안정적이지만, 확장 호스트와 디버거는 아직 진행 중입니다.

주요 동기는 메모리 사용량을 줄이는 것입니다. 이 프로젝트는 VSCode의 메모리 사용량이 주로 번들된 Chromium에서 비롯된다고 지적합니다. 시스템의 공유 웹뷰를 사용함으로써, macOS에서 유휴 상태일 때 목표는 200 MB 미만입니다. RAM 절감은 WKWebView가 Safari와 공유되는 macOS에서 가장 많이 테스트되었습니다. Windows에서는 WebView2를 사용한 메모리 사용량이 더 미묘하다고 설명되며, 이는 Tauri 생태계에서 활발히 연구 중인 분야입니다.

현재 작동 중인 기능

• 구문 강조 및 기본 IntelliSense가 포함된 Monaco 편집기
• 폴더 작업이 가능한 파일 탐색기
• Rust를 통한 전체 PTY, 셸 감지 및 크기 조정이 가능한 통합 터미널
• Git 작업: 상태, 차이, 로그, 스테이징, 커밋, 브랜치, 푸시/풀/페치, 스태시, 리셋
• VSCode 카탈로그의 여러 내장 테마
• 네이티브 OS 메뉴(macOS, Windows, Linux)
• Open VSX에서의 확장 설치
• 파일 감시, 파일 검색, Rust 기반 검색 인덱스를 사용한 전체 텍스트 검색
• SQLite 저장소 및 문서 관리(자동 저장, 실행 취소/다시 실행, 인코딩)

아키텍처와 기술 스택

SideX는 VSCode의 Electron 아키텍처를 Tauri에 매핑합니다:

• VSCode (Electron) → SideX (Tauri): Electron 메인 프로세스 → Tauri Rust 백엔드, BrowserWindow → WebviewWindow, ipcMain/ipcRenderer → invoke() + Tauri 이벤트, Node.js 모듈(fs, pty) → Rust 명령(std::fs, portable-pty)
• 프론트엔드: TypeScript, Vite 6, Monaco Editor
• 터미널 UI: xterm.js + WebGL 렌더러
• 구문/테마: vscode-textmate, vscode-oniguruma (WASM)
• 백엔드: Rust, Tauri 2
• 터미널: portable-pty (Rust)
• 파일 감시: notify 크레이트(macOS에서는 FSEvents)
• 검색: dashmap + rayon + regex(병렬, Rust)
• 저장소: rusqlite를 통한 SQLite
• 확장: Open VSX 레지스트리

시작하기

개발 모드에서 실행하려면:

git clone https://github.com/Sidenai/sidex.git
cd sidex
npm install
npm run tauri dev

소스에서 빌드하려면:

npm install
# macOS / Linux
NODE_OPTIONS="--max-old-space-size=12288" npm run build
# Windows (PowerShell)
$env:NODE_OPTIONS="--max-old-space-size=12288" npm run build
npx tauri build

첫 빌드는 Rust 컴파일 시간으로 인해 5~10분이 소요됩니다. 사전 빌드된 바이너리는 아직 배포되지 않았습니다.