← 목록으로

Show GN: localhost:3000이 어느 Git 브랜치인지 보여주는 Chrome 확장

요약
  • Branchport는 여러 Git worktree를 사용할 때 localhost 탭이 어떤 브랜치인지 쉽게 식별할 수 있도록 돕는 Chrome 확장 프로그램입니다.
  • 탭 제목에 브랜치 정보를 표시하고 실행 중인 서버 목록을 제공하며, 모든 정보는 로컬에서만 처리되어 보안을 유지합니다.

Git worktree를 여러 개 띄워 개발하다 보면 Chrome에 localhost 탭이 쌓이는데,
탭만 보고는 이 화면이 어느 브랜치에서 뜬 건지 알기 어렵더라고요.

Branchport는 localhost / 127.0.0.1 페이지에 현재 Git repository, worktree, branch, dirty 상태를 표시해주는 Chrome 확장입니다.

주요 기능은 이렇습니다.

  • localhost 페이지 오른쪽 아래에 repo / worktree / branch 라벨 표시
  • 탭 제목에 현재 브랜치 prefix 추가
  • worktree 기준으로 Chrome 탭 그룹화
  • popup에서 실행 중인 Git-backed localhost 서버 목록 확인
  • port, PID, uptime, CPU/RAM, branch, dirty/ahead/behind 표시
  • Cursor/VS Code, Terminal, Finder로 열기
  • 서버 종료 시 port/PID 재검증 후 종료

구조는 Chrome extension + local helper입니다.
helper는 127.0.0.1:32190에만 bind하고, 포트 → 프로세스 → cwd → Git 정보를 읽어서 extension에 돌려줍니다.

repo/branch/process 정보는 외부로 보내지 않고 로컬에서만 처리합니다. analytics도 없습니다.

설치:

  1. Chrome Web Store에서 확장 설치
  2. 로컬 helper 설치
npx branchport install
그냥 목록으로
원문 보기 ↗