supabase/apps/ui-library/components/registry-block.tsx

'use server'

import path from 'path'

import { BlockItemCode } from './block-item-code'
import { generateRegistryTree } from '@/lib/process-registry'

export async function RegistryBlock({ itemName }: { itemName: string }) {
  const registryPath = path.join(process.cwd(), 'public', 'r', `${itemName}.json`)
  const tree = generateRegistryTree(registryPath)

  return <BlockItemCode files={tree} />
}