feat(website): 页脚低调展示 GitHub 累计下载量(客户端实时拉取,1h 缓存)

This commit is contained in:
KimiSwitch Dev committed 2026-08-07 23:19:57 +08:00
1 parent 93c5720769
commit cf9707326c
2 files changed
+64

No files matched your search

+62
View File
@@ -1,3 +1,4 @@
import { useEffect, useState } from "react";
import { recommendLinks } from "../data/recommendLinks"; import { recommendLinks } from "../data/recommendLinks";
import { useLang } from "../i18n"; import { useLang } from "../i18n";
import { asset } from "../lib/asset"; import { asset } from "../lib/asset";
@@ -12,8 +13,62 @@ const logoFor: Record<string, string> = {
"基元律动": "logos/tokenrhythm.svg", "基元律动": "logos/tokenrhythm.svg",
}; };
// 下载统计:只拉 GitHub(公开 API 带 CORS),镜像站 Gitea 未开 CORS 不计入。
const STATS_URL =
"https://api.github.com/repos/billowliu2/KimiSwitch/releases?per_page=100";
const STATS_CACHE_KEY = "kimi-switch-downloads";
const STATS_CACHE_TTL = 60 * 60 * 1000; // 1 hour
/** GitHub Release 全部资产 download_count 之和;拉取失败返回 null(不展示)。 */
function useDownloadCount(): number | null {
const [count, setCount] = useState<number | null>(null);
useEffect(() => {
let cancelled = false;
try {
const cached = localStorage.getItem(STATS_CACHE_KEY);
if (cached) {
const { ts, total } = JSON.parse(cached) as { ts: number; total: number };
if (Date.now() - ts < STATS_CACHE_TTL) {
setCount(total);
return;
}
}
} catch {
/* ignore corrupt cache */
}
fetch(STATS_URL)
.then((r) => (r.ok ? r.json() : Promise.reject(new Error(String(r.status)))))
.then((releases: Array<{ assets?: Array<{ download_count?: number }> }>) => {
if (cancelled) return;
const total = (releases ?? []).reduce(
(sum, rel) =>
sum +
(rel.assets ?? []).reduce((s, a) => s + (a.download_count ?? 0), 0),
0
);
setCount(total);
try {
localStorage.setItem(
STATS_CACHE_KEY,
JSON.stringify({ ts: Date.now(), total })
);
} catch {
/* ignore quota errors */
}
})
.catch(() => {
/* 拉取失败则不显示 */
});
return () => {
cancelled = true;
};
}, []);
return count;
}
export default function Footer() { export default function Footer() {
const { t } = useLang(); const { t } = useLang();
const downloadCount = useDownloadCount();
return ( return (
<footer className="border-t border-border py-12"> <footer className="border-t border-border py-12">
<div className="container-page space-y-8"> <div className="container-page space-y-8">
@@ -100,6 +155,13 @@ export default function Footer() {
{t.footer.creditAfter} {t.footer.creditAfter}
</div> </div>
</div> </div>
{/* 下载统计(低调展示,仅 GitHub 下载量) */}
{downloadCount !== null && (
<p className="pt-1 text-center text-xs opacity-50">
{t.footer.downloads.replace("{n}", downloadCount.toLocaleString())}
</p>
)}
</div> </div>
</footer> </footer>
); );
+2
View File
@@ -345,6 +345,7 @@ const zh = {
footer: { footer: {
recommend: "推荐供应商", recommend: "推荐供应商",
mirror: "国内镜像", mirror: "国内镜像",
downloads: "GitHub 累计下载 {n} 次",
creditBefore: "仪表盘与会话管理功能基于 ", creditBefore: "仪表盘与会话管理功能基于 ",
creditAfter: " (MIT, © JochenYang) 移植", creditAfter: " (MIT, © JochenYang) 移植",
recommendText: { recommendText: {
@@ -698,6 +699,7 @@ const en: Dict = {
footer: { footer: {
recommend: "Recommended Providers", recommend: "Recommended Providers",
mirror: "China mirror", mirror: "China mirror",
downloads: "Total GitHub downloads: {n}",
creditBefore: "Dashboard & session management adapted from ", creditBefore: "Dashboard & session management adapted from ",
creditAfter: " (MIT, © JochenYang)", creditAfter: " (MIT, © JochenYang)",
recommendText: { recommendText: {