chore: try to use vercel plugin 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,10 @@
+import type { VercelRequest, VercelResponse } from '@vercel/node'
+import { buildServer } from 'router-api/src/server'
+
+const server = buildServer()
+
+export default async function handler(request: VercelRequest, response: VercelResponse) {
+  await server.ready()
+  server.server.emit('request', request, response)
+  console.info(`${request.method} ${request.url}`)
+}

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",
@@ -21,9 +21,9 @@
   },
   "devDependencies": {
     "@types/node": "24.5.2",
+    "dotenv": "^17.2.3",
     "eslint": "*",
     "eslint-config-custom": "*",
-    "tsx": "^4.20.6",
     "typescript": "*",
     "vitest": "^3.2.4"
   }

apps/router-api/src/dev.ts

@@ -1,6 +1,9 @@
+import dotenv from 'dotenv'
 import type { FastifyListenOptions } from 'fastify'
 import { buildServer } from './server'
 
+dotenv.config() // Load environment variables from .env file
+
 const loadConfigFromEnv = ({ HOST, PORT = 3010 } = process.env): FastifyListenOptions => ({
   port: Number(PORT),
   host: HOST,

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/tsconfig.build.json

@@ -1,10 +1,13 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "module": "ESNext",
+    "moduleResolution": "node",
     "noEmit": false,
-    "outDir": "dist",
+    "outDir": "dist/api",
     "rootDir": "src",
     "sourceMap": true
   },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": ["src/dev.ts"]
 }

apps/router-api/vercel.json

@@ -1,8 +1,13 @@
 {
+  "functions": {
+    "api/index.ts": {
+      "runtime": "nodejs"
+    }
+  },
   "rewrites": [
     {
-      "source": "/(.*)",
-      "destination": "/api"
+      "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",