기본 사용법

onDetectionStatus={(s: DetectionStatus) => { /* {type} 또는 {type:'failed', reason} */ }}
onDetectionProgress={(p: number) => { /* 0 ~ 100 */ }}
onDetectionFinished={(r: CameraResult) => { /* {success, fingerprintImages, appearanceImages} */ }}
onDetectionResult={(r: DetectionResult) => { /* 프레임별 코/얼굴 박스 — 커스텀 마커용 */ }}

async function upload(r: CameraResult) {
  if (!r.success) return;
  const form = new FormData();
  // RN의 FormData는 { uri, name, type } 형태로 파일을 받습니다.
  r.fingerprintImages.forEach((uri, i) =>
    form.append('fingerprints', { uri, name: `nose_${i}.jpg`, type: 'image/jpeg' } as any),
  );
  r.appearanceImages.forEach((uri, i) =>
    form.append('appearances', { uri, name: `face_${i}.jpg`, type: 'image/jpeg' } as any),
  );
  form.append('captureSessionId', captureSessionId);
  // 본인 앱 서버 엔드포인트로 전송 → 앱 서버가 x-petnow-api-key로 Petnow에 업로드
  await fetch('https://your-app-server.example.com/petnow/upload', { method: 'POST', body: form });
}

const onFinished = useCallback((r: CameraResult) => {
  upload(r);
  if (continuousMode) {
    setTimeout(() => camera.startDetection(), 1200); // 잠깐 쉰 뒤 재시작
  }
}, [camera, continuousMode]);

// usePetnowCamera 옵션
type LicenseInfo = {
  apiKey: string;
};

// usePetnowCamera가 반환하는 컨트롤러 핸들
type PetnowCamera = {
  state: PetnowCameraState;
  startDetection(): void;   // 검출 시작 / 재촬영
  pauseDetection(): void;   // 일시정지(진행률 보존)
  resumeDetection(): void;  // 재개
  switchCamera(): void;     // 전/후면 전환
  retry(): void;            // 네이티브 초기화 재시도
};

type PetnowCameraState =
  | { status: 'idle' }
  | { status: 'initializing' }
  | { status: 'ready' }
  | { status: 'error'; error: string }; // error 메시지는 'error' 상태에만 존재

// onDetectionStatus 콜백 인자
type DetectionStatus =
  | { type: 'noObject' }                 // 대상 미탐지
  | { type: 'processing' }               // 탐지 진행 중
  | { type: 'detected' }                 // 탐지 성공
  | { type: 'finished' }                 // 촬영 완료
  | { type: 'failed'; reason: DetectionFailureReason };  // 실패(사유 포함)

// onDetectionFinished 콜백 인자
type CameraResult = {
  success: boolean;
  fingerprintImages: string[]; // 로컬 file:// URI
  appearanceImages: string[];  // 로컬 file:// URI
};

// onDetectionResult 콜백 인자 (프레임별 검출 박스)
type BoundingBox = { x: number; y: number; width: number; height: number }; // normalized 0–1
type DetectionResult = {
  nose: BoundingBox | null;
  face: BoundingBox | null;
};

function guideMessage(status: DetectionStatus | null): string {
  if (!status) return '카메라 초기화 중...';
  switch (status.type) {
    case 'failed':
      return `인식 실패: ${status.reason}`;
    case 'noObject':
      return '반려동물을 화면 중앙에 맞춰주세요';
    case 'finished':
      return '촬영 완료!';
    default:
      return '';
  }
}

import { useCallback, useState } from 'react';
import { View, Text, StyleSheet } from 'react-native';
import {
  usePetnowCamera,
  CameraView,
  type DetectionStatus,
  type CameraResult,
} from '@petify/react-native-camera-ui';

export function Scan({ apiKey, captureSessionId }: { apiKey: string; captureSessionId: string }) {
  const camera = usePetnowCamera({ apiKey });
  const [, setStatus] = useState<DetectionStatus | null>(null);

  // file:// URI를 앱 서버로 업로드 (앱 서버가 x-petnow-api-key로 Petnow에 프록시)
  const upload = useCallback(
    async (r: CameraResult) => {
      if (!r.success) return;
      const form = new FormData();
      r.fingerprintImages.forEach((uri, i) =>
        form.append('fingerprints', { uri, name: `nose_${i}.jpg`, type: 'image/jpeg' } as any),
      );
      r.appearanceImages.forEach((uri, i) =>
        form.append('appearances', { uri, name: `face_${i}.jpg`, type: 'image/jpeg' } as any),
      );
      form.append('captureSessionId', captureSessionId);
      await fetch('https://your-app-server.example.com/petnow/upload', { method: 'POST', body: form });
    },
    [captureSessionId],
  );

  // ready 전에는 CameraView를 마운트하지 않는다.
  if (camera.state.status !== 'ready') {
    return (
      <View style={styles.center}>
        <Text>카메라 준비 중… ({camera.state.status})</Text>
      </View>
    );
  }

  return (
    <CameraView
      camera={camera}
      species="DOG"
      purpose="PET_PROFILE_REGISTRATION"
      captureSessionId={captureSessionId}
      style={styles.fill}
      onDetectionStatus={setStatus}
      onDetectionFinished={upload}
    />
  );
}

const styles = StyleSheet.create({
  fill: { flex: 1 },
  center: { flex: 1, alignItems: 'center', justifyContent: 'center' },
});