refactor: replace real API with mock data layer

Author: Developer

components/BigVideoCard.tsx

@@ -27,11 +27,7 @@ import { useLiveStore } from "../store/liveStore";
 import { formatCount, formatDuration } from "../utils/format";
 import type { VideoItem } from "../services/types";
 
-const HEADERS = {
-  Referer: "https://www.bilibili.com",
-  "User-Agent":
-    "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
-};
+const HEADERS = {};
 
 const BAR_H = 3;
 // Minimum horizontal distance (px) before treating the gesture as a seek

components/LiveMiniPlayer.tsx

@@ -19,11 +19,7 @@ import { proxyImageUrl } from '../utils/imageUrl';
 const MINI_W = 160;
 const MINI_H = 90;
 
-const LIVE_HEADERS = {
-  Referer: 'https://live.bilibili.com',
-  'User-Agent':
-    'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
-};
+const LIVE_HEADERS = {};
 
 function snapRelease(
   pan: Animated.ValueXY,

components/LivePlayer.tsx

@@ -23,11 +23,7 @@ interface Props {
 
 const HIDE_DELAY = 3000;
 
-const HEADERS = {
-  Referer: "https://live.bilibili.com",
-  "User-Agent":
-    "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
-};
+const HEADERS = {};
 
 export function LivePlayer({
   hlsUrl,

components/LoginModal.tsx

@@ -1,20 +1,14 @@
-import React, { useEffect, useState, useRef } from "react";
+import React, { useRef } from "react";
 import {
   Modal,
   View,
   Text,
   StyleSheet,
   TouchableOpacity,
-  ActivityIndicator,
   Animated,
-  Alert,
-  Linking,
 } from "react-native";
-import * as FileSystem from "expo-file-system/legacy";
-import * as MediaLibrary from "expo-media-library";
-import QRCode from "react-native-qrcode-svg";
 import { Ionicons } from "@expo/vector-icons";
-import { generateQRCode, pollQRCode } from "../services/api";
+import { pollQRCode } from "../services/api";
 import { useAuthStore } from "../store/authStore";
 import { useTheme } from "../utils/theme";
 
@@ -24,21 +18,12 @@ interface Props {
 }
 
 export function LoginModal({ visible, onClose }: Props) {
-  const [qrData, setQrData] = useState<string | null>(null);
-  const [qrKey, setQrKey] = useState<string | null>(null);
-  const [saving, setSaving] = useState(false);
-  const qrRef = useRef<any>(null);
-  const [status, setStatus] = useState<
-    "loading" | "waiting" | "scanned" | "done" | "error"
-  >("loading");
-  const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);
   const login = useAuthStore((s) => s.login);
   const theme = useTheme();
 
-  // sheet 滑入动画
   const slideY = useRef(new Animated.Value(300)).current;
 
-  useEffect(() => {
+  React.useEffect(() => {
     if (visible) {
       Animated.spring(slideY, {
         toValue: 0,
@@ -50,85 +35,11 @@ export function LoginModal({ visible, onClose }: Props) {
     }
   }, [visible]);
 
-  useEffect(() => {
-    if (!visible) return;
-    setStatus("loading");
-    setQrData(null);
-    setQrKey(null);
-    generateQRCode()
-      .then((data) => {
-        setQrData(data.url);
-        setQrKey(data.qrcode_key);
-        setStatus("waiting");
-      })
-      .catch(() => setStatus("error"));
-
-    return () => {
-      if (pollRef.current) clearInterval(pollRef.current);
-    };
-  }, [visible]);
-
-  useEffect(() => {
-    if (!qrKey || status !== "waiting") return;
-    let cancelled = false;
-    pollRef.current = setInterval(async () => {
-      if (cancelled) return;
-      try {
-        const result = await pollQRCode(qrKey);
-        if (cancelled) return;
-        if (result.code === 86038) {
-          setStatus("error");
-          clearInterval(pollRef.current!);
-        }
-        if (result.code === 86090) setStatus("scanned");
-        if (result.code === 0 && result.cookie) {
-          clearInterval(pollRef.current!);
-          try {
-            await login(result.cookie, "", "");
-          } catch {
-            if (!cancelled) setStatus("error");
-            return;
-          }
-          if (!cancelled) onClose();
-        }
-      } catch {
-        // Network error during poll — ignore, will retry next interval
-      }
-    }, 2000);
-    return () => {
-      cancelled = true;
-      if (pollRef.current) clearInterval(pollRef.current);
-    };
-  }, [qrKey, status]);
-
-  async function handleSaveQR() {
-    if (!qrRef.current) return;
-    setSaving(true);
-    try {
-      const { status: perm } = await MediaLibrary.requestPermissionsAsync();
-      if (perm !== "granted") {
-        Alert.alert("提示", "需要相册权限才能保存图片");
-        return;
-      }
-      qrRef.current.toDataURL(async (base64: string) => {
-        try {
-          const dest = `${FileSystem.cacheDirectory}qrcode_temp.png`;
-          await FileSystem.writeAsStringAsync(dest, base64, {
-            encoding: FileSystem.EncodingType.Base64,
-          });
-          await MediaLibrary.saveToLibraryAsync(dest);
-          Alert.alert("已保存", "二维码已存入相册，请扫码登录", [
-            { text: "关闭", style: "cancel" },
-          ]);
-        } catch {
-          Alert.alert("失败", "保存失败，请重试");
-        } finally {
-          setSaving(false);
-        }
-      });
-    } catch {
-      Alert.alert("失败", "保存失败，请重试");
-      setSaving(false);
+  async function handleLogin() {
+    const result = await pollQRCode('mock-key');
+    if (result.code === 0 && result.cookie) {
+      await login(result.cookie, '', '');
+      onClose();
     }
   }
 
@@ -139,54 +50,32 @@ export function LoginModal({ visible, onClose }: Props) {
       animationType="none"
       onRequestClose={onClose}
     >
-      {/* 遮罩固定不动 */}
       <View style={styles.overlay} pointerEvents="box-none" />
 
-      {/* sheet 独立滑入 */}
       <Animated.View
         style={[styles.sheetWrapper, { transform: [{ translateY: slideY }] }]}
       >
         <View style={[styles.sheet, { backgroundColor: theme.sheetBg }]}>
-          <Text style={[styles.title, { color: theme.modalText }]}>扫码登录</Text>
-          {status === "loading" && (
-            <ActivityIndicator
-              size="large"
-              color="#00AEEC"
-              style={styles.loader}
-            />
-          )}
-          {(status === "waiting" || status === "scanned") && qrData && (
-            <>
-              <View style={styles.qrWrapper}>
-                <QRCode
-                  value={qrData}
-                  size={200}
-                  getRef={(ref) => { qrRef.current = ref; }}
-                />
-                <TouchableOpacity
-                  style={styles.saveBtn}
-                  onPress={handleSaveQR}
-                  disabled={saving}
-                >
-                  {saving ? (
-                    <ActivityIndicator size="small" color="#fff" />
-                  ) : (
-                    <Ionicons name="download-outline" size={16} color="#fff" />
-                  )}
-                </TouchableOpacity>
-              </View>
-              <Text style={[styles.hint, { color: theme.modalTextSub }]}>
-                {status === "scanned"
-                  ? "扫描成功，请在手机确认"
-                  : "使用手机 APP 扫一扫"}
-              </Text>
-            </>
-          )}
-          {status === "error" && (
-            <Text style={[styles.hint, { color: theme.modalTextSub }]}>二维码已过期，请关闭重试</Text>
-          )}
+          <Text style={[styles.title, { color: theme.modalText }]}>登录</Text>
+
+          <View style={styles.iconWrap}>
+            <Ionicons name="person-circle-outline" size={72} color="#00AEEC" />
+          </View>
+
+          <Text style={[styles.hint, { color: theme.modalTextSub }]}>
+            演示模式：点击下方按钮一键登录
+          </Text>
+
+          <TouchableOpacity
+            style={styles.loginBtn}
+            onPress={handleLogin}
+            activeOpacity={0.85}
+          >
+            <Text style={styles.loginBtnText}>一键登录</Text>
+          </TouchableOpacity>
+
           <TouchableOpacity style={styles.closeBtn} onPress={onClose}>
-            <Text style={styles.closeTxt}>关闭</Text>
+            <Text style={[styles.closeTxt, { color: "#00AEEC" }]}>关闭</Text>
           </TouchableOpacity>
         </View>
       </Animated.View>
@@ -206,27 +95,22 @@ const styles = StyleSheet.create({
     right: 0,
   },
   sheet: {
-    backgroundColor: "#fff",
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16,
     padding: 24,
     alignItems: "center",
   },
   title: { fontSize: 18, fontWeight: "600", marginBottom: 20 },
-  loader: { marginVertical: 40 },
-  qrWrapper: { width: 200, height: 200, marginBottom: 12 },
-  saveBtn: {
-    position: "absolute",
-    bottom: 6,
-    right: 6,
-    backgroundColor: "rgba(0,0,0,0.45)",
-    borderRadius: 14,
-    width: 28,
-    height: 28,
-    alignItems: "center",
-    justifyContent: "center",
+  iconWrap: { marginBottom: 16 },
+  hint: { fontSize: 13, marginBottom: 24, textAlign: "center" },
+  loginBtn: {
+    backgroundColor: "#00AEEC",
+    borderRadius: 24,
+    paddingVertical: 12,
+    paddingHorizontal: 48,
+    marginBottom: 8,
   },
-  hint: { fontSize: 13, color: "#666", marginBottom: 20 },
+  loginBtnText: { color: "#fff", fontSize: 16, fontWeight: "600" },
   closeBtn: { padding: 12 },
-  closeTxt: { fontSize: 14, color: "#00AEEC" },
+  closeTxt: { fontSize: 14 },
 });

components/NativeVideoPlayer.tsx

@@ -38,11 +38,7 @@ const BALL = 12;
 const BALL_ACTIVE = 16;
 const HIDE_DELAY = 3000;
 
-const HEADERS = {
-  Referer: "https://www.bilibili.com",
-  "User-Agent":
-    "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
-};
+const HEADERS = {};
 
 function clamp(v: number, lo: number, hi: number) {
   return Math.max(lo, Math.min(hi, v));

hooks/useDownload.ts

@@ -1,5 +1,4 @@
 import * as FileSystem from 'expo-file-system/legacy';
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import { AppState } from 'react-native';
 import { useDownloadStore } from '../store/downloadStore';
 import { getPlayUrlForDownload } from '../services/api';
@@ -73,23 +72,9 @@ export function useDownload() {
     key: string, bvid: string, cid: number, qn: number,
   ): Promise<'done' | 'error' | 'retry'> {
     try {
-      const [url, buvid3, sessdata] = await Promise.all([
-        getPlayUrlForDownload(bvid, cid, qn),
-        AsyncStorage.getItem('buvid3'),
-        AsyncStorage.getItem('SESSDATA'),
-      ]);
+      const url = await getPlayUrlForDownload(bvid, cid, qn);
       const dest = localPath(bvid, qn);
-
-      const cookies: string[] = [];
-      if (buvid3) cookies.push(`buvid3=${buvid3}`);
-      if (sessdata) cookies.push(`SESSDATA=${sessdata}`);
-
-      const headers = {
-        Referer: 'https://www.bilibili.com',
-        Origin: 'https://www.bilibili.com',
-        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36',
-        ...(cookies.length > 0 && { Cookie: cookies.join('; ') }),
-      };
+      const headers = {};
 
       const progressCallback = (p: FileSystem.DownloadProgressData) => {
         const { totalBytesWritten, totalBytesExpectedToWrite } = p;