Skip to main content

DApp connector API

@midnight-ntwrk/dapp-connector-api v1.2.2 • Readme | API


Midnight DApp connector API

This API provides a comprehensive interface for the DApp connector operations, defining the structure of the wallet state it exposes, the methods for interacting with it, and the types and variables used within.

Installation

The Midnight DApp connector API is available as an NPM package with the namespace @midnight-ntwrk/dapp-connector-api. It can be installed using any node package manager, such as Yarn. To install the package using Yarn, execute the following command:

yarn add @midnight-ntwrk/dapp-connector-api

Package usage

The package provides the type declarations that are documented in the documentation of this package.

The DApp connector API should be exposed through the global variable as follows:

window.midnight.{walletName}

Available methods

NameDescription
apiVersionProvides a semver string version of the DApp connector API
enableReturns a promise with the DAppConnectorWalletAPI or error
isEnabledReturns a promise with a boolean showing whether the DApp is authorized to access the API or not
nameThe name of the wallet that implements the API
serviceUriConfigReturns a promise with ServiceUriConfig or error if the DApp is not authorized.

API usage

Authorizing a DApp

To authorize a DApp, call the enable() method and wait for the user to respond to the request.

try {
const api = await window.midnight.{walletName}.enable();

// api is available here
} catch (error) {
console.log('an error occurred', error);
}

Checking if the DApp is authorized

To check if the DApp is authorized, use the isEnabled() method as follows:

try {
const isEnabled = await window.midnight.{walletName}.isEnabled();
} catch (error) {
console.log('an error occurred', error);
}

Getting information about the DApp connector API

Name

To get the name of the wallet, use the name property in the implemented DApp connector API:

const name = window.midnight.{walletName}.name;

console.log('Wallet name', name);

API version

To get the API version, use the apiVersion property as follows:

const apiVersion = window.midnight.{walletName}.apiVersion;

console.log('API version', apiVersion);

Getting the service URI config

Midnight wallet users can configure the node, indexer, and proving server URIs in the wallet settings. To enable DApps to access and utilize these URLs, the following property is exposed:

NameDescription
Node URLThe node the wallet is pointing to
Indexer URLThe indexer URL the wallet is pointing to
Proving Server URLThe proving server URL the wallet is pointing to

To get the service URI config, use the API as follows:

try {
const serviceUriConfig = await window.midnight.{walletName}.serviceUriConfig();

console.log('serviceUriConfig', serviceUriConfig);
} catch (error) {
console.log('an error occurred', error);
}

Note: The DApp must be authorized before calling this method, otherwise it will throw an error.

Interacting with the API

After calling the enable() method and the user approves the authorization request, you will receive an instance of the DAppConnectorWalletAPI, which includes the following properties:

NameDescriptionNote
balanceAndProveTransactionBalances and proves a transaction-
submitTransactionSubmits a balanced and proven transaction-
stateReturns DAppConnectorWalletState object-
balanceTransactionBalances a transactionThis method is deprecated and will be removed in version 2.0.0
proveTransactionProves a transactionThis method is deprecated and will be removed in version 2.0.0

Getting the wallet state

To get the wallet state, call the state() API method, which will return a promise with the DAppConnectorWalletState object as follows:

try {
const state = await api.state();

console.log('Wallet state', state);
} catch (error) {
console.log('an error occurred', error);
}

Balancing and proving a transaction

To balance and prove a transaction, begin by creating a transaction in your DApp. You can follow the guide on how to create a transaction here.

This method accepts the following properties:

NameData typeRequired?
transactionTransactionYes
newCoinsCoinInfo[]No

Below, you'll find an example of how to balance and prove a transaction:

try {
// assuming we have a transaction at hand here
const transaction;

const balancedAndProvenTransaction = await api.balanceAndProveTransaction(transaction);
} catch (error) {
console.log('an error occurred', error);
}

Submitting a transaction

With the balanced and proven transaction from above, you can now submit it.

The submitTransaction() method accepts the following parameters:

NameData typeRequired?
transactionTransactionYes

Below, you'll find an example of how to submit a transaction:

try {
const submittedTransaction = await api.submitTransaction(balancedAndProvenTransaction);
} catch (error) {
console.log('an error occurred', error);
}

Examples

In this section, you'll find examples demonstrating how to fully utilize the DApp connector API.

Submitting a transaction

This example demonstrates how to authorize and submit a transaction from a DApp's perspective using the DApp connector API.

try {
const api = await window.midnight.{walletName}.enable();

// assuming this is a transaction we've already created
// [link to create transaction docs is in the "Balancing and proving a transaction" section]
const transaction;

const balancedAndProvenTransaction = await api.balanceAndProveTransaction(transaction);

const submittedTx = await api.submitTransaction(balancedAndProvenTransaction);

console.log(submittedTx);
} catch (error) {
console.log('an error occurred', error);
}