ui Architecture Docs
Home / Type/ BlockViewerContext Type — ui Architecture

BlockViewerContext Type — ui Architecture

Architecture documentation for the BlockViewerContext type/interface in block-viewer.tsx from the ui codebase.

Type tsx

Entity Profile

Dependency Diagram

graph TD
  e98ac782_92ae_6cc4_894b_79ce08f29be1["BlockViewerContext"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3["block-viewer.tsx"]
  e98ac782_92ae_6cc4_894b_79ce08f29be1 -->|defined in| c3ac54aa_58a5_8188_b5f8_014a382dcef3
  style e98ac782_92ae_6cc4_894b_79ce08f29be1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/block-viewer.tsx lines 65–80

type BlockViewerContext = {
  item: z.infer<typeof registryItemSchema>
  view: "code" | "preview"
  setView: (view: "code" | "preview") => void
  activeFile: string | null
  setActiveFile: (file: string) => void
  resizablePanelRef: React.RefObject<PanelImperativeHandle | null> | null
  tree: ReturnType<typeof createFileTreeForRegistryItemFiles> | null
  highlightedFiles:
    | (z.infer<typeof registryItemFileSchema> & {
        highlightedContent: string
      })[]
    | null
  iframeKey?: number
  setIframeKey?: React.Dispatch<React.SetStateAction<number>>
}

Defined In

Source

Frequently Asked Questions

What is the BlockViewerContext type?
BlockViewerContext is a type/interface in the ui codebase, defined in apps/v4/components/block-viewer.tsx.
Where is BlockViewerContext defined?
BlockViewerContext is defined in apps/v4/components/block-viewer.tsx at line 65.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free