refactor: update play time property and enhance player settings management

- Changed the play time property from 'play_time' to 'time' in HomeScreen. - Removed unused player control functions from PlayScreen. - Added PlayerSettings interface and implemented PlayerSettingsManager for local storage of player settings. - Refactored PlayRecordManager to merge API records with local player settings. - Updated authentication logic in authStore to handle optional username parameter in login function. - Cleaned up and optimized imports across various components.
2026-02-21 17:24:43 +08:00 · 2025-07-15 15:03:58 +08:00
parent 2bed3a4d00
commit bf99aee5f2
7 changed files with 152 additions and 56 deletions
--- a/stores/authStore.ts
+++ b/stores/authStore.ts
@@ -18,6 +18,11 @@ const useAuthStore = create<AuthState>((set) => ({
  hideLoginModal: () => set({ isLoginModalVisible: false }),
  checkLoginStatus: async () => {
    try {
+      const { ok } = await api.login();
+      if (ok) {
+        set({ isLoggedIn: true });
+        return;
+      }
      const cookies = await Cookies.get(api.baseURL);
      const isLoggedIn = cookies && !!cookies.auth;
      set({ isLoggedIn });
--- a/stores/homeStore.ts
+++ b/stores/homeStore.ts
@@ -1,7 +1,7 @@
-import { create } from 'zustand';
-import { api, SearchResult, PlayRecord } from '@/services/api';
-import { PlayRecordManager } from '@/services/storage';
-import useAuthStore from './authStore';
+import { create } from "zustand";
+import { api, SearchResult, PlayRecord } from "@/services/api";
+import { PlayRecordManager } from "@/services/storage";
+import useAuthStore from "./authStore";

 export type RowItem = (SearchResult | PlayRecord) & {
  id: string;
@@ -20,18 +20,38 @@ export type RowItem = (SearchResult | PlayRecord) & {

 export interface Category {
  title: string;
-  type?: 'movie' | 'tv' | 'record';
+  type?: "movie" | "tv" | "record";
  tag?: string;
  tags?: string[];
 }

 const initialCategories: Category[] = [
-  { title: '最近播放', type: 'record' },
-  { title: '热门剧集', type: 'tv', tag: '热门' },
-  { title: '电视剧', type: 'tv', tags: [ '国产剧', '美剧', '英剧', '韩剧', '日剧', '港剧', '日本动画', '动画'] },
-  { title: '电影', type: 'movie', tags: ['热门', '最新', '经典', '豆瓣高分', '冷门佳片', '华语', '欧美', '韩国', '日本', '动作', '喜剧', '爱情', '科幻', '悬疑', '恐怖'] },
-  { title: '综艺', type: 'tv', tag: '综艺' },
-  { title: '豆瓣 Top250', type: 'movie', tag: 'top250' },
+  { title: "最近播放", type: "record" },
+  { title: "热门剧集", type: "tv", tag: "热门" },
+  { title: "电视剧", type: "tv", tags: ["国产剧", "美剧", "英剧", "韩剧", "日剧", "港剧", "日本动画", "动画"] },
+  {
+    title: "电影",
+    type: "movie",
+    tags: [
+      "热门",
+      "最新",
+      "经典",
+      "豆瓣高分",
+      "冷门佳片",
+      "华语",
+      "欧美",
+      "韩国",
+      "日本",
+      "动作",
+      "喜剧",
+      "爱情",
+      "科幻",
+      "悬疑",
+      "恐怖",
+    ],
+  },
+  { title: "综艺", type: "tv", tag: "综艺" },
+  { title: "豆瓣 Top250", type: "movie", tag: "top250" },
 ];

 interface HomeState {
@@ -73,7 +93,7 @@ const useHomeStore = create<HomeState>((set, get) => ({
    }

    try {
-      if (selectedCategory.type === 'record') {
+      if (selectedCategory.type === "record") {
        const { isLoggedIn } = useAuthStore.getState();
        if (!isLoggedIn) {
          set({ contentData: [], hasMore: false });
@@ -82,24 +102,35 @@ const useHomeStore = create<HomeState>((set, get) => ({
        const records = await PlayRecordManager.getAll();
        const rowItems = Object.entries(records)
          .map(([key, record]) => {
-            const [source, id] = key.split('+');
-            return { ...record, id, source, progress: record.play_time / record.total_time, poster: record.cover, sourceName: record.source_name, episodeIndex: record.index, totalEpisodes: record.total_episodes, lastPlayed: record.save_time, play_time: record.play_time };
+            const [source, id] = key.split("+");
+            return {
+              ...record,
+              id,
+              source,
+              progress: record.play_time / record.total_time,
+              poster: record.cover,
+              sourceName: record.source_name,
+              episodeIndex: record.index,
+              totalEpisodes: record.total_episodes,
+              lastPlayed: record.save_time,
+              play_time: record.play_time,
+            };
          })
-          .filter(record => record.progress !== undefined && record.progress > 0 && record.progress < 1)
+          .filter((record) => record.progress !== undefined && record.progress > 0 && record.progress < 1)
          .sort((a, b) => (b.lastPlayed || 0) - (a.lastPlayed || 0));
-        
+
        set({ contentData: rowItems, hasMore: false });
      } else if (selectedCategory.type && selectedCategory.tag) {
        const result = await api.getDoubanData(selectedCategory.type, selectedCategory.tag, 20, pageStart);
        if (result.list.length === 0) {
          set({ hasMore: false });
        } else {
-          const newItems = result.list.map(item => ({
+          const newItems = result.list.map((item) => ({
            ...item,
            id: item.title,
-            source: 'douban',
+            source: "douban",
          })) as RowItem[];
-          set(state => ({
+          set((state) => ({
            contentData: pageStart === 0 ? newItems : [...state.contentData, ...newItems],
            pageStart: state.pageStart + result.list.length,
            hasMore: true,
@@ -112,10 +143,10 @@ const useHomeStore = create<HomeState>((set, get) => ({
        set({ hasMore: false });
      }
    } catch (err: any) {
-      if (err.message === 'API_URL_NOT_SET') {
-        set({ error: '请点击右上角设置按钮，配置您的 API 地址' });
+      if (err.message === "API_URL_NOT_SET") {
+        set({ error: "请点击右上角设置按钮，配置您的 API 地址" });
      } else {
-        set({ error: '加载失败，请重试' });
+        set({ error: "加载失败，请重试" });
      }
    } finally {
      set({ loading: false, loadingMore: false });
@@ -134,12 +165,12 @@ const useHomeStore = create<HomeState>((set, get) => ({
  refreshPlayRecords: async () => {
    const { isLoggedIn } = useAuthStore.getState();
    if (!isLoggedIn) {
-      set(state => {
-        const recordCategoryExists = state.categories.some(c => c.type === 'record');
+      set((state) => {
+        const recordCategoryExists = state.categories.some((c) => c.type === "record");
        if (recordCategoryExists) {
-          const newCategories = state.categories.filter(c => c.type !== 'record');
-          if (state.selectedCategory.type === 'record') {
-              get().selectCategory(newCategories[0] || null);
+          const newCategories = state.categories.filter((c) => c.type !== "record");
+          if (state.selectedCategory.type === "record") {
+            get().selectCategory(newCategories[0] || null);
          }
          return { categories: newCategories };
        }
@@ -149,24 +180,24 @@ const useHomeStore = create<HomeState>((set, get) => ({
    }
    const records = await PlayRecordManager.getAll();
    const hasRecords = Object.keys(records).length > 0;
-    set(state => {
-      const recordCategoryExists = state.categories.some(c => c.type === 'record');
+    set((state) => {
+      const recordCategoryExists = state.categories.some((c) => c.type === "record");
      if (hasRecords && !recordCategoryExists) {
        return { categories: [initialCategories[0], ...state.categories] };
      }
      if (!hasRecords && recordCategoryExists) {
-        const newCategories = state.categories.filter(c => c.type !== 'record');
-        if (state.selectedCategory.type === 'record') {
-            get().selectCategory(newCategories[0] || null);
+        const newCategories = state.categories.filter((c) => c.type !== "record");
+        if (state.selectedCategory.type === "record") {
+          get().selectCategory(newCategories[0] || null);
        }
        return { categories: newCategories };
      }
      return {};
    });
-    if (get().selectedCategory.type === 'record') {
+    if (get().selectedCategory.type === "record") {
      get().fetchInitialData();
    }
  },
 }));

-export default useHomeStore;
+export default useHomeStore;
--- a/stores/playerStore.ts
+++ b/stores/playerStore.ts
@@ -27,11 +27,7 @@ interface PlayerState {
  introEndTime?: number;
  outroStartTime?: number;
  setVideoRef: (ref: RefObject<Video>) => void;
-  loadVideo: (
-    source: string,
-    episodeIndex: number,
-    position?: number
-  ) => Promise<void>;
+  loadVideo: (source: string, episodeIndex: number, position?: number) => Promise<void>;
  playEpisode: (index: number) => void;
  togglePlayPause: () => void;
  seek: (duration: number) => void;
@@ -86,10 +82,7 @@ const usePlayerStore = create<PlayerState>((set, get) => ({
    });

    try {
-      const playRecord = await PlayRecordManager.get(
-        detail.source,
-        detail.id.toString()
-      );
+      const playRecord = await PlayRecordManager.get(detail.source, detail.id.toString());
      set({
        isLoading: false,
        introEndTime: playRecord?.introEndTime,
@@ -101,7 +94,6 @@ const usePlayerStore = create<PlayerState>((set, get) => ({
    }
  },

-
  playEpisode: (index) => {
    const { episodes, videoRef } = get();
    if (index >= 0 && index < episodes.length) {
@@ -209,12 +201,13 @@ const usePlayerStore = create<PlayerState>((set, get) => ({
      };
      PlayRecordManager.save(detail.source, detail.id.toString(), {
        title: detail.title,
-        poster: detail.poster || "",
+        cover: detail.poster || "",
        index: currentEpisodeIndex,
        total_episodes: episodes.length,
        play_time: status.positionMillis,
        total_time: status.durationMillis || 0,
        source_name: detail.source_name,
+        year: detail.year || "",
        ...existingRecord,
        ...updates,
      });