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) 그룹 반영) - 회귀 없음
This commit is contained in:
yunchan8804
parent
f97dd1f28a
commit
0785374804
42 changed files with 3815 additions and 323 deletions
91
server/supabase/functions/stripe-portal/index.ts
Normal file
91
server/supabase/functions/stripe-portal/index.ts
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
// server/supabase/functions/stripe-portal/index.ts
|
||||
// Stripe Customer Portal 세션 생성 — 로그인한 사용자가 자신의 구독을 관리할 수 있도록.
|
||||
// 응답: { url } → 클라이언트가 redirect.
|
||||
|
||||
import { corsHeaders, handleCorsPreflightRequest } from '../_shared/cors.ts'
|
||||
import { requireUser, authErrorResponse, type AuthError } from '../_shared/auth.ts'
|
||||
import { createServiceRoleClient } from '../_shared/quota.ts'
|
||||
|
||||
interface PortalRequest {
|
||||
return_url: string
|
||||
}
|
||||
|
||||
// @ts-expect-error — Deno 런타임 전역
|
||||
Deno.serve(async (req: Request) => {
|
||||
const preflight = handleCorsPreflightRequest(req)
|
||||
if (preflight) return preflight
|
||||
|
||||
if (req.method !== 'POST') {
|
||||
return new Response(JSON.stringify({ error: 'Method not allowed' }), {
|
||||
status: 405,
|
||||
headers: { ...corsHeaders, 'Content-Type': 'application/json' }
|
||||
})
|
||||
}
|
||||
|
||||
try {
|
||||
const user = await requireUser(req)
|
||||
const body = (await req.json()) as PortalRequest
|
||||
|
||||
// @ts-expect-error — Deno.env
|
||||
const stripeKey = Deno.env.get('STRIPE_SECRET_KEY') ?? ''
|
||||
if (!stripeKey) {
|
||||
return new Response(
|
||||
JSON.stringify({ error: 'stripe_not_configured' }),
|
||||
{ status: 503, headers: { ...corsHeaders, 'Content-Type': 'application/json' } }
|
||||
)
|
||||
}
|
||||
|
||||
// 기존 customer_id 조회
|
||||
const serviceClient = createServiceRoleClient()
|
||||
const { data: sub } = await serviceClient
|
||||
.from('subscriptions')
|
||||
.select('stripe_customer_id')
|
||||
.eq('user_id', user.id)
|
||||
.maybeSingle()
|
||||
|
||||
const customerId = (sub?.stripe_customer_id as string | null | undefined) ?? null
|
||||
if (!customerId) {
|
||||
return new Response(
|
||||
JSON.stringify({
|
||||
error: 'no_customer',
|
||||
message: '활성 구독이 없습니다. 먼저 업그레이드하세요.'
|
||||
}),
|
||||
{ status: 404, headers: { ...corsHeaders, 'Content-Type': 'application/json' } }
|
||||
)
|
||||
}
|
||||
|
||||
// Portal session 생성
|
||||
const portalResp = await fetch('https://api.stripe.com/v1/billing_portal/sessions', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
Authorization: `Bearer ${stripeKey}`,
|
||||
'Content-Type': 'application/x-www-form-urlencoded'
|
||||
},
|
||||
body: new URLSearchParams({
|
||||
customer: customerId,
|
||||
return_url: body.return_url
|
||||
})
|
||||
})
|
||||
|
||||
if (!portalResp.ok) {
|
||||
const errText = await portalResp.text()
|
||||
throw new Error(`Portal 세션 생성 실패: ${errText}`)
|
||||
}
|
||||
|
||||
const data = (await portalResp.json()) as { url: string }
|
||||
|
||||
return new Response(JSON.stringify({ url: data.url }), {
|
||||
status: 200,
|
||||
headers: { ...corsHeaders, 'Content-Type': 'application/json' }
|
||||
})
|
||||
} catch (err) {
|
||||
if (err && typeof err === 'object' && 'status' in err && 'message' in err) {
|
||||
return authErrorResponse(err as AuthError, corsHeaders)
|
||||
}
|
||||
const message = err instanceof Error ? err.message : 'Unknown error'
|
||||
return new Response(JSON.stringify({ error: message }), {
|
||||
status: 500,
|
||||
headers: { ...corsHeaders, 'Content-Type': 'application/json' }
|
||||
})
|
||||
}
|
||||
})
|
||||
|
|
@ -17,12 +17,71 @@ interface StripeEvent {
|
|||
}
|
||||
}
|
||||
|
||||
async function verifyStripeSignature(payload: string, signature: string, secret: string): Promise<boolean> {
|
||||
// 단순화: 본 스캐폴딩에서는 signature 검증 logic placeholder.
|
||||
// 정식 구현은 Stripe SDK의 stripe.webhooks.constructEvent 사용 또는
|
||||
// HMAC-SHA256으로 직접 검증.
|
||||
// https://stripe.com/docs/webhooks/signatures
|
||||
return Boolean(signature && secret && payload)
|
||||
/**
|
||||
* Stripe webhook signature 검증 — Web Crypto API 기반 HMAC-SHA256.
|
||||
*
|
||||
* Stripe-Signature 헤더 형식: "t=TIMESTAMP,v1=SIG,v1=SIG2,..."
|
||||
* 검증 방식: HMAC_SHA256(secret, `${timestamp}.${payload}`) 를 16진수로 인코딩하여
|
||||
* v1 시그니처 중 하나와 일치하면 valid.
|
||||
*
|
||||
* 또한 timestamp가 tolerance(5분) 이상 벗어나면 reject (replay 공격 방지).
|
||||
*
|
||||
* 참고: https://stripe.com/docs/webhooks/signatures
|
||||
*/
|
||||
async function verifyStripeSignature(
|
||||
payload: string,
|
||||
signatureHeader: string,
|
||||
secret: string,
|
||||
toleranceSec = 300
|
||||
): Promise<boolean> {
|
||||
if (!signatureHeader || !secret || !payload) return false
|
||||
|
||||
// 헤더 파싱
|
||||
const parts = signatureHeader.split(',').map((p) => p.trim())
|
||||
const timestampEntry = parts.find((p) => p.startsWith('t='))
|
||||
const v1Signatures = parts.filter((p) => p.startsWith('v1=')).map((p) => p.slice(3))
|
||||
|
||||
if (!timestampEntry || v1Signatures.length === 0) return false
|
||||
|
||||
const timestamp = Number(timestampEntry.slice(2))
|
||||
if (!Number.isFinite(timestamp)) return false
|
||||
|
||||
// Replay 방지: 5분 이상 오래된 요청 거부
|
||||
const nowSec = Math.floor(Date.now() / 1000)
|
||||
if (Math.abs(nowSec - timestamp) > toleranceSec) {
|
||||
return false
|
||||
}
|
||||
|
||||
// HMAC-SHA256 계산
|
||||
const signedPayload = `${timestamp}.${payload}`
|
||||
const key = await crypto.subtle.importKey(
|
||||
'raw',
|
||||
new TextEncoder().encode(secret),
|
||||
{ name: 'HMAC', hash: 'SHA-256' },
|
||||
false,
|
||||
['sign']
|
||||
)
|
||||
const sigBuffer = await crypto.subtle.sign('HMAC', key, new TextEncoder().encode(signedPayload))
|
||||
const expectedHex = Array.from(new Uint8Array(sigBuffer))
|
||||
.map((b) => b.toString(16).padStart(2, '0'))
|
||||
.join('')
|
||||
|
||||
// 타이밍 공격 방지: constant-time 비교
|
||||
for (const v1 of v1Signatures) {
|
||||
if (constantTimeEqual(v1, expectedHex)) {
|
||||
return true
|
||||
}
|
||||
}
|
||||
return false
|
||||
}
|
||||
|
||||
function constantTimeEqual(a: string, b: string): boolean {
|
||||
if (a.length !== b.length) return false
|
||||
let mismatch = 0
|
||||
for (let i = 0; i < a.length; i++) {
|
||||
mismatch |= a.charCodeAt(i) ^ b.charCodeAt(i)
|
||||
}
|
||||
return mismatch === 0
|
||||
}
|
||||
|
||||
// @ts-expect-error — Deno 런타임 전역
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue