Hover
모든 웹페이지의 코드 위에 마우스를 올리면(Hover) 문서를 확인할 수 있습니다. 당신의 IDE처럼, 하지만 어디에서나 사용할 수 있습니다.
문서 사이트와 ChatGPT 및 Claude와 같은 AI 채팅 앱에서 작동합니다.
<p align="center">
<img src="https://raw.githubusercontent.com/Sampsoon/hover/HEAD/docs/demo0.gif" alt="Demo">
</p>
<p align="center">
<img src="https://raw.githubusercontent.com/Sampsoon/hover/HEAD/docs/demo1.gif" alt="Demo 2">
</p>
설치 (Installation)
- 확장 프로그램 빌드:
bun install && bun run build
- Chrome에 로드:
chrome://extensions로 이동 → 개발자 모드 (Developer Mode) 활성화 → 압축해제된 확장 프로그램을 로드 (Load Unpacked) → dist_chrome 폴더 선택
설정 (Setup)
1. API 구성
확장 프로그램 아이콘을 클릭하고 **설정 (Settings)**으로 이동하여 OpenRouter API 키를 추가하거나, 호환 가능한 커스텀 OpenAI 클라이언트 엔드포인트 (Endpoint)를 구성하세요.
OpenRouter
<img src="https://raw.githubusercontent.com/Sampsoon/hover/HEAD/docs/openrouter-settings.png" alt="OpenRouter Settings">
커스텀 엔드포인트 (Custom Endpoint)
<img src="https://raw.githubusercontent.com/Sampsoon/hover/HEAD/docs/custom-endpoint-settings.png" alt="Custom Endpoint Settings">
2. 웹사이트 구성
URL 패턴(예: *://*.github.com/*)을 사용하여 확장 프로그램이 실행될 웹사이트를 설정하세요.
<img src="https://raw.githubusercontent.com/Sampsoon/hover/HEAD/docs/website-settings.png" alt="Website Settings">
개발 (Development)
bun run dev
bun run build
bun run lint
...
선택 사항: 개발 빌드에 API 키를 포함하려면 .env 파일을 생성하세요:
VITE_OPEN_ROUTER_API_KEY=your-key
테스트 (Testing)
평가 도구는 scripts/README.md를 참조하세요.
알려진 문제 및 향후 개선 사항 (Known Issues & Future Improvements)
알려진 문제 및 계획된 개선 사항 목록은 TASKS.md를 참조하세요.
개인정보 보호 (Privacy)
데이터 처리에 대한 자세한 내용은 PRIVACY.md를 참조하세요.
라이선스 (License)
MIT
