The Parity Reactive Bond-based UI Library
npm install parity-reactive-uioo7-react
=========
A small library to provide oo7 (Joint Asynchronous Mapping Expression System)Bond-based Reactive components for Ethereum and Parity.
The reactive components provided are:
- AccountIcon (an identicon image for a given account);
- AccountLabel (a full Semantic UI label for a given account);
- InlineAccount (a simple display component for an account designed to flow in text);
- SigningButton (a button which completes a message-signing operation when clicked and displays the progress to the user);
- SigningProgressLabel (a full Semantic UI label for displaying the progress of a signing a message);
- TransactButton (a button which posts a transaction when clicked and displays the progress to the user);
- TransactionProgressLabel (a full Semantic UI label for displaying the progress of a transaction);
- BButton (a Semantic UI derived Button that accepts Bonds for certain props);
- InputBond (a Semantic UI derived Input component that accepts a Bond for its output);
- AddressInputBond (an InputBond-like component for addresses);
- HashBond (an InputBond-like component for 32 byte hashes);
- URLBond (an InputBond-like component for URLs).
``sh`
npm install parity-reactive-ui --save
`javascript
// Assume React is already required.
var pru = require('parity-reactive-ui'),
InlineAccount = pru.InlineAccount,
oo7parity = require('oo7-parity'),
setupBonds = oo7parity.setupBonds;
// We assume parity has been polluted into the global namespace.
parity.bonds = setupBonds(parity.api);
class App extends React.Component {
render() {
return (
Hacking
There are two hacking environment available in this repo:
npm run watch:dev # works in the parity dapp environment, no hot reload. Before running the main command, this setup requires exposing the
public directory as a local dapp:
ln -s $PWD/public /path/to/parity/dapps/pruit
Restart parity and head over to the PRUIT app. This environment is suitable to test any component that interact with the Parity DApp API
npm run dev # works in localhost, has hot reload Go to
localhost:9999 This environment is suitable to quick test any parity-reactive-ui components that does not directly interact with the Parity dapp API.
Tests
`sh
npm test
``In lieu of a formal styleguide, take care to maintain the existing coding style.
Add unit tests for any new or changed functionality. Lint and test your code.
* 0.1.2 Fix issue with Balance.
* 0.1.1 Initial release