summaryrefslogtreecommitdiffhomepage
path: root/app/packages/web/src/components/CodeBlock.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'app/packages/web/src/components/CodeBlock.tsx')
-rw-r--r--app/packages/web/src/components/CodeBlock.tsx47
1 files changed, 0 insertions, 47 deletions
diff --git a/app/packages/web/src/components/CodeBlock.tsx b/app/packages/web/src/components/CodeBlock.tsx
deleted file mode 100644
index 17559ece1..000000000
--- a/app/packages/web/src/components/CodeBlock.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import {
- type JSX,
- onCleanup,
- splitProps,
- createEffect,
- createResource,
-} from "solid-js"
-import { codeToHtml } from "shiki"
-import { transformerNotationDiff } from '@shikijs/transformers'
-
-interface CodeBlockProps extends JSX.HTMLAttributes<HTMLDivElement> {
- code: string
- lang?: string
-}
-function CodeBlock(props: CodeBlockProps) {
- const [local, rest] = splitProps(props, ["code", "lang"])
- let containerRef!: HTMLDivElement
-
- const [html] = createResource(async () => {
- return (await codeToHtml(local.code, {
- lang: local.lang || "text",
- themes: {
- light: 'github-light',
- dark: 'github-dark',
- },
- transformers: [
- transformerNotationDiff(),
- ],
- })) as string
- })
-
- onCleanup(() => {
- if (containerRef) containerRef.innerHTML = ""
- })
-
- createEffect(() => {
- if (html() && containerRef) {
- containerRef.innerHTML = html() as string
- }
- })
-
- return (
- <div ref={containerRef} {...rest}></div>
- )
-}
-
-export default CodeBlock