chore: try to use vercel route

Author: DanielSchiavini

.gitignore

@@ -18,10 +18,8 @@ coverage
 cypress.env.json
 tests/cypress/screenshots
 
-# next.js
-.next/
-out/
-build
+# Vercel
+/apps/main/.vercel/
 
 # misc
 .DS_Store

apps/main/_api/router.ts

@@ -0,0 +1,19 @@
+import { buildOptimalRouteResponse } from 'router-api/src/routes/optimal-route'
+import type { Decimal, OptimalRouteQuery } from 'router-api/src/routes/optimal-route.schemas'
+import type { Address } from 'viem'
+import type { VercelRequest, VercelResponse } from '@vercel/node'
+
+export default async function handler(request: VercelRequest, response: VercelResponse) {
+  console.info(`${request.method} ${request.url}`)
+  const u = new URL(request.url!)
+  // todo: validate query params
+  const query: OptimalRouteQuery = {
+    chainId: +(u.searchParams.get('chainId') ?? 1),
+    tokenIn: u.searchParams.getAll('tokenIn') as [Address],
+    tokenOut: u.searchParams.getAll('tokenOut') as [Address],
+    amountIn: u.searchParams.get('amountIn') ? (u.searchParams.getAll('amountIn') as [Decimal]) : undefined,
+    amountOut: u.searchParams.get('amountOut') ? (u.searchParams.getAll('amountOut') as [Decimal]) : undefined,
+  }
+
+  return response.send(await buildOptimalRouteResponse(query))
+}

apps/main/package.json

@@ -55,7 +55,8 @@
     "@types/node": "24.3.0",
     "@types/react": "*",
     "@types/react-dom": "*",
-    "@vitejs/plugin-react": "^5.0.1",
+    "@vercel/node": "^5.3.25",
+    "@vitejs/plugin-react": "^5.0.4",
     "babel-plugin-styled-components": "^2.1.4",
     "eslint": "*",
     "eslint-config-custom": "*",

apps/main/vite.config.ts

@@ -35,7 +35,8 @@ export default defineConfig(({ command }) => ({
         destination: '/favicon.ico',
       },
       {
-        source: '/(.*)',
+        // match all files except api routes
+        source: '/((?!api/).*)',
         destination: '/index.html',
       },
     ],

apps/router-api/package.json

@@ -8,7 +8,7 @@
   },
   "scripts": {
     "dev": "tsx watch src/dev.ts",
-    "start": "node dist/index.js",
+    "start": "node dist/api/index.js",
     "build": "tsc --project tsconfig.build.json",
     "lint": "eslint \"src/**/*.ts\"",
     "typecheck": "tsc --noEmit",

apps/router-api/src/routes/optimal-route.ts

@@ -22,7 +22,7 @@ export function registerOptimalRoute(server: FastifyInstance): void {
     },
     async (request: FastifyRequest<{ Querystring: OptimalRouteQuery }>) => {
       const query = request.query
-      return buildOptimalRouteResponse(await loadCurve(query.chainId), query)
+      return buildOptimalRouteResponse(query)
     },
   )
 }
@@ -55,14 +55,16 @@ export async function routerGetToStoredRate(routes: IRoute, curve: CurveJS, toAd
   ] as Decimal
 }
 
-async function buildOptimalRouteResponse(curve: CurveJS, query: OptimalRouteQuery): Promise<RouteResponse[]> {
+export async function buildOptimalRouteResponse(query: OptimalRouteQuery): Promise<RouteResponse[]> {
   const {
     tokenOut: [toToken],
     tokenIn: [fromToken],
     chainId,
     amountIn: [amountIn] = [],
     amountOut,
   } = query
+
+  const curve = await loadCurve(query.chainId)
   const fromAmount = amountIn ?? ((await curve.router.required(fromToken, toToken, amountOut?.[0] ?? '0')) as Decimal)
   const { route: routes, output } = await curve.router.getBestRouteAndOutput(fromToken, toToken, fromAmount)
   if (!routes.length) return []

apps/router-api/vercel.json

@@ -1,8 +1,13 @@
 {
+  "functions": {
+    "api/index.ts": {
+      "runtime": "nodejs20.x"
+    }
+  },
   "rewrites": [
     {
-      "source": "/(.*)",
-      "destination": "/api/index.js"
+      "source": "/api/(.*)",
+      "destination": "/api/index.ts"
     }
   ]
 }

packages/curve-ui-kit/package.json

@@ -45,7 +45,7 @@
     "@storybook/react-vite": "9.1.3",
     "@types/react": "*",
     "@types/react-dom": "*",
-    "@vitejs/plugin-react": "^5.0.1",
+    "@vitejs/plugin-react": "^5.0.4",
     "eslint": "*",
     "eslint-config-custom": "*",
     "storybook": "9.1.3",

tests/package.json

@@ -25,7 +25,7 @@
     "@cypress/vite-dev-server": "^7.0.0",
     "@types/cypress": "^1.1.6",
     "@types/wait-on": "^5.3.4",
-    "@vitejs/plugin-react": "^5.0.1",
+    "@vitejs/plugin-react": "^5.0.4",
     "@vitest/ui": "^3.2.4",
     "cypress": "^15.0.0",
     "dotenv-flow": "^4.1.0",