ui Architecture Docs
Home / File/ block-viewer.tsx — ui Source File

block-viewer.tsx — ui Source File

Architecture documentation for block-viewer.tsx, a tsx file in the ui codebase. 21 imports, 0 dependents.

File tsx Internationalization RTLLayout 21 imports 13 functions

Entity Profile

Dependency Diagram

graph LR
  c3ac54aa_58a5_8188_b5f8_014a382dcef3["block-viewer.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  3eb36dd7_f51a_1431_02e2_7abafe315718["image"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> 3eb36dd7_f51a_1431_02e2_7abafe315718
  ba3d44f3_7b34_f9cc_6283_44817785c0df["link"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> ba3d44f3_7b34_f9cc_6283_44817785c0df
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  e3a189ea_cc83_2570_3f47_ad87ecca3ddc["react-resizable-panels"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> e3a189ea_cc83_2570_3f47_ad87ecca3ddc
  ceec689a_1334_a657_3c35_094070222b09["schema"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> ceec689a_1334_a657_3c35_094070222b09
  6802ce19_522d_e5fb_e458_8826d9f6952e["zod"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> 6802ce19_522d_e5fb_e458_8826d9f6952e
  a9903b11_2f1d_8437_2ec7_acd8ba077fa8["events"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> a9903b11_2f1d_8437_2ec7_acd8ba077fa8
  7a25f51b_551e_131b_bc51_bd5ccc7c308c["registry"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> 7a25f51b_551e_131b_bc51_bd5ccc7c308c
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  16fc7cf6_3e3a_9efc_f45b_63496f779853["use-copy-to-clipboard"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> 16fc7cf6_3e3a_9efc_f45b_63496f779853
  aae3c3f1_230a_9c11_a663_8bbc3f0ad054["icons"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> aae3c3f1_230a_9c11_a663_8bbc3f0ad054
  d2b27478_fb6c_53f0_59ff_30c5a904c9c4["open-in-v0-button"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> d2b27478_fb6c_53f0_59ff_30c5a904c9c4
  b5745d66_2f51_7fb8_758d_e409c7f36c09["_legacy-styles"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3 --> b5745d66_2f51_7fb8_758d_e409c7f36c09
  style c3ac54aa_58a5_8188_b5f8_014a382dcef3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import Image from "next/image"
import Link from "next/link"
import {
  Check,
  ChevronRight,
  Clipboard,
  File,
  Folder,
  Fullscreen,
  Monitor,
  RotateCw,
  Smartphone,
  Tablet,
  Terminal,
} from "lucide-react"
import { type PanelImperativeHandle } from "react-resizable-panels"
import {
  type registryItemFileSchema,
  type registryItemSchema,
} from "shadcn/schema"
import { type z } from "zod"

import { trackEvent } from "@/lib/events"
import {
  type createFileTreeForRegistryItemFiles,
  type FileTree,
} from "@/lib/registry"
import { cn } from "@/lib/utils"
import { useCopyToClipboard } from "@/hooks/use-copy-to-clipboard"
import { getIconForLanguageExtension } from "@/components/icons"
import { OpenInV0Button } from "@/components/open-in-v0-button"
import { type Style } from "@/registry/_legacy-styles"
import { Button } from "@/registry/new-york-v4/ui/button"
import {
  Collapsible,
  CollapsibleContent,
  CollapsibleTrigger,
} from "@/registry/new-york-v4/ui/collapsible"
import {
  ResizableHandle,
  ResizablePanel,
  ResizablePanelGroup,
} from "@/registry/new-york-v4/ui/resizable"
import { Separator } from "@/registry/new-york-v4/ui/separator"
import {
  Sidebar,
  SidebarGroup,
  SidebarGroupContent,
  SidebarGroupLabel,
  SidebarMenu,
  SidebarMenuButton,
  SidebarMenuItem,
  SidebarMenuSub,
  SidebarProvider,
} from "@/registry/new-york-v4/ui/sidebar"
import { Tabs, TabsList, TabsTrigger } from "@/registry/new-york-v4/ui/tabs"
import {
// ... (454 more lines)

Domain

Subdomains

Functions

Types

Dependencies

  • _legacy-styles
  • button
  • collapsible
  • events
  • icons
  • image
  • link
  • lucide-react
  • open-in-v0-button
  • react
  • react-resizable-panels
  • registry
  • resizable
  • schema
  • separator
  • sidebar
  • tabs
  • toggle-group
  • use-copy-to-clipboard
  • utils
  • zod

Source

Frequently Asked Questions

What does block-viewer.tsx do?
block-viewer.tsx is a source file in the ui codebase, written in tsx. It belongs to the Internationalization domain, RTLLayout subdomain.
What functions are defined in block-viewer.tsx?
block-viewer.tsx defines 13 function(s): BlockCopyCodeButton, BlockViewer, BlockViewerCode, BlockViewerFileTree, BlockViewerIframe, BlockViewerMobile, BlockViewerProvider, BlockViewerToolbar, BlockViewerView, Tree, and 3 more.
What does block-viewer.tsx depend on?
block-viewer.tsx imports 21 module(s): _legacy-styles, button, collapsible, events, icons, image, link, lucide-react, and 13 more.
Where is block-viewer.tsx in the architecture?
block-viewer.tsx is located at apps/v4/components/block-viewer.tsx (domain: Internationalization, subdomain: RTLLayout, directory: apps/v4/components).

Analyze Your Own Codebase

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

Try Supermodel Free