V2-6 — Mobile (Expo) MVP
- apps/mobile/ 신규, npm workspace에서 제외 (Expo deps 부담 회피)
- Expo SDK 51 + Expo Router + AsyncStorage Supabase 클라이언트
- 화면: index/login/(tabs)/{meetings,record,profile}
- expo-av로 녹음 → Edge Function stt-proxy 호출
- expo-web-browser + expo-linking으로 OAuth 콜백 처리
- README에 setup/EAS build 가이드
- 루트 package.json workspaces를 명시 나열로 변경 (apps/mobile 제외)
V2-7 — 팀 기능 (Web)
- apps/web/src/app/teams/page.tsx — 가입한 팀 카드 그리드
- apps/web/src/app/teams/[id]/page.tsx — 멤버 + 공유 회의
- components/teams/create-team-form.tsx — 팀 생성 + owner 자동 team_members
- components/teams/invite-member-form.tsx — user_id 직접 초대 (V2-7b에서 invite flow)
- Sidebar에 Teams/Billing 메뉴 + 아이콘
- ko.json에 nav.teams/nav.billing 키 추가
- V2-2 teams/team_members RLS 활용
V2-8 — 결제 스캐폴딩
- apps/web/src/app/billing/page.tsx — Free/Pro/Team 가격표 + 현재 구독
- components/billing/checkout-button.tsx — Edge Function 호출 후 redirect
- server/supabase/functions/stripe-checkout/index.ts:
- JWT 인증 -> 기존 customer 조회/생성 -> Checkout Session 생성
- subscriptions 테이블에 customer_id upsert
- server/supabase/functions/stripe-webhook/index.ts:
- checkout.session.completed -> subscriptions tier=pro/team active
- customer.subscription.updated/created -> status/period 업데이트
- customer.subscription.deleted -> tier=free, status=canceled
- signature 검증은 placeholder (V2-8b에서 정식)
- server/supabase/config.toml에 두 함수 등록 (webhook verify_jwt=false)
검증:
- desktop typecheck OK (회귀 없음)
- web typecheck OK
- web next build OK (11 라우트)
- mobile은 별도 install 필요 (workspace 제외)
memory/project_status.md 갱신 — V2 마스터 플랜 전 페이즈 로컬 완료
52 lines
1.2 KiB
TypeScript
52 lines
1.2 KiB
TypeScript
// apps/mobile/lib/auth-context.tsx
|
|
// Supabase 세션 Context
|
|
|
|
import { createContext, useContext, useEffect, useState, type ReactNode } from 'react'
|
|
import type { Session, User } from '@supabase/supabase-js'
|
|
import { supabase } from './supabase'
|
|
|
|
interface AuthContextValue {
|
|
session: Session | null
|
|
user: User | null
|
|
loading: boolean
|
|
}
|
|
|
|
const AuthContext = createContext<AuthContextValue>({
|
|
session: null,
|
|
user: null,
|
|
loading: true
|
|
})
|
|
|
|
export function AuthProvider({ children }: { children: ReactNode }): React.ReactElement {
|
|
const [session, setSession] = useState<Session | null>(null)
|
|
const [loading, setLoading] = useState(true)
|
|
|
|
useEffect(() => {
|
|
supabase.auth
|
|
.getSession()
|
|
.then(({ data }) => {
|
|
setSession(data.session)
|
|
})
|
|
.finally(() => setLoading(false))
|
|
|
|
const {
|
|
data: { subscription }
|
|
} = supabase.auth.onAuthStateChange((_event, newSession) => {
|
|
setSession(newSession)
|
|
})
|
|
|
|
return () => {
|
|
subscription.unsubscribe()
|
|
}
|
|
}, [])
|
|
|
|
return (
|
|
<AuthContext.Provider value={{ session, user: session?.user ?? null, loading }}>
|
|
{children}
|
|
</AuthContext.Provider>
|
|
)
|
|
}
|
|
|
|
export function useAuth(): AuthContextValue {
|
|
return useContext(AuthContext)
|
|
}
|