This is a fork of Insights blockchain explorer with added GUI components and extra functionality customized to the bitmark network.
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.
-
Node.js v0.10.x - Download and Install Node.js.
-
NPM - Node.js package manager, should be automatically installed when you get node.js.
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.
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.
To use Nginx as a reverse proxy for Insight, use the following base configuration
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).
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.
For more details about the insight API configs and end-point, just go to insight API github repository or read the documentation
Contributions and suggestions are welcomed at insight github repository.