NEMOKOALA
서비스 모음ImageGenTossMeNemoDrop/ClipBoard/Terminal Shortcut Buttons
서비스 모음으로 돌아가기

Developer Brief

Terminal Shortcut Buttons

커서·VS Code 터미널 버튼

Cursor·VS Code용 확장프로그램으로, settings.json에 정의한 명령을 Command Deck 웹뷰 패널과 상태 바 버튼으로 실행합니다. 웹뷰 인라인 폼으로 명령을 편집하면 해당 스코프의 settings.json에 바로 반영됩니다. Open VSX에 배포되어 있습니다.

Open VSX에서 설치GitHub 보기

핵심 정보

  • VS Code Webview API 기반 Command Deck 패널
  • 웹뷰 인라인 폼으로 명령 CRUD → 해당 스코프 settings.json 자동 반영
  • 명령별 상태 바 표시 토글(showInStatusBar), 카드 크기 3단계(deckSize: full/mini/micro)
  • 워크스페이스·전역 settings.json 통합 읽기, 상태 바 버튼 색상·정렬·우선순위 커스텀
  • 확장 로직을 src 모듈로 분리(config·statusBar·terminals·deckHtml 등)
  • Open VSX 배포: nemokoala.terminal-shortcut-buttons v0.0.10

기술 스택

VS Code Extension APITypeScriptWebview APIHTML/CSS

아키텍처

  • Extension Host에서 명령 등록·실행, Webview API로 Command Deck 패널 렌더링
  • 웹뷰 폼에서 postMessage로 저장·삭제 → config.update로 스코프별 settings.json 갱신
  • 워크스페이스·전역 settings.json을 통합해 버튼 구성 읽기
  • 상태 바 버튼과 Webview 패널 양쪽에서 동일 명령 실행

문제 · 해결

문제

워크스페이스 설정과 전역 설정이 따로 있어 버튼 목록이 충돌·중복될 수 있음

해결

두 범위의 settings.json을 병합해 읽고 우선순위·정렬 규칙으로 통합

스크린샷

Command Deck 패널
Command Deck 패널
인라인 명령 편집 폼
인라인 명령 편집 폼
상태 바 버튼
상태 바 버튼
미니 모드
미니 모드

다른 서비스

ImageGenAI 이미지 생성·공유TossMe토스로 바로 송금NemoDrop가입 없이 파일·메모 공유ClipBoard클립보드 히스토리 매니저