A web app template for building Hyperlane Warp Route UIs
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
J M Rossy a49d396538
Merge pull request #270 from hyperlane-xyz/rossy/more-theme-fixes
1 month ago
.github remove lines from testing 2 months ago
.vscode Migration to warp core (#134) 8 months ago
.yarn Upgrade Wagmi and RainbowKit (#89) 11 months ago
public feat: Update UI for latest branding (#267) 1 month ago
src Improve card padding 1 month ago
.env.example Solana and ERC721 support (#29) 1 year ago
.eslintignore Setup Error Monitoring and Analytics (#114) 10 months ago
.eslintrc chore: Upgrade SDK 5.2.0 and Registry 4.3.2 (#248) 1 month ago
.gitignore Add documentation on WalletConnect Cloud project (#211) 2 months ago
.prettierignore Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
.prettierrc Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
.yarnrc.yml Upgrade Wagmi and RainbowKit (#89) 11 months ago
CUSTOMIZE.md feat: Update UI for latest branding (#267) 1 month ago
LICENSE.md Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
README.md Add documentation on WalletConnect Cloud project (#211) 2 months ago
jest.config.js Add support for JSON and YAML chain and token configs (#88) 11 months ago
next-env.d.ts Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
next.config.js Lockdown image and style sources (#198) 3 months ago
package.json Update hyp packages to 5.3.0 and organize configs (#266) 1 month ago
postcss.config.js Initial commit - Next + Hyperlane + TS + Wagmi 2 years ago
sentry.client.config.js Setup Error Monitoring and Analytics (#114) 10 months ago
sentry.default.config.js Reduce sentry sampling rate 6 months ago
sentry.edge.config.js Setup Error Monitoring and Analytics (#114) 10 months ago
sentry.server.config.js Setup Error Monitoring and Analytics (#114) 10 months ago
tailwind.config.js feat: Update UI for latest branding (#267) 1 month ago
tsconfig.json Move config management to build-time (#120) 9 months ago
yarn.lock Update hyp packages to 5.3.0 and organize configs (#266) 1 month ago

README.md

Hyperlane Warp Route UI Template

This repo contains an example web interface for interchain tokens built with Hyperlane Warp Route. Warp is a framework to permisionlessly bridge tokens to any chain.

Architecture

This app is built with Next & React, Wagmi, RainbowKit, and the Hyperlane SDK.

  • Constants that you may want to change are in ./src/consts/, see the following Customization section for details.
  • The index page is located at ./src/pages/index.tsx
  • The primary features are implemented in ./src/features/

Customization

See CUSTOMIZE.md for details about adjusting the tokens and branding of this app.

Development

Setup

Build

# Install dependencies
yarn

# Build Next project
yarn build

Configure

You need a projectId from the WalletConnect Cloud to run the Hyperlane Warp Route UI successfully. Sign up to WalletConnect Cloud, create new project with AppKit and Next.js and copy the projectId from there.

Run

You can add .env.local file next to .env.example where you set projectId copied from WalletConnect Cloud.

# Start the Next dev server
yarn dev

Or you can set the WalletConnect Cloud projectId to use as follows:

NEXT_PUBLIC_WALLET_CONNECT_ID=<projectId> yarn dev

Test

# Lint check code
yarn lint

# Check code types
yarn typecheck

Format

# Format code using Prettier
yarn prettier

Clean / Reset

# Delete build artifacts to start fresh 
yarn clean

Deployment

The easiest hosting solution for this Next.JS app is to create a project on Vercel.

Learn more

For more information, see the Hyperlane documentation.