rn-app/stores/gameStore.ts

/**
 * 游戏状态管理
 * 使用 Zustand + AsyncStorage 持久化
 */

import { create } from 'zustand';
// import { useShallow } from 'zustand/react/shallow';
import storageManager, { STORAGE_KEYS } from '@/utils/storageManager';
import gameService from '@/services/gameService';
import appConfig from '@/utils/config';
import useTenantStore from '@/stores/tenantStore';
import useMsgStore from '@/stores/msgStore';
import { filter, map, concat, cloneDeep, groupBy } from 'lodash-es';
import { GameMainKeysEnum, defaultHomeGameTabMenus } from '@/constants/game';

// 状态
interface State {
  appLoginPopType: number;
  receiveAwardPopType: number;
  appLoginPop: boolean;
  menuSort: Record<string, any>[];
  rebateGameSort: Record<string, any>[];
  originalGames: Record<string, any>[];
  blockchainGames: Record<string, any>[];
  homeHotGames: Record<string, any>[];
  gamesTry: Record<string, any>[];
  gamesTryPlayIds: number[];
  smallClassGames: Record<string, any>;
  gameBigClass: Record<string, any>;
  activeMainMenuTab: string; // 当前选中的主菜单分类
  activeSubMenuTab: string; // 当前选中的子菜单分类
}

// 操作
interface Actions {
  setHomePageData: (data: Record<string, any>) => void;
  setOriginalGames: (data: Record<string, any>[]) => void;
  setBlockchainGames: (data: Record<string, any>[]) => void;
  setGamesTry: (data: Record<string, any>[]) => void;
  setHomeHotGames: (data: Record<string, any>[]) => void;
  setSmallClassGame: (data: Record<string, any>) => void;
  setGameBigClass: (data: Record<string, any>) => void;
  setActiveMenuTabs: (mainMenuKey: string, subMenuKey: string) => void; // 设置选中的游戏分类
  setActiveMainMenuTab: (mainMenuKey: string) => void; // 设置选中的主菜单分类
  setActiveSubMenuTab: (subMenuKey: string) => void; // 设置选中的子菜单分类
  // requestHomePageData: (data?: Record<string, any>) => Promise<any>;
}

/**
 * 租户状态 Store
 */
const useGameStore = create<State & Actions>()((set, get) => ({
  // 初始状态
  appLoginPopType: 0,
  receiveAwardPopType: 0,
  appLoginPop: false,
  menuSort: [], // 游戏主菜单
  rebateGameSort: [],
  originalGames: [], // 原创游戏
  blockchainGames: [], // 区块链游戏
  homeHotGames: [], // 热门游戏
  gamesTry: [], // 试玩游戏
  gamesTryPlayIds: [], // 试玩游戏id列表
  smallClassGames: {},
  gameBigClass: {},
  activeMainMenuTab: '103', // 默认选中推荐分类
  activeSubMenuTab: '', // 默认无子菜单选中

  // 保存首页数据
  setHomePageData: (data: any) => {
    if (data) {
      const { setNotices, setBanners } = useMsgStore.getState();

      // 设置注册弹窗
      const appLoginPopType = data.appLoginPopType || 0;
      const receiveAwardPopType = data.receiveAwardPopType || 0;
      const appLoginPop = data.appLoginPop || false;

      // 菜单排序
      const menuSort = filter(
        data.version_type,
        (item) => item.sort_v !== 0 && item.state == 1
      ).sort((a, b) => {
        return b.sort_v - a.sort_v;
      });
      console.log(menuSort, 'menuSort 1');
      // version_shuffle
      const rebateGameSort = data.version_shuffle || [];

      // 所有游戏销售状态
      // gameStore.setGameAllStates(res.data.gameState);

      // 公告
      setNotices(data.news?.data || []);

      // 轮播图
      setBanners(data.banners?.data || []);

      set({ appLoginPopType, receiveAwardPopType, appLoginPop, menuSort, rebateGameSort });

      // 原创游戏
      get().setOriginalGames(data.originalGames);

      // 区块链游戏
      get().setBlockchainGames(data.hsGames);

      // 试玩游戏
      get().setGamesTry(data.gamesTry);

      // 首页热门游戏
      get().setHomeHotGames(data.homeHotGames?.[1] || []);
      get().setSmallClassGame(data.homeHotGames);

      // 三方游戏
      get().setGameBigClass(data.thirdGames);

      // 手动持久化
      // storageManager.setItem(STORAGE_KEYS.TENANT_STORE, JSON.stringify({ tenantInfo: data }));
    }
    if (__DEV__) {
      console.log('💾 Tenant info saved:', data);
    }
  },

  setOriginalGames: (list: Record<string, any>[]) => {
    const originalGames = map(list, (item: any) => ({
      ...item,
      isOriginal: true,
    })).sort((a: any, b: any) => a.hotVal - b.hotVal);
    set({ originalGames });
  },

  setBlockchainGames: (list: Record<string, any>[]) => {
    set({ blockchainGames: list || [] });
  },

  setGamesTry: (list: Record<string, any>[]) => {
    set({ gamesTry: list || [] });
    storageManager.session.setItem(STORAGE_KEYS.GAME_TRY, list);
    const gamesTryPlayIds = concat(
      ...map(list, (item) => map(item.subList, (subItem) => Number(subItem.play_id)))
    );
    set({ gamesTryPlayIds });
  },

  setHomeHotGames: (list: Record<string, any>[]) => {
    set({ homeHotGames: list || [] });
  },

  setSmallClassGame: (data: Record<string, any>) => {
    set({
      smallClassGames: {
        [GameMainKeysEnum.HOT_ELECTRONIC]: data?.[2] || [],
        [GameMainKeysEnum.HOT_FISHING]: data?.[3] || [],
        [GameMainKeysEnum.HOT_CHESS]: data?.[5] || [],
        [GameMainKeysEnum.HOT_BLOCK_THIRD]: data?.[8] || [],
      },
    });
  },

  setGameBigClass: (data: Record<string, any>) => {
    const groupByType = cloneDeep(groupBy(data, (item) => item.big_type));
    console.log(groupByType, 'groupByType');
    set({
      gameBigClass: {
        [GameMainKeysEnum.CHESS]: groupByType?.[1] || [],
        [GameMainKeysEnum.ELECTRONIC]: groupByType?.[2] || [],
        [GameMainKeysEnum.FISHING]: groupByType?.[3] || [],
        [GameMainKeysEnum.LIVE]: groupByType?.[4] || [],
        [GameMainKeysEnum.SPORTS]: groupByType?.[5] || [],
        [GameMainKeysEnum.LOTTERY]: groupByType?.[7] || [],
        [GameMainKeysEnum.BLOCK_THIRD]: groupByType?.[10] || [],
      },
    });
  },

  setActiveMenuTabs: (mainMenuKey: string, subMenuKey: string) => {
    set({ activeMainMenuTab: mainMenuKey, activeSubMenuTab: subMenuKey });
    // 保存到 session storage，页面刷新后仍然保留
    storageManager.session.setItem(STORAGE_KEYS.APP_ACTIVE_MAIN_MENU_TAB, mainMenuKey);
    storageManager.session.setItem(STORAGE_KEYS.APP_ACTIVE_SUB_MENU_TAB, subMenuKey);
  },

  setActiveMainMenuTab: (mainMenuKey: string) => {
    set({ activeMainMenuTab: mainMenuKey });
    // 保存到 session storage，页面刷新后仍然保留
    storageManager.session.setItem(STORAGE_KEYS.APP_ACTIVE_MAIN_MENU_TAB, mainMenuKey);
  },

  setActiveSubMenuTab: (subMenuKey: string) => {
    set({ activeSubMenuTab: subMenuKey });
    // 保存到 session storage，页面刷新后仍然保留
    storageManager.session.setItem(STORAGE_KEYS.APP_ACTIVE_SUB_MENU_TAB, subMenuKey);
  },
}));

