hyperlane-xyz · jmrossy · Aug 10, 2023 · Aug 10, 2023 · Aug 13, 2023 · Aug 13, 2023
@@ -43,7 +43,6 @@ The links used in the footer can be found here: `./src/consts/links.ts`
 ### Public assets / Favicons
 
 The images and manifest files under `./public` should also be updated.
-The current collection was generated with [RealFaviconGenerator](https://realfavicongenerator.net)
 
 ### Fonts
 

@@ -10,7 +10,7 @@ export function AppLayout({ children }: PropsWithChildren) {
       <Head>
         {/* https://nextjs.org/docs/messages/no-document-viewport-meta */}
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Hyperlane Warp Route Template UI</title>
+        <title>Nautilus Bridge</title>
       </Head>
       <div id="app-content" className="h-full min-h-screen w-full min-w-screen">
         <div className="max-w-screen-xl mx-auto flex flex-col justify-between min-h-screen px-4">

@@ -18,9 +18,9 @@ export function Footer() {
           </div>
           <div className="hidden sm:flex flex-col ml-3">
             <p className="leading-6">
-              Go interchain
+              Bridge ZBC with the Nautilus Chain Bridge
               <br />
-              with Hyperlane
+              Build with <Link href="https://www.hyperlane.xyz">Hyperlane</Link>
             </p>
           </div>
         </div>

@@ -2,17 +2,13 @@ import Image from 'next/image';
 import Link from 'next/link';
 
 import { WalletControlBar } from '../../features/wallet/WalletControlBar';
-import Logo from '../../images/logos/app-logo.svg';
-import Name from '../../images/logos/app-name.svg';
 import Title from '../../images/logos/app-title.svg';
 
 export function Header() {
   return (
     <header className="pt-3 pb-2 w-full">
       <div className="flex items-start justify-between">
         <Link href="/" className="py-2 flex items-center">
-          <Image src={Logo} width={19} alt="" />
-          <Image src={Name} width={110} alt="" className="hidden sm:block mt-0.5 ml-2" />
           <Image src={Title} width={185} alt="" className="mt-0.5 ml-2 pb-px" />
         </Link>
         <div className="flex flex-col items-end md:flex-row-reverse md:items-start gap-2">

@@ -1,32 +1,19 @@
-import Image from 'next/image';
 import { useState } from 'react';
 
 import { IconButton } from '../../components/buttons/IconButton';
 import { config } from '../../consts/config';
-import { links } from '../../consts/links';
-import InfoCircle from '../../images/icons/info-circle.svg';
 import XCircle from '../../images/icons/x-circle.svg';
 
 export function TipCard() {
   const [show, setShow] = useState(config.showTipBox);
   if (!show) return null;
   return (
     <div className="relative px-3 py-3 w-100 sm:w-[31rem] bg-blue-500 shadow-lg rounded opacity-95">
-      <h2 className="text-white sm:text-lg">Bridge Tokens with Hyperlane Warp Routes!</h2>
+      <h2 className="text-white sm:text-lg"> ⚠️ Nautilus Bridge is in deposit-only mode.</h2>
       <div className="flex items-end justify-between">
-        <p className="text-white mt-1.5 text-xs sm:text-sm max-w-[70%]">
-          Warp Routes make it easy to permissionlessly take your tokens interchain. Fork this
-          template to get started!
+        <p className="text-white mt-1.5 text-xs sm:text-sm">
+          Currently, bridge transfers to Nautilus must originate from BSC or Solana.
         </p>
-        <a
-          href={links.github}
-          target="_blank"
-          rel="noopener noreferrer"
-          className="ml-2 px-3 py-1.5 flex items-center bg-gray-100 hover:bg-gray-200 active:bg-gray-300 text-xs sm:text-sm text-blue-500 rounded-md transition-all"
-        >
-          <Image src={InfoCircle} width={16} alt="" />
-          <span className="ml-1.5">Learn More</span>
-        </a>
       </div>
       <div className="absolute right-3 top-3 invert">
         <IconButton

@@ -1,4 +1,5 @@
-import { ChainMap, ChainMetadata, chainMetadata } from '@hyperlane-xyz/sdk';
+import { ChainMap, ChainMetadata, ExplorerFamily, chainMetadata } from '@hyperlane-xyz/sdk';
+import { ProtocolType } from '@hyperlane-xyz/utils';
 
 // A map of chain names to ChainMetadata
 export const chains: ChainMap<ChainMetadata & { mailbox?: Address }> = {
@@ -36,7 +37,7 @@ export const chains: ChainMap<ChainMetadata & { mailbox?: Address }> = {
         http: process.env.NEXT_PUBLIC_SOLANA_RPC_URL || 'https://api.mainnet-beta.solana.com',
       },
     ],
-    mailbox: 'TODO',
+    mailbox: 'Ge9atjAc3Ltu91VTbNpJDCjZ9CFxFyck4h3YBcTF9XPq',
   },
   solanatestnet: {
     ...chainMetadata.solanatestnet,
@@ -46,4 +47,55 @@ export const chains: ChainMap<ChainMetadata & { mailbox?: Address }> = {
     ...chainMetadata.solanadevnet,
     mailbox: '4v25Dz9RccqUrTzmfHzJMsjd1iVoNrWzeJ4o6GYuJrVn',
   },
+  proteustestnet: {
+    chainId: 88002,
+    domainId: 88002,
+    name: 'proteustestnet',
+    protocol: ProtocolType.Ethereum,
+    displayName: 'Proteus Testnet',
+    displayNameShort: 'Proteus',
+    nativeToken: {
+      name: 'Zebec',
+      symbol: 'ZBC',
+      decimals: 18,
+    },
+    rpcUrls: [
+      {
+        http: 'https://api.proteus.nautchain.xyz/solana',
+      },
+    ],
+    blockExplorers: [
+      {
+        name: 'Proteus Explorer',
+        url: 'https://proteus.nautscan.com/proteus',
+        apiUrl: 'https://proteus.nautscan.com/proteus',
+        family: ExplorerFamily.Other,
+      },
+    ],
+    mailbox: '0x918D3924Fad8F71551D9081172e9Bb169745461e',
+  },
+  nautilus: {
+    chainId: 22222,
+    domainId: 22222,
+    name: 'nautilus',
+    protocol: ProtocolType.Ethereum,
+    displayName: 'Nautilus',
+    logoURI: 'https://www.nautchain.xyz/media/nuatchain_media_kit/naut_sq.png',
+    nativeToken: {
+      name: 'Zebec',
+      symbol: 'ZBC',
+      decimals: 18,
+    },
+    rpcUrls: [
+      {
+        http: 'https://api.nautilus.nautchain.xyz',
+      },
+    ],
+    blocks: {
+      confirmations: 1,
+      reorgPeriod: 1,
+      estimateBlockTime: 1,
+    },
+    mailbox: '0xF59557dfacDc5a1cb8A36Af43aA4819a6A891e88',
+  },
 };
@@ -20,8 +20,8 @@ export const config: Config = Object.freeze({
   debug: isDevMode,
   version,
   explorerApiKeys,
-  showTipBox: true,
-  showDisabledTokens: true,
+  showTipBox: !!withdrawalWhitelist,
+  showDisabledTokens: false,
   walletConnectProjectId,
   withdrawalWhitelist,
   transferBlacklist,

@@ -1,38 +1,95 @@
 import { WarpTokenConfig } from '../features/tokens/types';
 
 export const tokenList: WarpTokenConfig = [
-  // Example collateral token for an EVM chain
+  // bsc
   {
     type: 'collateral',
-    chainId: 5,
-    address: '0xb4fbf271143f4fbf7b91a5ded31805e42b2208d6',
-    hypCollateralAddress: '0x145de8760021c4ac6676376691b78038d3DE9097',
-    name: 'Weth',
-    symbol: 'WETH',
-    decimals: 18,
-    logoURI: '/logos/weth.png', // See public/logos/
+    chainId: 56,
+    address: '0x37a56cdcD83Dce2868f721De58cB3830C44C6303',
+    hypCollateralAddress: '0xC27980812E2E66491FD457D488509b7E04144b98',
+    name: 'Zebec',
+    symbol: 'ZBC',
+    decimals: 9,
+    logoURI: '/logos/zebec.png',
   },
 
-  // Example native token for an EVM chain
+  // nautilus
   {
     type: 'native',
-    chainId: 11155111,
-    name: 'Ether',
+    chainId: 22222,
+    hypNativeAddress: '0x4501bBE6e731A4bC5c60C03A77435b2f6d5e9Fe7',
+    name: 'Zebec',
+    symbol: 'ZBC',
+    decimals: 18,
+    logoURI: '/logos/zebec.png',
+  },
+
+  // solana
+  {
+    type: 'collateral',
+    chainId: 1399811149,
+    address: 'wzbcJyhGhQDLTV1S99apZiiBdE4jmYfbw99saMMdP59',
+    hypCollateralAddress: 'EJqwFjvVJSAxH8Ur2PYuMfdvoJeutjmH6GkoEFQ4MdSa',
+    name: 'Zebec',
+    symbol: 'wZBC',
+    decimals: 9,
+    isSpl2022: false,
+    logoURI: '/logos/zebec.png',
+  },
+
+  {
+    chainId: 56,
+    name: 'Ethereum Token',
     symbol: 'ETH',
     decimals: 18,
-    hypNativeAddress: '0xEa44A29da87B5464774978e6A4F4072A4c048949',
+    type: 'collateral',
+    address: '0x2170ed0880ac9a755fd29b2688956bd959f933f8',
+    hypCollateralAddress: '0x2a6822dc5639b3fe70de6b65b9ff872e554162fa',
+    isNft: false,
     logoURI: '/logos/weth.png',
   },
-
-  // Example NFT (ERC721) token for an EVM chain
   {
-    chainId: 5,
-    name: 'Test721',
-    symbol: 'TEST721',
-    decimals: 0,
+    chainId: 56,
+    name: 'USD Coin',
+    symbol: 'USDC',
+    decimals: 18,
+    type: 'collateral',
+    address: '0x8ac76a51cc950d9822d68b83fe1ad97b32cd580d',
+    hypCollateralAddress: '0x6937a62f93a56D2AE9392Fa1649b830ca37F3ea4',
+    isNft: false,
+    logoURI: '/logos/USDC.svg',
+  },
+  {
+    chainId: 56,
+    name: 'Tether USD',
+    symbol: 'USDT',
+    decimals: 18,
+    type: 'collateral',
+    address: '0x55d398326f99059ff775485246999027b3197955',
+    hypCollateralAddress: '0xb7d36720a16A1F9Cfc1f7910Ac49f03965401a36',
+    isNft: false,
+    logoURI: '/logos/tether.svg',
+  },
+  {
+    chainId: 56,
+    name: 'BTCB Token',
+    symbol: 'BTCB',
+    decimals: 18,
+    type: 'collateral',
+    address: '0x7130d2a12b9bcbfae4f2634d864a1ee1ce3ead9c',
+    hypCollateralAddress: '0xB3545006A532E8C23ebC4e33d5ab2232Cafc35Ad',
+    isNft: false,
+    logoURI: '/logos/bitcoin.svg',
+  },
+  {
+    chainId: 22222,
+    name: 'PoseiSwap Token',
+    symbol: 'POSE',
+    decimals: 18,
     type: 'collateral',
-    address: '0x77566D540d1E207dFf8DA205ed78750F9a1e7c55',
-    hypCollateralAddress: '0xDcbc0faAA269Cf649AC8950838664BB7B355BD6B',
-    isNft: true,
+    address: '0xB883935B47B0508b479CEE642DB4b9E2de387920',
+    hypCollateralAddress: '0x79B1257BDBCaeF98Da685A7c225b6e61a119Cb7a',
+    isNft: false,
+    logoURI: '/logos/POSE.jpg',
   },
 ];
@@ -550,8 +550,8 @@ function useFormInitialValues(
       (routes) => routes.length,
     )[0][0];
     return {
-      originCaip2Id: firstRoute.originCaip2Id,
-      destinationCaip2Id: firstRoute.destCaip2Id,
+      originCaip2Id: firstRoute.destCaip2Id,
+      destinationCaip2Id: firstRoute.originCaip2Id,
       amount: '',
       tokenCaip19Id: '' as TokenCaip19Id,
       recipientAddress: '',

@@ -3,8 +3,7 @@ import '@rainbow-me/rainbowkit/styles.css';
 import {
   argentWallet,
   coinbaseWallet,
-  injectedWallet,
-  ledgerWallet,
+  injectedWallet, // ledgerWallet,
   metaMaskWallet,
   omniWallet,
   rainbowWallet,
@@ -35,7 +34,7 @@ const connectors = connectorsForWallets([
       metaMaskWallet(connectorConfig),
       injectedWallet(connectorConfig),
       walletConnectWallet(connectorConfig),
-      ledgerWallet(connectorConfig),
+      // ledgerWallet(connectorConfig),
     ],
   },
   {

@@ -16,7 +16,7 @@ import { logger } from '../../utils/logger';
 
 export function SolanaWalletContext({ children }: PropsWithChildren<unknown>) {
   // TODO support multiple networks
-  const network = WalletAdapterNetwork.Devnet;
+  const network = WalletAdapterNetwork.Mainnet;
   const endpoint = useMemo(() => clusterApiUrl(network), [network]);
   const wallets = useMemo(
     () => [