BlockPage() — ui Function Reference

Architecture documentation for the BlockPage() function in page.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog calls 1

Entity Profile

DocumentationAtlas→ Changelog→ BlockPage() — ui Function Reference

Dependency Diagram

graph TD
  6812d8f1_c79d_4db4_19ee_b77a82bca1e7["BlockPage()"]
  56e49ac2_e6e7_ad0b_a9c0_eda10335ae82["page.tsx"]
  6812d8f1_c79d_4db4_19ee_b77a82bca1e7 -->|defined in| 56e49ac2_e6e7_ad0b_a9c0_eda10335ae82
  bffe93b4_832e_e469_16f4_b746a5cd392e["getCachedRegistryItem()"]
  6812d8f1_c79d_4db4_19ee_b77a82bca1e7 -->|calls| bffe93b4_832e_e469_16f4_b746a5cd392e
  style 6812d8f1_c79d_4db4_19ee_b77a82bca1e7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(view)/view/[style]/[name]/page.tsx lines 161–188

export default async function BlockPage({
  params,
}: {
  params: Promise<{
    style: string
    name: string
  }>
}) {
  const { style: styleName, name } = await params
  const style = getStyle(styleName)

  if (!style) {
    return notFound()
  }

  const item = await getCachedRegistryItem(name, style.name)
  const Component = getRegistryComponent(name, style.name)

  if (!item || !Component) {
    return notFound()
  }

  return (
    <ComponentPreview>
      <Component />
    </ComponentPreview>
  )
}