feat: 下载中心对接 GitHub Releases 并适配 latest.yml

- 新增 /download 下载页:正式版/预览版双渠道、latest.yml/latest-beta.yml 数据源、镜像下载源切换、SHA512 校验展示
- 新增 /api/download-version:GitHub API 自动识别 + 镜像兜底 + yml 解析 + 旧源兜底
- /launcher/join-beta 改为自动识别 GitHub 预览版,支持镜像下载源切换
- 新增 markdown-lite 轻量渲染器、lib/download-sources 与 lib/github-releases 共享模块
- 头部导航新增下载中心入口
This commit is contained in:
2026-08-31 12:01:41 +08:00
parent 5193b1c156
commit dcae468055
8 changed files with 1198 additions and 30 deletions
+138 -22
View File
@@ -19,11 +19,20 @@ import {
AlertCircle,
Package,
Hash,
Calendar,
GitBranch,
PackageOpen,
ArrowUpRight,
FileText,
Download,
} from "lucide-react";
import { cn } from "@/lib/utils";
import { MarkdownLite } from "@/components/markdown-lite";
import {
DOWNLOAD_SOURCES,
resolveDownloadUrl,
type DownloadSourceKey,
} from "@/lib/download-sources";
interface License {
isNeedAgreat: string;
@@ -46,12 +55,19 @@ interface AboutVersion {
interface BetaData {
version: string;
builddate: string;
/** 数据来源:github = GitHub Releases 自动识别;legacy = 旧静态源兜底 */
source?: "github" | "legacy";
tag?: string;
htmlUrl?: string;
releaseNotes?: string;
/** GitHub 可达但没有预览版时的标记 */
noRelease?: boolean;
app: {
windows: PlatformInfo;
macos: PlatformInfo;
linux: PlatformInfo;
};
aboutversion: AboutVersion;
aboutversion?: AboutVersion;
}
const platforms = [
@@ -66,6 +82,7 @@ export default function JoinBetaPage() {
const [error, setError] = useState<string | null>(null);
const [dialogOpen, setDialogOpen] = useState(false);
const [activePlatform, setActivePlatform] = useState<PlatformInfo | null>(null);
const [downloadSource, setDownloadSource] = useState<DownloadSourceKey>("github");
useEffect(() => {
fetch("/api/beta-version")
@@ -88,13 +105,19 @@ export default function JoinBetaPage() {
setActivePlatform(platform);
setDialogOpen(true);
} else {
window.open(platform.DownlodeURL, "_blank");
window.open(
resolveDownloadUrl(downloadSource, platform.DownlodeURL),
"_blank"
);
}
};
const confirmDownload = () => {
if (activePlatform?.DownlodeURL) {
window.open(activePlatform.DownlodeURL, "_blank");
window.open(
resolveDownloadUrl(downloadSource, activePlatform.DownlodeURL),
"_blank"
);
}
setDialogOpen(false);
setActivePlatform(null);
@@ -121,6 +144,30 @@ export default function JoinBetaPage() {
);
}
if (data.noRelease) {
return (
<div className="flex flex-col items-center justify-center min-h-[60vh] gap-4 text-center px-4">
<PackageOpen className="size-10 text-muted-foreground" />
<div>
<p className="font-semibold text-lg"></p>
<p className="text-sm text-muted-foreground max-w-sm mt-1">
GitHub Releases Beta
</p>
</div>
<a
href="https://github.com/dream-pep/koring-launcher/releases"
target="_blank"
rel="noopener noreferrer"
>
<Button variant="outline">
GitHub Releases
<ArrowUpRight className="size-4" />
</Button>
</a>
</div>
);
}
return (
<div className="flex flex-col w-full h-full gap-10 pb-24">
{/* Header */}
@@ -134,6 +181,32 @@ export default function JoinBetaPage() {
<p className="text-muted-foreground text-base md:text-lg max-w-xl">
Koring Launcher Beta
</p>
<div className="flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground">
{data.source === "github" ? (
<>
<span className="flex items-center gap-1">
<GitBranch className="size-3" />
GitHub Releases
</span>
{data.htmlUrl && (
<a
href={data.htmlUrl}
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-1 text-primary underline underline-offset-3 hover:text-primary/80"
>
GitHub
<ArrowUpRight className="size-3" />
</a>
)}
</>
) : (
<span className="flex items-center gap-1">
<GitBranch className="size-3" />
</span>
)}
</div>
</div>
{/* Version Info Card */}
@@ -149,18 +222,53 @@ export default function JoinBetaPage() {
</div>
<div className="flex items-center gap-3">
<div className="flex items-center justify-center w-10 h-10 rounded-xl bg-primary/10">
<Hash className="size-5 text-primary" />
{data.source === "github" ? (
<Calendar className="size-5 text-primary" />
) : (
<Hash className="size-5 text-primary" />
)}
</div>
<div>
<p className="text-xs text-muted-foreground"></p>
<p className="font-semibold text-lg">{data.builddate}</p>
<p className="text-xs text-muted-foreground">
{data.source === "github" ? "发布时间" : "编译号"}
</p>
<p className="font-semibold text-lg">
{data.source === "github"
? data.builddate
? new Date(data.builddate).toLocaleDateString("zh-CN")
: "未知"
: data.builddate}
</p>
</div>
</div>
</div>
{/* Platform Cards */}
<div>
<h2 className="text-xl font-semibold mb-4"></h2>
<div className="flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-4">
<h2 className="text-xl font-semibold"></h2>
{data.source === "github" &&
platforms.some(({ key }) => !!data.app[key].DownlodeURL) && (
<div className="flex items-center gap-2 flex-wrap">
<span className="text-xs text-muted-foreground"></span>
{DOWNLOAD_SOURCES.map((s) => (
<button
key={s.key}
type="button"
onClick={() => setDownloadSource(s.key)}
className={cn(
"rounded-full border px-3 py-1 text-xs transition-colors",
downloadSource === s.key
? "border-primary bg-primary/10 text-primary"
: "border-border text-muted-foreground hover:text-foreground"
)}
>
{s.label}
</button>
))}
</div>
)}
</div>
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
{platforms.map(({ key, label, icon: Icon }) => {
const platform = data.app[key];
@@ -211,25 +319,33 @@ export default function JoinBetaPage() {
</div>
</div>
{/* About This Version */}
{/* Release Notes / About This Version */}
<div className="rounded-2xl border border-border/50 p-6 md:p-8 bg-background/60 backdrop-blur-xl">
<div className="flex items-center gap-2 mb-4">
<FileText className="size-5 text-primary" />
<h2 className="text-xl font-semibold"></h2>
<h2 className="text-xl font-semibold">
{data.releaseNotes ? "版本更新内容" : "关于此版本"}
</h2>
</div>
<p className="text-muted-foreground leading-relaxed mb-4">
{data.aboutversion.about}
</p>
<ul className="flex flex-col gap-2">
{Object.entries(data.aboutversion["about-list"]).map(
([key, text]) => (
<li key={key} className="flex items-start gap-2 text-sm">
<span className="mt-1.5 size-1.5 rounded-full bg-primary shrink-0" />
<span className="text-muted-foreground">{text}</span>
</li>
)
)}
</ul>
{data.releaseNotes ? (
<MarkdownLite text={data.releaseNotes} />
) : data.aboutversion ? (
<>
<p className="text-muted-foreground leading-relaxed mb-4">
{data.aboutversion.about}
</p>
<ul className="flex flex-col gap-2">
{Object.entries(data.aboutversion["about-list"]).map(
([key, text]) => (
<li key={key} className="flex items-start gap-2 text-sm">
<span className="mt-1.5 size-1.5 rounded-full bg-primary shrink-0" />
<span className="text-muted-foreground">{text}</span>
</li>
)
)}
</ul>
</>
) : null}
</div>
{/* License Dialog */}