feat(V2-1a): Monorepo 구조 전환 — apps/desktop으로 V1 이동

- npm workspaces 루트 (apps/*, packages/*) 세팅
- V1 전체를 apps/desktop/으로 git mv (src, resources, tests, sidecar,
  scripts, electron.vite.config.ts, electron-builder.yml, vitest.config.ts,
  tsconfig.node.json, tsconfig.web.json)
- apps/desktop/package.json 신규 (name=@d3ro/desktop)
- productName: 'd3ro-voice' 명시 — app.getName()을 고정하여 userData 경로
  %APPDATA%\d3ro-voice\ 그대로 유지 (기존 DB/설정 연속성 보장)
- 루트 package.json을 workspace 루트로 재구성, 공통 devDep만 유지
  (typescript, eslint, prettier)
- turbo.json, tsconfig.base.json 추가 (Turborepo 자체 설치는 별도 sub-phase)
- memory/project_status.md 생성 (규칙 13)

검증:
- npm run typecheck 통과
- npm run build 통과 (electron-vite main+preload+renderer)
- npm run dev 실제 실행 → DB/핫키/Ollama 자동 실행 모두 정상
This commit is contained in:
yunchan8804 2026-04-08 14:04:41 +09:00
parent 3a160b9032
commit 45a580878a
178 changed files with 214 additions and 0 deletions

View file

@ -1,204 +0,0 @@
// src/renderer/components/meeting/EditableSegment.tsx
// Phase 14.5: 전사 세그먼트 인라인 편집 컴포넌트
import { useState, useRef, useCallback } from 'react'
import { Box, TextField, Tooltip, Chip } from '@mui/material'
import { d3roPalette, d3roFontMono } from '../../theme'
import { useI18n } from '../../i18n'
// Phase 15.5: 화자별 색상 매핑 (d3roPalette SSOT)
const SPEAKER_COLORS = [
d3roPalette.tag.purple,
d3roPalette.tag.green,
d3roPalette.tag.orange,
d3roPalette.tag.red,
'#3b82f6',
]
function getSpeakerColor(speaker: string): string {
// "화자 1" → 0, "화자 2" → 1, ...
const match = /(\d+)$/.exec(speaker)
const idx = match ? (parseInt(match[1], 10) - 1) : 0
return SPEAKER_COLORS[idx % SPEAKER_COLORS.length]
}
interface EditableSegmentProps {
segmentId: string
timestamp: number // ms, 상대 시간
text: string
edited: boolean // 수정 여부
onEdit: (segmentId: string, newText: string) => void
readOnly?: boolean
speaker?: string
}
function formatTimestamp(ms: number): string {
const totalSec = Math.floor(ms / 1000)
const min = Math.floor(totalSec / 60)
const sec = totalSec % 60
return `[${String(min).padStart(2, '0')}:${String(sec).padStart(2, '0')}]`
}
export function EditableSegment({
segmentId,
timestamp,
text,
edited,
onEdit,
readOnly = false,
speaker,
}: EditableSegmentProps): React.ReactElement {
const { t } = useI18n()
const [editing, setEditing] = useState(false)
const [draft, setDraft] = useState(text)
const inputRef = useRef<HTMLInputElement>(null)
const handleClick = useCallback(() => {
if (readOnly) return
setDraft(text)
setEditing(true)
}, [readOnly, text])
const handleCommit = useCallback(() => {
const trimmed = draft.trim()
if (trimmed && trimmed !== text) {
onEdit(segmentId, trimmed)
}
setEditing(false)
}, [draft, text, segmentId, onEdit])
const handleKeyDown = useCallback(
(e: React.KeyboardEvent) => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault()
handleCommit()
} else if (e.key === 'Escape') {
setEditing(false)
}
},
[handleCommit],
)
const speakerColor = speaker ? getSpeakerColor(speaker) : undefined
if (editing) {
return (
<Box
sx={{
display: 'flex',
alignItems: 'flex-start',
gap: 1,
mb: 0.5,
borderLeft: speakerColor ? `4px solid ${speakerColor}` : undefined,
pl: speakerColor ? 0.75 : 0,
}}
>
<Box
component="span"
sx={{
fontFamily: d3roFontMono,
fontSize: 11,
color: d3roPalette.text.inactive,
pt: '7px',
flexShrink: 0,
userSelect: 'none',
}}
>
{formatTimestamp(timestamp)}
</Box>
<TextField
inputRef={inputRef}
value={draft}
onChange={(e) => setDraft(e.target.value)}
onKeyDown={handleKeyDown}
onBlur={handleCommit}
autoFocus
size="small"
fullWidth
multiline
sx={{
'& .MuiInputBase-root': {
fontFamily: d3roFontMono,
fontSize: 13,
bgcolor: d3roPalette.bg.input,
},
}}
/>
</Box>
)
}
const textNode = (
<Box
component="span"
onClick={handleClick}
sx={{
fontFamily: d3roFontMono,
fontSize: 13,
color: d3roPalette.text.primary,
cursor: readOnly ? 'default' : 'text',
borderBottom: edited ? `1px dashed ${d3roPalette.text.inactive}` : 'none',
borderRadius: '2px',
px: readOnly ? 0 : '2px',
'&:hover': readOnly
? {}
: {
color: d3roPalette.text.primary,
borderBottomColor: edited ? d3roPalette.accent.amber : undefined,
bgcolor: edited ? undefined : d3roPalette.bg.elevated,
},
}}
>
{text}
</Box>
)
return (
<Box
sx={{
display: 'flex',
alignItems: 'flex-start',
gap: 1,
mb: 0.5,
borderLeft: speakerColor ? `4px solid ${speakerColor}` : undefined,
pl: speakerColor ? 0.75 : 0,
}}
>
<Box
component="span"
sx={{
fontFamily: d3roFontMono,
fontSize: 11,
color: d3roPalette.text.inactive,
pt: '2px',
flexShrink: 0,
userSelect: 'none',
}}
>
{formatTimestamp(timestamp)}
</Box>
{speaker && (
<Chip
label={speaker}
size="small"
sx={{
fontSize: 10,
height: 18,
flexShrink: 0,
bgcolor: `${speakerColor}22`,
color: speakerColor,
border: `1px solid ${speakerColor}55`,
fontFamily: d3roFontMono,
}}
/>
)}
{edited ? (
<Tooltip title={t('meeting.modified')} placement="top">
{textNode}
</Tooltip>
) : (
textNode
)}
</Box>
)
}