d3ro-voice/apps/web/.next/static/chunks/app/meetings/[id]/page-34bb71f4c869444a.js
yunchan8804 61a96b3e9b feat(V2-6/V2-7/V2-8): Mobile MVP + Teams + Billing 스캐폴딩
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 마스터 플랜 전 페이즈 로컬 완료
2026-04-09 16:39:54 +09:00

1 line
No EOL
4 KiB
JavaScript

(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[573],{324:(e,s,r)=>{"use strict";r.d(s,{Sidebar:()=>j});var o=r(4568),n=r(7541),i=r(1284),l=r(6987),t=r(6763),d=r(6262),a=r(5431),h=r(3775),b=r(1084),c=r(2278),m=r(2775),v=r(812),P=r(1166),x=r(2010),p=r(1441),u=r(3791),g=r(7740),y=r(1037);function j(){var e,s,r,j,M,f;let k=(0,n.useRouter)(),A=(0,n.usePathname)(),{t:C}=(0,g.s9)(),R=[{key:"dashboard",path:"/dashboard",label:null!=(e=C("nav.dashboard"))?e:"Dashboard",icon:(0,o.jsx)(b.A,{})},{key:"meetings",path:"/meetings",label:null!=(s=C("nav.meetings"))?s:"Meetings",icon:(0,o.jsx)(c.A,{})},{key:"record",path:"/record",label:null!=(r=C("nav.record"))?r:"Record",icon:(0,o.jsx)(m.A,{})},{key:"teams",path:"/teams",label:null!=(j=C("nav.teams"))?j:"Teams",icon:(0,o.jsx)(v.A,{})},{key:"billing",path:"/billing",label:null!=(M=C("nav.billing"))?M:"Billing",icon:(0,o.jsx)(P.A,{})}];async function T(){let e=(0,y.c)();await e.auth.signOut(),k.replace("/login")}return(0,o.jsxs)(i.default,{sx:{width:240,minHeight:"100vh",bgcolor:u.sM.bg.sidebar,borderRight:"1px solid ".concat(u.sM.border.default),display:"flex",flexDirection:"column"},children:[(0,o.jsx)(i.default,{sx:{p:3,borderBottom:"1px solid ".concat(u.sM.border.default)},children:(0,o.jsx)(p.Rk,{variant:"heading",children:"D3RO VOICE"})}),(0,o.jsx)(l.A,{sx:{flex:1,py:2},children:R.map(e=>{let s=A===e.path||A.startsWith("".concat(e.path,"/"));return(0,o.jsx)(t.Ay,{disablePadding:!0,children:(0,o.jsxs)(d.A,{selected:s,onClick:()=>k.push(e.path),sx:{"&.Mui-selected":{bgcolor:u.sM.bg.inset,borderLeft:"3px solid ".concat(u.sM.accent.amber)}},children:[(0,o.jsx)(a.A,{sx:{color:s?u.sM.accent.amber:u.sM.text.label},children:e.icon}),(0,o.jsx)(h.A,{primary:e.label,primaryTypographyProps:{color:s?u.sM.text.primary:u.sM.text.secondary}})]})},e.key)})}),(0,o.jsx)(l.A,{sx:{borderTop:"1px solid ".concat(u.sM.border.default)},children:(0,o.jsx)(t.Ay,{disablePadding:!0,children:(0,o.jsxs)(d.A,{onClick:()=>void T(),children:[(0,o.jsx)(a.A,{sx:{color:u.sM.text.label},children:(0,o.jsx)(x.A,{})}),(0,o.jsx)(h.A,{primary:null!=(f=C("nav.logout"))?f:"Logout",primaryTypographyProps:{color:u.sM.text.secondary}})]})})})]})}},1441:(e,s,r)=>{"use strict";r.d(s,{Rk:()=>n.PhosphorText,Uu:()=>o.MetalCard}),r(4070),r(9006),r(5281),r(6652);var o=r(9502),n=r(215);r(2517),r(1459),r(984)},3947:(e,s,r)=>{Promise.resolve().then(r.bind(r,324)),Promise.resolve().then(r.bind(r,1284)),Promise.resolve().then(r.bind(r,5754)),Promise.resolve().then(r.bind(r,7301)),Promise.resolve().then(r.bind(r,8613)),Promise.resolve().then(r.bind(r,9746)),Promise.resolve().then(r.bind(r,1379)),Promise.resolve().then(r.bind(r,1774)),Promise.resolve().then(r.bind(r,8448)),Promise.resolve().then(r.bind(r,7273)),Promise.resolve().then(r.bind(r,5608)),Promise.resolve().then(r.bind(r,1238)),Promise.resolve().then(r.bind(r,4590)),Promise.resolve().then(r.bind(r,3174)),Promise.resolve().then(r.bind(r,2421)),Promise.resolve().then(r.bind(r,8758)),Promise.resolve().then(r.bind(r,9969)),Promise.resolve().then(r.bind(r,8356)),Promise.resolve().then(r.bind(r,5845)),Promise.resolve().then(r.bind(r,3292)),Promise.resolve().then(r.bind(r,2406)),Promise.resolve().then(r.bind(r,2105)),Promise.resolve().then(r.bind(r,1374)),Promise.resolve().then(r.bind(r,1580)),Promise.resolve().then(r.bind(r,850)),Promise.resolve().then(r.bind(r,6310)),Promise.resolve().then(r.bind(r,984)),Promise.resolve().then(r.bind(r,4070)),Promise.resolve().then(r.bind(r,9006)),Promise.resolve().then(r.bind(r,5281)),Promise.resolve().then(r.bind(r,9502)),Promise.resolve().then(r.bind(r,2517)),Promise.resolve().then(r.bind(r,215)),Promise.resolve().then(r.bind(r,6652)),Promise.resolve().then(r.bind(r,1459))},5754:(e,s,r)=>{"use strict";r.d(s,{default:()=>l});var o=r(3292),n=r(8613),i=r(5120);let l=(0,o.default)({createStyledComponent:(0,n.default)("div",{name:"MuiStack",slot:"Root"}),useThemeProps:e=>(0,i.b)({props:e,name:"MuiStack"})})}},e=>{e.O(0,[385,77,988,189,949,473,746,605,791,803,910,587,18,358],()=>e(e.s=3947)),_N_E=e.O()}]);