feat: add bandwidth stats

.gitignore

@@ -1,6 +1,6 @@
 node_modules
 build
 release
-package-lock.json
 out
-*.log
+*.log
+*.lock

package.json

@@ -9,7 +9,7 @@
     "electron-is-dev": "^0.3.0",
     "electron-squirrel-startup": "^1.0.0",
     "file-extension": "^4.0.0",
-    "ipfs-api": "^17.1.3",
+    "ipfs-api": "^17.2.4",
     "ipfs-geoip": "^2.3.0",
     "ipfsd-ctl": "^0.26.0",
     "menubar": "^5.2.3",

src/js/screens/menu.js

@@ -89,6 +89,7 @@ class Menu extends Component {
             <div className='panel right-panel'>
               <NodeInfoScreen
                 {...this.state.stats.node}
+                bandwidth={this.state.stats.bw}
                 repo={this.state.stats.repo} />
             </div>
           </div>

src/js/screens/menu/node-info.js

@@ -46,6 +46,18 @@ export default function NodeScreen (props) {
           Location
         </InfoBlock>
 
+        <InfoBlock info={prettyBytes(props.bandwidth.TotalIn + props.bandwidth.TotalOut)}>
+          Bandwidth Used
+        </InfoBlock>
+
+        <InfoBlock info={prettyBytes(props.bandwidth.RateIn) + '/s'}>
+          Down Speed
+        </InfoBlock>
+
+        <InfoBlock info={prettyBytes(props.bandwidth.RateOut) + '/s'}>
+          Up Speed
+        </InfoBlock>
+
         <InfoBlock info={props.protocolVersion}>
           Protocol Version
         </InfoBlock>
@@ -82,7 +94,8 @@ NodeScreen.propTypes = {
   protocolVersion: PropTypes.string,
   publicKey: PropTypes.string,
   addresses: PropTypes.array,
-  repo: PropTypes.object
+  repo: PropTypes.object,
+  bandwidth: PropTypes.object
 }
 
 NodeScreen.defaultProps = {
@@ -94,5 +107,11 @@ NodeScreen.defaultProps = {
   repo: {
     RepoSize: 0,
     NumObjects: 'NA'
+  },
+  bandwidth: {
+    TotalIn: 0,
+    TotalOut: 0,
+    RateIn: 0,
+    RateOut: 0
   }
 }

src/utils/stats-poller.js

@@ -66,6 +66,13 @@ export default class StatsPoller extends EventEmitter {
       })
       .catch(this.logger.error)
 
+    this.ipfs.stats.bw()
+      .then(stats => {
+        this.statsCache.bw = stats
+        this.emit('change', this.statsCache)
+      })
+      .catch(this.logger.error)
+
     this.ipfs.repo.stat()
       .then(repo => {
         this.statsCache.repo = repo