/casperdash-extension

Casper blockchain wallet

Primary LanguageJavaScriptMIT LicenseMIT

Welcome to Casper Dash 👋

A non-custodial wallet for Casper blockchain

codecov

image

🏠 casperdash.io

Features

  • Dashboard
    • View CSPR balance
    • Send/Receive CSPR
    • CSPR price chart
  • Tokens (ERC20)
    • View token info/balance
    • Send/Receive tokens
    • Add custom token by contract hash
  • History
    • View transfer transactions history
  • Staking
    • Staking CSPR
  • Account management
    • Create/update/manage public/private keys
    • Import/backup account from private key file or mnemonic words
    • Provide method to sign contract from external site

Will be on separated repository

Development

Prerequisites

  • yarn >= 1.22.5
  • nodejs = 14

Architecture

Web Server

https://github.com/CasperDash/casperdash-api

Web server is implemented in Express.js. It allows us to create read-only data pipeline for clients.

Client

React.js + Flux structure

React web app provides user a simple and convenient dashboard to explore the blocks and manipulate the wallets.

There are 2 parts, web and browser extension which are sharing similar logic and dataflow. The main different is user interfaces.

Webpack is using for building each platform.

Browser Extension

1. Install
cd YOUR_WORKING_DIRECTORY/casperdash-client/client
yarn install
2. UI components

The main UI components of web-extension are placed under

YOUR_WORKING_DIRECTORY/casperdash-client/client/src/components/web-extension
3. Configurations

The configuration can be configurated by editing .env.*.local

REACT_APP_API_ROOT=https://localhost:3001  //api endpoint
REACT_APP_NETWORK_NAME=casper-test // casper network
REACT_APP_AUCTION_HASH=93d923e336b20a4c4ca14d592b60e5bd3fe330775618290104f9beb326db7ae2  // contract hash for delegation
4. Usage
yarn dev-extension-mainnet // start browser extension with dev config
yarn build-extension-mainnet  // build browser with production config
yarn test         // run test with coverage
5. Load into Chrome
  • To load the built files into Chrome, open

  • Enable "Developer mode" if it's not enabled yet:

  • Click on "Load unpacked":

  • Find the YOUR_WORKING_DIRECTORY/casperdash-client/build_extension/ directory on your system and open it.

  • The extension should be now at the top of the page:

Workflow and contributions

https://github.com/CasperDash/casperdash-client/wiki/Development-Workflow

License

MIT