mei/Vocal-rank
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: weekly_rank

Browse Source
This commit is contained in:
mei 2025-02-10 09:47:51 +08:00
parent 6a7a771f2e
commit 38efae7c49
4 changed files with 100 additions and 154 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/database-stats.tsx
View File

@ -18,8 +18,8 @@ export default function DatabaseStats() {
const fetchCounts = async () => { const fetchCounts = async () => {
try { try {
setLoading(true) setLoading(true)
const videoResponse = await fetch("https://api.ninevocalrank.top/basic/v1/database/video_count") const videoResponse = await fetch("https://ecs-113-44-166-103.compute.hwclouds-dns.com/basic/v1/database/video_count")
const uploaderResponse = await fetch("https://api.ninevocalrank.top/basic/v1/database/uploader_count") const uploaderResponse = await fetch("https://ecs-113-44-166-103.compute.hwclouds-dns.com/basic/v1/database/uploader_count")
if (!videoResponse.ok || !uploaderResponse.ok) { if (!videoResponse.ok || !uploaderResponse.ok) {
throw new Error("服务器响应错误") throw new Error("服务器响应错误")

2
components/server-stats.tsx
View File

@ -13,7 +13,7 @@ export default function ServerStats() {
const fetchServerStat = async () => { const fetchServerStat = async () => {
try { try {
setLoading(true) setLoading(true)
const response = await fetch("https://api.ninevocalrank.top/basic/v1/ServerStat/info") const response = await fetch("https://ecs-113-44-166-103.compute.hwclouds-dns.com/basic/v1/ServerStat/info")
if (!response.ok) { if (!response.ok) {
throw new Error("服务器响应错误") throw new Error("服务器响应错误")
} }

2
components/uploader-search.tsx
View File

@ -29,7 +29,7 @@ export default function UploaderSearch() {
setLoading(true) setLoading(true)
setError(null) setError(null)
try { try {
const response = await fetch(`https://api.ninevocalrank.top/basic/v1/uploader/${uid}`) const response = await fetch(`https://ecs-113-44-166-103.compute.hwclouds-dns.com/basic/v1/uploader/${uid}`)
if (!response.ok) { if (!response.ok) {
throw new Error("服务器响应错误") throw new Error("服务器响应错误")
} }

246
components/video-search.tsx
View File

@ -1,119 +1,117 @@
"use client"; "use client"
import { useState } from "react"; import { useState } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button"
import { Loader2 } from "lucide-react"; import { Loader2 } from "lucide-react"
interface Video { interface Video {
video_stat: { video_stat: {
view: number; view: number
like: number; like: number
coin: number; coin: number
favorite: number; favorite: number
reply: number; reply: number
share: number; share: number
danmaku: number; danmaku: number
}; }
video_info: { video_info: {
uploader_mid: string; uploader_mid: string
uploader_name: string; uploader_name: string
title: string; title: string
pic: string; pic: string
pages: number; pages: number
timestamp: number; timestamp: number
}; }
video_id: { video_id: {
avid: string; avid: string
bvid: string; bvid: string
}; }
vrank_info: { vrank_info: {
vrank_score: number; vrank_score: number
rank: string; rank: string
rank_code: number; rank_code: number
progress_percentage: number; progress_percentage: number
}; }
video_increase: { video_increase: {
view: number; view: number
like: number; like: number
coin: number; coin: number
favorite: number; favorite: number
reply: number; reply: number
share: number; share: number
danmaku: number; danmaku: number
}; }
score_rank: number; score_rank: number
} }
function getAchievement(views: number) { function getAchievement(views: number) {
if (views >= 10000000) return { name: "神话曲", next: null, progress: 100 }; if (views >= 10000000) return { name: "神话曲", next: null, progress: 100 }
if (views >= 1000000) if (views >= 1000000)
return { return {
name: "传说曲", name: "传说曲",
next: "神话曲", next: "神话曲",
progress: (views / 10000000) * 100, progress: (views / 10000000) * 100,
}; }
if (views >= 100000) if (views >= 100000)
return { return {
name: "殿堂曲", name: "殿堂曲",
next: "传说曲", next: "传说曲",
progress: (views / 1000000) * 100, progress: (views / 1000000) * 100,
}; }
return { name: "未达成", next: "殿堂曲", progress: (views / 100000) * 100 }; return { name: "未达成", next: "殿堂曲", progress: (views / 100000) * 100 }
} }
export default function VideoSearch() { export default function VideoSearch() {
const [searchTerm, setSearchTerm] = useState(""); const [searchTerm, setSearchTerm] = useState("")
const [videos, setVideos] = useState<Video[]>([]); const [videos, setVideos] = useState<Video[]>([])
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false)
const [error, setError] = useState<string | null>(null); const [error, setError] = useState<string | null>(null)
const handleSearch = async () => { const handleSearch = async () => {
if (!searchTerm) { if (!searchTerm) {
setError("请输入搜索内容"); setError("请输入搜索内容")
return; return
} }
setLoading(true); setLoading(true)
setError(null); setError(null)
try { try {
const response = await fetch( const response = await fetch(
`https://api.ninevocalrank.top/vocaloid_rank/v1/video/${searchTerm}` `https://ecs-113-44-166-103.compute.hwclouds-dns.com/vocaloid_rank/v1/video/${searchTerm}`,
); )
const weekly_response = await fetch( const weekly_response = await fetch(
`https://api.ninevocalrank.top/vocaloid_rank/v1/video/${searchTerm}` `https://ecs-113-44-166-103.compute.hwclouds-dns.com/vocaloid_rank/v1/sorted/${searchTerm}`,
); )
if (!response.ok || !weekly_response.ok) { if (!response.ok || !weekly_response.ok) {
throw new Error("服务器响应错误"); throw new Error("服务器响应错误")
} }
const data = await response.json(); const data = await response.json()
const weekly_data = await weekly_response.json(); const weekly_data = await weekly_response.json()
// 合并 data 和 weekly_data // 合并 data 和 weekly_data
const combinedData = { const combinedData = {
...data, ...data,
weekly_data: weekly_data, score_rank: weekly_data.score_rank,
}; }
setVideos([combinedData]); setVideos([combinedData])
if (videos.length === 0) { if (videos.length === 0) {
setError("未找到匹配的视频"); setError("未找到匹配的视频")
} }
} catch (error) { } catch (error) {
console.error("搜索视频时出错:", error); console.error("搜索视频时出错:", error)
setError("搜索过程中出现错误"); setError("搜索过程中出现错误")
} finally { } finally {
setLoading(false); setLoading(false)
} }
}; }
return ( return (
<Card className="bg-gradient-to-br from-yellow-100 to-red-100"> <Card className="bg-gradient-to-br from-yellow-100 to-red-100">
<CardHeader> <CardHeader>
<CardTitle className="text-2xl font-bold text-primary"> <CardTitle className="text-2xl font-bold text-primary">搜索视频</CardTitle>
搜索视频
</CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="flex space-x-2 mb-4"> <div className="flex space-x-2 mb-4">
@ -131,69 +129,40 @@ export default function VideoSearch() {
{videos.length > 0 ? ( {videos.length > 0 ? (
<ul className="space-y-8"> <ul className="space-y-8">
{videos.map((video) => { {videos.map((video) => {
const achievement = getAchievement(video.video_stat.view); const achievement = getAchievement(video.video_stat.view)
return ( return (
<li <li key={video.video_id.bvid} className="border p-6 rounded-lg bg-white shadow-md">
key={video.video_id.bvid}
className="border p-6 rounded-lg bg-white shadow-md"
>
<div className="flex flex-col gap-6"> <div className="flex flex-col gap-6">
<div className="w-full"> <div className="w-full">
{/* eslint-disable-next-line @next/next/no-img-element */} {/* eslint-disable-next-line @next/next/no-img-element */}
<img <img
src={video.video_info.pic} src={video.video_info.pic || "/placeholder.svg"}
className="w-full h-64 object-cover rounded-lg" className="w-full h-64 object-cover rounded-lg"
alt="视频封面" alt="视频封面"
></img> ></img>
</div> </div>
<div className="w-full"> <div className="w-full">
<h3 className="font-bold text-xl mb-2"> <h3 className="font-bold text-xl mb-2">{video.video_info.title}</h3>
{video.video_info.title}
</h3>
<p className="text-gray-600"> <p className="text-gray-600">
UP主: {video.video_info.uploader_name} (UID:{" "} UP主: {video.video_info.uploader_name} (UID: {video.video_info.uploader_mid})
{video.video_info.uploader_mid})
</p>
<p className="text-gray-600">
BV号: {video.video_id.bvid}
</p>
<p className="text-gray-600">
AV号: {video.video_id.avid}
</p> </p>
<p className="text-gray-600">BV号: {video.video_id.bvid}</p>
<p className="text-gray-600">AV号: {video.video_id.avid}</p>
<div className="mt-4 grid grid-cols-2 gap-2"> <div className="mt-4 grid grid-cols-2 gap-2">
<p className="text-gray-600"> <p className="text-gray-600">播放量: {video.video_stat.view.toLocaleString()}</p>
播放量: {video.video_stat.view.toLocaleString()} <p className="text-gray-600">点赞数: {video.video_stat.like.toLocaleString()}</p>
</p> <p className="text-gray-600">投币: {video.video_stat.coin.toLocaleString()}</p>
<p className="text-gray-600"> <p className="text-gray-600">收藏: {video.video_stat.favorite.toLocaleString()}</p>
点赞数: {video.video_stat.like.toLocaleString()} <p className="text-gray-600">评论: {video.video_stat.reply.toLocaleString()}</p>
</p> <p className="text-gray-600">分享: {video.video_stat.share.toLocaleString()}</p>
<p className="text-gray-600"> <p className="text-gray-600">弹幕数: {video.video_stat.danmaku.toLocaleString()}</p>
投币: {video.video_stat.coin.toLocaleString()}
</p>
<p className="text-gray-600">
收藏: {video.video_stat.favorite.toLocaleString()}
</p>
<p className="text-gray-600">
评论: {video.video_stat.reply.toLocaleString()}
</p>
<p className="text-gray-600">
分享: {video.video_stat.share.toLocaleString()}
</p>
<p className="text-gray-600">
弹幕数: {video.video_stat.danmaku.toLocaleString()}
</p>
</div> </div>
<div className="mt-4 bg-blue-100 p-4 rounded-lg"> <div className="mt-4 bg-blue-100 p-4 rounded-lg">
<h4 className="font-bold text-lg mb-2">周刊数据</h4> <h4 className="font-bold text-lg mb-2">周刊数据</h4>
{video.vrank_info ? ( {video.vrank_info ? (
<> <>
<p className="text-gray-700"> <p className="text-gray-700">周刊得分: {video.vrank_info.vrank_score.toFixed(2)}</p>
周刊得分:{" "} <p className="text-gray-700 font-bold text-xl">周刊排名: {video.score_rank}</p>
{video.vrank_info.vrank_score.toFixed(2)}
</p>
<p className="text-gray-700 font-bold text-xl">
周刊排名: {video.score_rank}
</p>
</> </>
) : ( ) : (
<p className="text-gray-700">暂无周刊数据</p> <p className="text-gray-700">暂无周刊数据</p>
@ -202,48 +171,24 @@ export default function VideoSearch() {
<> <>
<h5 className="font-semibold mt-2">数据增长：</h5> <h5 className="font-semibold mt-2">数据增长：</h5>
<div className="grid grid-cols-2 gap-2"> <div className="grid grid-cols-2 gap-2">
<p className="text-gray-700">播放增长: {video.video_increase.view.toLocaleString()}</p>
<p className="text-gray-700">点赞增长: {video.video_increase.like.toLocaleString()}</p>
<p className="text-gray-700">投币增长: {video.video_increase.coin.toLocaleString()}</p>
<p className="text-gray-700"> <p className="text-gray-700">
播放增长:{" "} 收藏增长: {video.video_increase.favorite.toLocaleString()}
{video.video_increase.view.toLocaleString()}
</p>
<p className="text-gray-700">
点赞增长:{" "}
{video.video_increase.like.toLocaleString()}
</p>
<p className="text-gray-700">
投币增长:{" "}
{video.video_increase.coin.toLocaleString()}
</p>
<p className="text-gray-700">
收藏增长:{" "}
{video.video_increase.favorite.toLocaleString()}
</p>
<p className="text-gray-700">
评论增长:{" "}
{video.video_increase.reply.toLocaleString()}
</p>
<p className="text-gray-700">
分享增长:{" "}
{video.video_increase.share.toLocaleString()}
</p>
<p className="text-gray-700">
弹幕增长:{" "}
{video.video_increase.danmaku.toLocaleString()}
</p> </p>
<p className="text-gray-700">评论增长: {video.video_increase.reply.toLocaleString()}</p>
<p className="text-gray-700">分享增长: {video.video_increase.share.toLocaleString()}</p>
<p className="text-gray-700">弹幕增长: {video.video_increase.danmaku.toLocaleString()}</p>
</div> </div>
</> </>
)} )}
</div> </div>
<p className="text-gray-600 mt-2"> <p className="text-gray-600 mt-2">
数据更新时间:{" "} 数据更新时间: {new Date(video.video_info.timestamp * 1000).toLocaleString("zh-CN")}
{new Date(
video.video_info.timestamp * 1000
).toLocaleString("zh-CN")}
</p> </p>
<div className="mt-4"> <div className="mt-4">
<p className="font-semibold"> <p className="font-semibold">成就: {achievement.name}</p>
成就: {achievement.name}
</p>
{achievement.next && ( {achievement.next && (
<div className="mt-2"> <div className="mt-2">
<p> <p>
@ -251,8 +196,8 @@ export default function VideoSearch() {
{(achievement.next === "殿堂曲" {(achievement.next === "殿堂曲"
? 100000 ? 100000
: achievement.next === "传说曲" : achievement.next === "传说曲"
? 1000000 ? 1000000
: 10000000) - video.video_stat.view}{" "} : 10000000) - video.video_stat.view}{" "}
播放 播放
</p> </p>
<div className="w-full bg-gray-200 rounded-full h-2.5 mt-2"> <div className="w-full bg-gray-200 rounded-full h-2.5 mt-2">
@ -267,7 +212,7 @@ export default function VideoSearch() {
</div> </div>
</div> </div>
</li> </li>
); )
})} })}
</ul> </ul>
) : ( ) : (
@ -275,5 +220,6 @@ export default function VideoSearch() {
)} )}
</CardContent> </CardContent>
</Card> </Card>
); )
} }