bitshares#224 build automation (bitshares#371)

* Refactor app layout to flatter structure

* Move help content inside /app

* Refactor build process using electron-builder

* Update package name for binaries

* Update build instructions in README

* Update build scripts and README

* Travis build automation

* Update build scripts

* Test github release with Travis

* Fix reference to /web in build.sh

* Use 'travis setup releases'

* Add AppVeyor yml

* Update AppVeyor.yml

* Fix prepare-electron on windows

* Update AppVeyor.yml

* Update build scripts

* Update windows NSIS build target

* Update travis and appveyor configs

* Update appveyor and travis

* Update appveyor yml

* Add osx to travis yml

* Quieter electron build, update travis os matrix

* Fix travis yml

* Fix travis yml

* Update appveyor

* Attempt to fix travis yml

* Update appveyor artifacts

* Set deploy titles, deploy only on tag

.gitignore

@@ -2,17 +2,21 @@
 .idea
 */node_modules
 */npm-debug.log
-cli/bundle
 *.map
 *.log
-cli/examples.txt
-dist
-web/electron
-web/app/components/Exchange/exchange.css
-cli/bundle.js
-web/dist-prod
-web/stats*
-web/hash-history
+build
+app/electron
+app/components/Exchange/exchange.css
+stats*
+hash-history
 docs/_build/
 *.swp
 *.python-version
+
+app/.sass-cache
+node_modules
+app/bower_components
+app/bundle
+app/stats-dev.json
+app/stats-prod.json
+app/test/MarketClasses.js

.travis.yml

@@ -0,0 +1,44 @@
+language: node_js
+node_js: 7
+matrix:
+  include:
+    - os: linux
+      dist: trusty
+    - os: osx
+      osx_image: xcode8.3
+env:
+  global:
+  - GITHUB_REPO: bitshares/bitshares-ui
+  - CXX=g++-4.8
+  - secure: g+Q6hF5/zJnFlk1KrI0VABR+0efzGQqtIj3XlmqTLLWCyopxNQoBOsUsK5wBqLYA3LGMTtAsOLhhItx1CSF7/Ij/uDEOluXrxLYASziIzYF4cJ5YRALZ2k/mgrUw2dSSMZ7iL4DIDH/8UTiw0Ld1mrbHn+W/Dkgkct7egDJmn93N4tI1gKJ+AArSUNIFLKzEbPnjVHX9n64KIlNs8tuwfaXOzy8WdIWxsbwzRWmrcrBOG52o3MgtClaSO8pD13Cz1F3ES4clxH7s104EF5LttTmqz3bpM3CtRAjQ6rwX8E/x5K6L8GCpeeYM5cCPbttap1olD1f4GP+nSzqP/L1OKIuzCwK4qknlbfNlDG4WhsXDzTTmu1goQKuUU8w9K0aGTgI1NPJaxFrijZ/ofSOSHz3RH8xd6XLsFTyJllnY7/Y6oyul9RNd29yLcJVCko9tM1LoUhvEH45yWCTc4R5Ow+E4+IYTm0RniGQtgW+gPYquveALFPHzGkAwcShcYNDWpCyMQq3QWFu8GWK3PWp0GtLe02Rryjy08tasQR0DRRmFUESMSZPikyTM75M+bKrIFlsf9Q3H2uDc8Z4qcG5vrYFVdB6qeekwdkae4C1yC872AHvDvu+CnB1VZ7qvuDJkFBn3FrxzKgZ9rVWvVb7X6y+a95Wey32KzSqKvU+E4ec=
+cache:
+  directories:
+    - "node_modules"
+addons:
+  apt:
+    sources:
+    - ubuntu-toolchain-r-test
+    packages:
+    - gcc-4.8
+    - g++-4.8
+    - icnsutils
+    - graphicsmagick
+    - xz-utils
+before_install: "./install.sh"
+script: "./build.sh"
+after_success: "./deploy.sh"
+deploy:
+  provider: releases
+  tag_name: $TRAVIS_TAG
+  name: $TRAVIS_TAG
+  body: Automated release from Travis CI with added files from AppVeyor build
+  api_key:
+    secure: K+62i3Rky9rXJyO6UMTLyY+GHfQtRMpEX9bLQFyZERSdmPK5l0Xq3ivBfESczoGsIxoPuVvWLOx/ZAh+I+67izS28i5LowQKLFQQ1h1b82ilexlprkj+Gf5QE3CWk04rR4OiIv4eXJLShqnGOQ7SuyI/UHW7iwTqAOt22YWWWPazlM75JwXQBYdHZ5vY2axXW493WGnRcLqzmRBwo2Ggkieqt8QiYYtvdk4yA81qbtIK6TxLzz6pc9fW/q+r+HoB0s81djlHmOByughEgc/mW+7xB3mM2uB8katNVbGa2qgZ/NS031b04ZSe8V8JHzC6UIBU8IKuFrxm3cpFN7onYDDfKs+6x+u5LCavw3VanHCgTd4dA4Jisew2Q19YhqymYYHmhMuwLh8y8XW8V7BrNNi9qjknKodaB8SFN1PZYe29LnG07hmZWwnBkVEIXf2QwcL+yfZtJ9NmLWyktnCpj4urtz3qQOG4nkbrn9mGx+jINgfzk4bpN6jNk0wwe9yqFy7nsZxow8vHf31hICwZZl8borz6fZhW9WVDqS9bZs/Ts4Qk3U4WREdmB24eIV8W5DIliSH/5qFh0RIRDCHKisom8r2XdBATe7hJ1t+YZR0N80q2IPwgTPdVtUuHTE1YkPcu0eILgA/YUAWNu1yoSNQUYScKA2i382gOBl06CS0=
+  file_glob: true
+  file: build/binaries/BitShares*
+  skip_cleanup: true
+  draft: true
+  on:
+    repo: bitshares/bitshares-ui
+    branch: 224-build-automation
+    tags: true

