Commit Graph

2 Commits

Author SHA1 Message Date
1081a3a85e feat(ui): UI 화면 골격 + store + composite/maskSplit hook (v0-plan Task 9/10/11)
새 의존성:
- expo-image-picker ~56.0.13 (PhotoCapture)
- expo-media-library ~56.0.6 (CaptureResult 저장)
- expo-file-system ~56.0.7 (generateRegionMask 파일 저장 — Mac 구현 시)

새 파일:
- src/store/useAppStore.ts: zustand store (photoUri/maskUri/pose/mode + reset)
- src/features/segmentation/index.ts: SegmentationModule TS wrapper (Mac Swift 빌드 대기)
- src/features/composite/shaders.ts: Skia RuntimeEffect 셰이더 소스 (마스크 흰색 → 카메라, 그 외 → 베이스)
- src/features/composite/CompositeView.tsx: 합성 컴포넌트 골격 (Skia v2 API Mac 검증 대기)
- src/features/composite/useCameraFrameUri.ts: 카메라 프레임 URI hook 골격 (vision-camera v5 API Mac 검증 대기)
- src/features/maskSplit/generateRegionMask.ts: region 마스크 생성 골격 (Skia v2 API Mac 검증 대기)
- src/features/maskSplit/useModeMask.ts: mode 전환 시 마스크 자동 재생성 hook + cleanup race 처리
- src/screens/OnboardingScreen.tsx: 3장 슬라이드 (정상 동작)
- src/screens/PhotoCaptureScreen.tsx: 갤러리 선택 + 자세 검증 (PoseModule Mac 빌드 후 동작)
- src/screens/CaptureResultScreen.tsx: 결과 + 저장 + 공유 (expo-media-library)
- src/screens/LiveFittingScreen.tsx: 모드 전환 + 핀치/팬 + Composite 골격 (Camera는 v5 API Mac 검증 대기)
- App.tsx: 4화면 state-based navigation (onboarding → photo → live → result) + GestureHandlerRootView 감싸기

핵심 결정:
- vision-camera v5는 v4와 완전 다른 Nitro 기반 (takeSnapshot 미존재 / usePhotoOutput/usePreviewOutput hook 패턴).
  v0-plan v4 코드 그대로 옮길 수 없어 Camera 부분 골격 + Mac TODO 명시.
- Skia v2 child shader API도 v1과 다를 가능성 → CompositeView 골격 + Mac TODO.
- 모드 전환/핀치 줌/네비게이션/store/검증 로직은 골격 단계에서 정상 동작.

검증 (Windows 가능 범위):
- npx tsc --noEmit: 무에러
- npm test: 6 suites / 17 tests passed (UI 골격 추가가 기존 테스트 영향 없음 확인)

Mac에서 채울 부분 (정리):
- vision-camera v5 Camera + photoOutput + previewOutput 통합
- Skia v2 RuntimeEffect child shader 패턴 (ImageShader / useShader)
- expo-file-system v56 writeAsStringAsync(base64) 동작 확인
- generateRegionMask 본 구현 (Surface.MakeOffscreen + clipRect + encode PNG)
- 실기기 manual test 5종 (각 화면 전환 + 핀치 줌 + 캡쳐 + 저장 + 공유)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-25 16:38:44 +09:00
2919b7b4ac chore: initial Expo SDK 56 + RN 0.85 + TS 6 setup with vision-camera/skia deps
W1 Task 1 Windows 가능 범위 완료.

핵심 파일:
- package.json: lapie name + scripts(start/ios/android/web/test/typecheck)
- app.json: bundleIdentifier com.lapie.app + iOS 권한 3종
  (NSCameraUsageDescription, NSPhotoLibraryUsageDescription, NSPhotoLibraryAddUsageDescription)
- tsconfig.json: strict + noUncheckedIndexedAccess + types:["jest"]
- jest.config.js: jest-expo preset
- src/__tests__/sanity.test.ts: jest 동작 검증용 (W1 Task 3에서 실제 테스트로 대체 예정)

의존성:
- expo ~56.0.4, react 19.2.3, react-native 0.85.3
- react-native-vision-camera ^5.0.10
- @shopify/react-native-skia 2.6.2
- react-native-worklets-core ^1.6.3
- react-native-gesture-handler ~2.31.1
- react-native-safe-area-context ~5.7.0
- zustand ^5.0.13
- jest ^29.7.0, jest-expo ^56.0.4, @types/jest ^30

SDK 버전은 v0-plan(2026-05-23 작성)의 표기보다 상향:
- Expo SDK 52 → 56 (작업 시점 최신 stable)
- RN 0.76 → 0.85, TS 5 → 6
- vision-camera v4 → v5, skia v1 → v2.6
plan은 "7월 착수 직전 재검토" 명시 — 작업 시점 최신 적용.

검증:
- npx tsc --noEmit: 무에러
- npm test: sanity 1 passed

다음 단계 (Mac):
- npx expo prebuild --platform ios
- npx expo run:ios --device
- W1 Task 2 (vision-camera 카메라 화면 + 권한)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-24 15:41:31 +09:00