TECH

Wormhole Connect – Navigating The Ecosystem For Simplifying Cross-Chain Integration

Wormhole Connect is a project to facilitate integration with the Wormhole protocol. It is thus far comprised of 3 components: wormhole-connect, sdk and builder.

Below is a brief introduction on each, see the corresponding READMEs for more information.

Wormhole Connect

An app that brings all the functionality and utility of the Wormhole token bridge right into your application and removes all of the complexity. It is built to be embedded within any application, simply copy a script tag or install the npm package.

Optionally, configure a number of parameters such as supported chains/tokens and theme.

Read more here

Customizer

Customize and integrate via our no-code solution

SDK

The beginning of a refactor of the existing sdk. It is written in Typescript and is built with ease-of-use in mind. It is organized into different context classes (i.e. evm, solana, terra, etc) which each implement the same methods with standardized parameters.

Read more here

Builder

Initially this serves as a way to test integrating wormhole-connect.

In the future, this will become a playground where developers can come to customize their integration by selecting the chain and tokens they would like to support as well as edit theme variables to make it blend seamlessly within their application.

Read more here

Integration

Include the wormhole connect

<!-- include in <head> -->
<script type="module" src="https://www.unpkg.com/@wormhole-foundation/wormhole-connect@0.2.0/dist/main.js" defer></script>
<link rel="https://www.unpkg.com/@wormhole-foundation/wormhole-connect@0.2.0/dist/main.css" />

<!-- include in <body> -->
<div id="wormhole-connect"></div>

OR

import WormholeBridge from '@wormhole-foundation/wormhole-connect';
function App() {
  return (
    <WormholeBridge />
  );
}

Contributing

Contributions are welcome! To work on wormhole-connect locally you’ll want to use npm link to make the changes to the SDK immediately available.

Setup

  1. Link the sdk
cd ./sdk
npm i
npm run build
npm link
cd ../wormhole-connect
npm link @wormhole-foundation/wormhole-connect-sdk
  1. Install

Run npm i at the root of the repo

  1. Start

Start wormhole-connect UI and view in browser at localhost:3000

# in /wormhole-connect
npm run start # testnet

Start builder UI and view in browser at localhost:3000

# in /builder
npm run start
Varshini

Varshini is a Cyber Security expert in Threat Analysis, Vulnerability Assessment, and Research. Passionate about staying ahead of emerging Threats and Technologies.

Recent Posts

usermod Command in Linux: Modify User Accounts and Groups

The usermod command in Linux modifies existing user account attributes. You can use it to manage group…

5 minutes ago

sort Command in Linux: Sort Text, Numbers, Columns, and More

The sort command in Linux reads lines from files or standard input and writes them to standard…

1 day ago

wall Command in Linux: Broadcast Messages to Logged-In Users

The wall command in Linux sends a message to the terminals of all currently logged-in users. The…

1 day ago

journalctl Command in Linux: Query and Filter System Logs

journalctl queries logs collected by systemd-journald, the systemd logging daemon. It gives you structured access to kernel…

1 day ago

stat Command in Linux: View File and Filesystem Metadata

The stat command in Linux displays detailed metadata about files and filesystems. Where ls gives a condensed summary suitable…

1 day ago

groupadd Command in Linux: Create Groups and Set GID Options

In Linux, groups organize user accounts and define shared access to files and resources. Every…

2 days ago