Merge branch 'feat/add-oracle-function-check-to-pool-creation' of https://github.com/curvefi/curve-frontend into feat/add-oracle-function-check-to-pool-creation

Author: OnlyJousting

.github/workflows/ci.yaml

@@ -2,6 +2,7 @@ name: CI
 on: [push]
 env:
   DO_NOT_TRACK: 1
+  VERCEL_ALLOW_NODEJS_24: 1
   IBM_TELEMETRY_DISABLED: true
 permissions:
   contents: read
@@ -13,7 +14,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: yarn
       - run: yarn set version stable
       - run: yarn install --immutable
@@ -28,7 +29,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: yarn
       - run: yarn set version stable
       - run: yarn install --immutable
@@ -48,7 +49,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: yarn
       - run: yarn set version stable
       - run: yarn install --immutable
@@ -76,7 +77,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: yarn
       - run: yarn set version stable
       - run: yarn install --immutable
@@ -115,7 +116,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: yarn
       - run: npm install -g wait-on &
 

.github/workflows/prices-api.yaml

@@ -15,7 +15,7 @@ jobs:
       - name: Setup NPM registry in Yarn
         uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: yarn
           registry-url: 'https://registry.npmjs.org'
 

.github/workflows/rpc-tests.yaml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: yarn
       - run: yarn set version stable
       - run: yarn install --immutable

.github/workflows/storybook.yaml

@@ -19,7 +19,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
           cache: yarn
 
       - name: 'Build'

CLAUDE.md

@@ -73,7 +73,7 @@ src/[domain]/
 - React 19 with TypeScript
 - TanStack Router for routing
 - TanStack Query for data fetching
-- Node.js 22 (required)
+- Node.js LTS version (required)
 - Yarn 4 workspaces
 
 **State & Data:**

apps/main/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "type": "module",
   "engines": {
-    "node": "22"
+    "node": "24"
   },
   "scripts": {
     "dev": "vite",
@@ -38,7 +38,7 @@
     "ui": "*",
     "vest": "^5.4.6",
     "vite-plugin-svgr": "^4.5.0",
-    "vite-plugin-vercel": "9.0.8"
+    "vite-plugin-vercel": "9.1.1"
   },
   "peerDependencies": {
     "@curvefi/api": "*",

apps/main/src/dao/store/createAppSlice.ts

@@ -1,5 +1,6 @@
 import { produce } from 'immer'
 import lodash from 'lodash'
+import type { Config } from 'wagmi'
 import type { StoreApi } from 'zustand'
 import type { State } from '@/dao/store/useStore'
 import type { CurveApi, Wallet } from '@/dao/types/dao.types'
@@ -15,7 +16,7 @@ export interface AppSlice extends SliceState {
   updateGlobalStoreByKey: <T>(key: DefaultStateKeys, value: T) => void
 
   /** Hydrate resets states and refreshes store data from the API */
-  hydrate(api: CurveApi | undefined, prevApi: CurveApi | undefined, wallet: Wallet | undefined): Promise<void>
+  hydrate(config: Config, api: CurveApi | undefined, prevApi: CurveApi | undefined, wallet: Wallet | undefined): Promise<void>
 
   setAppStateByActiveKey<T>(sliceKey: SliceKey, key: StateKey, activeKey: string, value: T): void
   setAppStateByKey<T>(sliceKey: SliceKey, key: StateKey, value: T): void
@@ -35,7 +36,7 @@ const createAppSlice = (set: StoreApi<State>['setState'], get: StoreApi<State>['
     )
   },
 
-  hydrate: async (api, prevApi, wallet) => {
+  hydrate: async (config, api, prevApi, wallet) => {
     if (!api) return
 
     const isNetworkSwitched = prevApi?.chainId != api.chainId

apps/main/src/dex/components/MonadBannerAlert.tsx

@@ -1,4 +1,5 @@
 import { styled } from 'styled-components'
+import { useConfig } from 'wagmi'
 import InfoLinkBar from '@/dex/components/PageCreatePool/ConfirmModal/CreateInfoLinkBar'
 import { useNetworks } from '@/dex/entities/networks'
 import { curveProps } from '@/dex/lib/utils'
@@ -25,6 +26,7 @@ const CreatePoolButton = ({ disabled, curve }: Props) => {
   const poolId = useStore((state) => state.createPool.transactionState.poolId)
   const errorMessage = useStore((state) => state.createPool.transactionState.errorMessage)
   const { connectState, connect: connectWallet } = useWallet()
+  const config = useConfig()
 
   return !haveSigner ? (
     <StyledButton variant="filled" onClick={() => connectWallet()} loading={isLoading(connectState)}>
@@ -39,7 +41,7 @@ const CreatePoolButton = ({ disabled, curve }: Props) => {
         </StyledAlertBox>
       )}
       {(txStatus === '' || txStatus === 'ERROR') && (
-        <StyledButton disabled={disabled} variant={'icon-filled'} onClick={() => deployPool(curve)}>
+        <StyledButton disabled={disabled} variant={'icon-filled'} onClick={() => deployPool(config, curve)}>
           {t`Create Pool`}
         </StyledButton>
       )}

apps/main/src/dex/components/PageCreatePool/ConfirmModal/CreatePoolButton.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useMemo, useState } from 'react'
+import { useConfig } from 'wagmi'
 import Transfer from '@/dex/components/PagePool/index'
 import { ROUTE } from '@/dex/constants'
 import { useNetworkByChain } from '@/dex/entities/networks'
@@ -30,12 +31,13 @@ export const PagePool = () => {
 
   const poolDataCacheOrApi = useMemo(() => poolData || poolDataCache, [poolData, poolDataCache])
 
+  const config = useConfig()
   useEffect(() => {
     if (!rChainId || !poolId || curveApi?.chainId !== rChainId || !haveAllPools || poolData) return
-    fetchNewPool(curveApi, poolId)
+    fetchNewPool(config, curveApi, poolId)
       .then((found) => setPoolNotFound(!found))
       .catch(() => setPoolNotFound(true))
-  }, [curveApi, fetchNewPool, haveAllPools, network, poolId, poolData, push, rChainId])
+  }, [config, curveApi, fetchNewPool, haveAllPools, network, poolId, poolData, push, rChainId])
 
   return !rFormType || network.excludePoolsMapper[poolId ?? ''] || poolNotFound ? (
     <ErrorPage title="404" subtitle={t`Pool Not Found`} continueUrl={getPath(props, ROUTE.PAGE_POOLS)} />