d3ro-voice/apps/web/.next/static/chunks/app/meetings/page-5cf97ef3992abf29.js
yunchan8804 d0c33ca259 feat(V2-3): Web App MVP — Next.js 15 + @d3ro/api-client
packages/api-client (@d3ro/api-client) 신규:
- types.ts: 12개 테이블 Row/Insert/Update 타입 + Database 형식
- client.ts: createD3roSupabaseClient 팩토리 (placeholder fallback)
- auth.ts: signInWithOAuth/signOut/getSession/onAuthStateChange
- meetings.ts: 회의 + 메모 + 문서 + 전사 CRUD
- history.ts: 음성 입력 이력 CRUD
- usage.ts: 일일 쿼터 + 구독 조회
- 루트 barrel은 types만 re-export, 함수는 subpath import 전용

apps/web (@d3ro/web) 신규 — Next.js 15 App Router:
- transpilePackages: @d3ro/core, ui, i18n, api-client
- ThemeProvider (MUI + AppRouterCacheProvider)
- I18nProvider (localStorage 어댑터)
- AuthProvider (Supabase session Context)
- 라우트 9개:
  - / (auth 상태 기반 리다이렉트)
  - /login (Google/GitHub OAuth, 미설정 경고)
  - /auth/callback (code -> session 교환)
  - /dashboard (요약 카드 + 최근 회의)
  - /meetings (카드 그리드 리스트)
  - /meetings/[id] (transcripts/memos/documents)
  - /record (getUserMedia + MediaRecorder + stt-proxy)
- Sidebar, 인증 가드, 9바 웨이브폼, 레벨 미터

packages/ui 확장:
- MetalCard가 BoxProps 상속 (sx/onClick 등 전달)
- theme.ts에 typoSx(key) 헬퍼 추가 (d3roTypo -> MUI sx 변환)
- d3roPalette.tag.blue 추가 (M5 정리 포함)
- DS 컴포넌트 9개에 'use client' directive
- MetalDial 미사용 import 제거

packages/i18n 확장:
- ko.json에 7개 새 키 (nav.meetings/record/logout, login.*)

설계 결정:
- Database 제네릭 현재는 기본 타입 (V2-4에서 supabase gen types로 자동화)
- api-client barrel은 타입만 노출해서 컴파일 전파 차단
- DS 컴포넌트 client 경계 명시
- env 없어도 Next.js 빌드 성공 (placeholder URL/key)

검증:
- web typecheck OK
- desktop typecheck OK (회귀 없음)
- web next build OK (9 라우트 정적/동적 생성)
- desktop build OK (회귀 없음)
2026-04-09 02:52:31 +09:00

1 line
No EOL
3.6 KiB
JavaScript

(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[873],{324:(e,s,r)=>{"use strict";r.d(s,{Sidebar:()=>y});var o=r(4568),n=r(7541),i=r(1284),t=r(6987),l=r(3133),d=r(5193),a=r(5431),h=r(3775),b=r(1084),c=r(2278),m=r(2775),v=r(2010),P=r(1441),x=r(3791),p=r(7740),u=r(1037);function y(){var e,s,r,y;let g=(0,n.useRouter)(),j=(0,n.usePathname)(),{t:M}=(0,p.s9)(),A=[{key:"dashboard",path:"/dashboard",label:null!=(e=M("nav.dashboard"))?e:"Dashboard",icon:(0,o.jsx)(b.A,{})},{key:"meetings",path:"/meetings",label:null!=(s=M("nav.meetings"))?s:"Meetings",icon:(0,o.jsx)(c.A,{})},{key:"record",path:"/record",label:null!=(r=M("nav.record"))?r:"Record",icon:(0,o.jsx)(m.A,{})}];async function f(){let e=(0,u.c)();await e.auth.signOut(),g.replace("/login")}return(0,o.jsxs)(i.default,{sx:{width:240,minHeight:"100vh",bgcolor:x.sM.bg.sidebar,borderRight:"1px solid ".concat(x.sM.border.default),display:"flex",flexDirection:"column"},children:[(0,o.jsx)(i.default,{sx:{p:3,borderBottom:"1px solid ".concat(x.sM.border.default)},children:(0,o.jsx)(P.Rk,{variant:"heading",children:"D3RO VOICE"})}),(0,o.jsx)(t.A,{sx:{flex:1,py:2},children:A.map(e=>{let s=j===e.path||j.startsWith("".concat(e.path,"/"));return(0,o.jsx)(l.Ay,{disablePadding:!0,children:(0,o.jsxs)(d.A,{selected:s,onClick:()=>g.push(e.path),sx:{"&.Mui-selected":{bgcolor:x.sM.bg.inset,borderLeft:"3px solid ".concat(x.sM.accent.amber)}},children:[(0,o.jsx)(a.A,{sx:{color:s?x.sM.accent.amber:x.sM.text.label},children:e.icon}),(0,o.jsx)(h.A,{primary:e.label,primaryTypographyProps:{color:s?x.sM.text.primary:x.sM.text.secondary}})]})},e.key)})}),(0,o.jsx)(t.A,{sx:{borderTop:"1px solid ".concat(x.sM.border.default)},children:(0,o.jsx)(l.Ay,{disablePadding:!0,children:(0,o.jsxs)(d.A,{onClick:()=>void f(),children:[(0,o.jsx)(a.A,{sx:{color:x.sM.text.label},children:(0,o.jsx)(v.A,{})}),(0,o.jsx)(h.A,{primary:null!=(y=M("nav.logout"))?y:"Logout",primaryTypographyProps:{color:x.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)},3380:(e,s,r)=>{Promise.resolve().then(r.bind(r,324)),Promise.resolve().then(r.bind(r,1284)),Promise.resolve().then(r.bind(r,7960)),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.t.bind(r,9664,23)),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))}},e=>{e.O(0,[385,77,988,189,140,576,746,605,381,791,184,910,587,18,358],()=>e(e.s=3380)),_N_E=e.O()}]);