feat(webpack-cli): create a cli executer (#1255)

* feat: create cli executer

* chore: remove unused variables

* fix: code style

* chore: use for await

* chore: add descriptions for options

Author: rishabh3112

packages/webpack-cli/bin/cli.js

@@ -2,9 +2,9 @@
 
 'use strict';
 require('v8-compile-cache');
-const execa = require('execa');
 const importLocal = require('import-local');
 const parseArgs = require('../lib/utils/parse-args');
+const runner = require('../lib/runner');
 
 // Prefer the local installation of webpack-cli
 if (importLocal(__filename)) {
@@ -14,8 +14,5 @@ process.title = 'webpack';
 
 const [, , ...rawArgs] = process.argv;
 const { cliArgs, nodeArgs } = parseArgs(rawArgs);
-const bootstrapPath = require.resolve('../lib/bootstrap');
 
-execa('node', [...nodeArgs, bootstrapPath, ...cliArgs], { stdio: 'inherit' }).catch(e => {
-    process.exit(e.exitCode);
-});
+runner(nodeArgs, cliArgs);

packages/webpack-cli/lib/bootstrap.js

@@ -1,6 +1,7 @@
 const WebpackCLI = require('./webpack-cli');
 const { core, commands } = require('./utils/cli-flags');
 const logger = require('./utils/logger');
+const cliExecuter = require('./utils/cli-executer');
 
 require('./utils/process-log');
 
@@ -68,7 +69,8 @@ async function runCLI(cli, commandIsUsed) {
                     .forEach(unknown => {
                         logger.warn('Unknown argument:', unknown);
                     });
-                return cli.runHelp(process.argv);
+                    cliExecuter();
+                    return;
             }
             const result = await cli.run(args, core);
             if (!result) {

packages/webpack-cli/lib/runner.js

@@ -0,0 +1,10 @@
+const execa = require('execa');
+const cliPath = require.resolve('./bootstrap.js');
+
+function runner(nodeArgs, cliArgs) {
+    execa("node", [...nodeArgs, cliPath, ...cliArgs], {stdio: 'inherit'}).catch(e => {
+        process.exit(e.exitCode);
+    });
+}
+
+module.exports = runner;

packages/webpack-cli/lib/utils/cli-executer.js

@@ -0,0 +1,59 @@
+const { MultiSelect, Input } = require('enquirer');
+const runner = require('../runner');
+const logger = require('./logger');
+const cliArgs = require('./cli-flags').core;
+
+async function prompter() {
+    const args = [];
+
+    const typePrompt = new MultiSelect({
+        name: 'type',
+        message: 'Which flags do you want to use?',
+        choices: cliArgs.reduce((prev, curr) => {
+            return [...prev, `--${curr.name}: ${curr.description}`];
+        }, []),
+        result: (value) => {
+            return value.map((flag) => flag.split(":")[0]);
+        }
+    });
+
+    const selections = await typePrompt.run();
+
+    const boolArgs = [];
+    const questions = [];
+    selections.forEach(selection => {
+        const options = cliArgs.find(flag => {
+            return flag.name === selection.slice(2);
+        });
+
+        if (options.type === Boolean) {
+            boolArgs.push(selection);
+            return;
+        }
+
+        const valuePrompt = new Input({
+            name: 'value',
+            message: `Enter value of the ${selection} flag`,
+            initial: options.defaultValue,
+            result: (value) => [selection, value]
+        });
+        questions.push(valuePrompt);
+    });
+
+    // Create promise chain to force synchronous prompt of question
+    for await (question of questions) {
+        const flagArgs = await question.run();
+        args.push(...flagArgs);
+    }
+
+    return [...args, ...boolArgs];
+}
+
+async function run() {
+    const args = await prompter();
+    process.stdout.write('\n');
+    logger.info(`Executing CLI\n`);
+    runner([], args);
+}
+
+module.exports = run;