feat: tsy过滤器

app/blocked/page.tsx

@@ -0,0 +1,43 @@
+"use client"
+
+import { useEffect, useState } from "react"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import Link from "next/link"
+
+export default function BlockedPage() {
+  const [countdown, setCountdown] = useState(3)
+
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setCountdown((prev) => prev - 1)
+    }, 1000)
+
+    const redirect = setTimeout(() => {
+      window.location.href = "https://www.bilibili.com/video/BV1kW411m7VP"
+    }, 3000)
+
+    return () => {
+      clearInterval(timer)
+      clearTimeout(redirect)
+    }
+  }, [])
+
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <Card className="bg-red-100">
+        <CardHeader>
+          <CardTitle className="text-2xl font-bold text-red-600">访问被禁止</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <p className="text-red-500 mb-4">抱歉，您尝试访问的内容已被禁止。这可能是由于版权、隐私或其他法律原因。</p>
+          <p className="text-gray-600 mb-4">如果您认为这是一个错误，请联系网站管理员。</p>
+          <p className="text-gray-600 mb-4">{countdown} 秒后将自动跳转...</p>
+          <Link href="/" className="text-blue-500 hover:underline">
+            返回首页
+          </Link>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}
+

components/uploader-search.tsx

@@ -1,10 +1,12 @@
 "use client"
 
 import { useState } from "react"
+import { useRouter } from "next/navigation"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Input } from "@/components/ui/input"
 import { Button } from "@/components/ui/button"
 import { Loader2 } from "lucide-react"
