perf: Remove isaddressequal usage and Call update cake apr once instead of per farm when initial load

apps/aptos/package.json

@@ -37,7 +37,7 @@
     "@vanilla-extract/recipes": "^0.5.0",
     "bignumber.js": "^9.0.0",
     "dayjs": "^1.11.10",
-    "jotai": "^2.4.3",
+    "jotai": "^2.10.1",
     "lodash": "^4.17.21",
     "next": "catalog:",
     "next-seo": "^5.15.0",

apps/bridge/package.json

@@ -36,7 +36,7 @@
     "@wagmi/core": "^0.10.11",
     "@wormhole-foundation/wormhole-connect": "0.1.7",
     "ethers": "^5.0.0",
-    "jotai": "^2.4.3",
+    "jotai": "^2.10.1",
     "lodash": "^4.17.21",
     "next": "catalog:",
     "next-themes": "^0.2.1",

apps/gamification/package.json

@@ -60,7 +60,7 @@
     "easymde": "2.16.1",
     "graphql": "^16.8.1",
     "graphql-request": "5.0.0",
-    "jotai": "^2.4.3",
+    "jotai": "^2.10.1",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "next": "catalog:",

apps/web/package.json

@@ -109,7 +109,7 @@
     "fast-json-stable-stringify": "^2.1.0",
     "graphql": "^16.8.1",
     "graphql-request": "5.0.0",
-    "jotai": "^2.4.3",
+    "jotai": "^2.10.1",
     "js-cookie": "^3.0.1",
     "lightweight-charts": "^4.0.1",
     "local-storage": "^2.0.0",
@@ -120,7 +120,7 @@
     "next-seo": "^5.15.0",
     "next-themes": "^0.2.1",
     "nuqs": "^1.17.4",
-    "openapi-fetch": "^0.9.7",
+    "openapi-fetch": "^0.12.2",
     "polished": "^4.2.2",
     "qs": "^6.0.0",
     "react": "^18.2.0",

apps/web/src/hooks/usePermit2Requires.ts

@@ -1,7 +1,8 @@
 import { CurrencyAmount, Token } from '@pancakeswap/swap-sdk-core'
 import { bscTestnetTokens, ethereumTokens, goerliTestnetTokens } from '@pancakeswap/tokens'
 import { useMemo } from 'react'
-import { Address, isAddressEqual } from 'viem'
+import { isAddressEqual } from 'utils'
+import { Address } from 'viem'
 import useAccountActiveChain from './useAccountActiveChain'
 import useCurrentBlockTimestamp from './useCurrentBlockTimestamp'
 import { usePermit2Allowance } from './usePermit2Allowance'

apps/web/src/hooks/useUserAcknowledgement.ts

