StarsCount() — ui Function Reference

Architecture documentation for the StarsCount() function in github-link.tsx from the ui codebase.

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ StarsCount() — ui Function Reference

Dependency Diagram

graph TD
  3661c3c7_2f61_c2c4_09b0_4aab096c7c05["StarsCount()"]
  6c5b7866_6251_4799_d639_c6925eb7996d["github-link.tsx"]
  3661c3c7_2f61_c2c4_09b0_4aab096c7c05 -->|defined in| 6c5b7866_6251_4799_d639_c6925eb7996d
  style 3661c3c7_2f61_c2c4_09b0_4aab096c7c05 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/github-link.tsx lines 22–38

export async function StarsCount() {
  const data = await fetch("https://api.github.com/repos/shadcn-ui/ui", {
    next: { revalidate: 86400 },
  })
  const json = await data.json()

  const formattedCount =
    json.stargazers_count >= 1000
      ? `${Math.round(json.stargazers_count / 1000)}k`
      : json.stargazers_count.toLocaleString()

  return (
    <span className="text-muted-foreground w-fit text-xs tabular-nums">
      {formattedCount}
    </span>
  )
}