README.md

@@ -2,7 +2,7 @@ BitShares-UI
 ============
 
 This is a light wallet that connects to a BitShares API provided by the *witness_node* executable.
- 
+
 
 It *stores all keys locally* in the browser, *never exposing your keys to anyone* as it signs transactions locally before transmitting them to the API server which then broadcasts them to the blockchain network. The wallet is encrypted with a password of your choosing and encrypted in a browser database.
 
@@ -37,11 +37,10 @@ git clone https://github.com/bitshares/bitshares-ui.git
 cd bitshares-ui
 ```
 
-Before launching the GUI you will need to install the npm packages for each subdirectory:
+Before launching the GUI you will need to install the npm packages:
 
 >在装载GUI前，你需要为每一子目录安装npm包:
 ```
-cd web
 npm install
 ```
 
@@ -88,26 +87,28 @@ This will create a bundle in the /dist folder that can be hosted with the web se
 ### Installable wallets
 We use Electron to provide installable wallets, available for Windows, OSX and Linux Debian platforms such as Ubuntu. First, make sure your local python version is 2.7.x, as a dependency requires this.
 
-OSX / Linux instructions:
+On Linux you will need to install the following packages to handle icon generation:
 
-```
-cd electron
-npm install
-cd ../web
-npm run electron
-cd ../electron
-npm run release
-```
+`sudo apt-get install --no-install-recommends -y icnsutils graphicsmagick xz-utils`
 
-This will compile the UI with some special modifications for use with Electron, and copy the result to the root `electron/build` folder. 
+For building, each architecture has it's own script that you can use to build your native binary:
+
+__Linux__
+`npm run package-deb`
+__Windows__
+`npm run package-win`
+__Mac__
+`npm run package-mac`
+
+This will compile the UI with some special modifications for use with Electron, generate installable binaries with Electron and copy the result to the root `build/binaries` folder.
 
 ## 可安装钱包
 我们使用Electron来提供可安装钱包，Windows, OSX 和Linux平台如Ubuntu都可以使用。首先，在'electron'文件夹里安装需要的封包。然后到'web'文件夹里运行`npm run electron`。这样就会在编译UI的同时针对Electron做一些特殊的改进，并将结果粘贴至根文件夹 `electron/build`。现在，为了创建一个钱包到你的平台上，回到`electron`文件夹并运行`npm run release`。
 
 
 ## Contributing
 
-The Bitshares UI team is supported by this [worker proposal](http://www.bitshares.foundation/workers/2017-08-bill-butler). It provides the funds needed to pay the coordinator and the bounties and the Bitshares Foundation. 
+The Bitshares UI team is supported by this [worker proposal](http://www.bitshares.foundation/workers/2017-08-bill-butler). It provides the funds needed to pay the coordinator and the bounties and the Bitshares Foundation.
 
 If you would like to get involved, we have a [Telegram chatroom](https://t.me/BitSharesDEX) where you can ask questions and get help. You may also join [BitShares on Discord](https://discord.gg/GsjQfAJ)
 
@@ -167,4 +168,3 @@ We strongly encourage to use _eslint_ to make sure the code adhere to our style
  - 在花括号里的空格是随意的
 
 我们强烈鼓励用  _eslint_ 确保代码依附于我们的代码风格指南
-