+ {stars !== null && (
+ β
{formatStars(stars)}
+ )}
@@ -86,9 +94,6 @@ export default function Header() {
role="navigation"
aria-label={isZh ? 'ζζ‘£' : 'Docs'}
>
-
- {import.meta.env.VERSION}
-
GitHub
+ {stars !== null && (
+ β
{formatStars(stars)}
+ )}
@@ -161,6 +169,11 @@ export default function Header() {
GitHub
+ {stars !== null && (
+
+ β
{formatStars(stars)}
+
+ )}
diff --git a/packages/website/src/hooks/useGitHubStars.ts b/packages/website/src/hooks/useGitHubStars.ts
new file mode 100644
index 0000000..8b68e60
--- /dev/null
+++ b/packages/website/src/hooks/useGitHubStars.ts
@@ -0,0 +1,27 @@
+import { useEffect, useState } from 'react'
+
+const STATS_URL = 'https://page-agent.github.io/gh-stats/stats.json'
+
+let cached: number | null = null
+
+export function useGitHubStars() {
+ const [stars, setStars] = useState(cached)
+
+ useEffect(() => {
+ if (cached !== null) return
+ fetch(STATS_URL)
+ .then((r) => r.json())
+ .then((data) => {
+ cached = data.stargazers_count ?? null
+ setStars(cached)
+ })
+ .catch(() => {})
+ }, [])
+
+ return stars
+}
+
+export function formatStars(n: number): string {
+ if (n >= 1000) return `${(n / 1000).toFixed(1).replace(/\.0$/, '')}k`
+ return String(n)
+}