diff --git a/app/download/page.tsx b/app/download/page.tsx
index 0da9279..65990b3 100644
--- a/app/download/page.tsx
+++ b/app/download/page.tsx
@@ -19,7 +19,7 @@ import {
Inbox,
} from "lucide-react";
import { cn } from "@/lib/utils";
-import { MarkdownLite } from "@/components/markdown-lite";
+import { ReleaseNotes } from "@/components/release-notes";
import {
DOWNLOAD_SOURCES,
resolveDownloadUrl,
@@ -319,9 +319,9 @@ export default function DownloadPage() {
)}
diff --git a/app/launcher/join-beta/page.tsx b/app/launcher/join-beta/page.tsx
index aaf98a2..13996d4 100644
--- a/app/launcher/join-beta/page.tsx
+++ b/app/launcher/join-beta/page.tsx
@@ -27,7 +27,7 @@ import {
Download,
} from "lucide-react";
import { cn } from "@/lib/utils";
-import { MarkdownLite } from "@/components/markdown-lite";
+import { ReleaseNotes } from "@/components/release-notes";
import {
DOWNLOAD_SOURCES,
resolveDownloadUrl,
@@ -328,7 +328,7 @@ export default function JoinBetaPage() {
{data.releaseNotes ? (
-
+
) : data.aboutversion ? (
<>
diff --git a/components/release-notes.tsx b/components/release-notes.tsx
new file mode 100644
index 0000000..01851db
--- /dev/null
+++ b/components/release-notes.tsx
@@ -0,0 +1,274 @@
+import React from "react";
+import {
+ Sparkles,
+ Bug,
+ Zap,
+ RefreshCw,
+ FileText,
+ Rocket,
+ Wrench,
+ ChevronRight,
+ type LucideIcon,
+} from "lucide-react";
+import { cn } from "@/lib/utils";
+import { MarkdownLite } from "./markdown-lite";
+
+/**
+ * Release Notes 结构化渲染器
+ *
+ * 适配 Koring Launcher 发布说明格式（scripts/release-notes.ps1 生成）：
+ * # Koring Launcher Releases X
+ * ## 版本信息
+ * 当前版本 {FullVersion}
+ * 编译状态：BETA / RUN
+ * 签名状态：已签名
+ * 构建来源：commit xxxxxx
+ * ## 更新了什么内容
+ * ·Commit 1cf906d
提交说明… commit -> 按提交类型（feat/fix/perf/… 或 修复/新增/优化/…）
+ * 归类到独立卡片，每种类型带独立图标；卡片内每条 commit 仍是可折叠的
+ * （原生 HTML，无 JS 依赖）
+ * - 非 commit 结构内容 -> 回退 MarkdownLite 常规渲染
+ */
+
+export type ChangeType =
+ | "feat"
+ | "fix"
+ | "perf"
+ | "refactor"
+ | "docs"
+ | "build"
+ | "other";
+
+interface TypeMeta {
+ label: string;
+ icon: LucideIcon;
+ color: string; // 图标颜色 class
+}
+
+const TYPE_META: Record = {
+ feat: { label: "新增功能", icon: Sparkles, color: "text-emerald-500" },
+ fix: { label: "问题修复", icon: Bug, color: "text-rose-500" },
+ perf: { label: "体验优化", icon: Zap, color: "text-amber-500" },
+ refactor: { label: "代码重构", icon: RefreshCw, color: "text-violet-500" },
+ docs: { label: "文档", icon: FileText, color: "text-sky-500" },
+ build: { label: "构建与发布", icon: Rocket, color: "text-slate-500" },
+ other: { label: "其他", icon: Wrench, color: "text-muted-foreground" },
+};
+
+const CARD_ORDER: ChangeType[] = [
+ "feat",
+ "fix",
+ "perf",
+ "refactor",
+ "docs",
+ "build",
+ "other",
+];
+
+export interface CommitInfo {
+ hash: string;
+ subject: string;
+ body: string;
+ type: ChangeType;
+}
+
+export interface ReleaseInfoItem {
+ label: string;
+ value: string;
+}
+
+export interface ParsedReleaseBody {
+ mode: "structured" | "plain";
+ info: ReleaseInfoItem[];
+ commits: CommitInfo[];
+}
+
+/** 根据提交说明推断变更类型（Conventional Commits / 中文前缀 / 英文动词） */
+export function classifyCommit(subject: string): ChangeType {
+ const s = (subject || "").trim();
+ if (!s) return "other";
+
+ // Conventional Commits: type(scope)?: message
+ const m = s.match(
+ /^(feat|feature|fix|perf|refactor|docs|style|test|chore|build|ci|revert)(?:\([^)]*\))?:\s*[\s\S]*$/i
+ );
+ if (m) {
+ const t = m[1].toLowerCase();
+ if (t === "feat" || t === "feature") return "feat";
+ if (t === "fix") return "fix";
+ if (t === "perf") return "perf";
+ if (t === "refactor") return "refactor";
+ if (t === "docs") return "docs";
+ if (t === "build" || t === "ci") return "build";
+ return "other"; // style/test/chore/revert
+ }
+
+ // 中文关键词
+ if (/修复/.test(s)) return "fix";
+ if (/新增|添加|新功能|支持/.test(s)) return "feat";
+ if (/优化|改进|提升|完善|增强/.test(s)) return "perf";
+ if (/重构/.test(s)) return "refactor";
+
+ // 无前缀英文
+ const en = s.match(/^([A-Za-z]+)\b/);
+ if (en) {
+ const w = en[1].toLowerCase();
+ if (/^(fix|correct|resolve|repair)/.test(w)) return "fix";
+ if (
+ /^(add|new|create|implement|introduce|integrate|enable|import|support|build)/.test(w)
+ )
+ return "feat";
+ if (/^(stabilize|adjust|improve|optimize|update|refactor|polish)/.test(w))
+ return "perf";
+ }
+
+ return "other";
+}
+
+function stripHtml(s: string) {
+ return s.replace(/<[^>]+>/g, "").trim();
+}
+
+/** 解析发布说明正文 */
+export function parseReleaseBody(text: string): ParsedReleaseBody {
+ if (!text || !text.trim()) return { mode: "plain", info: [], commits: [] };
+
+ const detailsBlocks = [...text.matchAll(/]*)>([\s\S]*?)<\/details>/gi)];
+
+ if (detailsBlocks.length === 0) {
+ return { mode: "plain", info: [], commits: [] };
+ }
+
+ // 版本信息行（正文顶层，不含 details 内部）
+ const info: ReleaseInfoItem[] = [];
+ for (const line of text.split(/\r?\n/)) {
+ const m = line.match(
+ /^(当前版本|编译状态|签名状态|构建来源)\s*[:：]?\s*(.+)$/
+ );
+ if (m) info.push({ label: m[1], value: m[2].trim() });
+ }
+
+ const commits: CommitInfo[] = detailsBlocks.map((m) => {
+ const inner = m[2];
+ // summary 是标题行；正文 = inner 去掉 summary 后的部分
+ const summaryMatch = inner.match(
+ /]*>([\s\S]*?)<\/summary>/i
+ );
+ const summaryText = summaryMatch ? stripHtml(summaryMatch[1]) : "";
+ const content = summaryMatch
+ ? inner.replace(summaryMatch[0], "")
+ : inner;
+
+ const hashMatch =
+ summaryText.match(/[0-9a-fA-F]{7,40}/) ||
+ content.match(/[0-9a-fA-F]{7,40}/);
+ const hash = hashMatch ? hashMatch[0] : "";
+
+ const lines = content
+ .split(/\r?\n/)
+ .map((l) => l.trim())
+ .filter(Boolean);
+ const subject =
+ lines[0] ||
+ summaryText.replace(/^[·\s]*Commit\s*/i, "").trim() ||
+ "未命名变更";
+ const body = lines.slice(1).join("\n");
+
+ return {
+ hash,
+ subject,
+ body,
+ type: classifyCommit(subject),
+ };
+ });
+
+ return { mode: "structured", info, commits };
+}
+
+function CommitRow({ commit }: { commit: CommitInfo }) {
+ const meta = TYPE_META[commit.type];
+ return (
+
+
+
+
+ {commit.hash ? `#${commit.hash.slice(0, 7)}` : "commit"}
+
+
+ {commit.subject}
+
+
+ {commit.body && (
+
+
+
+ )}
+
+
+ );
+}
+
+function TypeCard({ type, commits }: { type: ChangeType; commits: CommitInfo[] }) {
+ const meta = TYPE_META[type];
+ if (commits.length === 0) return null;
+ return (
+
+
+
+
+
+ {meta.label}
+
+ {commits.length}
+
+
+
+ {commits.map((c, i) => (
+
+ ))}
+
+
+ );
+}
+
+export function ReleaseNotes({ text, className }: { text: string; className?: string }) {
+ const parsed = React.useMemo(() => parseReleaseBody(text), [text]);
+
+ if (parsed.mode === "plain") {
+ return ;
+ }
+
+ const grouped = new Map();
+ for (const t of CARD_ORDER) grouped.set(t, []);
+ for (const c of parsed.commits) {
+ grouped.get(c.type)?.push(c);
+ }
+
+ return (
+
+ {/* 版本信息徽章 */}
+ {parsed.info.length > 0 && (
+
+ {parsed.info.map((it) => (
+
+ {it.label}
+ {it.value}
+
+ ))}
+
+ )}
+
+ {/* 提交类型卡片 */}
+ {CARD_ORDER.map((t) => (
+
+ ))}
+