feat: metaswap demo v2

.env.example

@@ -1,2 +1,8 @@
 NEXT_PUBLIC_WALLET_CONNECT_ID=12345678901234567890123456789012
-NEXT_PUBLIC_RPC_OVERRIDES='{"chain1":{"http":"https://..."}}'
+NEXT_PUBLIC_RPC_OVERRIDES='{"chain1":{"http":"https://..."}}'
+
+# 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

.gitignore

@@ -37,6 +37,7 @@ npm-debug.log*
 *.tsbuildinfo
 
 .idea
+/public/fonts
 .monorepo-tarballs
 
 .opencode

eslint.config.mjs

@@ -69,6 +69,9 @@ export default [
       'no-multiple-empty-lines': ['error'],
       'jsx-a11y/alt-text': ['off'],
 
+      // React Compiler rule - downgrade to warning for valid useEffect patterns
+      'react-hooks/set-state-in-effect': ['warn'],
+
       '@typescript-eslint/ban-ts-comment': ['off'],
       '@typescript-eslint/explicit-module-boundary-types': ['off'],
       '@typescript-eslint/no-explicit-any': ['off'],

next.config.js

@@ -1,11 +1,9 @@
 /** @type {import('next').NextConfig} */
 
 const { version } = require('./package.json');
-const { withSentryConfig } = require('@sentry/nextjs');
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
   enabled: process.env.ANALYZE === 'true',
 });
-
 const isDev = process.env.NODE_ENV !== 'production';
 
 // Sometimes useful to disable this during development
@@ -126,28 +124,40 @@ const nextConfig = {
 
   env: {
     NEXT_PUBLIC_VERSION: version,
+    NEXT_PUBLIC_SENTRY_DSN: process.env.NEXT_PUBLIC_SENTRY_DSN || '',
   },
 
   reactStrictMode: true,
 
+  outputFileTracingExcludes: {
+    '*': [
+      './node_modules/@sentry/**',
+      './node_modules/@opentelemetry/**',
+      './node_modules/require-in-the-middle/**',
+      './node_modules/@provablehq/**',
+      './node_modules/@radixdlt/**',
+      './node_modules/@solana/**',
+      './node_modules/@cosmjs/**',
+      './node_modules/@starknet-io/**',
+      './node_modules/ethers/**',
+    ],
+  },
+
+  experimental: {
+    webpackBuildWorker: true,
+    parallelServerCompiles: true,
+    parallelServerBuildTraces: true,
+    optimizePackageImports: [
+      '@hyperlane-xyz/registry',
+      '@hyperlane-xyz/sdk',
+      '@hyperlane-xyz/utils',
+      '@hyperlane-xyz/widgets',
+    ],
+  },
+
   // Skip linting and type checking during builds — CI runs these separately
   eslint: { ignoreDuringBuilds: true },
   typescript: { ignoreBuildErrors: true },
 };
 
-const sentryOptions = {
-  org: 'hyperlane',
-  project: 'warp-ui',
-  authToken: process.env.SENTRY_AUTH_TOKEN,
-  hideSourceMaps: true,
-  tunnelRoute: '/monitoring-tunnel',
-  sourcemaps: { disable: true },
-  telemetry: false,
-  bundleSizeOptimizations: {
-    excludeDebugStatements: true,
-    excludeReplayIframe: true,
-    excludeReplayShadowDom: true,
-  },
-};
-
-module.exports = withBundleAnalyzer(withSentryConfig(nextConfig, sentryOptions));
+module.exports = withBundleAnalyzer(nextConfig);

package.json

@@ -21,9 +21,9 @@
     "@emotion/styled": "^11.13.0",
     "@headlessui/react": "^2.2.0",
     "@hyperlane-xyz/registry": "23.14.0",
-    "@hyperlane-xyz/sdk": "25.1.0",
-    "@hyperlane-xyz/utils": "25.1.0",
-    "@hyperlane-xyz/widgets": "25.1.0",
+    "@hyperlane-xyz/sdk": "25.1.1-beta.49818f74c289a72696559690d464fe1bb4d311c7",
+    "@hyperlane-xyz/utils": "25.1.1-beta.49818f74c289a72696559690d464fe1bb4d311c7",
+    "@hyperlane-xyz/widgets": "25.1.1-beta.49818f74c289a72696559690d464fe1bb4d311c7",
     "@interchain-ui/react": "^1.23.28",
     "@intercom/messenger-js-sdk": "^0.0.18",
     "@metamask/post-message-stream": "6.1.2",
@@ -32,7 +32,7 @@
     "@provablehq/aleo-wallet-adaptor-shield": "0.3.0-alpha.1",
     "@radixdlt/babylon-gateway-api-sdk": "^1.10.1",
     "@radixdlt/radix-dapp-toolkit": "^2.2.1",
-    "@rainbow-me/rainbowkit": "2.2.0",
+    "@rainbow-me/rainbowkit": "2.2.10",
     "@sentry/browser": "8.38.0",
     "@sentry/core": "8.38.0",
     "@sentry/nextjs": "^8.38.0",
@@ -60,6 +60,7 @@
     "buffer": "^6.0.3",
     "clsx": "^2.1.1",
     "cosmjs-types": "^0.9.0",
+    "ethers": "^5.8.0",
     "formik": "^2.4.6",
     "framer-motion": "^10.16.4",
     "next": "^15.0.7",
@@ -74,6 +75,7 @@
     "zustand": "^4.4.7"
   },
   "devDependencies": {
+    "@aws-sdk/client-s3": "^3.967.0",
     "@eslint/eslintrc": "^3.3.3",
     "@eslint/js": "^9.39.1",
     "@next/bundle-analyzer": "^15.0.2",
@@ -93,6 +95,7 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "globals": "^14.0.0",
+    "pino-pretty": "^13.1.3",
     "postcss": "^8.4.47",
     "prettier": "^3.2.5",
     "prettier-plugin-organize-imports": "^4.1.0",
@@ -119,6 +122,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",