Open source GitHub repo: https://github.com/blocknative/sdk​

Quickstart

It should take less than 5 minutes to get going with the SDK.

Create a Blocknative Account

Go to the Account page at https://explorer.blocknative.com/account and setup an account with an email address. You will receive an email to confirm your account.

You can read the Getting Started guide on the API Docs to get more information on how to set up an API Key for your purpose. API keys segment analytics data. Consider using different API keys for development, staging, and production releases.

Install the library using npm

npm install bnc-sdk

Initialize the Library

// For Node < v13 / CommonJS environments
const BlocknativeSdk = require('bnc-sdk');
const WebSocket = require('ws');
const Web3 = require('web3');
​
// OR
​
// For Node >= v13 / es module environments
import BlocknativeSdk from 'bnc-sdk'
import Web3 from 'web3'
import WebSocket from 'ws' // only neccessary in server environments
​
// create options object
const options = {
  dappId: 'Your dappId here',
  networkId: 1,
  system: 'bitcoin' // optional, defaults to ethereum
  transactionHandlers: [event => console.log(event.transaction)],
  ws: WebSocket // only neccessary in server environments
  name: 'Instance name here' // optional, use when running multiple instances
}
​
// initialize and connect to the api
const blocknative = new BlocknativeSdk(options)

Track transactions

Send a transaction using web3.js and get the transaction hash while its processing. Let the SDK know the hash and it will track its progress through the mempool and into a block.

