Merge pull request #147 from cosmos/jordan/138-electron-stuff

trying to spruce up our native experience

README.md

@@ -64,7 +64,7 @@ make install
 Then build and run the app:
 ```bash
 npm run pack && npm run build:darwin
-open builds/cosmos-ui-darwin-x64/cosmos-ui.app
+open builds/Cosmos-darwin-x64/Cosmos.app
 ```
 
 When you are testing the build system you can skip the repackaging of the JS files with:
@@ -96,14 +96,14 @@ $ npm run pack
 $ npm run test:e2e
 ```
 
-## Debug 
- 
-To debug the electron application first build it and then run the node inspector for the build files: 
- 
-```bash 
-$ electron --inspect-brk builds/{{your build}}/resources/app/dist/main.js 
-``` 
- 
+## Debug
+
+To debug the electron application first build it and then run the node inspector for the build files:
+
+```bash
+$ electron --inspect-brk builds/{{your build}}/resources/app/dist/main.js
+```
+
 Then attach to the debugger via the posted url in Chrome.
 
 
@@ -155,4 +155,4 @@ $ rm -rf yarn.lock
 $ rm -rf package-lock.json
 ```
 
-- If your components are not found using a short path, check if the path resolution is applied for webpack (in `webpack.renderer.js > rendererConfig.resolve.alias`) and jest (in `package.json > jest.moduleNameMapper`).
+- If your components are not found using a short path, check if the path resolution is applied for webpack (in `webpack.renderer.js > rendererConfig.resolve.alias`) and jest (in `package.json > jest.moduleNameMapper`).

app/package.json

@@ -1,7 +1,8 @@
 {
-  "name": "cosmos-ui",
+  "name": "Cosmos",
+  "productName": "Cosmos",
   "version": "0.1.0",
-  "description": "The user interface for Cosmos, built in Vue.",
+  "description": "The human interface for Cosmos.",
   "main": "./dist/main.js",
   "author": "All In Bits, Inc <hello@tendermint.com>",
   "license": "Apache-2.0",

app/src/main/index.js

@@ -17,6 +17,7 @@ let mainWindow
 let baseserverProcess
 let streams = []
 let nodeIP
+
 const WIN = /^win/.test(process.platform)
 const DEV = process.env.NODE_ENV === 'development'
 const TEST = JSON.parse(process.env.COSMOS_TEST || 'false') !== false
@@ -96,6 +97,10 @@ function createWindow () {
     minHeight: 480,
     width: 1200,
     height: 800,
+    center: true,
+    title: 'Cosmos',
+    darkTheme: true,
+    titleBarStyle: 'hidden',
     webPreferences: { webSecurity: false }
   })
   // mainWindow.maximize()

app/src/renderer/components/common/AppHeader.vue

@@ -57,6 +57,10 @@ export default {
 <style lang="stylus">
 @require '~variables'
 
+#app-header
+  .container
+    -webkit-app-region: drag
+
 @media screen and (max-width: 1023px)
   #app-header
     position fixed
@@ -95,6 +99,7 @@ export default {
 
       &.header-item-logo
         font-size sm
+
         img
           height 1rem
 
@@ -118,11 +123,8 @@ export default {
       flex-flow column nowrap
 
     .header-item-logo
-      height 3rem
       border-bottom px solid bc
-      display flex
-      align-items center
-      padding 0 1rem
+      padding 2rem 1rem .75rem
       img
         height 1.25rem
 

app/src/renderer/components/common/NiPageHeader.vue

@@ -21,6 +21,9 @@ export default {
 <style lang="stylus">
 @require '~variables'
 
+.ni-page-header
+  -webkit-app-region: drag;
+
 .ni-page-header-container
   min-height 3rem
   border-bottom px solid bc
@@ -49,7 +52,7 @@ export default {
       white-space nowrap
       overflow hidden
       text-overflow ellipsis
-      
+
       font-size lg
       line-height 1.5rem
       font-weight 400

app/src/renderer/styles/app.styl

@@ -15,6 +15,7 @@ html, body, #app
 a
   color link
   text-decoration none
+
   &:hover
     color hover
 

config.js

@@ -5,7 +5,7 @@ const path = require('path')
 let config = {
   // Name of electron app
   // Will be used in production builds
-  name: 'cosmos-ui',
+  name: 'Cosmos',
 
   // Use ESLint (extends `standard`)
   // Further changes can be made in `.eslintrc.js`

package.json

@@ -1,7 +1,15 @@
 {
-  "name": "cosmos-ui-electron",
+  "name": "Cosmos",
+  "productName": "Cosmos",
   "version": "0.1.0",
   "description": "The electron wrapper for Cosmos UI.",
+  "author": "All In Bits, Inc <hello@tendermint.com>",
+  "license": "Apache-2.0",
+  "homepage": "https://cosmos.network",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cosmos/cosmos-ui.git"
+  },
   "engines": {
     "node": ">=8.0.0"
   },
@@ -12,7 +20,7 @@
     "build:linux": "cross-env PLATFORM_TARGET=linux node tasks/release.js",
     "build:mas": "cross-env PLATFORM_TARGET=mas node tasks/release.js",
     "build:win32": "cross-env PLATFORM_TARGET=win32 node tasks/release.js",
-    "release:darwin": "electron-installer-dmg --overwrite builds/cosmos-ui-darwin-x64/cosmos-ui.app builds/cosmos",
+    "release:darwin": "electron-installer-dmg --overwrite builds/Cosmos-darwin-x64/Cosmos.app builds/cosmos",
     "uionly": "cross-env COSMOS_UI_ONLY='true' yarn run testnet",
     "local": "npm run testnet local",
     "testnet": "node tasks/testnet.js",
@@ -29,13 +37,6 @@
     "rebuild": "electron-rebuild --module-dir app",
     "postinstall": "cd app && yarn && cd .. && npm run rebuild"
   },
-  "author": "All In Bits, Inc <hello@tendermint.com>",
-  "license": "Apache-2.0",
-  "homepage": "https://cosmos.network",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/cosmos/cosmos-ui.git"
-  },
   "devDependencies": {
     "babel-core": "^6.8.0",
     "babel-eslint": "^7.0.0",