@@ -6,7 +6,7 @@ import { useAccount } from 'wagmi'
 export function useUserAcknowledgement(id: string) {
   const { address } = useAccount()
   const atom = useMemo(
-    () => atomWithStorage(`pcs_user_ack_${id}_${address}`, false, undefined, { unstable_getOnInit: true }),
+    () => atomWithStorage(`pcs_user_ack_${id}_${address}`, false, undefined, { getOnInit: true }),
     [id, address],
   )
   const [userACK, setUserACK] = useAtom(atom)

apps/web/src/hooks/useZksyncAirDropAutoPopup.ts

@@ -8,7 +8,7 @@ const zksyncAutoPopup = atomWithStorage<{ [account: string]: boolean }>(
   'pcs:zksync-airdrop-auto-popup-v2',
   {},
   undefined,
-  { unstable_getOnInit: true },
+  { getOnInit: true },
 )
 
 const useAutoPopup = (): [boolean, (value: boolean) => void] => {

apps/web/src/pages/usdv.tsx

@@ -10,7 +10,7 @@ import styled from 'styled-components'
 
 import DisclaimerModal from 'components/DisclaimerModal'
 
-const usdvDisclaimer = atomWithStorage('pcs:usdv-disclaimer-accept', false, undefined, { unstable_getOnInit: true })
+const usdvDisclaimer = atomWithStorage('pcs:usdv-disclaimer-accept', false, undefined, { getOnInit: true })
 
 let initialized = false
 

apps/web/src/state/farmsV4/state/accountPositions/fetcher.ts

@@ -12,6 +12,7 @@ import { AppState } from 'state'
 import { safeGetAddress } from 'utils'
 import { publicClient } from 'utils/viem'
 import { Address, erc20Abi, zeroAddress } from 'viem'
+import { getBalanceNumber } from '@pancakeswap/utils/formatBalance'
 import { StablePoolInfo, V2PoolInfo } from '../type'
 import { StableLPDetail, V2LPDetail } from './type'
 
@@ -136,10 +137,7 @@ export const getAccountV2LpDetails = async (
 
   const validLpTokens = lpTokens.filter((token) => token.chainId === chainId)
 
-  const bCakeWrapperAddresses = validReserveTokens.map((tokens) => {
-    const lpAddress = getV2LiquidityToken(tokens).address
-    return getBCakeWrapperAddress(lpAddress, chainId)
-  })
+  const bCakeWrapperAddresses = validLpTokens.map((token) => getBCakeWrapperAddress(token.address, chainId))
 
   const balanceCalls = validLpTokens.map((token) => {
     return {
@@ -152,15 +150,13 @@ export const getAccountV2LpDetails = async (
   const farmingCalls = bCakeWrapperAddresses.reduce(
     (acc, address) => {
       if (!address || address === '0x') return acc
-      return [
-        ...acc,
-        {
-          abi: v2BCakeWrapperABI,
-          address,
-          functionName: 'userInfo',
-          args: [account] as const,
-        } as const,
-      ]
+      acc.push({
+        abi: v2BCakeWrapperABI,
+        address,
+        functionName: 'userInfo',
+        args: [account] as const,
+      })
+      return acc
     },
     [] as Array<{
       abi: typeof v2BCakeWrapperABI
@@ -203,16 +199,26 @@ export const getAccountV2LpDetails = async (
   ])
 
   const farming = bCakeWrapperAddresses.reduce((acc, address) => {
-    if (!address || address === '0x') return [...acc, undefined]
-    const { result } = _farming.shift() ?? { result: undefined }
-    return [...acc, result]
+    if (!address || address === '0x') {
+      acc.push(undefined)
+    } else {
+      const { result } = _farming.shift() ?? { result: undefined }
+      acc.push(result)
+    }
+    return acc
   }, [] as Array<readonly [bigint, bigint, bigint, bigint, bigint] | undefined>)
-
   return balances
     .map((result, index) => {
       const { result: _balance = 0n, status } = result
       // LP not exist
-      if (status === 'failure') return undefined
+      if (status === 'failure') {
+        if (reserves[index].status === 'failure' && totalSupplies[index].status === 'failure') {
+          return undefined
+        }
+        throw new Error(
+          `Mismatch between balances, reserves, and supplies: Token: ${validLpTokens[index].address} Balance (${status}), Reserve (${reserves[index].status}), Supply (${totalSupplies[index].status})`,
+        )
+      }
 
       const nativeBalance = CurrencyAmount.fromRawAmount(validLpTokens[index], _balance)
       const farmingInfo = farming[index]
@@ -221,7 +227,7 @@ export const getAccountV2LpDetails = async (
       let farmingBoostedAmount = CurrencyAmount.fromRawAmount(validLpTokens[index], '0')
       if (farmingInfo) {
         farmingBalance = CurrencyAmount.fromRawAmount(validLpTokens[index], farmingInfo[0].toString())
-        farmingBoosterMultiplier = new BigNumber(Number(farmingInfo[2])).div(1000000000000).toNumber()
+        farmingBoosterMultiplier = getBalanceNumber(new BigNumber(Number(farmingInfo[2])), 12)
         farmingBoostedAmount = CurrencyAmount.fromRawAmount(validLpTokens[index], farmingInfo[3].toString())
       }
       const tokens = validReserveTokens[index]
@@ -256,7 +262,7 @@ export const getAccountV2LpDetails = async (
         protocol: Protocol.V2,
       }
     })
-    .filter((r) => typeof r !== 'undefined') as V2LPDetail[]
+    .filter(Boolean) as V2LPDetail[]
 }
 
 export const getStablePairDetails = async (
@@ -270,7 +276,8 @@ export const getStablePairDetails = async (
   if (!account || !client || !validStablePairs.length) return []
 
   const bCakeWrapperAddresses = validStablePairs.reduce((acc, pair) => {
-    return [...acc, getBCakeWrapperAddress(pair.lpAddress, chainId)]
+    acc.push(getBCakeWrapperAddress(pair.lpAddress, chainId))
+    return acc
   }, [] as Array<Address>)
 
   const balanceCalls = validStablePairs.map((pair) => {

apps/web/src/state/farmsV4/state/accountPositions/hooks/useAccountPositionDetailByPool.ts

@@ -2,7 +2,8 @@ import { Protocol } from '@pancakeswap/farms'
 import { LegacyRouter } from '@pancakeswap/smart-router/legacy-router'
 import { useQuery, UseQueryResult } from '@tanstack/react-query'
 import { useCallback, useMemo } from 'react'
-import { Address, isAddressEqual } from 'viem'
+import { isAddressEqual } from 'utils'
+import { Address } from 'viem'
 import { PoolInfo } from '../../type'
 import { getAccountV2LpDetails, getStablePairDetails } from '../fetcher'
 import { getAccountV3Positions } from '../fetcher/v3'

apps/web/src/state/farmsV4/state/accountPositions/hooks/useAccountV2LpDetails.ts

@@ -37,7 +37,6 @@ export const useAccountV2LpDetails = (chainIds: number[], account?: Address | nu
         refetchOnMount: false,
         refetchOnWindowFocus: false,
         refetchOnReconnect: false,
-        refetchInterval: false,
         // Prevents re-fetching while the data is still fresh
         staleTime: SLOW_INTERVAL,
       } satisfies UseQueryOptions<V2LPDetail[]>

apps/web/src/state/farmsV4/state/extendPools/atom.ts

@@ -1,7 +1,8 @@
 import { ChainId } from '@pancakeswap/chains'
 import { Protocol, supportedChainIdV4 } from '@pancakeswap/farms'
 import { atom } from 'jotai'
-import { isAddressEqual, type Address } from 'viem'
+import { isAddressEqual } from 'utils'
+import { type Address } from 'viem'
 import { farmPoolsAtom } from '../farmPools/atom'
 import { ChainIdAddressKey, PoolInfo } from '../type'
 
@@ -33,14 +34,17 @@ export const DEFAULT_QUERIES = {
 
 export const extendPoolsQueryAtom = atom<ExtendPoolsQuery>(DEFAULT_QUERIES)
 
-export const extendPoolsAtom = atom([] as PoolInfo[], (get, set, values: PoolInfo[]) => {
-  // remove duplicates pools with farmPoolsAtom
+export const extendPoolsAtom = atom<PoolInfo[]>([])
+
+export const updateExtendPoolsAtom = atom(null, (get, set, values: PoolInfo[]) => {
   const farms = get(farmPoolsAtom)
+  const currentPools = get(extendPoolsAtom)
+
   const newData = values.filter(
     (pool) => !farms.some((farm) => isAddressEqual(farm.lpAddress, pool.lpAddress) && farm.protocol === pool.protocol),
   )
 
-  set(extendPoolsAtom, [...get(extendPoolsAtom), ...newData])
+  set(extendPoolsAtom, [...currentPools, ...newData])
 })
 
 interface PoolsOfPositionType {

apps/web/src/state/farmsV4/state/extendPools/hooks.ts

@@ -1,19 +1,20 @@
 import { Token } from '@pancakeswap/swap-sdk-core'
 import { computePoolAddress, DEPLOYER_ADDRESSES, FeeAmount } from '@pancakeswap/v3-sdk'
 import { useQuery } from '@tanstack/react-query'
-import { useAtom } from 'jotai'
+import { useAtom, useAtomValue, useSetAtom } from 'jotai'
 import memoize from 'lodash/memoize'
 import { useCallback, useState } from 'react'
 import { Address } from 'viem/accounts'
 import type { PoolInfo } from '../type'
-import { DEFAULT_QUERIES, extendPoolsAtom, ExtendPoolsQuery, extendPoolsQueryAtom } from './atom'
+import { DEFAULT_QUERIES, extendPoolsAtom, ExtendPoolsQuery, extendPoolsQueryAtom, updateExtendPoolsAtom } from './atom'
 import { fetchExplorerPoolInfo, fetchExplorerPoolsList } from './fetcher'
 
 const RESET_QUERY_KEYS = ['protocols', 'orderBy', 'chains', 'pools', 'tokens'] as Array<keyof ExtendPoolsQuery>
 
 export const useExtendPools = () => {
   const [query, _setQuery] = useAtom(extendPoolsQueryAtom)
-  const [extendPools, updateExtendPools] = useAtom(extendPoolsAtom)
+  const updateExtendPools = useSetAtom(updateExtendPoolsAtom)
+  const extendPools = useAtomValue(extendPoolsAtom)
   const [pageEnd, setPageEnd] = useState(false)
   const fetchPoolList = useCallback(
     async (newQuery: Partial<ExtendPoolsQuery>) => {

apps/web/src/state/farmsV4/state/farmPools/fetcher.ts

@@ -11,7 +11,8 @@ import { getStableSwapPools } from '@pancakeswap/stable-swap-sdk'
 import { FeeAmount, masterChefV3ABI } from '@pancakeswap/v3-sdk'
 import { explorerApiClient } from 'state/info/api/client'
 import { publicClient } from 'utils/viem'
-import { isAddressEqual, type Address } from 'viem'
+import { isAddressEqual } from 'utils'
+import { type Address } from 'viem'
 import { PoolInfo } from '../type'
 import { parseFarmPools } from '../utils'
 
@@ -36,7 +37,12 @@ export const fetchExplorerFarmPools = async (
     params: {
       query: {
         protocols: args.protocols ?? DEFAULT_PROTOCOLS,
-        chains: chains.reduce((acc, cur) => (cur ? [...acc, getChainNameInKebabCase(cur)] : acc), [] as any[]),
+        chains: chains.reduce((acc, cur) => {
+          if (cur) {
+            acc.push(getChainNameInKebabCase(cur))
+          }
+          return acc
+        }, [] as any[]),
       },
     },
   })

apps/web/src/state/farmsV4/state/farmPools/hooks.ts

@@ -9,7 +9,7 @@ import dayjs from 'dayjs'
 import { useAtom } from 'jotai'
 import groupBy from 'lodash/groupBy'
 import keyBy from 'lodash/keyBy'
-import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useCallback, useMemo } from 'react'
 import { publicClient } from 'utils/viem'
 import { zeroAddress } from 'viem'
 import { Address } from 'viem/accounts'
@@ -22,18 +22,18 @@ type UnwrapPromise<T> = T extends Promise<infer U> ? U : T
 type ArrayItemType<T> = T extends Array<infer U> ? U : T
 
 export const useFarmPools = () => {
-  const [loaded, setLoaded] = useState(false)
   const [pools, setPools] = useAtom(farmPoolsAtom)
 
-  useEffect(() => {
-    if (!loaded) {
-      fetchFarmPools()
-        .then(setPools)
-        .finally(() => setLoaded(true))
-    }
-    // only fetch once when mount
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
+  const { isLoading } = useQuery({
+    queryKey: ['fetchFarmPools'],
+    queryFn: async () => {
+      const data = await fetchFarmPools()
+      setPools(data)
+    },
+    refetchOnMount: false,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false,
+  })
 
   const { data: poolsStatus, pending: isPoolStatusPending } = useMultiChainV3PoolsStatus(UNIVERSAL_FARMS)
   const { data: poolsTimeFrame, pending: isPoolsTimeFramePending } = useMultiChainPoolsTimeFrame(UNIVERSAL_FARMS)
@@ -60,7 +60,7 @@ export const useFarmPools = () => {
     })
   }, [pools, poolsStatus, isPoolStatusPending, poolsTimeFrame, isPoolsTimeFramePending])
 
-  return { loaded, data: poolsWithStatus }
+  return { loaded: !isLoading, data: poolsWithStatus }
 }
 
 export const useV3PoolsLength = (chainIds: number[]) => {
@@ -88,10 +88,8 @@ export const useV3PoolsLength = (chainIds: number[]) => {
     (results: UseQueryResult<bigint, Error>[]) => {
       return {
         data: results.reduce((acc, result, idx) => {
-          return {
-            ...acc,
-            [chainIds[idx]]: Number(result.data ?? 0),
-          }
+          Object.assign(acc, { [chainIds[idx]]: Number(result.data ?? 0) })
+          return acc
         }, {} as { [key: `${number}`]: number }),
         pending: results.some((result) => result.isPending),
       }
@@ -130,10 +128,7 @@ export const useV2PoolsLength = (chainIds: number[]) => {
     (results: UseQueryResult<bigint, Error>[]) => {
       return {
         data: results.reduce((acc, result, idx) => {
-          return {
-            ...acc,
-            [chainIds[idx]]: Number(result.data ?? 0),
-          }
+          return Object.assign(acc, { [chainIds[idx]]: Number(result.data ?? 0) })
         }, {} as { [key: `${number}`]: number }),
         pending: results.some((result) => result.isPending),
       }
@@ -172,10 +167,9 @@ export const useMultiChainV3PoolsStatus = (pools: UniversalFarmConfig[]) => {
     (results: UseQueryResult<UnwrapPromise<ReturnType<typeof fetchV3PoolsStatusByChainId>>, Error>[]) => {
       return {
         data: results.reduce((acc, result, idx) => {
-          return {
-            ...acc,
+          return Object.assign(acc, {
             [poolsEntries[idx][0]]: keyBy(result.data ?? [], ([, lpAddress]) => lpAddress),
-          }
+          })
         }, {} as IPoolsStatusType),
         pending: results.some((result) => result.isPending),
       }
@@ -259,12 +253,11 @@ export const useMultiChainPoolsTimeFrame = (pools: UniversalFarmConfig[]) => {
       return {
         data: results.reduce((acc, result, idx) => {
           let dataIdx = 0
-          return {
-            ...acc,
+          return Object.assign(acc, {
             [poolsEntries[idx][0]]: keyBy(result.data ?? [], () => {
               return poolsEntries[idx][1][dataIdx++].lpAddress
             }),
-          }
+          })
         }, {} as IPoolsTimeFrameType),
         pending: results.some((result) => result.isPending),
       }