vrr/opencode
2
0
Fork 0
mirror of https://github.com/anomalyco/opencode.git synced 2026-05-25 14:55:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 18

style(tui): refine markdown block rendering

Browse source
This commit is contained in:
Kit Langton 2026-05-10 13:40:48 -04:00
parent 13b2917f74
commit 88db6d22f8
2 changed files with 17 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
packages/opencode/src/cli/cmd/tui/context/theme.tsx
View file

@ -1177,6 +1177,7 @@ function getSyntaxRules(theme: Theme) {
scope: ["markup.strikethrough"],
style: {
foreground: theme.textMuted,
strikethrough: true,
},
},
{

17
packages/opencode/src/cli/cmd/tui/routes/session/index.tsx
View file

@ -1569,6 +1569,9 @@ function TextPart(props: { last: boolean; part: TextPart; message: AssistantMess
const configureMarkdown = (node: MarkdownRenderable | undefined) => {
if (!node) return
const renderNode: NonNullable<MarkdownOptions["renderNode"]> = (token, context) => {
const content = text()
const firstBlock = content.startsWith(token.raw.trimStart())
if (token.type === "hr") {
return new BoxRenderable(node.ctx, {
width: "100%",
@ -1579,7 +1582,16 @@ function TextPart(props: { last: boolean; part: TextPart; message: AssistantMess
})
}
const needsCodeTopGap = token.type === "code" && !text().startsWith(token.raw.trimStart())
if (token.type === "blockquote") {
token.raw = token.raw.replace(/^([ \t]{0,3})>[ \t]?/gm, "$1│ ")
const renderable = context.defaultRender()
if (!firstBlock && renderable) {
renderable.marginTop = typeof renderable.marginTop === "number" ? Math.max(renderable.marginTop, 1) : 1
}
return renderable
}
const needsCodeTopGap = token.type === "code" && !firstBlock
if (token.type === "code" && token.lang?.trim().toLowerCase() === "diff") {
const renderable = new TextRenderable(node.ctx, {
content: new StyledText(colorDiffChunks(token.text)),
@ -1591,6 +1603,9 @@ function TextPart(props: { last: boolean; part: TextPart; message: AssistantMess
}
const renderable = context.defaultRender()
if (token.type === "heading" && token.depth === 1 && !firstBlock && renderable) {
renderable.marginTop = typeof renderable.marginTop === "number" ? Math.max(renderable.marginTop, 2) : 2
}
if (needsCodeTopGap && renderable) {
renderable.marginTop = typeof renderable.marginTop === "number" ? Math.max(renderable.marginTop, 1) : 1
}