React/Next.js 코드베이스를 읽어주는 정적분석 대시보드

React/Next.js 코드베이스를 4가지 관점으로 정적분석해주는 오픈소스 도구
ts-morph 기반이라 런타임 실행 없이 동작합니다.

• 페이지 위험도 점수: props·hooks·queries·store/context·조건분기
  prop drilling 깊이를 모아 페이지별 복잡도를 점수화. 리팩토링 우선순위를
  정렬 한 번에.
• 컴포넌트 의존성 맵: 페이지 아래 전체 서브트리(외부/내부·순환참조·
  재사용 핫스팟)를 인터랙티브 모달로
• API 변경 영향도: endpoint → hook → 컴포넌트 → 페이지 reverse
  call-graph. "이 endpoint 바꾸면 N개 페이지·M개 컴포넌트 영향"을
  critical/high/medium/low로. 컴포넌트→endpoint 양방향
• 라이브 inspect: 대시보드에서 컴포넌트 클릭 → 실행 중인 dev 앱에
  빨간 박스 오버레이(파일+라인). Vite/Next dev 모두 동작

설정 없이:
npx @shinjinseop/page-dep-map run .

• 지원: Vite · CRA · Next.js(Pages & App Router) · React Router ·
  TanStack Router · 모노레포
• ts-morph 기반 정적분석, TypeScript, MIT
• 데모: https://page-dep-map-landing.vercel.app/
• npm: @shinjinseop/page-dep-map