getCachedHighlightedFiles() — ui Function Reference

Architecture documentation for the getCachedHighlightedFiles() function in block-display.tsx from the ui codebase.

Function tsx Internationalization RTLLayout called by 1

Entity Profile

Internationalization→ RTLLayout→ getCachedHighlightedFiles() — ui Function Reference

Dependency Diagram

graph TD
  a3fd7b52_92c1_47a3_f20d_2c9a6dffd48b["getCachedHighlightedFiles()"]
  336888d9_0bee_4622_33dc_3b5f87613c80["block-display.tsx"]
  a3fd7b52_92c1_47a3_f20d_2c9a6dffd48b -->|defined in| 336888d9_0bee_4622_33dc_3b5f87613c80
  e1c315be_b4a3_0bbc_b4e0_23f5063185ba["BlockDisplay()"]
  e1c315be_b4a3_0bbc_b4e0_23f5063185ba -->|calls| a3fd7b52_92c1_47a3_f20d_2c9a6dffd48b
  style a3fd7b52_92c1_47a3_f20d_2c9a6dffd48b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/block-display.tsx lines 70–77

  async (files: z.infer<typeof registryItemFileSchema>[]) => {
    return await Promise.all(
      files.map(async (file) => ({
        ...file,
        highlightedContent: await highlightCode(file.content ?? ""),
      }))
    )
  }