// initialize web3
const web3 = new Web3(window.ethereum)
​
// get current account
const accounts = await web3.eth.getAccounts();
const address = accounts[0];
​
// create transaction options object
const txOptions = {
  from: address,
  to: "0x792ec62e6840bFcCEa00c669521F678CE1236705",
  value: "1000000"
}
​
// initiate a transaction via web3.js
web3.eth.sendTransaction(txOptions).on('transactionHash', hash => {
  // call with the transaction hash of the
  // transaction that you would like to receive status updates for
  const { emitter } = blocknative.transaction(hash)
​
  // listen to some events
  emitter.on('txPool', transaction => {
    console.log(`Sending ${transaction.value} wei to ${transaction.to}`)
  })
​
  emitter.on('txConfirmed', transaction => {
    console.log('Transaction is confirmed!')
  })
​
  // catch every other event that occurs and log it
  emitter.on('all', transaction => {
    console.log(`Transaction event: ${transaction.eventCode}`)
  })

And you are live!

Screencasts

See how to get started with the SDK in this screencast:

Initialization Options

The following options object needs to be passed when initializing and connecting

const options = {
  dappId: String,
  system: String,
  networkId: Number,
  transactionHandlers: Array,
  ws: WebSocket,
  name: String,
  onopen: Function,
  onerror: Function,
  ondown: Function,
  onreopen: Function,
  onclose: Function
}

dappId - [REQUIRED]

Your unique API key that identifies your application. You can generate a dappId by visiting the Blocknative account page and creating a free account.

system - [OPTIONAL]

The system that you would like to monitor transactions on. Currently bitcoin and ethereum are supported. Defaults to ethereum if no value is passed in.

networkId - [REQUIRED]

Valid Ethereum network ids:

• 1 Main Network

• 3 Ropsten Test Network

• 4 Rinkeby Test Network

• 5 Goerli Test Network

• 42 Kovan Test Network

• 100 xDai POA Network

Valid Bitcoin network ids:

• 1 Main Network

• 2 Testnet Network

transactionHandlers - [OPTIONAL]

An array of functions that will each be called once for every status update for every transaction that is associated with this connection on a watched address or a watched transaction.

const handleTransactionEvent = event => {
  const {
    transaction, // transaction object
    emitterResult // data that is returned from the transaction event listener defined on the emitter
  } = event
  
  console.log(transaction)
}
​
const options = {
  // other options
  transactionHandlers: [handleTransactionEvent]
}

See the Transaction Object section for more info on what is included in the transaction parameter.

ws - [OPTIONAL]

If you are running the sdk in a server environment, there won't be a native WebSocket instance available for the sdk to use, so you will need to pass one in. You can use any WebSocket library that you prefer as long as it correctly implements the WebSocket specifications. We recommend ws.

name - [OPTIONAL]

If you are running multiple instances of the sdk on the same client, passing in a name property allows the sdk to properly manage persistent state.

onopen - [OPTIONAL]

A function that is called once the WebSocket has successfully connected to the Blocknative backend infrastructure.

onerror - [OPTIONAL]

A function that is called for every error that happens within the SDK including WebSocket connection errors. The function is called with an error object with the following parameters:

message : String - The error message, describing what went wrong

error : ErrorObject - An error object if ine exist (for instance a WebSocket error)

transaction : String - The hash or txid passed to the call to transaction that caused the error

account : String - The address passed to the call to account that caused the error

If this function is not passed in then error will be thrown.

ondown - [OPTIONAL]

A function that is called when the WebSocket connection has dropped. The SDK will automatically reconnect.

onreopen - [OPTIONAL]

A function that is called once the WebSocket has successfully re-connected after dropping.

onclose - [OPTIONAL]

A function that is called when the WebSocket has successfully been destroyed.

Initialize and Connect

Import and initialize the SDK with the configuration options described above for client and server environments.

Client/Browser Environment

import BlocknativeSdk from 'bnc-sdk'
​
// create options object
const options = {
  dappId: 'Your dappId here',
  networkId: 1,
  transactionHandlers: [event => console.log(event.transaction)]
}
​
// initialize and connect to the api
const blocknative = new BlocknativeSdk(options)

Server/Node.js Environment

// For Node < v13 / CommonJS environments
const BlocknativeSdk = require('bnc-sdk');
const WebSocket = require('ws');
​
// OR
​
// For Node >= v13 / es module environments
import BlocknativeSdk from 'bnc-sdk'
import WebSocket from 'ws' // only neccessary in server environments
​
// create options object
const options = {
  dappId: 'Your dappId here',
  networkId: 1,
  transactionHandlers: [event => console.log(event.transaction)],
  ws: WebSocket
}
​
// initialize and connect to the api
const blocknative = new BlocknativeSdk(options)

Events

Watch a Transaction

Now that your application is successfully connected via a WebSocket connection to the Blocknative back-end, you can register transactions to watch for updates (notifications).

Ethereum

Once you have initiated a transaction and have received the transaction hash, you can pass it in to the transaction function:

// initiate a transaction via web3.js
web3.eth.sendTransaction(txOptions).on('transactionHash', hash => {
  // call with the transaction hash of the transaction that you would like to receive status updates for
  const {
    emitter, // emitter object to listen for status updates
    details // initial transaction details which are useful for internal tracking: hash, timestamp, eventCode
  } = blocknative.transaction(hash)
})
​
​

The emitter is used to listen for status updates. See the Emitter Section for details on how to use the emitter object to handle specific transaction state changes.

The details object contains the initial transaction details which are useful for internal tracking.

If the library was initialized with transaction handlers, those handlers will also be called on each status change for the watched transaction.

If a transaction is watched that is currently in the txpool or was updated in the last 60 minutes, the SDK will immediately send a notification with the last detected status for that transaction.

If a watched transaction is replaced (status speedup or cancel), the SDK will automatically watch the hash of the replacement transaction for the client and start delivering notifications for it.

Bitcoin

const { emitter, details } = blocknative.transaction(txid) 

Watch an Account Address

You can also register an account address to listen to any incoming and outgoing transactions that occur on that address using the account method:

Ethereum

// get the current accounts list of the user via web3.js
const accounts = await web3.eth.getAccounts()
​
// grab the primary account
const address = accounts[0]
​
// call with the address of the account that you would like to receive status updates for
const {
  emitter, // emitter object to listen for status updates
  details // initial account details which are useful for internal tracking: address
} = blocknative.account(address)

This will tell the Blocknative back-end to watch for any transactions that occur involving this address and any updates to the transaction status over time. The return object from successful calls to account will include an event emitter that you can use to listen for those events and a details object which includes the address that is being watched.

Bitcoin

const { emitter, details } = blocknative.account(address)

Un-watch an Account Address or Transaction Hash

If you no longer want to receive notifications for an account address or transaction hash, you can use the unsubscribe method:

// unsubscribe from address
blocknative.unsubscribe(address)
​
// unsubscribe from Ethereum transaction hash
blocknative.unsubscribe(hash)
​
// unsubscribe from Bitcoin txid
blocknative.unsubscribe(txid)

Log an Event

You may want to log an event that isn't associated with a transaction for analytics purposes. Events are collated and displayed in the developer portal and are segmented by your dappId. To log an event, simple call event with a categoryCode and an eventCode, both of which can be any String that you like:

blocknative.event({
  categoryCode: String, // [REQUIRED] - The general category of the event
  eventCode: String // [REQUIRED] - The specific event
})

Emitter

The emitter object is returned from calls to account and transaction and is used to listen to status updates via callbacks registered for specific event codes.

// register a callback for a txPool event
emitter.on("txPool", transaction => {
  console.log("Transaction is pending")
})

The first parameter is the eventCode string of the event that you would like to register a callback for. For a list of the valid event codes, see the event codes section.

The second parameter is the callback that you would like to register to handle that event and will be called with a transaction object that includes all of the relevant details for that transaction. See the Transaction Object section for more info on what is included.

Any data that is returned from the listener callback for transaction emitters will be included in the object that the global transactionHandlers are called with under the emitterResult property.

Transaction Object

The callback that is registered for events on an emitter or included in the transactionHandlers array will be called with the following transaction object:

Ethereum

{
  status: String, // current status of the transaction
  hash: String,
  to: String,
  from: String,
  gas: Number,
  gasPrice: String,
  gasUsed: String, // present on on-chain txns
  nonce: Number,
  value: String,
  eventCode: String,
  blockHash: String,
  blockNumber: Number,
  input: String,
  timeStamp: string // the UTC time of first detection of current status
  pendingTimeStamp: string // the UTC time of initial pending status detection
  pendingBlockNumber: Number // the chain head block number at time of pending detection
  transactionIndex: Number, // optional, present if status confirmed, failed
  blockTimeStamp: String, // optional, present if status confirmed, failed - UTC time of miner block creation
  counterParty: String, // address of the counterparty of the transaction when watching an account
  direction: String, // the direction of the transaction in relation to the account that is being watched ("incoming" or "outgoing")
  watchedAddress: String, // the address of the account being watched
  timePending: String, // optional, present if status confirmed, failed, speedup, cancel
  blocksPending: Number, // optional, present if status confirmed, failed, speedup, cancel
  originalHash: String, // if a speedup or cancel status, this will be the hash of the original transaction
  asset: String, // the asset that was transfered
  contractCall: { // if transaction was a contract call otherwise undefined
    contractAddress: String,
    contractType: String,
    methodName: String,
    params: {
      // params that the contract method was called with
    },
    contractName: String,
    contractDecimals: Number (optional),
    decimalValue: String (optional),
  }
}

Bitcoin

{
  "rawTransaction": {
    "txid": String,
    "hash": String,
    "version": Number,
    "size": Number,
    "vsize": Number,
    "weight": Number,
    "locktime": Number,
    "vin": Vin[],
    "vout": Vout[],
    "hex": String,
  },
  "txid": String,
  "system": String,
  "network": String,
  "status": Status,
  "apiKey": String,
  "monitorVersion": String,
  "monitorId": String,
  "serverVersion": String,
  "timeStamp": String,
  "timePending": String,
  "watchedAddress": String,
  "inputs": Transfer[],
  "outputs": Transfer[], 
  "fee": String,
  "netBalanceChanges": BalanceChange[],
  "blockHeight": String,
  "blockHash": String, 
}
​
// Vin
{
  "txid": String,
  "vout": Number,
  "scriptSig": {
    "asm": String,
    "hex": String
  },
  "txinwitness": String[],
  "sequence": Number
}
​
// Vout
{
  "value": Number,
  "n": Number,
  "scriptPubKey": {
    "asm": String,
    "hex": String,
    "reqSigs": Number,
    "type": String,
    "addresses": String[]
  }
}
​
// Transfer
{
  "address": String,
  "value": String
}
​
// BalanceChange
{
  "address": String,
  "delta": String
}

Internal Transactions (Ethereum)

The SDK will send confirmednotifications when a watchedAddress is detected in the internal transactions of a contract call. In this case, the confirmed transaction object will include details of the internal transactions and balance changes resulting from those internal transactions. Fields are not ordered.

"internalTransactions": [],
"netBalanceChanges": Object

The internalTransactions array contains details on each internal transaction executed by the contract call of the parent (main) transaction. Fields are not ordered.

"internalTransactions": [
  {      
    "type": String,
    "from": String,
    "to": String,
    "input": String,
    "gas": Number,
    "gasUsed": Number,
    "value": String,
    "contractCall": Object (optional, contains an additional param 'contractAlias' which will be the symbol of the token if this is an erc20 transfer or transferFrom)
  },
  ...
]

The netBalanceChanges object contains details of all the balance changes resulting from the internal transactions details in the internalTransactions array.

"netBalanceChanges": {
    "<address>": [
      {
        "delta": String,
        "asset": {
          "type": String,
          "symbol": String
        },
        "breakdown": [
          {
            "counterparty": Atring,
            "amount": String
          }
        ]
      }
    ],
    ...
  }

Event Codes

The following is a list of event codes that are valid, and the events that they represent:

• all: Will be called for all events that are associated with that emitter. If a more specific listener exists for that event, then that will be called instead. This is useful to catch any remaining events that you haven't specified a handler for

• txSent: Transaction has been sent to the network

• txPool: Transaction was detected in the "pending" area of the mempool and is eligible for inclusion in a block

• txStuck: Transaction was detected in the "queued" area of the mempool and is not eligible for inclusion in a block

• txConfirmed: Transaction has been mined

• txFailed: Transaction has failed

• txSpeedUp: A new transaction has been submitted with the same nonce and a higher gas price, replacing the original transaction

• txCancel: A new transaction has been submitted with the same nonce, a higher gas price, a value of zero and sent to an external address (not a contract)

• txDropped: Transaction was dropped from the mempool without being added to a block

Filtering and Decoding Ethereum Transactions

You may want to filter events that occur on an Ethereum address and/or have the Blocknative server automatically decode the input data for a particular contract. To do this the configuration function can be used to send a configuration that will be scoped globally or to a particular address:

await blocknative.configuration({
  scope: String, // [required] - either 'global' or valid Ethereum address
  filters: Array, // [optional] - array of valid searchjs filter strings
  abi: Array, // [optional] - valid contract ABI
  watchAddress: Boolean // [optional] - Whether the server should automatically watch the "scope" value if it is an address
})
​
// returns a promise that resolves once the configuration has been applied
// or rejects if there was a problem with the configuration

Options

scope - [required]

The scope that the configuration will be applied to. Can be a 'global' configuration so that you can filter all events for all addresses that you are watching or a valid Ethereum address to scope the configuration to events that occur only on that address.

filters - [optional]

The filters that you would like applied to events in scope. The Blocknative server uses jsql a JavaScript query language to filter events. Documentation for how to create filter queries can be found here​

abi - [optional]

A JavaScript ABI (application binary interface) so that the Blocknative server can automatically decode transaction input data

watchAddress - [optional]

If the scope is an Ethereum address, then watchAddress can be set to true so that the Blocknative server can automatically watch the address in scope, rather than needing to send an extra call to blocknative.account

Mempool Explorer Configurations

Export & Import

You can download a Mempool Explorer configuration to be used with the SDK. You can also use your account page to download a configuration that was saved to a specific API key. Once you have the files (configuration.json, sdk-setup.js) downloaded, drop them in to your project directory. They can then be imported and setup with the SDK:

import BlocknativeSDK from 'bnc-sdk'
import configuration from './configuration'
import sdkSetup from './sdk-setup'
​
// function to handle all transaction events
function handleTransactionEvent(transaction) {
  console.log('Transaction event:', transaction)
}
​
// initialize the SDK
const blocknative = BlocknativeSDK({
  // ...other initialization options
  transactionHandlers: [handleTransactionEvent]
})
​
// setup the configuration with the SDK
sdkSetup(blocknative, configuration)

Get Started Today

Sign up for a free Blocknative Account at https://account.blocknative.com/ with your work email address.

If you have any questions, connect with the team on our discord​