fix: hompage data (#12488)

chef-ryan · web-flow · commit bda9dcd505ab · 2025-10-28T14:07:28.000+08:00
--- ## PR-Codex overview This PR focuses on refactoring the import paths in various files from `pages/api/home` to `edge/home`, indicating a restructuring of the project to potentially improve organization or modularity. ### Detailed summary - Changed import paths from `pages/api/home/types` to `edge/home/types` in multiple files. - Updated import paths for query functions from `./queries/queryTokenList` to `edge/home/queries/queryTokenList`. - Modified error handling in `getTotalTvl` to log errors without environment checks. - Altered the `_load` function in `index.ts` to use `Promise.allSettled` for better error handling. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
diff --git a/apps/web/src/edge/home/homePageDataQuery.ts b/apps/web/src/edge/home/homePageDataQuery.ts
diff --git a/apps/web/src/edge/home/queries/queryPools.ts b/apps/web/src/edge/home/queries/queryPools.ts
diff --git a/apps/web/src/edge/home/queries/queryPrediction.ts b/apps/web/src/edge/home/queries/queryPrediction.ts
diff --git a/apps/web/src/edge/home/queries/queryTokenList.ts b/apps/web/src/edge/home/queries/queryTokenList.ts
@@ -10,13 +10,15 @@ export const _queryTokenList = async () => {
   const list = [...DEFAULT_ACTIVE_LIST_URLS]
 
   const results = await Promise.allSettled(list.map((url) => getTokenList(url)))
+
   const allFailed = results.every((result) => result.status === 'rejected')
 
   if (allFailed) {
     throw new Error('All token list failed')
   }
   const lists = results
     .filter((result): result is PromiseFulfilledResult<TokenList> => result.status === 'fulfilled')
+    .filter((x) => x && x.value && x.value.tokens)
     .map((result) => result.value.tokens)
     .flat()
     .map((x) => ({ ...x, address: checksumAddress(x.address) }))
diff --git a/apps/web/src/edge/home/queries/queryTokens.ts b/apps/web/src/edge/home/queries/queryTokens.ts
diff --git a/apps/web/src/edge/home/queries/settings.ts b/apps/web/src/edge/home/queries/settings.ts
@@ -4,11 +4,6 @@ export const HOME_PAGE_CACHE_MAX_AGE = 60 * 60 * 1000 // 1 hour
 export const getHomeCacheSettings = (name: string) => {
   return {
     ttl: HOME_PAGE_CACHE_TTL,
-    persist: {
-      name: `homepage-${name}`,
-      type: 'r2' as const,
-      version: 'v3',
-    },
     maxAge: HOME_PAGE_CACHE_MAX_AGE,
     cacheNextEpochOnHalfTTS: true,
   }
diff --git a/apps/web/src/edge/home/querySiteStats.ts b/apps/web/src/edge/home/querySiteStats.ts
diff --git a/apps/web/src/edge/home/types.ts b/apps/web/src/edge/home/types.ts
diff --git a/apps/web/src/pages/api/home/index.ts b/apps/web/src/pages/api/home/index.ts
@@ -1,15 +1,24 @@
 import { cacheByLRU } from '@pancakeswap/utils/cacheByLRU'
 import { NextApiHandler } from 'next'
-import { homePageChainsInfo, homePageCurrencies, partners } from './homePageDataQuery'
-import { queryPools } from './queries/queryPools'
-import { queryPredictionUser } from './queries/queryPrediction'
-import { queryTokens } from './queries/queryTokens'
-import { querySiteStats } from './querySiteStats'
-import { HomePageData } from './types'
+import { homePageChainsInfo, homePageCurrencies, partners } from 'edge/home/homePageDataQuery'
+import { queryPools } from 'edge/home/queries/queryPools'
+import { queryPredictionUser } from 'edge/home/queries/queryPrediction'
+import { queryTokens } from 'edge/home/queries/queryTokens'
+import { querySiteStats } from 'edge/home/querySiteStats'
+import { HomePageData } from 'edge/home/types'
 
 async function _load() {
-  const [{ topTokens }, stats, topWinner] = await Promise.all([queryTokens(), querySiteStats(), queryPredictionUser()])
-  const pools = await queryPools()
+  const [tokensResult, statsResult, topWinnerResult, poolsResult] = await Promise.allSettled([
+    queryTokens(),
+    querySiteStats(),
+    queryPredictionUser(),
+    queryPools(),
+  ])
+
+  const topTokens = tokensResult.status === 'fulfilled' ? tokensResult.value.topTokens : []
+  const stats = statsResult.status === 'fulfilled' ? statsResult.value : undefined
+  const topWinner = topWinnerResult.status === 'fulfilled' ? topWinnerResult.value : undefined
+  const pools = poolsResult.status === 'fulfilled' ? poolsResult.value : []
   const currencies = homePageCurrencies
   const chains = homePageChainsInfo()
   return {
diff --git a/apps/web/src/pages/api/home/tokens.ts b/apps/web/src/pages/api/home/tokens.ts
@@ -1,5 +1,5 @@
 import { NextApiHandler } from 'next'
-import { queryTokenList } from './queries/queryTokenList'
+import { queryTokenList } from 'edge/home/queries/queryTokenList'
 
 async function load() {
   return queryTokenList()
diff --git a/apps/web/src/utils/getTotalTVL.ts b/apps/web/src/utils/getTotalTVL.ts
@@ -1,4 +1,4 @@
-import { ChainId, testnetChainIds } from '@pancakeswap/chains'
+import { ChainId, NonEVMChainId, testnetChainIds } from '@pancakeswap/chains'
 import addresses from 'config/constants/contracts'
 import dayjs from 'dayjs'
 import { gql } from 'graphql-request'
@@ -67,14 +67,15 @@ export const getTotalTvl = async () => {
           querySuccess = true
         })
       } catch (error) {
-        if (process.env.NODE_ENV === 'production') {
-          console.error('Error when fetching address count', error)
-        }
+        console.error('Error when fetching address count', error)
       }
     }
 
     const [v2Stats, v3Stats, stableStats, cakePriceResponse, totalCakeInVault, totalCakeInVE] = await Promise.all([
-      getStats('v2', mainnetChainIds),
+      getStats(
+        'v2',
+        mainnetChainIds.filter((id) => id !== NonEVMChainId.SOLANA),
+      ),
       getStats('v3', mainnetChainIds),
       getStats('stable', [ChainId.ARBITRUM_ONE, ChainId.BSC]),
       fetch('https://farms-api.pancakeswap.com/price/cake').then((res) => res.json()),
@@ -132,10 +133,7 @@ const getStats = async (type: 'v2' | 'v3' | 'stable', chainIds: number[]) => {
             },
           })
         } catch (error) {
-          console.error(error)
-          if (process.env.NODE_ENV === 'production') {
-            console.error('Error when fetching tvl stats', error)
-          }
+          console.error('Error when fetching tvl stats', type, chainName, error)
         }
         return result
       }),
