mirrors/opencode
1
0
Fork 0
mirror of https://github.com/sst/opencode.git synced 2025-07-08 00:25:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 11

docs: share handle slower code blocks

Browse source
This commit is contained in:
Jay V 2025-06-27 20:21:28 -04:00
parent 6a7983a4ea
commit 7b394b91e2
1 changed files with 20 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

31
packages/web/src/components/CodeBlock.tsx
View file

@ -18,16 +18,19 @@ function CodeBlock(props: CodeBlockProps) {
const [local, rest] = splitProps(props, ["code", "lang", "onRendered"])
let containerRef!: HTMLDivElement
const [html] = createResource(() => [local.code, local.lang], async ([code, lang]) => {
return (await codeToHtml(code || "", {
lang: lang || "text",
themes: {
light: "github-light",
dark: "github-dark",
},
transformers: [transformerNotationDiff()],
})) as string
})
const [html] = createResource(
() => [local.code, local.lang],
async ([code, lang]) => {
return (await codeToHtml(code || "", {
lang: lang || "text",
themes: {
light: "github-light",
dark: "github-dark",
},
transformers: [transformerNotationDiff()],
})) as string
},
)
onCleanup(() => {
if (containerRef) containerRef.innerHTML = ""
@ -41,7 +44,13 @@ function CodeBlock(props: CodeBlockProps) {
}
})
return <div ref={containerRef} class={styles.codeblock} {...rest}></div>
return (
<>
{html() ? (
<div ref={containerRef} class={styles.codeblock} {...rest}></div>
) : null}
</>
)
}
export default CodeBlock