rm-hull / github-pr-dashboard / 25605942494

54%

push

github

feat: add shiki syntax highlighting to markdown (#438)

- Integrate `shiki` for code block syntax highlighting.
- Create `CodeBlockRoot` component to wrap Chakra UI code blocks.
- Update `InfoPopover` to use highlighting for fenced code blocks.
- Support multiple languages including `typescript`, `go`, and `diff`.
- Adjust CSS to remove redundant padding on `pre` tags.

```mermaid
sequenceDiagram
    participant M as Markdown Renderer
    participant IP as InfoPopover
    participant CB as CodeBlockRoot
    participant S as Shiki

    M->>IP: Detect code block with language
    IP->>CB: Provide code content and language
    CB->>S: Load highlighter with themes/languages
    S-->>CB: Highlighting tokens
    CB->>IP: Render highlighted code component
```

3 of 4 branches covered (75.0%)

Branch coverage included in aggregate %.

30 of 59 relevant lines covered (50.85%)

1.93 hits per line