From ec5460614b81a96b7f3eb4ac1f33fcdc7e55f6a1 Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Sat, 20 Dec 2025 13:40:30 +0800
Subject: [PATCH] feat(hupu): game result

---
 lib/routes/hupu/index.ts |  18 +---
 lib/routes/hupu/utils.ts | 225 ++++++++++++++++++++++++++++++++++++++-
 2 files changed, 225 insertions(+), 18 deletions(-)

diff --git a/lib/routes/hupu/index.ts b/lib/routes/hupu/index.ts
index 2a85ded1b4..3c9d32e48f 100644
--- a/lib/routes/hupu/index.ts
+++ b/lib/routes/hupu/index.ts
@@ -5,7 +5,7 @@ import timezone from '@/utils/timezone';
 
 import type { HomePostItem, HupuApiResponse, NewsDataItem } from './types';
 import { isHomePostItem } from './types';
-import { getEntryDetails } from './utils';
+import { extractNextData, getEntryDetails } from './utils';
 
 const categories = {
     nba: {
@@ -67,21 +67,7 @@ export const route: Route = {
             url: currentUrl,
         });
 
-        const scriptMatch = response.data.match(/<script id="__NEXT_DATA__" type="application\/json">(.*?)<\/script>/);
-        if (!scriptMatch || !scriptMatch[1]) {
-            throw new Error(`Failed to find __NEXT_DATA__ script tag in page: ${currentUrl}`);
-        }
-
-        const fullJsonString = scriptMatch[1];
-        let fullData;
-
-        try {
-            fullData = JSON.parse(fullJsonString);
-        } catch (error) {
-            throw new Error(`Failed to parse full JSON data: ${error instanceof Error ? error.message : String(error)}`);
-        }
-
-        const data: HupuApiResponse = fullData;
+        const data = extractNextData<HupuApiResponse>(response.data, currentUrl);
         const { pageProps } = data.props;
 
         const dataKey = categories[category].data;
diff --git a/lib/routes/hupu/utils.ts b/lib/routes/hupu/utils.ts
index 9f9e72df40..d0363658d2 100644
--- a/lib/routes/hupu/utils.ts
+++ b/lib/routes/hupu/utils.ts
@@ -6,6 +6,205 @@ import got from '@/utils/got';
 import { parseDate, parseRelativeDate } from '@/utils/parse-date';
 import timezone from '@/utils/timezone';
 
+export function extractNextData<T = unknown>(html: string, url?: string): T {
+    const scriptMatch = html.match(/<script id="__NEXT_DATA__" type="application\/json">(.*?)<\/script>/);
+    if (!scriptMatch || !scriptMatch[1]) {
+        throw new Error(`Failed to find __NEXT_DATA__ script tag in page${url ? `: ${url}` : ''}`);
+    }
+
+    try {
+        return JSON.parse(scriptMatch[1]) as T;
+    } catch (error) {
+        throw new Error(`Failed to parse __NEXT_DATA__ JSON: ${error instanceof Error ? error.message : String(error)}`);
+    }
+}
+
+interface ThreadNextData {
+    props: {
+        pageProps: {
+            threadData: {
+                data: {
+                    moduleConfigList: {
+                        content: {
+                            moduleContent: {
+                                content: string;
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    };
+}
+
+interface MatchContent {
+    team?: string;
+    url?: string;
+    matchId?: string;
+    type?: string;
+}
+
+function hexToRgb(hex: string): string {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    if (result) {
+        const r = Number.parseInt(result[1], 16);
+        const g = Number.parseInt(result[2], 16);
+        const b = Number.parseInt(result[3], 16);
+        return `rgb(${r}, ${g}, ${b})`;
+    }
+    return hex;
+}
+
+interface PlayerStats {
+    playerId: string;
+    playerName: string;
+    alias: string;
+    photo: string;
+    mins: number;
+    pts: number;
+    reb: number;
+    asts: number;
+    stl: number;
+    blk: number;
+    nfg: string;
+    fgp: string;
+    threePoints: string;
+    tpp: string;
+    ft: string;
+    ftp: string;
+    to: number;
+    oreb: number;
+    dreb: number;
+    blkr: number;
+    pf: number;
+    foulr: number;
+    plusMinus: string;
+}
+
+interface TeamPlayerStats {
+    teamName: string;
+    teamColor: string;
+    start: PlayerStats[];
+    reserve: PlayerStats[];
+    dnpPlayerList: string[];
+}
+
+interface MatchStats {
+    firstTeam: {
+        teamName: string;
+        totalScore: number;
+        section: number[];
+    };
+    secondTeam: {
+        teamName: string;
+        totalScore: number;
+        section: number[];
+    };
+}
+
+interface TeamStats {
+    leftTeam: {
+        teamName: string;
+        teamColor: string;
+        pts: number;
+        reb: number;
+        asts: number;
+        stl: number;
+        blk: number;
+    };
+    rightTeam: {
+        teamName: string;
+        teamColor: string;
+        pts: number;
+        reb: number;
+        asts: number;
+        stl: number;
+        blk: number;
+    };
+}
+
+interface GameStatusResult {
+    playerStats: {
+        first: TeamPlayerStats;
+        second: TeamPlayerStats;
+    };
+    matchStats: MatchStats;
+    teamStats: TeamStats;
+    playerVertical: string[][];
+    teamVertical: string[][];
+}
+
+function generatePlayerRow(player: PlayerStats, isStart: boolean): string {
+    return `<tr><td><div class="body-cell cell${isStart ? ' start' : ''}"><span style="padding-left: 15px">${player.alias}</span></div></td></tr>`;
+}
+
+function generatePlayerDataRow(player: PlayerStats): string {
+    const plusMinus = player.plusMinus.startsWith('-') ? player.plusMinus : `+${player.plusMinus}`;
+    return `<tr><td><div class="body-cell cell">${player.mins}</div></td><td><div class="body-cell cell">${player.pts}</div></td><td><div class="body-cell cell">${player.reb}</div></td><td><div class="body-cell cell">${player.asts}</div></td><td><div class="body-cell cell">${player.stl}</div></td><td><div class="body-cell cell">${player.blk}</div></td><td><div class="body-cell cell">${player.nfg}</div></td><td><div class="body-cell cell">${player.fgp}</div></td><td><div class="body-cell cell">${player.threePoints}</div></td><td><div class="body-cell cell">${player.tpp}</div></td><td><div class="body-cell cell">${player.ft}</div></td><td><div class="body-cell cell">${player.ftp}</div></td><td><div class="body-cell cell">${player.to}</div></td><td><div class="body-cell cell">${player.oreb}</div></td><td><div class="body-cell cell">${player.dreb}</div></td><td><div class="body-cell cell">${player.blkr}</div></td><td><div class="body-cell cell">${player.pf}</div></td><td><div class="body-cell cell">${player.foulr}</div></td><td><div class="body-cell cell">${plusMinus}</div></td></tr>`;
+}
+
+function generateTeamPlayerTable(team: TeamPlayerStats): string {
+    const allPlayers = [...team.start, ...team.reserve];
+    const playerNameRows = allPlayers.map((player, index) => generatePlayerRow(player, index < team.start.length)).join('');
+    const playerDataRows = allPlayers.map((player) => generatePlayerDataRow(player)).join('');
+    const teamColor = hexToRgb(team.teamColor);
+
+    const headerRow = `<tr><td><div class="body-cell cell">时间</div></td><td><div class="body-cell cell">得分</div></td><td><div class="body-cell cell">篮板</div></td><td><div class="body-cell cell">助攻</div></td><td><div class="body-cell cell">抢断</div></td><td><div class="body-cell cell">盖帽</div></td><td><div class="body-cell cell">投篮</div></td><td><div class="body-cell cell">投篮%</div></td><td><div class="body-cell cell">三分</div></td><td><div class="body-cell cell">三分%</div></td><td><div class="body-cell cell">罚球</div></td><td><div class="body-cell cell">罚球%</div></td><td><div class="body-cell cell">失误</div></td><td><div class="body-cell cell">前板</div></td><td><div class="body-cell cell">后板</div></td><td><div class="body-cell cell">被盖</div></td><td><div class="body-cell cell">犯规</div></td><td><div class="body-cell cell">被犯</div></td><td><div class="body-cell cell">+/-</div></td></tr>`;
+
+    return `<div class="match-player-data"><div class="table-wrap-views"><div class="table-views table-views-body"><div class="table-body-left"><table cellspacing="0" cellpadding="0"><tbody><tr><td><div class="body-cell cell team" style="border-color: ${teamColor}"><span style="padding-left: 15px">${team.teamName}</span></div></td></tr>${playerNameRows}</tbody></table></div><div class="table-body-right"><table cellspacing="0" cellpadding="0"><tbody>${headerRow}${playerDataRows}</tbody></table></div></div></div></div>${team.dnpPlayerList.length > 0 ? `<div class="not-play mlr-15"><span>未出场队员：</span>${team.dnpPlayerList.join('、')}</div>` : ''}`;
+}
+
+function generateTeamCompareItem(leftValue: number, rightValue: number, label: string, leftColor: string): string {
+    const total = leftValue + rightValue;
+    const leftPercent = total > 0 ? (leftValue / total) * 100 : 50;
+    const rightPercent = total > 0 ? (rightValue / total) * 100 : 50;
+
+    return `<div class="team-compare"><div class="team-item-data"><span class="left">${leftValue}</span><span class="center">${label}</span><span class="right">${rightValue}</span></div><div class="compare-item"><div class="item left"><span class="" style="width: ${leftPercent.toFixed(4)}%; background-color: ${leftColor}"></span></div><div class="item right"><span class="gray" style="width: ${rightPercent.toFixed(4)}%"></span></div></div></div>`;
+}
+
+export function generateGameStatusHtml(result: GameStatusResult): string {
+    const { playerStats, matchStats, teamStats } = result;
+
+    // Player data section
+    const playerDataHtml = `<div class="post-player"><div class="post-title mlr-15">球员数据<span class="tips">可横滑查看更多数据</span></div>${generateTeamPlayerTable(playerStats.first)}${generateTeamPlayerTable(playerStats.second)}</div>`;
+
+    // Team score table
+    const sectionHeaders = matchStats.firstTeam.section.map((_, i) => `<td><div class="body-cell cell">${i + 1}</div></td>`).join('');
+    const firstTeamSections = matchStats.firstTeam.section.map((s) => `<td><div class="body-cell cell">${s}</div></td>`).join('');
+    const secondTeamSections = matchStats.secondTeam.section.map((s) => `<td><div class="body-cell cell">${s}</div></td>`).join('');
+
+    const teamScoreTable = `<div class="match-team-data"><div class="table-wrap-views team"><div class="table-views table-views-body"><div class="table-body-left"><table cellspacing="0" cellpadding="0"><tbody><tr><td><div class="body-cell cell"><span style="padding-left: 15px">球队</span></div></td></tr><tr><td><div class="body-cell cell"><span style="padding-left: 15px">${matchStats.firstTeam.teamName}</span></div></td></tr><tr><td><div class="body-cell cell"><span style="padding-left: 15px">${matchStats.secondTeam.teamName}</span></div></td></tr></tbody></table></div><div class="table-body-right"><table cellspacing="0" cellpadding="0"><tbody><tr><td><div class="body-cell cell">总分</div></td>${sectionHeaders}</tr><tr><td><div class="body-cell cell">${matchStats.firstTeam.totalScore}</div></td>${firstTeamSections}</tr><tr><td><div class="body-cell cell">${matchStats.secondTeam.totalScore}</div></td>${secondTeamSections}</tr></tbody></table></div></div></div>`;
+
+    // Team comparison
+    const leftTeam = teamStats.leftTeam;
+    const rightTeam = teamStats.rightTeam;
+    const leftColor = hexToRgb(leftTeam.teamColor);
+    const rightColor = hexToRgb(rightTeam.teamColor);
+
+    const teamCompareHtml = `<div class="team-name"><span style="background-color: ${leftColor}">${leftTeam.teamName}</span><span style="background-color: ${rightColor}">${rightTeam.teamName}</span></div><div class="match-team-compare">${generateTeamCompareItem(leftTeam.pts, rightTeam.pts, '得分', leftColor)}${generateTeamCompareItem(leftTeam.reb, rightTeam.reb, '篮板', leftColor)}${generateTeamCompareItem(leftTeam.asts, rightTeam.asts, '助攻', leftColor)}${generateTeamCompareItem(leftTeam.stl, rightTeam.stl, '抢断', leftColor)}${generateTeamCompareItem(leftTeam.blk, rightTeam.blk, '封盖', leftColor)}</div>`;
+
+    // Team data section
+    const teamDataHtml = `<div class="post-team"><div class="post-title mlr-15">球队数据<span class="tips">可横滑查看更多数据</span></div>${teamScoreTable}${teamCompareHtml}</div><a href="https://mobile.hupu.com" rel="nofollow"><div class="see-more">进入直播间查看更多数据、视频</div></a>`;
+
+    return `<div class="match-post">${playerDataHtml}${teamDataHtml}</div>`;
+}
+
+export async function getGameStatus(matchID: string): Promise<string | null> {
+    const res = await got({
+        method: 'get',
+        url: 'https://games.mobileapi.hupu.com/1/7.4.4/basketballapi/matchCompletedAutoPostContent',
+        searchParams: {
+            matchId: matchID,
+        },
+    });
+    const data = res.data;
+    if (data?.result && data.result.playerStats && data.result.matchStats && data.result.teamStats) {
+        const html = generateGameStatusHtml(data.result as GameStatusResult);
+        return html;
+    }
+    return null;
+}
+
 export function getEntryDetails(item: DataItem): Promise<DataItem> {
     if (!item.link) {
         return Promise.resolve(item);
@@ -17,7 +216,21 @@ export function getEntryDetails(item: DataItem): Promise<DataItem> {
                 url: item.link,
             });
 
-            const content = load(detailResponse.data);
+            const html = detailResponse.data;
+            const content = load(html);
+
+            // Extract matchId from __NEXT_DATA__
+            let matchId: string | null = null;
+            try {
+                const nextData = extractNextData<ThreadNextData>(html, item.link);
+                const contentStr = nextData.props?.pageProps?.threadData?.data?.moduleConfigList?.content?.moduleContent?.content;
+                if (contentStr) {
+                    const matchContent: MatchContent = JSON.parse(contentStr);
+                    matchId = matchContent.matchId ?? null;
+                }
+            } catch {
+                // ignore
+            }
 
             const author = content('.bbs-user-info-name, .bbs-user-wrapper-content-name-span').text();
             const pubDateString = content('.second-line-user-info span:not([class])').text();
@@ -69,7 +282,15 @@ export function getEntryDetails(item: DataItem): Promise<DataItem> {
                 }
             }
 
-            const description = descriptionParts.length > 0 ? descriptionParts.join('') : undefined;
+            let description = descriptionParts.length > 0 ? descriptionParts.join('') : undefined;
+
+            // 如果有 matchId，获取比赛数据
+            if (matchId) {
+                const gameStatusHtml = await getGameStatus(matchId);
+                if (gameStatusHtml) {
+                    description = (description ?? '') + gameStatusHtml;
+                }
+            }
 
             return {
                 ...item,