diff --git a/apps/web/src/views/HomeV2/FavoriteDEXBanner.tsx b/apps/web/src/views/HomeV2/FavoriteDEXBanner.tsx
@@ -1,6 +1,6 @@
 import { useTranslation } from '@pancakeswap/localization'
 import { Box, Flex, MotionBox, Text, useMatchBreakpoints } from '@pancakeswap/uikit'
-import { HomepageChain } from 'pages/api/home/types'
+import { HomepageChain } from 'edge/home/types'
 import React from 'react'
 import styled from 'styled-components'
 import { MultipleLogos } from './cards/component/MultipleLogos'
diff --git a/apps/web/src/views/HomeV2/Partners.tsx b/apps/web/src/views/HomeV2/Partners.tsx
@@ -1,5 +1,5 @@
 import { Flex, Text, useMatchBreakpoints } from '@pancakeswap/uikit'
-import { HomePagePartner } from 'pages/api/home/types'
+import { HomePagePartner } from 'edge/home/types'
 import styled from 'styled-components'
 
 type Props = {
diff --git a/apps/web/src/views/HomeV2/StatsSummary.tsx b/apps/web/src/views/HomeV2/StatsSummary.tsx
@@ -1,7 +1,7 @@
 import { useTranslation } from '@pancakeswap/localization'
 import { Box, Flex, useMatchBreakpoints } from '@pancakeswap/uikit'
 import { formatAmount } from '@pancakeswap/utils/formatInfoNumbers'
-import { SiteStats } from 'pages/api/home/types'
+import { SiteStats } from 'edge/home/types'
 import React from 'react'
 import CountUp from 'react-countup'
 import styled from 'styled-components'
diff --git a/apps/web/src/views/HomeV2/cards/BridgeCryptoCard.tsx b/apps/web/src/views/HomeV2/cards/BridgeCryptoCard.tsx
@@ -1,6 +1,6 @@
 import { useTranslation } from '@pancakeswap/localization'
 import { useMatchBreakpoints } from '@pancakeswap/uikit'
-import { HomepageChain, HomePageCurrency } from 'pages/api/home/types'
+import { HomepageChain, HomePageCurrency } from 'edge/home/types'
 import React from 'react'
 import { CardRowLayout } from './component/CardRowLayout'
 import { CardRowSectionButton } from './component/CardRowSectionButton'
diff --git a/apps/web/src/views/HomeV2/cards/EarnTradingFeesCard.tsx b/apps/web/src/views/HomeV2/cards/EarnTradingFeesCard.tsx
@@ -1,7 +1,7 @@
 import { useTranslation } from '@pancakeswap/localization'
 import { Box, Flex, Text, useMatchBreakpoints } from '@pancakeswap/uikit'
 import { useRouter } from 'next/router'
-import { HomePagePoolInfo } from 'pages/api/home/types'
+import { HomePagePoolInfo } from 'edge/home/types'
 import styled from 'styled-components'
 import { getNetworkFullName } from 'views/BuyCrypto/constants'
 import { CardRowLayout } from './component/CardRowLayout'
diff --git a/apps/web/src/views/HomeV2/cards/PerpetualsCard.tsx b/apps/web/src/views/HomeV2/cards/PerpetualsCard.tsx
@@ -1,6 +1,6 @@
 import { useTranslation } from '@pancakeswap/localization'
 import { Flex, Text, TriangleDownIcon, TriangleUpIcon, useMatchBreakpoints } from '@pancakeswap/uikit'
-import { HomePageToken } from 'pages/api/home/types'
+import { HomePageToken } from 'edge/home/types'
 import React from 'react'
 import styled from 'styled-components'
 import { CardRowLayout } from './component/CardRowLayout'
diff --git a/apps/web/src/views/HomeV2/cards/PredictionCard.tsx b/apps/web/src/views/HomeV2/cards/PredictionCard.tsx
@@ -4,7 +4,7 @@ import { Flex, Text, useMatchBreakpoints } from '@pancakeswap/uikit'
 import { formatAmount } from '@pancakeswap/utils/formatInfoNumbers'
 import { CurrencyLogo } from '@pancakeswap/widgets-internal'
 import BlockiesSvg from 'blockies-react-svg'
-import { HomePageToken, HomePageUser } from 'pages/api/home/types'
+import { HomePageToken, HomePageUser } from 'edge/home/types'
 import styled from 'styled-components'
 import { CardRowLayout } from './component/CardRowLayout'
 import { CardSection } from './component/CardSection'
diff --git a/apps/web/src/views/HomeV2/cards/SwapWithBestPriceCard.tsx b/apps/web/src/views/HomeV2/cards/SwapWithBestPriceCard.tsx
@@ -2,7 +2,7 @@ import { useTranslation } from '@pancakeswap/localization'
 import { Box, useMatchBreakpoints } from '@pancakeswap/uikit'
 import { formatNumber } from '@pancakeswap/utils/formatNumber'
 import { CurrencyLogo } from '@pancakeswap/widgets-internal'
-import { HomePageToken } from 'pages/api/home/types'
+import { HomePageToken } from 'edge/home/types'
 import { CardRowLayout } from './component/CardRowLayout'
 import { CardSection } from './component/CardSection'
 import { HomepageCardBadge } from './component/HomepageCardBadge'
diff --git a/apps/web/src/views/HomeV2/cards/component/HomepagePriceChange.tsx b/apps/web/src/views/HomeV2/cards/component/HomepagePriceChange.tsx
@@ -1,5 +1,5 @@
 import { Text, TriangleDownIcon, TriangleUpIcon, useMatchBreakpoints } from '@pancakeswap/uikit'
-import { HomePageToken } from 'pages/api/home/types'
+import { HomePageToken } from 'edge/home/types'
 import styled from 'styled-components'
 
 const getFontSize = (isMobile: boolean, isTablet: boolean) => {
diff --git a/packages/token-lists/react/getTokenList.ts b/packages/token-lists/react/getTokenList.ts
@@ -20,7 +20,7 @@ export async function getTokenList(listUrl: string): Promise<TokenList | undefin
         const preFilterErrors = validator.errors
         json.tokens = json.tokens.filter((token: any) => validator({ ...json, tokens: [token] }))
         if (!validator(json)) {
-          const errors = validator.errors
+          const { errors } = validator
           throw new Error(`Validation failed after filtering: ${JSON.stringify(errors)}`)
         }
         console.warn(`Pre-filter validation errors: ${JSON.stringify(preFilterErrors)}`)
@@ -30,6 +30,7 @@ export async function getTokenList(listUrl: string): Promise<TokenList | undefin
       // if (i === urls.length - 1) {
       // throw new Error(`Failed to download list ${listUrl}`)
       // }
+      console.error(`Failed to download or validate list from ${url}:`, error)
 
       return undefined
     }
