forked from baron/baron-sso
- Kratos Identity 스키마에 로그인 전용 `id` 속성 추가 - 테넌트 Config의 `loginIdField` 설정에 따라 User의 `login_id` 및 Kratos `traits.id` 동기화 로직 구현 - Admin UI 테넌트 스키마 설정 내 '로그인 ID로 사용' 체크박스 추가 - Admin UI 사용자 생성/수정/조회 화면에 로그인 ID 관리 필드 및 컬럼 반영 - Userfront 로그인 화면 접속 시 테넌트 설정에 따라 동적 로그인 ID 라벨 적용 - 관련 다국어(ko/en) 번역 추가 및 로그인 ID 설계 문서 업데이트
Admin Front (React 19 + Vite)
관리자 포털을 위한 React/Vite 기반 웹입니다. 이슈 #60 스펙을 바탕으로 라우팅, 서버 상태, 스타일 토큰을 세팅했고 특정 벤더에 종속되지 않는 IDP 연동 훅 포인트를 남겨두었습니다.
주요 스택
- React 19, Vite 7, TypeScript(strict)
- React Router v6 (data router)
- TanStack Query v5
- Tailwind CSS v3 + shadcn/ui 컴포넌트(seed: Button/Card/Badge/Input/Table/Avatar)
- Axios 클라이언트 스텁: Bearer +
X-Tenant-ID헤더 주입 준비 - React Hook Form + Zod (추가 예정)
- Biome (formatter/linter)
실행
npm install
npm run dev
구조
src/app: 라우터, QueryClient 등 전역 설정src/components/layout: App 레이아웃/네비게이션src/features: dashboard, clients, audit, auth 등 화면 스캐폴딩src/lib/apiClient.ts: Axios 인스턴스(토큰/테넌트 헤더 주입 스텁)
다음 작업 가이드
- IDP 중립 Auth 레이어 추가 후 관리자 역할 가드/세션 TTL 적용
- 테넌트 선택 UI 추가 →
X-Tenant-ID헤더에 반영 - shadcn/ui 도입 및 폼/테이블 컴포넌트 연결