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:

PreviousDeBio Techstack NextReference

Last updated 2 years ago

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")

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