summaryrefslogtreecommitdiffhomepage
path: root/packages/web/src/components/CodeBlock.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/web/src/components/CodeBlock.tsx')
-rw-r--r--packages/web/src/components/CodeBlock.tsx32
1 files changed, 0 insertions, 32 deletions
diff --git a/packages/web/src/components/CodeBlock.tsx b/packages/web/src/components/CodeBlock.tsx
deleted file mode 100644
index 3702044b9..000000000
--- a/packages/web/src/components/CodeBlock.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { type JSX, splitProps, createResource } from "solid-js"
-import { codeToHtml } from "shiki"
-import styles from "./codeblock.module.css"
-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"])
-
- const [html] = createResource(
- () => [local.code, local.lang],
- async ([code, lang]) => {
- // TODO: For testing delays
- // await new Promise((resolve) => setTimeout(resolve, 3000))
- return (await codeToHtml(code || "", {
- lang: lang || "text",
- themes: {
- light: "github-light",
- dark: "github-dark",
- },
- transformers: [transformerNotationDiff()],
- })) as string
- },
- )
-
- return <div innerHTML={html()} class={styles.codeblock} {...rest}></div>
-}
-
-export default CodeBlock