Include new mainnet fork changes

apps/hyperdrive-trading/.env.sample

@@ -14,8 +14,11 @@ VITE_CUSTOM_CHAIN_CHAIN_ID=
 VITE_CAPSULE_API_KEY=
 VITE_CAPSULE_ENV=
 #
-# Sepolia 
+# Sepolia, or
 VITE_SEPOLIA_RPC_URL=
+#
+# Mainnet
+VITE_MAINNET_RPC_URL=
 ##################################################
 
 # Used to screen ineligible addresses.

apps/hyperdrive-trading/README.md

@@ -48,6 +48,8 @@ cd apps/hyperdrive-trading
 
 ### Run locally
 
+First, copy the .env.sample to .env and you'll need to set the VITE_SEPOLIA_RPC_URL variable to an active rpc url.
+
 Serve with hot reload at <http://localhost:5173>.
 
 ```bash

apps/hyperdrive-trading/package.json

@@ -26,62 +26,64 @@
     "gen:walletconnect": "bash ./scripts/generate-walletconnect.sh"
   },
   "dependencies": {
+    "@delvtech/gopher": "*",
+    "@delvtech/hyperdrive-viem": "^2.3.0",
     "@heroicons/react": "^2.0.16",
     "@hyperdrive/appconfig": "*",
-    "@delvtech/hyperdrive-viem": "^2.3.0",
     "@rainbow-me/rainbowkit": "^2.0.0",
+    "@rollbar/react": "^0.11.1",
     "@tanstack/react-query": "^4.29.12",
     "@tanstack/react-router": "^1.9.0",
     "@tanstack/react-table": "^8.10.3",
-    "@types/lodash.sortby": "^4.7.9",
-    "lodash.sortby": "^4.7.0",
     "@types/d3-format": "^3.0.4",
+    "@types/lodash.sortby": "^4.7.9",
     "assert-never": "^1.2.1",
     "buffer": "^6.0.3",
     "calendar-link": "^2.6.0",
     "classnames": "^2.3.2",
     "d3-format": "^3.1.0",
-    "daisyui": "^4.11.1",
+    "daisyui": "^4.12.2",
     "dnum": "^2.9.0",
+    "lodash.sortby": "^4.7.0",
     "process": "^0.11.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
     "react-hot-toast": "^2.4.0",
     "react-loading-skeleton": "^3.3.1",
     "react-use": "^17.4.2",
-    "viem": "^2.7.8",
-    "@rollbar/react": "^0.11.1",
     "rollbar": "^2.26.4",
+    "viem": "^2.7.8",
     "wagmi": "^2.5.12"
   },
   "devDependencies": {
     "@hyperdrive/eslint-config": "*",
     "@hyperdrive/prettier-config": "*",
     "@hyperdrive/tsconfig": "*",
+    "@tanstack/eslint-plugin-query": "^5.28.11",
     "@tanstack/router-devtools": "^1.9.0",
     "@tanstack/router-vite-plugin": "^1.8.2",
-    "@tanstack/eslint-plugin-query": "^5.28.11",
     "@types/react": "^18.0.9",
     "@types/react-dom": "^18.0.10",
     "@types/react-helmet": "^6.1.6",
     "@typescript-eslint/eslint-plugin": "^7.5.0",
     "@typescript-eslint/parser": "^7.5.0",
+    "@usecapsule/rainbowkit-wallet": "^0.8.5",
     "@vitejs/plugin-react": "^3.1.0",
     "autoprefixer": "^10.4.13",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-tailwindcss": "^3.15.1",
+    "msw": "^2.3.1",
     "postcss": "^8.4.21",
     "prettier": "3.2.5",
     "prettier-plugin-organize-imports": "3.2.4",
     "prettier-plugin-tailwindcss": "^0.5.13",
-    "vite-plugin-node-polyfills": "^0.21.0",
-    "@usecapsule/rainbowkit-wallet": "^0.8.5",
     "tailwindcss": "^3.4.3",
     "tailwindcss-debug-screens": "2.2.1",
     "typescript": "^5.0.2",
     "vite": "^4.1.0",
+    "vite-plugin-node-polyfills": "^0.21.0",
     "vite-tsconfig-paths": "^4.0.5",
     "vitest": "^0.28.5"
   }

apps/hyperdrive-trading/src/base/formatRate.ts

@@ -6,5 +6,8 @@ export function formatRate(rate: bigint, decimals = 18): string {
   // the decimal, and format those to a percent, eg: 0.0499999999 * 100 = 4.99.
   const truncatedAPR = +formatUnits(rate, decimals).slice(0, 10);
   const formatted = `${Number((100 * truncatedAPR).toFixed(2)).toLocaleString()}`;
+  if (formatted.indexOf(".") === -1) {
+    return `${formatted}.00`;
+  }
   return formatted;
 }

apps/hyperdrive-trading/src/network/wagmiClient.ts

@@ -12,15 +12,16 @@
 import { CreateWalletFn } from "src/wallets/CreateWalletFn";
 import { capsuleWallet } from "src/wallets/capsule";
 import { Transport } from "viem";
-import { foundry, sepolia } from "wagmi/chains";
+import { foundry, mainnet, sepolia } from "wagmi/chains";
 
 const {
   VITE_LOCALHOST_NODE_RPC_URL,
   VITE_CUSTOM_CHAIN_NODE_RPC_URL,
   VITE_CUSTOM_CHAIN_ADDRESSES_URL,
   VITE_CUSTOM_CHAIN_CHAIN_ID,
   VITE_WALLET_CONNECT_PROJECT_ID,
   VITE_SEPOLIA_RPC_URL,
+  VITE_MAINNET_RPC_URL,
 } = import.meta.env;
 
 export const chains: Chain[] = [];
@@ -62,6 +63,17 @@
   }
 }
 
+if (VITE_MAINNET_RPC_URL) {
+  chains.push(mainnet);
+  transports[mainnet.id] = http(VITE_MAINNET_RPC_URL);
+
+  // TODO: push this into the custom wallets for local and cloudchain once
+  // capsule support is verified
+  if (capsuleWallet) {
+    customWallets.push(capsuleWallet);
+  }
+}
+
 export const wagmiConfig = getDefaultConfig({
   appName: "Hyperdrive",
   projectId: VITE_WALLET_CONNECT_PROJECT_ID || "0",