// 从 AsyncStorage 恢复状态的函数
export const restoreGameState = async () => {
  try {
    const stored = await storageManager.session.getItem(STORAGE_KEYS.TENANT_STORE);
    if (stored) {
      const state = JSON.parse(stored);
      useGameStore.setState(state);
      if (__DEV__) {
        console.log('✅ Tenant state restored from storage');
      }
    }
  } catch (error) {
    console.error('Failed to restore tenant state:', error);
  }
};

// 获取首页数据
export const requestHomePageData = async () => {
  try {
    const { tenantInfo } = useTenantStore.getState();
    const params = {
      tid: tenantInfo?.tid,
      aseq: {
        aseq: appConfig.app.aseqId,
      },
      version_type: {
        version_type: 3, // 1 是棋牌, 2 是网赚 3, 是综合彩票
      },
      news: {
        page_start: 1,
        num_per_page: 999,
        chan_con: 8,
        state: 1,
        message_id: '10,13', //10公告  13 跑马灯
        sort_flag: 1,
        vip_level: 0, //userInfo.value.cust_level || 0,
        proxy: tenantInfo?.proxy,
        apply: 8, // 1 棋牌；2 网赚；3 综合彩票；3 老版彩票； (apply后端设置默认为1，为可选参数)
        language: 0, //Number(window.localStorage.getItem('languageNum') || '0'),
      },
      game_news: {
        page_start: 1,
        num_per_page: 9999,
        state: 1,
        message_id: 17,
        sort_flag: 1,
        tid: tenantInfo?.tid,
        proxy: tenantInfo?.proxy,
        chan_con: 0,
        apply: 8,
        ma_id: 10,
        // vip_level: userInfo.value.cust_level || 0,
        vip_level: 0,
        type: 'MWEB',
        language: 0,
      },
      banners: {
        page_start: 1,
        num_per_page: 999,
        chan_con: 8,
        state: 1,
        message_id: 12,
        sort_flag: 1,
        tid: tenantInfo?.tid,
        proxy: tenantInfo?.proxy,
        apply: 8,
        location: '1',
        type: 'MWEB',
        language: Number(window.localStorage.getItem('languageNum') || '0'),
      },
      homeHotGames: {
        // cust_id: userInfo.value.cust_id || '0',
        cust_id: '0',
      },
      proxyConfig: {
        proxy: tenantInfo?.proxy,
      },
      hotGames: {
        size: 12,
      },
    };
    const { data } = await gameService.getHomePageData(params);

    // ✅ 直接调用 setHomePageData action
    useGameStore.getState().setHomePageData(data);

    if (__DEV__) {
      console.log('✅ Home-data info loaded:', data);
    }
    return Promise.resolve(data);
  } catch (error) {
    console.error('Failed to request home-data info:', error);
    return Promise.reject(error);
  }
};

export default useGameStore;