fix: stats title

Author: egoist

package.json

@@ -67,6 +67,7 @@
     "@types/ora": "^3.0.0",
     "@types/p-waterfall": "^1.0.0",
     "@types/pretty-bytes": "^5.1.0",
+    "@types/pretty-ms": "^4.0.0",
     "@types/require-from-string": "^1.2.0",
     "@types/resolve": "^0.0.8",
     "@types/resolve-from": "^4.0.0",
@@ -78,16 +79,17 @@
     "cac": "^6.4.2",
     "commitizen": "^3.0.5",
     "cz-conventional-changelog": "^2.1.0",
+    "gzip-size": "^5.0.0",
     "husky": "^1.0.0-rc.13",
     "jest": "^23.0.0",
     "joycon": "^2.2.3",
     "lint-staged": "^7.2.0",
     "lodash": "^4.17.11",
     "nswatch": "^0.2.0",
     "p-waterfall": "^1.0.0",
-    "gzip-size": "^5.0.0",
     "prettier": "^1.15.2",
     "pretty-bytes": "^5.1.0",
+    "pretty-ms": "^4.0.0",
     "require-from-string": "^2.0.2",
     "require-so-slow": "^1.2.0",
     "resolve": "^1.10.0",

src/index.ts

@@ -1,6 +1,7 @@
 import path from 'path'
 import colors from 'chalk'
 import prettyBytes from 'pretty-bytes'
+import formatTime from 'pretty-ms'
 import textTable from 'text-table'
 import resolveFrom from 'resolve-from'
 import boxen from 'boxen'
@@ -338,6 +339,8 @@ export class Bundler {
     // Add bundle to out assets Map
     // So that we can log the stats when all builds completed
     // Make sure this is the last plugin!
+    let startTime: number
+    let endTime: number
     plugins.push({
       name: 'record-bundle',
       generateBundle(outputOptions, _assets) {
@@ -364,8 +367,19 @@ export class Bundler {
           }
         }
       },
+      buildStart() {
+        startTime = Date.now()
+      },
+      buildEnd() {
+        endTime = Date.now()
+      },
       async writeBundle() {
-        await printAssets(assets, title.replace('Bundle', 'Bundled'))
+        await printAssets(
+          assets,
+          `${title.replace('Bundle', 'Bundled')} ${colors.dim(
+            `(${formatTime(endTime - startTime)})`
+          )}`
+        )
       }
     })
 
@@ -629,7 +643,7 @@ async function printAssets(assets: Assets, title: string) {
     })
   )
   table.unshift(['File', 'Size', 'Gzipped'].map(v => colors.dim(v)))
-  logger.log(title)
+  logger.success(title)
   logger.log(
     boxen(
       textTable(table, {

yarn.lock

@@ -922,6 +922,11 @@
   resolved "https://registry.npmjs.org/@types/pretty-bytes/-/pretty-bytes-5.1.0.tgz#1df59db5c7def05dbbb0df2ad80b46863d9fafda"
   integrity sha512-rc7x/HkZyguytBsCUVvcdARplUf0DsrRXqv3yO0v0CIgXuuwNlgYZRfYGCFHxr1CTnKHjCIJ13tB9t49ZixOIw==
 
+"@types/pretty-ms@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/@types/pretty-ms/-/pretty-ms-4.0.0.tgz#5e5177b9e447fbc8446e6fd2b09aea045971f11d"
+  integrity sha512-l5aIszYIm3s4jIL4wLDwajEml1w3E4zqGDDUgvnroX1ux6YAxsCrgRHLUafgrHFGTHlx7TpwiwSwcHV8IBvccw==
+
 "@types/q@^1.5.1":
   version "1.5.1"
   resolved "https://registry.npmjs.org/@types/q/-/q-1.5.1.tgz#48fd98c1561fe718b61733daed46ff115b496e18"
@@ -6601,6 +6606,11 @@ parse-json@^4.0.0:
     error-ex "^1.3.1"
     json-parse-better-errors "^1.0.1"
 
+parse-ms@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/parse-ms/-/parse-ms-2.0.0.tgz#7b3640295100caf3fa0100ccceb56635b62f9d62"
+  integrity sha512-AddiXFSLLCqj+tCRJ9MrUtHZB4DWojO3tk0NVZ+g5MaMQHF2+p2ktqxuoXyPFLljz/aUK0Nfhd/uGWnhXVXEyA==
+
 parse-passwd@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
@@ -7121,6 +7131,13 @@ pretty-format@^23.6.0:
     ansi-regex "^3.0.0"
     ansi-styles "^3.2.0"
 
+pretty-ms@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/pretty-ms/-/pretty-ms-4.0.0.tgz#31baf41b94fd02227098aaa03bd62608eb0d6e92"
+  integrity sha512-qG66ahoLCwpLXD09ZPHSCbUWYTqdosB7SMP4OffgTgL2PBKXMuUsrk5Bwg8q4qPkjTXsKBMr+YK3Ltd/6F9s/Q==
+  dependencies:
+    parse-ms "^2.0.0"
+
 private@^0.1.6, private@^0.1.8:
   version "0.1.8"
   resolved "https://registry.npmjs.org/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"