nav tabs on admin dashboard

node_modules/browserslist/cli.js

@@ -1,5 +1,7 @@
 #!/usr/bin/env node
 
+var fs = require('fs')
+
 var browserslist = require('./')
 var pkg = require('./package.json')
 var args = process.argv.slice(2)
@@ -7,9 +9,11 @@ var args = process.argv.slice(2)
 var USAGE = 'Usage:\n' +
             '  ' + pkg.name + '\n' +
             '  ' + pkg.name + ' "QUERIES"\n' +
+            '  ' + pkg.name + ' --json "QUERIES"\n' +
             '  ' + pkg.name + ' --config="path/to/browserlist/file"\n' +
             '  ' + pkg.name + ' --coverage "QUERIES"\n' +
             '  ' + pkg.name + ' --coverage=US "QUERIES"\n' +
+            '  ' + pkg.name + ' --coverage=US,RU,world "QUERIES"\n' +
             '  ' + pkg.name + ' --env="environment name defined in config"\n' +
             '  ' + pkg.name + ' --stats="path/to/browserlist/stats/file"'
 
@@ -32,11 +36,11 @@ if (isArg('--help') || isArg('-h')) {
   var mode = 'browsers'
   var opts = { }
   var queries
-  var country
+  var areas
 
   for (var i = 0; i < args.length; i++) {
     if (args[i][0] !== '-') {
-      queries = args[i].replace(/^['"]|['"]$/g, '')
+      queries = args[i].replace(/^["']|["']$/g, '')
       continue
     }
 
@@ -44,7 +48,7 @@ if (isArg('--help') || isArg('-h')) {
     var name = arg[0]
     var value = arg[1]
 
-    if (value) value = value.replace(/^['"]|['"]$/g, '')
+    if (value) value = value.replace(/^["']|["']$/g, '')
 
     if (name === '--config' || name === '-b') {
       opts.config = value
@@ -53,27 +57,32 @@ if (isArg('--help') || isArg('-h')) {
     } else if (name === '--stats' || name === '-s') {
       opts.stats = value
     } else if (name === '--coverage' || name === '-c') {
-      mode = 'coverage'
-      if (value) country = value
+      if (mode !== 'json') mode = 'coverage'
+      if (value) {
+        areas = value.split(',')
+      } else {
+        areas = ['global']
+      }
+    } else if (name === '--json') {
+      mode = 'json'
     } else {
       error('Unknown arguments ' + args[i] + '.\n\n' + USAGE)
     }
   }
 
-  if (!queries && !opts.config) {
-    if (browserslist.findConfig(process.cwd())) {
-      opts.path = process.cwd()
-    } else {
-      error(
-        'Browserslist config did not found. ' +
-        'Define queries or config path.' +
-        '\n\n' + USAGE
-      )
-    }
-  }
-
   var browsers
   try {
+    if (!queries && !opts.config) {
+      if (browserslist.findConfig(process.cwd())) {
+        opts.path = process.cwd()
+      } else {
+        error(
+          'Browserslist config was not found. ' +
+          'Define queries or config path.' +
+          '\n\n' + USAGE
+        )
+      }
+    }
     browsers = browserslist(queries, opts)
   } catch (e) {
     if (e.name === 'BrowserslistError') {
@@ -83,21 +92,55 @@ if (isArg('--help') || isArg('-h')) {
     }
   }
 
+  var coverage
   if (mode === 'browsers') {
     browsers.forEach(function (browser) {
       process.stdout.write(browser + '\n')
     })
-  } else {
-    var result = browserslist.coverage(browsers, country)
-    var round = Math.round(result * 100) / 100.0
+  } else if (areas) {
+    coverage = areas.map(function (area) {
+      var stats
+      if (area !== 'global') {
+        stats = area
+      } else if (opts.stats) {
+        stats = JSON.parse(fs.readFileSync(opts.stats))
+      }
+      var result = browserslist.coverage(browsers, stats)
+      var round = Math.round(result * 100) / 100.0
 
-    var end = 'globally'
-    if (country && country !== 'global') {
-      end = 'in the ' + country.toUpperCase()
+      return [area, round]
+    })
+
+    if (mode === 'coverage') {
+      var prefix = 'These browsers account for '
+      process.stdout.write(prefix)
+      coverage.forEach(function (data, index) {
+        var area = data[0]
+        var round = data[1]
+        var end = 'globally'
+        if (area && area !== 'global') {
+          end = 'in the ' + area.toUpperCase()
+        } else if (opts.stats) {
+          end = 'in custom statistics'
+        }
+
+        if (index !== 0) {
+          process.stdout.write(prefix.replace(/./g, ' '))
+        }
+
+        process.stdout.write(round + '% of all users ' + end + '\n')
+      })
     }
+  }
 
-    process.stdout.write(
-      'These browsers account for ' + round + '% of all users ' +
-            end + '\n')
+  if (mode === 'json') {
+    var data = { browsers: browsers }
+    if (coverage) {
+      data.coverage = coverage.reduce(function (object, j) {
+        object[j[0]] = j[1]
+        return object
+      }, { })
+    }
+    process.stdout.write(JSON.stringify(data, null, '  ') + '\n')
   }
 }