+import { blockedUploaderIds } from "@/config/blocked-ids"
 
 interface Uploader {
   mid: string
@@ -19,6 +21,7 @@ export default function UploaderSearch() {
   const [uploaders, setUploaders] = useState<Uploader[]>([])
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState<string | null>(null)
+  const router = useRouter()
 
   const handleSearch = async () => {
     if (!uid) {
@@ -26,15 +29,21 @@ export default function UploaderSearch() {
       return
     }
 
+    // 检查是否为禁止的 UP 主 ID
+    if (blockedUploaderIds.includes(uid)) {
+      router.push("/blocked")
+      return
+    }
+
     setLoading(true)
     setError(null)
     try {
-      const response = await fetch(`https://ecs-113-44-166-103.compute.hwclouds-dns.com/basic/v1/uploader/${uid}`)
+      const response = await fetch(`https://api.ninevocalrank.top/basic/v1/uploader/${uid}`)
       if (!response.ok) {
         throw new Error("服务器响应错误")
       }
       const data: Uploader = await response.json()
-      setUploaders([data]) // 将单个 UP 主数据包装在数组中
+      setUploaders([data])
     } catch (error) {
       console.error("搜索UP主时出错:", error)
       setError("搜索过程中出现错误")

components/video-search.tsx

@@ -1,141 +1,125 @@
-"use client";
+"use client"
 
-import { useState } from "react";
+import { useState } from "react"
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { useRouter } from "next/navigation"
-import { Input } from "@/components/ui/input";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input"
-import { Loader2 } from "lucide-react";
+import { Button } from "@/components/ui/button"
-// import {
+import { Loader2 } from "lucide-react"
-//   Dialog,
+import { blockedVideoIds } from "@/config/blocked-ids"
-//   DialogContent,
-//   DialogDescription,
-//   DialogHeader,
-//   DialogTitle,
-//   DialogFooter,
-// } from "@/components/ui/dialog";
 
 interface Video {
   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: {
-    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: {
-    avid: string;
+    avid: string
-    bvid: string;
+    bvid: string
-  };
+  }
   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: {
-    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) {
-  if (views >= 10000000) return { name: "神话曲", next: null, progress: 100 };
+  if (views >= 10000000) return { name: "神话曲", next: null, progress: 100 }
   if (views >= 1000000)
     return {
       name: "传说曲",
       next: "神话曲",
       progress: (views / 10000000) * 100,
-    };
+    }
   if (views >= 100000)
     return {
       name: "殿堂曲",
       next: "传说曲",
       progress: (views / 1000000) * 100,
-    };
+    }
-  return { name: "未达成", next: "殿堂曲", progress: (views / 100000) * 100 };
+  return { name: "未达成", next: "殿堂曲", progress: (views / 100000) * 100 }
 }
 
 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 [showCoverDialog, setShowCoverDialog] = useState(false);
+  const router = useRouter()
-  // const [confirmText, setConfirmText] = useState("");
-  // const [showCover, setShowCover] = useState(false);
 
   const handleSearch = async () => {
     if (!searchTerm) {
-      setError("请输入搜索内容");
+      setError("请输入搜索内容")
-      return;
+      return
     }
 
-    setLoading(true);
+    // 检查是否为禁止的视频 ID
-    setError(null);
+    if (blockedVideoIds.includes(searchTerm)) {
+      router.push("/blocked")
+      return
+    }
+
+    setLoading(true)
+    setError(null)
     try {
       const response = await fetch(
-        `https://ecs-113-44-166-103.compute.hwclouds-dns.com/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(
-        `https://ecs-113-44-166-103.compute.hwclouds-dns.com/vocaloid_rank/v1/sorted/${searchTerm}`
+        `https://ecs-113-44-166-103.compute.hwclouds-dns.com/vocaloid_rank/v1/sorted/${searchTerm}`,
-      );
+      )
       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()
 
       const combinedData = {
         ...data,
         score_rank: weekly_data.score_rank,
-      };
+      }
 
-      setVideos([combinedData]);
+      setVideos([combinedData])
-      // setShowCover(false);
       if (videos.length === 0) {
-        setError("未找到匹配的视频");
+        setError("未找到匹配的视频")
       }
     } catch (error) {
-      console.error("搜索视频时出错:", error);
+      console.error("搜索视频时出错:", error)
-      setError("搜索过程中出现错误");
+      setError("搜索过程中出现错误")
     } finally {
-      setLoading(false);
+      setLoading(false)
     }
-  };
+  }
-
-  // const handleShowCover = () => {
-  //   setShowCoverDialog(true);
-  // };
-
-  // const handleConfirmShowCover = () => {
-  //   if (confirmText === "我已知晓") {
-  //     setShowCover(true);
-  //     setShowCoverDialog(false);
-  //   }
-  // };
 
   return (
     <Card className="bg-gradient-to-br from-yellow-100 to-red-100">
       <CardHeader>
-        <CardTitle className="text-2xl font-bold text-primary">
+        <CardTitle className="text-2xl font-bold text-primary">搜索视频</CardTitle>
-          搜索视频
-        </CardTitle>
       </CardHeader>
       <CardContent>
         <div className="flex space-x-2 mb-4">
@@ -153,74 +137,32 @@ export default function VideoSearch() {
         {videos.length > 0 ? (
           <ul className="space-y-8">
             {videos.map((video) => {
-              const achievement = getAchievement(video.video_stat.view);
+              const achievement = getAchievement(video.video_stat.view)
               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="w-full">
-                      {showCover ? (
-                        // eslint-disable-next-line @next/next/no-img-element
-                        <img
-                          src={video.video_info.pic || "/placeholder.svg"}
-                          className="w-full h-64 object-cover rounded-lg"
-                          alt="视频封面"
-                        />
-                      ) : (
-                        <Button onClick={handleShowCover}>显示封面</Button>
-                      )} 
-                    </div> */}
                     <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">
-                        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 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">
-                        <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 className="mt-4 bg-blue-100 p-4 rounded-lg">
                         <h4 className="font-bold text-lg mb-2">周刊数据</h4>
                         {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>
@@ -229,48 +171,24 @@ export default function VideoSearch() {
                           <>
                             <h5 className="font-semibold mt-2">数据增长：</h5>
                             <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">
-                                播放增长:{" "}
+                                收藏增长: {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 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>
                       <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>
                       <div className="mt-4">
-                        <p className="font-semibold">
+                        <p className="font-semibold">成就: {achievement.name}</p>
-                          成就: {achievement.name}
-                        </p>
                         {achievement.next && (
                           <div className="mt-2">
                             <p>
@@ -278,8 +196,8 @@ export default function VideoSearch() {
                               {(achievement.next === "殿堂曲"
                                 ? 100000
                                 : achievement.next === "传说曲"
-                                ? 1000000
+                                  ? 1000000
-                                : 10000000) - video.video_stat.view}{" "}
+                                  : 10000000) - video.video_stat.view}{" "}
                               播放
                             </p>
                             <div className="w-full bg-gray-200 rounded-full h-2.5 mt-2">
@@ -294,52 +212,14 @@ export default function VideoSearch() {
                     </div>
                   </div>
                 </li>
-              );
+              )
             })}
           </ul>
         ) : (
           !loading && !error && <p>暂无数据</p>
         )}
       </CardContent>
-      {/* <Dialog open={showCoverDialog} onOpenChange={setShowCoverDialog}>
-        <DialogContent>
-          <DialogHeader>
-            <DialogTitle>确认显示封面</DialogTitle>
-            <DialogDescription>
-              本站依法通过哔哩哔哩开放平台API获取内容引用，相关内容展示严格遵循《信息网络传播权保护条例》关于合理使用的规定。引用内容著作权归属著作权人及哔哩哔哩平台所有，本站不享有任何著作权权益。用户应知悉：
-              <ul>
-                <li>
-                  本站引用行为不替代对原内容的访问，建议通过
-                  <a href="https://www.bilibili.com/video">哔哩哔哩官方链接</a>
-                  获取完整服务
-                </li>
-                <li>
-                  任何单位或个人认为引用涉嫌侵权，请通过 i@mei.lv
-                  提交权属证明，本站将依法处理
-                </li>
-                <li>
-                  内容展示受哔哩哔哩《开发者协议》约束，若接口服务终止将即时停止引用
-                </li>
-                <li>本站对引用内容不享有解释权，观点分歧请以原发布渠道为准</li>
-                <li>
-                  用户不得对引用内容进行下载、转载、改编等二次使用，相关行为需直接获得权利人授权
-                </li>
-              </ul>
-              显示的内容仅用于介绍目的，实时引用自哔哩哔哩。除另有说明外，所有权利归著作权人所有，内容不代表本站观点，本站亦非这些内容的著作权人。
-            </DialogDescription>
-          </DialogHeader>
-          <div className="grid gap-4 py-4">
-            <Input
-              placeholder="请输入'我已知晓'以确认"
-              value={confirmText}
-              onChange={(e) => setConfirmText(e.target.value)}
-            />
-          </div>
-          <DialogFooter>
-            <Button onClick={handleConfirmShowCover}>确认</Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog> */}
     </Card>
-  );
+  )
 }
+

config/blocked-ids.ts

@@ -0,0 +1,30 @@
+// tsy 过滤器
+export const blockedVideoIds = [
+    "BV1Nmp4eKE5H",
+    "BV1M5fDYkEGB",
+    "BV1hqykY9E72",
+    "BV1LHU9YuEqm",
+    "BV1AtidYfES6",
+    "BV1TLkVYbEsS",
+    "BV1iE421w7B6",
+    "BV1mdW8enEdh",
+    "BV1m9cbepErC",
+    "BV1Xpr6YyErN",
+    "BV1PAFWeFE3f",
+    "BV1wYwTeHEEW",
+    "BV1cMSUYiE5m",
+    "BV157yLYXEZN",
+    "BV1h2tue6EbD",
+    "BV1MSYMeEEZS",
+    "BV1Nmp4eKE5H",
+    "BV1zBY2euEA4",
+    "BV1bStreZEMr",
+    "BV1dt2eYyE86",
+    "BV1M8411R75Z",
+  ]
+  
+  export const blockedUploaderIds = [
+    "1037289255",
+    "823284"
+  ]
+