History

yunchan8804 0785374804 feat(V2-X-b): UI 정리 + pull 동기화 + Stripe 서명 검증 + ui-native 패키지 묶음 A — UI 정리 + i18n 완성: [A1] desktop SettingsModal에 CloudSyncSection 통합 (탭 6번째) - CloudIcon import, settings.tabs.cloud 키 추가 - 기존 about 탭은 index 5 -> 6 [A2] apps/web Sidebar 공유 layout 리팩터링 - app/(app)/layout.tsx 신규 (route group) - dashboard/meetings/record/teams/billing을 (app)/ 아래로 git mv - app/(app)/layout.tsx에 auth 가드 + Sidebar 통합 - 기존 개별 page.tsx에서 Sidebar/auth 중복 제거 - app/(app)/dashboard/layout.tsx 제거 (루트 layout이 처리) [A3] 11개 locale에 V2 새 키 추가 (en/ja/zh/zh-TW/es/fr/de/pt/ru/vi/th) - nav.meetings/record/teams/billing/logout - login.subtitle/google/github/terms - settings.tabs.cloud 묶음 B — V2-4b pull 동기화: - CloudSyncService.pullAll() 신규 - history/dictionary 테이블 원격에서 fetch - last_sync_at 이후 updated_at만 필터 - Last-Write-Wins 충돌 해결 (remote.updated_at > local.updated_at) - 로컬에 없는 행은 INSERT, 있는 행은 UPDATE (구체적 컬럼 지정) - IPC CLOUD_SYNC.PULL_ALL 채널 + handler + preload api - CloudSyncSection에 Pull 버튼 추가 (Push 옆에 위치) 묶음 C — V2-8b Stripe webhook 서명 검증: - stripe-webhook Edge Function에 Web Crypto API 기반 HMAC-SHA256 검증 - Stripe-Signature 헤더 파싱 (t=, v1= 엔트리) - Replay 방지 (timestamp tolerance 300초) - constantTimeEqual로 타이밍 공격 방지 - crypto.subtle.importKey/sign으로 HMAC 계산 - stripe-portal Edge Function 신규 (Customer Portal) - JWT 인증 -> 기존 customer_id 조회 -> billing_portal/sessions 생성 - return_url 지원 - apps/web/components/billing/portal-button.tsx (구독 관리 버튼) - billing 페이지에 Free 외 tier 사용자에게 PortalButton 표시 - config.toml에 stripe-portal 함수 등록 (verify_jwt=true) 묶음 D — V2-6b packages/ui-native: - @d3ro/ui-native 신규 패키지 (React Native 전용 DS) - theme.ts: d3roNativePalette/Typo/Radius (MUI 없는 정적 값) - components/MetalCard.tsx: View + 섀시 섀도우 - components/PhosphorText.tsx: Text + 앰버 glow (textShadow) - components/Led.tsx: View 원 + glow - components/PhysicalButton.tsx: Pressable + 누름 느낌 - React/React-Native는 peerDependencies - apps/mobile/package.json에 @d3ro/ui-native를 file: 의존성으로 추가 (mobile은 npm workspace 제외이므로 file path 필요) 검증: - desktop typecheck OK - web typecheck OK - web next build OK (11 라우트, (app) 그룹 반영) - 회귀 없음		2026-04-09 21:36:38 +09:00
..
app	feat(V2-6/V2-7/V2-8): Mobile MVP + Teams + Billing 스캐폴딩	2026-04-09 16:39:54 +09:00
lib	feat(V2-6/V2-7/V2-8): Mobile MVP + Teams + Billing 스캐폴딩	2026-04-09 16:39:54 +09:00
app.json	feat(V2-6/V2-7/V2-8): Mobile MVP + Teams + Billing 스캐폴딩	2026-04-09 16:39:54 +09:00
package.json	feat(V2-X-b): UI 정리 + pull 동기화 + Stripe 서명 검증 + ui-native 패키지	2026-04-09 21:36:38 +09:00
README.md	feat(V2-6/V2-7/V2-8): Mobile MVP + Teams + Billing 스캐폴딩	2026-04-09 16:39:54 +09:00
tsconfig.json	feat(V2-6/V2-7/V2-8): Mobile MVP + Teams + Billing 스캐폴딩	2026-04-09 16:39:54 +09:00

README.md

@d3ro/mobile — D3RO Voice Mobile (Expo)

D3RO Voice의 React Native (Expo) 앱. npm workspace에서 제외됨 — Expo의 무거운 native 의존성 때문에 별도 install 필요.

설치

cd apps/mobile
npm install

실행

# Expo dev server 실행 (브라우저에 QR 표시)
npm start

# iOS 시뮬레이터
npm run ios

# Android 에뮬레이터
npm run android

Supabase 설정

app.json의 expo.extra에 환경변수를 추가하거나, EAS Secrets 사용:

{
  "expo": {
    "extra": {
      "supabaseUrl": "https://your-project.supabase.co",
      "supabaseAnonKey": "eyJ..."
    }
  }
}

또는 app.config.ts로 변환해서 process.env에서 읽기.

화면 구성

Route	설명
`/`	진입점, auth 상태에 따라 리다이렉트
`/login`	OAuth (Google/GitHub) 로그인
`/(tabs)/meetings`	회의 리스트 (Supabase fetch)
`/(tabs)/record`	녹음 (expo-av) → stt-proxy
`/(tabs)/profile`	사용자 정보 + 로그아웃

OAuth 콜백

app.json의 scheme: "d3ro-voice"로 deep link 등록. Supabase Auth providers의 redirect URL에 다음 추가:

d3ro-voice://auth-callback
https://auth.expo.io/@your-username/d3ro-voice (Expo Go 사용 시)

빌드 (EAS)

npm install -g eas-cli
eas login
eas build:configure
eas build --platform ios
eas build --platform android

의존성 비고

@d3ro/core, @d3ro/i18n, @d3ro/api-client 등 monorepo 패키지는 향후 file: link로 재사용 예정. 현재 V2-6 MVP는 코드 중복 (lib/supabase.ts) 허용.

V2-6 MVP 한계

DS 컴포넌트 (@d3ro/ui)는 MUI 기반이라 RN에서 미사용. 별도 @d3ro/ui-native 패키지가 V2-6b에서 필요.
푸시 알림 미구현 (V2-6b)
회의 상세 화면 미구현 (V2-6b)
오프라인 캐싱 미구현 (V2-6b)