ZuraGuerra / keytools

Secure webtools for Nano currency with offline support

KeyTools - High performance Nano web tools written with reactJS

• Can be run from local file system offline by downloading the gh-pages branch zip package
• Hosted by github pages via https://tools.nanos.cc

Developer instructions

Prepare for build (Ubuntu or Windows)

Install nodejs and npm

• Ubuntu
• Windows

git clone https://github.com/Joohansson/keytools
cd keytools
npm install

Create an empty file in the src folder called rpc.js. It usually contains credentials for connecting to the RPC server and that is not shared publicly. However, you will not be able to use the Network Inspector tool or read RPC data in off-chain signing without these credentials or setting up your own RPC server. The file is needed to build the app. Syntax of the file:

export const RPC_SERVER = 'https://myApiServer/'
export const RPC_LIMIT = 'Message when blocked by the API.'
export const RPC_CREDS = 'username:password'

Test application

npm start

Open http://localhost:3000 to view it in the browser.

Build application

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

Your app is ready to be deployed!

Get started adding a new tool

1. Copy any tool.js file and rename it to MyTool.js
2. Alter the row at the top: <class MyTool extends Component {>
3. Alter the row at the bottom:
4. Change tools/index.js: Add <import MyTool from './MyTool.js'>
5. Change tools/index.js: Add the new class to <export {ConvertTool,...>
6. Change mainPage.js: Add the new class to <import { Start, Terms, ConvertTool,...>
7. Change mainPage.js: Add the new entry to <const tools = ['HOME', 'CONVERT',...>
8. Change mainPage.js: Add a tool dropdown title to <this.tools = ['0: HOME', '1: Unit Converter',...>
9. Change mainPage.js: Add tool at <{(active === 'CONVERT') && <ConvertTool {...this} /> }...>
10. Change mainPage.js: Add a section to control URL params at <switch (tool) {...>
11. For hotkeys, search for this and add appropriate key: shift+alt+0
12. The new tool should now be available from the main dropdown selector. Happy coding!

Some Nice Libraries Used

• Nano library - Nano-currency-js
• Nano library - Nano-currency-web-js
• PoW Generation - Nano webGL
• BIP39 Mnemonics
• Notifications
• Fancy QR generation - jsQR
• Auditable high-security cryptographic library - Tweetnacl
• Messaging over sound - Chirp

Inspiration Hall of Fame

• Nanoo tools: https://nanoo.tools/
• Nanoaddr: https://nanoaddr.io

Contribution

Find this useful? Send me a Nano donation at nano_1gur37mt5cawjg5844bmpg8upo4hbgnbbuwcerdobqoeny4ewoqshowfakfo