Packages

To improve our application’s performance, we made it extensible. Everything from the UI, IPFS connection, and Appchain connection is modular and extensible by other apps to build upon.

@debionetwork/ui-icons

A collection of icons used in DeBio Networks UI apps.

Installation:

$ npm i @debionetwork/ui-icons

Example:

import { icon } from "@debionetwork/ui-icons"
export default {
data: () => ({ icon })
}

Repository:

@debionetwork/ui-components

DeBio Ui is a collection of components (vue based) jointly developed by the DeBio team, which is intended to make it easier to develop a project without having to re-create your components repeatedly.

Installation:

$ npm i @debionetwork/ui-components

Example:

import Vue from "vue"
import UiComponents from "@debionetwork/ui-components"
import "@debionetwork/ui-components/dist/debionetwork-ui-components.css"
Vue.use(UiComponents)
new Vue({
UiComponents, // Put here
render: h => h(App)
)}.$mount("#app")
Repository:

@debio-network/polkadot-provider

Javascript Library to connect and interact with the DeBio Network blockchain.

Installation:

$ npm i @debionetwork/polkadot-provider

Example:

import { queryAccountBalance } from "@debionetwork/polkadot-provider"
export default {
methods: {
async getBalance() {
return await queryAccountBalance(api, address)
}
}
}

Repository:

@debio-network/pinata-ipfs

A small package to help upload files to IPFS using the Pinata API.

Installation:

$ npm i @debionetwork/pinata-ipfs

Example:

import { downloadJson } from "@debionetwork/pinata-ipfs"
const ipfsLink = "<https://gateway.pinata.cloud/ipfs/QmWcLKHWqrRB95zQnb4vX8RRgoGsVm5YAUHyZyiAw4mCMQ/>"
const pinataKey = "pinatakey"
const result = await downloadJson(ipfsLink, true, pinataKey)

Repository: