fix(dwkim): fix markdown rendering with correct marked-terminal config

- Use marked.use() instead of deprecated marked.setOptions()
- Pass chalk functions for strong/em instead of color strings
- Remove unnecessary postProcessMarkdown() workaround
- Add chalk dependency for proper ANSI styling

Author: domuk-k

bun.lock

@@ -27,6 +27,7 @@
   },
   "dependencies": {
     "@catppuccin/palette": "^1.7.1",
+    "chalk": "^5.6.2",
     "ink": "^6.6.0",
     "ink-spinner": "^5.0.0",
     "ink-text-input": "^6.0.0",

packages/dwkim/package.json

@@ -1,10 +1,9 @@
+import chalk from 'chalk'
 import { Text } from 'ink'
 import { marked } from 'marked'
+import { markedTerminal } from 'marked-terminal'
 import { useMemo } from 'react'
 
-// eslint-disable-next-line @typescript-eslint/no-require-imports, @typescript-eslint/no-var-requires
-const TerminalRenderer = require('marked-terminal').default
-
 import { theme } from './theme.js'
 
 interface Props {
@@ -13,33 +12,36 @@ interface Props {
   color?: string
 }
 
-// marked-terminal 설정 (marked@12 API)
-marked.setOptions({
-  renderer: new TerminalRenderer({
-    // 색상 커스터마이징 (Catppuccin 테마와 조화)
-    code: theme.lavender,
-    blockquote: theme.muted,
-    html: theme.muted,
-    heading: theme.primary,
-    firstHeading: theme.primary,
-    hr: theme.surface,
-    listitem: theme.text,
-    strong: theme.text,
-    em: theme.subtext,
-    codespan: theme.lavender,
-    del: theme.muted,
-    link: theme.info,
-    href: theme.info,
-    // 추가 옵션
+// hex 색상을 chalk 함수로 변환
+const hex = (color: string) => chalk.hex(color)
+
+// marked-terminal 설정 (marked v12 새 API)
+marked.use(
+  markedTerminal({
+    // 색상은 chalk 함수로 전달해야 함
+    code: hex(theme.lavender),
+    blockquote: hex(theme.muted),
+    html: hex(theme.muted),
+    heading: hex(theme.primary).bold,
+    firstHeading: hex(theme.primary).bold,
+    hr: hex(theme.surface),
+    listitem: hex(theme.text),
+    paragraph: hex(theme.text),
+    // 핵심: strong/em은 반드시 함수여야 함
+    strong: chalk.bold,
+    em: chalk.italic,
+    codespan: hex(theme.lavender),
+    del: hex(theme.muted).strikethrough,
+    link: hex(theme.info),
+    href: hex(theme.info).underline,
+    // 옵션
     showSectionPrefix: false,
     reflowText: true,
     width: 80,
-    // 이모지 지원
     emoji: true,
-    // 탭 크기
     tab: 2
   })
-})
+)
 
 /**
  * Markdown renderer for Ink using marked + marked-terminal
@@ -53,31 +55,15 @@ marked.setOptions({
  * - Links [text](url)
  * - Horizontal rules (---)
  */
-/**
- * marked-terminal 후처리: 리스트 내부 인라인 마크다운 수동 처리
- * marked-terminal이 리스트 아이템 내부의 **bold**, `code` 등을 처리 못하는 버그 우회
- */
-function postProcessMarkdown(text: string): string {
-  return (
-    text
-      // **bold** → ANSI bold (\x1b[1m...\x1b[22m)
-      .replace(/\*\*([^*]+)\*\*/g, '\x1b[1m$1\x1b[22m')
-      // `code` → ANSI yellow (\x1b[33m...\x1b[39m)
-      .replace(/`([^`]+)`/g, '\x1b[33m$1\x1b[39m')
-  )
-}
-
 export function MarkdownText({ children, color }: Props) {
   const rendered = useMemo(() => {
     if (!children) return ''
 
     try {
       // marked-terminal은 ANSI escape code가 포함된 문자열을 반환
       const result = marked.parse(children, { async: false }) as string
-      // 후처리: 리스트 내부 인라인 마크다운 처리
-      const processed = postProcessMarkdown(result)
       // 끝의 불필요한 줄바꿈 제거
-      return processed.replace(/\n+$/, '')
+      return result.replace(/\n+$/, '')
     } catch {
       // 파싱 실패 시 원본 반환
       return children