)
}
================================================
FILE: app/page.tsx
================================================
import {
PageActions,
PageHeader,
PageHeaderDescription,
PageHeaderHeading,
PageHeaderNotifier,
} from "@/components/page-header"
import { buttonVariants } from "@/components/ui/button"
import { siteConfig } from "@/config/site"
import {
cn,
currentMonthFirstDate,
currentMonthLastDate,
randomDate,
} from "@/lib/utils"
import Link from "next/link"
import { CalendarHeatmap } from "@/components/ui/calendar-heatmap"
import { Icons } from "@/components/icons"
import { Star } from "lucide-react"
import { ExampleCode } from "./(components)/example-code"
import { CopyLlmsButton } from "./(components)/copy-llms-button"
import { readFile } from "fs/promises"
import path from "path"
import {
GithubStreak,
GithubStreakDates,
Heatmap,
HeatmapDatesWeight,
Rainbow,
RainbowDates,
} from "./(components)/example-variants"
const fadeUpClassname =
"lg:motion-safe:opacity-0 lg:motion-safe:animate-fade-up"
async function getRepoStarCount() {
const res = await fetch(`https://api.github.com/repos/${siteConfig.name}`)
const data = await res.json()
const starCount = data.stargazers_count
if (starCount > 999) {
return (starCount / 1000).toFixed(1) + "K"
}
return starCount
}
export default async function IndexPage() {
const starCount = await getRepoStarCount()
const llmsContent = await readFile(
path.join(process.cwd(), "public", "llms.txt"),
"utf-8"
)
return (
Excited to officially launch our new shadcn-based component!
🎉
Modern alternative to primitive react heatmaps.
Showcase Github streaks. Visualise user growth. Understand global
warming trends.
Convey more with less.
Unstyled. Customizable. Open Source.