Настройка пользовательского интерфейса моста

Hyperlane обеспечивает пользовательский интерфейс моста. Чтобы настроить пользовательский интерфейс, сначала клонируйте репозиторий UI.

Для поддержки wallet connect необходимо зарегистрировать учетную запись wallet connect на сайте https://cloud.walletconnect.com/app и создать идентификатор проекта.

После клонирования репозитория измените src/consts/config.tsw с информацией о токенах L1 и L2

import { ChainMap, ChainMetadata } from '@hyperlane-xyz/sdk';

export const chains: ChainMap<ChainMetadata> = {
  // ----------- Добавьте сюда свои чейны -----------------
  sepolia: {
    name: 'sepolia',
    chainId: 11155111,
    nativeToken: {
      name: 'ether',
      symbol: 'ETH',
      decimals: 18,
    },
    publicRpcUrls: [
      {
        http: 'https://eth-sepolia.g.alchemy.com/v2/apikey',
      },
    ],
  },
  testnet: {
    name: 'testnet',
    chainId: 9997,
    nativeToken: {
      name: 'ALT',
      symbol: 'ALT',
      decimals: 18,
    },
    publicRpcUrls: [
      {
        http: 'https://testnet-rollup-api.altlayer.io',
      },
    ],
  },
};

Измените src/consts/tokens.ts с информацией о токенах L1 и L2

import { WarpTokenConfig } from '../features/tokens/types';

export const tokenList: WarpTokenConfig = [
  {
    type: 'collateral',
    chainId: 11155111,
    address: '0xe67abda0d43f7ac8f37876bbf00d1dfadbb93aaa',
    hypCollateralAddress: '0xffA5f94329f41b9353F4ccA74Ba59D3Faed75AAe',
    name: 'Weth10',
    symbol: 'WETH10',
    decimals: 18,
    logoURI: '/logos/weth.png', // See public/logos/
  },
];

Чтобы запустить UI, запустите команд

yarn dev 

Чтобы развернуть свой UI, можно воспользоваться такими хостинговыми сервисами, как Vercel или Netlify. Для Vercel можно выполнить следующие действия.

• Зарегистрируйтесь в Vercel

• Создайте новый проект

• Подключите его к своему Git-репозиторию

• Нажмите "Deploy"!