BlockPage() — ui Function Reference

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

Function tsx ComponentRegistry Styles calls 1

Entity Profile

ComponentRegistry→ Styles→ BlockPage() — ui Function Reference

Dependency Diagram

graph TD
  ef4e43e4_dcd5_cf08_8d09_235961671b3c["BlockPage()"]
  23647c21_1c6c_439d_faec_b1bc1792190f["page.tsx"]
  ef4e43e4_dcd5_cf08_8d09_235961671b3c -->|defined in| 23647c21_1c6c_439d_faec_b1bc1792190f
  e4157011_771d_bbbc_6dca_009759473cdf["getCachedRegistryItem()"]
  ef4e43e4_dcd5_cf08_8d09_235961671b3c -->|calls| e4157011_771d_bbbc_6dca_009759473cdf
  style ef4e43e4_dcd5_cf08_8d09_235961671b3c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/app/(view)/view/styles/[style]/[name]/page.tsx lines 78–101

export default async function BlockPage({
  params,
}: {
  params: {
    style: Style["name"]
    name: string
  }
}) {
  const { name, style } = params
  const item = await getCachedRegistryItem(name, style)
  const Component = getRegistryComponent(name, style)

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

  return (
    <>
      <div className={cn("themes-wrapper bg-background", item.meta?.container)}>
        <Component />
      </div>
    </>
  )
}