rusty replay

rusty replay는 Sentry와 같은 제한된 세션 리플레이를 해결하기 위해 개발된 오류 추적 및 세션 리플레이 솔루션입니다. 무제한 세션 캡처와 데이터 소유권을 가진 채 비용을 크게 절감할 수 있습니다.

주요 기능

오류 추적

• 자동 전역 오류 처리 (window.onerror, unhandledrejection)
• 스택 트레이스 캡처 및 소스 매핑
• 브라우저 및 환경 정보 수집

세션 리플레이

• 오류 발생 전 최대 10초 동안의 사용자 활동 기록
• DOM 스냅샷 및 상호작용 캡처
• 시간별 이벤트 추적

대시보드

• 다중 프로젝트 관리
• 이슈 및 이벤트 목록
• 인터랙티브 세션 리플레이 뷰어
• 스택 트레이스 분석

대시보드 화면

프로젝트 상세보기

• 프로젝트의 모든 오류 이벤트를 종합적으로 볼 수 있는 대시보드

프로젝트 이벤트 타임라인

• 프로젝트에서 캡처된 모든 이벤트를 시간순으로 확인

이벤트 목록

• 모든 이벤트를 한눈에 확인

이벤트 상세보기

• 이벤트 발생 시간, API 정보, 스택 트레이스 등 자세한 정보를 확인

스택 트레이스 분석

• 오류가 발생한 정확한 위치와 원인을 파악

trace, span

• trace, span tracking

세션 리플레이

• 오류 발생 전 사용자 활동을 재생하여 문제 상황 파악

기술 스택

• 프론트엔드 SDK: TypeScript, rrweb
• 프론트엔드 대시보드: Next.js v15
• 백엔드: Rust, Actix-Web
• 데이터베이스: MySQL, SeaORM

🔄 flow chart

rusty-replay/
├── apps
│   └── web          # Dashboard (Next.js + rrweb)
├── packages
│   ├── rusty-replay # SDK (TypeScript + rrweb)
│   └── ui           # Shared UI components

🦀 Backend Repository

🔗 GitHub 저장소: rusty-replay/replay-be

🕹️ SDK Repository

📦 NPM 패키지: npm i rusty-replay

📖 SDK 사용법 바로가기