refactor: split modules and harden scraping workflows

2026-10-07 13:56:37 +08:00 · 2026-06-24 11:59:18 +08:00
parent efca3cbe69
commit 192f35d9fa
470 changed files with 47957 additions and 33839 deletions
@@ -0,0 +1,62 @@
+import { motion } from 'framer-motion'
+import { FileText, Play } from 'lucide-react'
+import { Link } from 'react-router-dom'
+
+import { imageURL } from '../api/client'
+import type { Media } from '../types'
+
+type MediaDetailArtworkProps = {
+  media: Media
+}
+
+export function MediaDetailBackdrop({ media }: MediaDetailArtworkProps) {
+  return (
+    <div className="absolute inset-0 h-[480px] z-0 overflow-hidden">
+      {media.backdrop_url || media.poster_url ? (
+        <img
+          src={imageURL(media.backdrop_url || media.poster_url || '', media.updated_at)}
+          alt=""
+          className="w-full h-full object-cover opacity-[0.04] scale-110 blur-2xl"
+          referrerPolicy="no-referrer"
+        />
+      ) : (
+        <div className="w-full h-full bg-gradient-to-b from-gray-50 to-transparent" />
+      )}
+      <div className="absolute inset-0 bg-gradient-to-t from-white via-white/95 to-transparent" />
+    </div>
+  )
+}
+
+export function MediaDetailPoster({ media }: MediaDetailArtworkProps) {
+  return (
+    <div className="w-56 shrink-0 mx-auto md:mx-0">
+      <motion.div
+        whileHover={{ scale: 1.02 }}
+        className="aspect-[2/3] w-full rounded-2xl overflow-hidden bg-gray-50 border border-gray-200 shadow-md relative group"
+      >
+        {media.poster_url ? (
+          <img
+            src={imageURL(media.poster_url, media.updated_at)}
+            alt={media.title}
+            className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+            referrerPolicy="no-referrer"
+          />
+        ) : (
+          <div className="flex h-full w-full flex-col items-center justify-center gap-2 text-gray-500 bg-gray-50">
+            <FileText size={40} className="stroke-[1]" />
+            <span className="text-xs uppercase tracking-wider font-bold">无海报</span>
+          </div>
+        )}
+
+        <Link
+          to={`/play/${media.id}`}
+          className="absolute inset-0 bg-[#111827]/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"
+        >
+          <div className="flex h-14 w-14 items-center justify-center rounded-full bg-brand-500 text-white shadow-xl transform scale-90 group-hover:scale-100 transition-transform">
+            <Play size={24} fill="currentColor" />
+          </div>
+        </Link>
+      </motion.div>
+    </div>
+  )
+}