Prettify peer metrics

package-lock.json

@@ -10,6 +10,7 @@
       "dependencies": {
         "core-js": "^3.6.5",
         "mitt": "^2.1.0",
+        "pretty-bytes": "^5.5.0",
         "primeflex": "^2.0.0",
         "primeicons": "^4.1.0",
         "primevue": "^3.1.1",
@@ -12943,6 +12944,17 @@
         "node": ">=4"
       }
     },
+    "node_modules/pretty-bytes": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.5.0.tgz",
+      "integrity": "sha512-p+T744ZyjjiaFlMUZZv6YPC5JrkNj8maRmPaQCWFJFplUAzpIUTRaTcS+7wmZtUoFXHtESJb23ISliaWyz3SHA==",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/pretty-error": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
@@ -28611,6 +28623,11 @@
       "dev": true,
       "optional": true
     },
+    "pretty-bytes": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.5.0.tgz",
+      "integrity": "sha512-p+T744ZyjjiaFlMUZZv6YPC5JrkNj8maRmPaQCWFJFplUAzpIUTRaTcS+7wmZtUoFXHtESJb23ISliaWyz3SHA=="
+    },
     "pretty-error": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",

package.json

@@ -10,6 +10,7 @@
   "dependencies": {
     "core-js": "^3.6.5",
     "mitt": "^2.1.0",
+    "pretty-bytes": "^5.5.0",
     "primeflex": "^2.0.0",
     "primeicons": "^4.1.0",
     "primevue": "^3.1.1",

src/views/Host.vue

@@ -19,6 +19,7 @@
 <script>
 import { inject, reactive } from 'vue'
 import { useToast } from 'primevue/usetoast'
+import prettyBytes from 'pretty-bytes'
 import WebTorrent from 'webtorrent/webtorrent.min.js'
 
 export default {
@@ -38,8 +39,8 @@ export default {
     setInterval(() => {
       const newWires = state.wires.map((wire) => ({
         ip: wire.remoteAddress,
-        downloadSpeed: wire.uploadSpeed(),
+        downloadSpeed: prettyBytes(wire.uploadSpeed()) + 'ps',
-        downloaded: wire.uploaded
+        downloaded: prettyBytes(wire.uploaded)
       }))
       wires.splice.apply(wires, [0, newWires.length].concat(newWires))
     }, 500)