refactor: migrate stats group (#1831)

* refactor: migrate stats group

* refactor: migrate stats group

Co-authored-by: Rishabh Chawla <rishabh31121999@gmail.com>

Author: anshumanv

packages/webpack-cli/__tests__/StatsGroup.test.js

@@ -0,0 +1,19 @@
+const resolveStats = require('../lib/groups/resolveStats');
+
+describe('StatsGroup', function () {
+    it('should assign json correctly', () => {
+        const result = resolveStats({
+            json: true,
+        });
+        expect(result.options.stats).toBeFalsy();
+        expect(result.outputOptions.json).toBeTruthy();
+    });
+
+    it('should assign stats correctly', () => {
+        const result = resolveStats({
+            stats: 'warning',
+        });
+        expect(result.options.stats).toEqual('warning');
+        expect(result.outputOptions.json).toBeFalsy();
+    });
+});

packages/webpack-cli/__tests__/resolveStats.js

@@ -0,0 +1,22 @@
+/**
+ * Resolve flags which deal with compilation stats
+ * @param {args} args - Parsed args passed to CLI
+ */
+const resolveStats = (args) => {
+    const { stats, json } = args;
+
+    const finalOptions = {
+        options: {},
+        outputOptions: {},
+    };
+
+    if (stats !== undefined) {
+        finalOptions.options.stats = stats;
+    }
+    if (json) {
+        finalOptions.outputOptions.json = true;
+    }
+    return finalOptions;
+};
+
+module.exports = resolveStats;

packages/webpack-cli/lib/groups/StatsGroup.js

@@ -5,7 +5,6 @@ const CONFIG_GROUP = 'config';
 const BASIC_GROUP = 'basic';
 const OUTPUT_GROUP = 'output';
 const ADVANCED_GROUP = 'advanced';
-const DISPLAY_GROUP = 'stats';
 const ZERO_CONFIG_GROUP = 'zero-config';
 
 const groups = {
@@ -14,7 +13,6 @@ const groups = {
     BASIC_GROUP,
     OUTPUT_GROUP,
     ADVANCED_GROUP,
-    DISPLAY_GROUP,
     ZERO_CONFIG_GROUP,
 };
 
@@ -99,7 +97,6 @@ const core = [
         name: 'color',
         usage: '--color',
         type: Boolean,
-        group: DISPLAY_GROUP,
         negative: true,
         defaultValue: true,
         description: 'Enable/Disable colors on console',
@@ -189,7 +186,6 @@ const core = [
         type: Boolean,
         alias: 'j',
         description: 'Prints result as JSON',
-        group: DISPLAY_GROUP,
     },
     {
         name: 'mode',
@@ -210,7 +206,6 @@ const core = [
         name: 'stats',
         usage: '--stats <value>',
         type: [String, Boolean],
-        group: DISPLAY_GROUP,
         negative: true,
         description: 'It instructs webpack on how to treat the stats e.g. verbose',
         link: 'https://webpack.js.org/configuration/stats/#stats',

packages/webpack-cli/lib/groups/resolveStats.js

@@ -2,6 +2,7 @@ const { options } = require('colorette');
 const GroupHelper = require('./utils/GroupHelper');
 const handleConfigResolution = require('./groups/ConfigGroup');
 const resolveMode = require('./groups/resolveMode');
+const resolveStats = require('./groups/resolveStats');
 const { Compiler } = require('./utils/Compiler');
 const { groups, core } = require('./utils/cli-flags');
 const webpackMerge = require('webpack-merge');
@@ -114,11 +115,6 @@ class WebpackCLI extends GroupHelper {
                     this.advancedGroup = new AdvancedGroup(value);
                     break;
                 }
-                case groups.DISPLAY_GROUP: {
-                    const StatsGroup = require('./groups/StatsGroup');
-                    this.statsGroup = new StatsGroup(value);
-                    break;
-                }
                 case groups.HELP_GROUP: {
                     const HelpGroup = require('./groups/HelpGroup');
                     this.helpGroup = new HelpGroup();
@@ -251,7 +247,7 @@ class WebpackCLI extends GroupHelper {
             .then(() => this._handleCoreFlags())
             .then(() => this._handleGroupHelper(this.basicGroup))
             .then(() => this._handleGroupHelper(this.advancedGroup))
-            .then(() => this._handleGroupHelper(this.statsGroup))
+            .then(() => this._baseResolver(resolveStats, parsedArgs))
             .then(() => this._handleGroupHelper(this.helpGroup));
     }