AngularJS-Bitmark-Explorer

This is a fork of Insights blockchain explorer with added GUI components and extra functionality customized to the bitmark network.

insight

insight is an open-source bitcoin blockchain explorer with complete REST and websocket APIs. Insight runs in NodeJS, uses AngularJS for the front-end and LevelDB for storage.

Check some screenshots and more details at insight's project homepage.

Insight project is now split in two repositories. One for the API and for the front-end. This repository is for the front-end, which will install the API as a NPM dependency.

Prerequisites

• Node.js v0.10.x - Download and Install Node.js.

• NPM - Node.js package manager, should be automatically installed when you get node.js.

Quick Install

Check the Prerequisites section above before installing.

To install, clone this repository and change to it:

$ git clone https://github.com/ileathan/AngularJS-Bitmark-Explorer.git

Install dependencies:

$ cd AngularJS-Bitmark-Explorer
$ npm install # If you have error here make sure your using node 0.10.x

Run the main application:

$ PORT=3000 INSIGHT_NETWORK=livenet BITMARKD_USER=<rpc_user> BITMARKD_PASS=<rpc_pass> INSIGHT_PUBLIC_PATH=public BITMARKD_PORT=<rpc_port> npm start

Then open a browser and go to:

http://localhost:3000

If insight reports problems connecting to bitcoind please check the CONFIGURATION section of insight-api README. To set the environment variables run something like:

 $ INSIGHT_NETWORK=livenet BITCOIND_USER=user BITCOIND_PASS=pass INSIGHT_PUBLIC_PATH=public  npm start

Please note that the app will need to sync its internal database with the blockchain state, which may take some time. You can check sync progress from within the web interface. More details about that process on insight-api README.

Troubleshooting

If you get an error during the npm isntall process try visiting http://nvm.sh then after you install nvm get node version 0.10.x

$ nvm install 0.10

Then try npm install again. to switch back to your old node version nvm list and nvm use commands let you do so.

Nginx Setup

To use Nginx as a reverse proxy for Insight, use the following base configuration

Development

To run insight locally for development mode:

Install bower dependencies:

$ bower install

To compile and minify the web application's assets:

$ grunt compile

There is a convinent Gruntfile.js for automation during editing the code

$ grunt

In case you are developing insight and insight-api toghether, you can do the following:

• Install insight and insight-api on the same path ($IROOT)

  $ cd $IROOT/insight
  $ grunt

in other terminal:

  $ cd $IROOT/insight-api 
  $ ln -s ../insight/public
  $ INSIGHT_PUBLIC_PATH=public node insight.js 

INSIGHT_PUBLIC_PATH=insight/public  grunt

at insight-api's home path (edit the path according your setup).

also in the insight-api path. (So you will have to grunt process running, one for insight and one for insight-api).

Multilanguage support

insight use angular-gettext for multilanguage support.

To enable a text to be translated, add the translate directive to html tags. See more details here. Then, run:

grunt compile

This action will create a template.pot file in po/ folder. You can open it with some PO editor (Poedit). Read this guide to learn how to edit/update/import PO files from a generated POT file. PO file will be generated inside po/ folder.

If you make new changes, simply run grunt compile again to generate a new .pot template and the angular javascript js/translations.js. Then (if use Poedit), open .po file and choose update from POT File from Catalog menu.

Finally changes your default language from public/src/js/config

gettextCatalog.currentLanguage = 'es';

This line will take a look at any *.po files inside po/ folder, e.g. po/es.po, po/nl.po. After any change do not forget to run grunt compile.

Note

For more details about the insight API configs and end-point, just go to insight API github repository or read the documentation

Contribute

Contributions and suggestions are welcomed at insight github repository.