Fixed: #1 & add HTTPS env option for https production

Author: Molunerfinn

README.md

@@ -50,10 +50,13 @@ The `.env` file looks like:
 GH_TOKEN=Your token here
 JWT_SECRET=Any string
 KOA_PORT=8888
+HTTPS=false
 ```
 
 > KOA_PORT can be any port you like which is available.
 
+**If you set `HTTPS=true`, then the websocket will connect the 443 port, it's useful for https production.**
+
 ### Run
 
 ```bash

config/dev.env.js

@@ -4,5 +4,6 @@ const merge = require('webpack-merge')
 const prodEnv = require('./prod.env')
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
-  KOA_PORT: `${process.env.KOA_PORT || 443}`
+  KOA_PORT: `${process.env.KOA_PORT || 443}`,
+  HTTPS: `${process.env.HTTPS}`
 })

config/prod.env.js

@@ -2,5 +2,6 @@
 require('dotenv').config({silent: true})
 module.exports = {
   NODE_ENV: '"production"',
-  KOA_PORT: `${process.env.KOA_PORT || 443}`
+  KOA_PORT: `${process.env.KOA_PORT || 443}`,
+  HTTPS: `${process.env.HTTPS}`
 }

src/App.vue

@@ -36,7 +36,10 @@ export default {
   created () {
     const host = window.location.hostname
     const protocol = window.location.protocol
-    const port = process.env.KOA_PORT || 443
+    let port = process.env.KOA_PORT
+    if (process.env.HTTPS) {
+      port = 443
+    }
     const socket = io(`${protocol}//${host}:${port}`)
     socket.on('limit', (data) => {
       this.limit = data.rateLimit

src/views/Profile.vue

@@ -12,22 +12,26 @@
         .user-info__cards.pull-left
           .col-xs-12.col-sm-6.col-lg-3
             .user-info__card
-              | {{ userInfo.email || 'Null' }}
+              span.user-info__card-text(:class="{'small-text': userInfo.email && userInfo.email.length > 21}")
+                | {{ userInfo.email || 'Null' }}
               .user-info__card-status.pull-right
                 i.fa.fa-envelope(aria-hidden="true")
           .col-xs-12.col-sm-6.col-lg-3
             .user-info__card
-              | Joined at {{ userInfo.createdAt.slice(0, 10) }}
+              span.user-info__card-text
+                | Joined at {{ userInfo.createdAt.slice(0, 10) }}
               .user-info__card-status.pull-right
                 i.fa.fa-calendar(aria-hidden="true")
           .col-xs-12.col-sm-6.col-lg-3
             .user-info__card
-              | Owned public repos
+              span.user-info__card-text
+                | Owned public repos
               .user-info__card-status.pull-right
                 | {{ userRepos.totalCount }}
           .col-xs-12.col-sm-6.col-lg-3
             .user-info__card
-              | Contributed last year
+              span.user-info__card-text
+                | Contributed last year
               .user-info__card-status.pull-right
                 | {{ userCommits.total }}
       .row.chart-lists.user-contribution
@@ -321,6 +325,17 @@ export default {
           color #4c4948
           margin-bottom 15px
           font-size 18px
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          flex-flow: column wrap;
+          &-text
+            width calc(100% - 56px)
+            word-wrap: break-word
+            line-height: 20px
+            padding-left 4px
+            &.small-text
+              font-size 16px
           &-status
             text-align center
             width 56px