Skip to main content

Installation

Hashinal Wallet Connect is an abstraction layer for Hedera Wallet Connect. It simplifies the process of connecting to a Hedera wallet and performing basic operations for inscribed HTML Hashinals utilizing HCS-3 and more traditional tooling built with NextJS, Nuxt, Vite, Webpack, etc.

If you're looking for more information on Hedera Wallet Connect, see the Hedera Wallet Connect documentation.

Table of Contents​

For inscribed HTML files (UMD)​

No installation needed.

  1. Follow the instructions in Recursion to create your Hashinal.
  2. Reference the script directly in your HTML.
<script data-src="hcs://1/0.0.7522981" data-script-id="wallet-connect"></script>

The current version of hashinal-wc can always be found in the topics section.

Prerequisites for ESM / dApps​

Note: Skip this section if you are using this inside of an HTML Hashinal.

Before integrating Hashinals Wallet Connect:

  • Node.js: Version 18.0 or above. Use NVM to manage Node.js versions. Install NVM and then run the following commands: 
    nvm install 18
    nvm use 18
  • Package Manager: npm or yarn. After installing Node.js, npm is included by default. To install Yarn, run: 
    npm install --global yarn
  • WalletConnect Cloud Project ID: Required for establishing connections between your dApp and wallets.
    1. Visit WalletConnect Cloud
    2. Sign in or create a new account
    3. Click "Create New Project"
    4. Name your project and click "Create"
    5. Copy the "Project ID" from the project dashboard

Installation​

Install the Hashinals Wallet Connect package using npm or yarn. Note, you will also need to install the Hedera SDK and other peer dependencies.

Using npm​

npm install @hashgraphonline/hashinal-wc @hashgraph/sdk @hashgraph/proto @hashgraph/hedera-wallet-connect @walletconnect/modal @walletconnect/qrcode-modal @walletconnect/utils  @walletconnect/modal-core

Using yarn​

yarn add @hashgraphonline/hashinal-wc @hashgraph/sdk @hashgraph/proto @hashgraph/hedera-wallet-connect @walletconnect/modal @walletconnect/qrcode-modal @walletconnect/utils  @walletconnect/modal-core