Dynamic on-chain tokens

apps/api/src/api/controllers/admin/partnerApiKeys.controller.ts

@@ -12,7 +12,7 @@ import { generateApiKey, getKeyPrefix, hashApiKey } from "../../middlewares/apiK
  */
 export async function createApiKey(req: Request, res: Response): Promise<void> {
   try {
-    const { partnerName } = req.params;
+    const partnerName = req.params.partnerName as string;
     const { name, expiresAt } = req.body;
 
     // Verify at least one partner with this name exists and is active
@@ -112,7 +112,7 @@ export async function createApiKey(req: Request, res: Response): Promise<void> {
  */
 export async function listApiKeys(req: Request, res: Response): Promise<void> {
   try {
-    const { partnerName } = req.params;
+    const partnerName = req.params.partnerName as string;
 
     // Verify partner exists
     const partners = await Partner.findAll({

apps/api/src/api/controllers/maintenance.controller.ts

@@ -63,7 +63,7 @@ export const getAllMaintenanceSchedules: RequestHandler = async (_, res) => {
  */
 export const updateScheduleActiveStatus: RequestHandler = async (req, res) => {
   try {
-    const { id } = req.params;
+    const id = req.params.id as string;
     const { isActive } = req.body;
 
     if (typeof isActive !== "boolean") {

apps/api/src/api/controllers/metrics.controller.ts

@@ -62,7 +62,7 @@ const zeroVolume = (key: string, keyName: "day" | "month"): any => ({
 });
 
 async function getMonthlyVolumes(): Promise<MonthlyVolume[]> {
-  const cacheKey = `monthly`;
+  const cacheKey = "monthly";
   const cached = cache.get<MonthlyVolume[]>(cacheKey);
   if (cached) return cached;
 

apps/api/src/api/services/phases/handlers/distribute-fees-handler.ts

@@ -64,7 +64,7 @@ export class DistributeFeesHandler extends BasePhaseHandler {
       logger.info(`Found existing distribute fee hash for ramp ${state.id}: ${existingHash}`);
 
       const status = await this.checkExtrinsicStatus(existingHash).catch((_: unknown) => {
-        throw this.createRecoverableError(`Failed to check extrinsic status`);
+        throw this.createRecoverableError("Failed to check extrinsic status");
       });
 
       if (status === ExtrinsicStatus.Success) {

apps/api/src/api/services/priceFeed.service.ts

@@ -3,6 +3,7 @@ import {
   EvmToken,
   getPendulumDetails,
   getTokenOutAmount,
+  getTokenUsdPrice,
   isFiatToken,
   normalizeTokenSymbol,
   PENDULUM_USDC_AXL,
@@ -488,6 +489,16 @@ export class PriceFeedService {
   }
 
   private async convertUsdToCrypto(amount: string, toCurrency: RampCurrency, decimals: number): Promise<string> {
+    // Try dynamic token price first
+    const dynamicPrice = getTokenUsdPrice(toCurrency);
+    if (dynamicPrice !== undefined && dynamicPrice > 0) {
+      const result = new Big(amount).div(dynamicPrice).toFixed(decimals);
+      logger.debug(`Converted ${amount} USD to ${result} ${toCurrency} using dynamic price: ${dynamicPrice}`);
+      return result;
+    }
+
+    // Fall back to CoinGecko
+    logger.debug(`No dynamic price for ${toCurrency}, falling back to CoinGecko`);
     const tokenId = this.getCoinGeckoTokenId(toCurrency);
     if (!tokenId) {
       throw new Error(`No CoinGecko token ID mapping for ${toCurrency}`);
@@ -499,19 +510,29 @@ export class PriceFeedService {
     }
 
     const result = new Big(amount).div(cryptoPriceUSD).toFixed(decimals);
-    logger.debug(`Converted ${amount} USD to ${result} ${toCurrency} using price: ${cryptoPriceUSD}`);
+    logger.debug(`Converted ${amount} USD to ${result} ${toCurrency} using CoinGecko price: ${cryptoPriceUSD}`);
     return result;
   }
 
   private async convertCryptoToUsd(amount: string, fromCurrency: RampCurrency, decimals: number): Promise<string> {
+    // Try dynamic token price first
+    const dynamicPrice = getTokenUsdPrice(fromCurrency);
+    if (dynamicPrice !== undefined && dynamicPrice > 0) {
+      const result = new Big(amount).mul(dynamicPrice).toFixed(decimals);
+      logger.debug(`Converted ${amount} ${fromCurrency} to ${result} USD using dynamic price: ${dynamicPrice}`);
+      return result;
+    }
+
+    // Fall back to CoinGecko
+    logger.debug(`No dynamic price for ${fromCurrency}, falling back to CoinGecko`);
     const tokenId = this.getCoinGeckoTokenId(fromCurrency);
     if (!tokenId) {
       throw new Error(`No CoinGecko token ID mapping for ${fromCurrency}`);
     }
 
     const cryptoPriceUSD = await this.getCryptoPrice(tokenId, "usd");
     const result = new Big(amount).mul(cryptoPriceUSD).toFixed(decimals);
-    logger.debug(`Converted ${amount} ${fromCurrency} to ${result} USD using price: ${cryptoPriceUSD}`);
+    logger.debug(`Converted ${amount} ${fromCurrency} to ${result} USD using CoinGecko price: ${cryptoPriceUSD}`);
     return result;
   }
 }

apps/api/src/api/services/quote/core/squidrouter.ts

@@ -64,6 +64,8 @@ export function getTokenDetailsForEvmDestination(
     });
   }
 
+  console.log("Getting token details for:", finalOutputCurrency, "on network:", network);
+
   const tokenDetails = getOnChainTokenDetails(network, finalOutputCurrency);
 
   if (!tokenDetails || !isEvmTokenDetails(tokenDetails)) {

apps/api/src/index.ts

@@ -5,7 +5,7 @@ dotenv.config({
   path: [path.resolve(process.cwd(), ".env"), path.resolve(process.cwd(), "../.env")]
 });
 
-import { ApiManager, EvmClientManager, setLogger } from "@vortexfi/shared";
+import { ApiManager, EvmClientManager, initializeEvmTokens, setLogger } from "@vortexfi/shared";
 import { config, testDatabaseConnection } from "./config";
 import cryptoService from "./config/crypto";
 import app from "./config/express";
@@ -53,6 +53,9 @@ const initializeApp = async () => {
     // Initialize RSA keys for webhook signing
     cryptoService.initializeKeys();
 
+    // Initialize dynamic EVM tokens from SquidRouter API (falls back to static config on failure)
+    await initializeEvmTokens();
+
     // Test database connection
     await testDatabaseConnection();
 

apps/frontend/App.css

@@ -2,25 +2,25 @@
 @plugin "daisyui";
 
 :root {
-  --color-primary: #0f4dc0;
-  --color-primary-content: #fff;
-  --color-secondary: #f4f5f6;
-  --color-secondary-content: #58667e;
-  --color-accent: #db2777;
-  --color-accent-content: #000;
-  --color-neutral: #eff2f5;
-  --color-neutral-content: #58667e;
-  --color-base-100: #f5f9fa;
-  --color-base-200: #fff;
-  --color-base-300: #e3e7eb;
-  --color-base-content: #58667e;
+  --color-primary: oklch(0.45 0.2 260);
+  --color-primary-content: oklch(1 0 0);
+  --color-secondary: oklch(0.97 0.003 260);
+  --color-secondary-content: oklch(0.5 0.04 250);
+  --color-accent: oklch(0.55 0.22 350);
+  --color-accent-content: oklch(0 0 0);
+  --color-neutral: oklch(0.96 0.005 250);
+  --color-neutral-content: oklch(0.5 0.04 250);
+  --color-base-100: oklch(0.98 0.005 210);
+  --color-base-200: oklch(1 0 0);
+  --color-base-300: oklch(0.92 0.008 250);
+  --color-base-content: oklch(0.5 0.04 250);
 
   --radius-field: 9px;
   --border: 1px;
 
-  --text: #111;
-  --bg-modal: #fff;
-  --modal-border: #e5e5e5;
+  --text: oklch(0.15 0 0);
+  --bg-modal: oklch(1 0 0);
+  --modal-border: oklch(0.91 0 0);
   --rounded-btn: 9px;
   --btn-text-case: none;
 }
@@ -75,7 +75,7 @@
 .input-ghost[aria-readonly="true"]:focus-within {
   background-color: transparent !important;
   color: var(--color-base-content);
-  border-color: #0000;
+  border-color: oklch(0 0 0 / 0);
   box-shadow: none;
 }
 

apps/frontend/package.json

@@ -31,6 +31,7 @@
     "@tanstack/react-query": "^5.64.2",
     "@tanstack/react-router": "^1.136.8",
     "@tanstack/react-router-devtools": "^1.136.8",
+    "@tanstack/react-virtual": "^3.13.18",
     "@tanstack/zod-adapter": "^1.144.0",
     "@types/crypto-js": "^4.2.2",
     "@vitejs/plugin-react": "^4.3.4",
@@ -56,6 +57,7 @@
     "react-hook-form": "^7.65.0",
     "react-i18next": "^15.4.1",
     "react-toastify": "^11.0.5",
+    "react-window": "^2.2.5",
     "stellar-sdk": "catalog:",
     "tailwind-merge": "^3.1.0",
     "tailwindcss": "^4.0.3",