This package streamlines the rapid development of cutting-edge decentralized applications.
Note: This package is still in development and is not yet ready for production use.
This package is built upon the foundations of Web3Modal and Wagmi, and holds immense appreciation for the creators of these tools.
Table of Contents
Features
- Hook:
- Custom hook for authenticate suport multi chain/multi wallet: Done
- Custom hook for get balance: Done
- Function:
- Function for staking: Done
- Function for swap: Inprocess
- Function for yield farm: Inprocess
- Component:
- Swap: Inprocess
- Search Token: Inprocess
- Stake: Inprocess
- Yield Farm: Inprocess
Browser Support
Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11 ✔ |
Installing
Package manager
Using npm:
$ npm install crypto-all-in-one
Using bower:
$ bower install crypto-all-in-one
Using yarn:
$ yarn add crypto-all-in-one
Using pnpm:
$ pnpm add crypto-all-in-one
After installation, you need to create a .env file containing the necessary smart contracts to fully utilize the functionalities of the dapp:
Note: You need to get the smart contracts from the blockchain you are working with. Suport with PancakeSwap V2 Contract, PancakeSwap V2 Router, Staking Contract, and Token Contract
NEXT_PUBLIC__FACTORY_SWAP =
NEXT_PUBLIC__ROUTER_SWAP =
NEXT_PUBLIC__STAKING_NATIVE =
NEXT_PUBLIC__STAKING_MAIN_TOKEN =
NEXT_PUBLIC__WRAP_NATIVE_ADDRESS =
NEXT_PUBLIC__MAIN_TOKEN_ADDRESS =
import { CryptoWrapper } from 'crypto-all-in-one';
Example
Note: You need project Id to use this package Go here to get your project id Wallet Connect Sign In
<CryptoWrapper projectId='<YOUR_PROJECT_ID>'>
{/* YOUR COMPONENTS GO HERE */}
</CryptoWrapper>
Note: default chain is BSC testnet, you can change to any chain you want by push chain list to this component
import chains from 'crypto-all-in-one';
const {bsc, base} = chains;
<CryptoWrapper projectId='<YOUR_PROJECT_ID>' chainList={[bsc, base]}>
{/* YOUR COMPONENTS GO HERE */}
</CryptoWrapper>
Using authenticate hook
const { address, connect, disconnect, status, loading } = useCustomConnectWallet();
Using balance hook
const { balance, setMaxBalanceValue } = useCustomBalance()
Note: you can get any blance of any token by push token address to this hook, and max number you want fixed
const { balance, setMaxBalanceValue } = useCustomBalance('YOUR_TOKEN_ADRESS', 'DECIMAL_FIXED')