feat: parse and display warp route fees

.env.example

@@ -0,0 +1,5 @@
+# AWS S3 Font Storage (server-side only, used by prebuild script)
+AWS_ACCESS_KEY_ID=your_access_key_id
+AWS_SECRET_ACCESS_KEY=your_secret_access_key
+AWS_S3_BUCKET=your_bucket_name
+AWS_REGION=us-east-1

.npmrc

@@ -0,0 +1 @@
+enable-pre-post-scripts=true

package.json

@@ -40,6 +40,7 @@
     "zustand": "^4.5.5"
   },
   "devDependencies": {
+    "@aws-sdk/client-s3": "^3.967.0",
     "@eslint/eslintrc": "^3.3.3",
     "@eslint/js": "^9.39.1",
     "@tanstack/eslint-plugin-query": "^5.28.6",
@@ -75,6 +76,8 @@
   },
   "scripts": {
     "clean": "rm -rf dist cache .next",
+    "prebuild": "node scripts/fetch-fonts.mjs",
+    "fetch-fonts": "node --env-file=.env.local scripts/fetch-fonts.mjs",
     "dev": "next dev",
     "build": "next build",
     "typecheck": "tsc",

scripts/fetch-fonts.mjs

@@ -0,0 +1,94 @@
+import { GetObjectCommand, S3Client } from '@aws-sdk/client-s3';
+import { createWriteStream, existsSync, mkdirSync, unlinkSync } from 'fs';
+import { dirname, join } from 'path';
+import { pipeline } from 'stream/promises';
+import { fileURLToPath } from 'url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const FONTS_DIR = join(__dirname, '..', 'public', 'fonts');
+
+// Font files to download from S3
+const FONTS = [
+  // Variable fonts for CSS (browser rendering)
+  'PPValve-PlainVariable.woff2',
+  'PPFraktionMono-Variable.woff2',
+  // TTF fonts for OG image generation (Satori requires TTF)
+  'PPValve-PlainMedium.ttf',
+  'PPFraktionMono-Regular.ttf',
+];
+
+async function fetchFonts() {
+  const { AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_S3_BUCKET, AWS_REGION } = process.env;
+
+  // Gracefully skip if environment variables are not configured
+  if (!AWS_ACCESS_KEY_ID || !AWS_SECRET_ACCESS_KEY || !AWS_S3_BUCKET) {
+    console.warn('AWS environment variables not configured - skipping font download');
+    console.warn(
+      'To enable font fetching, set: AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_S3_BUCKET',
+    );
+    return;
+  }
+
+  const s3 = new S3Client({
+    region: AWS_REGION || 'us-east-1',
+    credentials: {
+      accessKeyId: AWS_ACCESS_KEY_ID,
+      secretAccessKey: AWS_SECRET_ACCESS_KEY,
+    },
+  });
+
+  // Ensure fonts directory exists
+  if (!existsSync(FONTS_DIR)) {
+    mkdirSync(FONTS_DIR, { recursive: true });
+    console.log(`Created directory: ${FONTS_DIR}`);
+  }
+
+  const results = { success: [], failed: [] };
+
+  // Download each font, continuing on failure
+  for (const fontFile of FONTS) {
+    const outputPath = join(FONTS_DIR, fontFile);
+
+    if (existsSync(outputPath)) {
+      console.log(`Skipping ${fontFile} (already exists)`);
+      results.success.push(fontFile);
+      continue;
+    }
+
+    try {
+      console.log(`Downloading ${fontFile}...`);
+
+      const command = new GetObjectCommand({
+        Bucket: AWS_S3_BUCKET,
+        Key: fontFile,
+      });
+
+      const response = await s3.send(command);
+      const writeStream = createWriteStream(outputPath);
+
+      await pipeline(response.Body, writeStream);
+
+      console.log(`Downloaded ${fontFile}`);
+      results.success.push(fontFile);
+    } catch (error) {
+      console.warn(`Failed to download ${fontFile}: ${error.message}`);
+      try { unlinkSync(outputPath); } catch {}
+      results.failed.push(fontFile);
+    }
+  }
+
+  // Summary
+  console.log(
+    `\nFont download complete: ${results.success.length} succeeded, ${results.failed.length} failed`,
+  );
+
+  if (results.failed.length > 0) {
+    console.error('Failed fonts:', results.failed.join(', '));
+    process.exit(1);
+  }
+}
+
+fetchFonts().catch((error) => {
+  console.error('Font fetch script failed:', error.message);
+  process.exit(1);
+});