Make npm outdated output prettier.

Fixes #4176. Uses ansicolors, ansistyles, and text-table.
npm · Nov 26, 2013 · fd3017f · fd3017f · ollym · Jan 4, 2014
1 parent ec2c50f
commit fd3017f
Show file tree

Hide file tree

Showing 32 changed files with 974 additions and 7 deletions.
diff --git a/lib/outdated.js b/lib/outdated.js
@@ -26,6 +26,9 @@ var path = require("path")
   , npm = require("./npm.js")
   , url = require("url")
   , isGitUrl = require("./utils/is-git-url.js")
+  , color = require("ansicolors")
+  , styles = require("ansistyles")
+  , table = require("text-table")
 
 function outdated (args, silent, cb) {
   if (typeof cb !== "function") cb = silent, silent = false
@@ -35,7 +38,17 @@ function outdated (args, silent, cb) {
     if (npm.config.get("json")) {
       console.log(makeJSON(list))
     } else {
-      console.log(list.map(makePretty).join("\n"))
+      var outList = list.map(makePretty)
+      var outTable = [[ styles.underline("Package")
+                      , styles.underline("Current")
+                      , styles.underline("Wanted")
+                      , styles.underline("Latest")
+                      , styles.underline("Location")
+                     ]].concat(outList)
+      var tableOpts = { align: ["l", "r", "r", "r", "l"]
+                      , stringLength: function(s) { return ansiTrim(s).length }
+                      }
+      console.log(table(outTable, tableOpts))
     }
     cb(null, list)
   })
@@ -66,10 +79,23 @@ function makePretty (p) {
   if (!npm.config.get("global")) {
     dir = path.relative(process.cwd(), dir)
   }
-  return dep + " " + dir
-       + " current=" + (has || "MISSING")
-       + " wanted=" + want
-       + " latest=" + latest
+  return [ has === want ? color.yellow(dep) : color.red(dep)
+         , (has || "MISSING")
+         , color.green(want)
+         , color.magenta(latest)
+         , color.brightBlack(dirToPrettyLocation(dir))
+         ]
+}
+
+function ansiTrim (str) {
+  var r = new RegExp("\x1b(?:\\[(?:\\d+[ABCDEFGJKSTm]|\\d+;\\d+[Hfm]|" +
+        "\\d+;\\d+;\\d+m|6n|s|u|\\?25[lh])|\\w)", "g");
+  return str.replace(r, "")
+}
+
+function dirToPrettyLocation (dir) {
+  return dir.replace(/^node_modules[/\\]/, "")
+            .replace(/[[/\\]node_modules[/\\]/g, " > ")
 }
 
 function makeJSON (list) {

diff --git a/node_modules/ansicolors/.npmignore b/node_modules/ansicolors/.npmignore
diff --git a/node_modules/ansicolors/.travis.yml b/node_modules/ansicolors/.travis.yml
diff --git a/node_modules/ansicolors/LICENSE b/node_modules/ansicolors/LICENSE
diff --git a/node_modules/ansicolors/README.md b/node_modules/ansicolors/README.md
diff --git a/node_modules/ansicolors/ansicolors.js b/node_modules/ansicolors/ansicolors.js
diff --git a/node_modules/ansicolors/package.json b/node_modules/ansicolors/package.json
diff --git a/node_modules/ansicolors/test/ansicolors.js b/node_modules/ansicolors/test/ansicolors.js
diff --git a/node_modules/ansistyles/.npmignore b/node_modules/ansistyles/.npmignore
diff --git a/node_modules/ansistyles/.travis.yml b/node_modules/ansistyles/.travis.yml
diff --git a/node_modules/ansistyles/LICENSE b/node_modules/ansistyles/LICENSE