rayan/shadcn-ui
1
0
Fork 0
mirror of https://github.com/shadcn-ui/ui.git synced 2026-07-08 22:45:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: transform code for display

Browse Source
This commit is contained in:
shadcn
2026-01-06 16:58:56 +04:00
parent eb098f87d2
commit 413dc4c01f
2 changed files with 176 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/v4/components/component-source.tsx
View File

@@ -4,6 +4,7 @@ import * as React from "react"
import { highlightCode } from "@/lib/highlight-code"
import { getRegistryItem } from "@/lib/registry"
import { transformForDisplay } from "@/lib/rehype"
import { cn } from "@/lib/utils"
import { CodeCollapsibleWrapper } from "@/components/code-collapsible-wrapper"
import { CopyButton } from "@/components/copy-button"
@@ -53,6 +54,9 @@ export async function ComponentSource({
code = code.replaceAll("export default", "export")
code = code.replaceAll("/* eslint-disable react/no-children-prop */\n", "")
// Apply transforms (cn-* → Tailwind, IconPlaceholder → icons, etc.).
code = await transformForDisplay(code, styleName)
const lang = language ?? title?.split(".").pop() ?? "tsx"
const highlightedCode = await highlightCode(code, lang)