Feature:- AUTO TAB completion of flags

[aman29271]

Is your feature request related to a problem? Please describe.
when you type some cli flags and press TAB key. It doesn't autocomplete the flags. It should complete the flags automatically as per user input.

Describe the solution you'd like

I want the flags to autocomplete when i type some partial text of a flag just like in node REPL mode.
Describe alternatives you've considered

Additional context

[alexander-akait]

Not sure it is possible, because completion is scope of bash/terminal

[snitin315]

something like this may possible - omelette

[aman29271]

I am trying to implement this with yargs completion

[anshumanv]

I am trying to implement this with yargs completion

We are moving away from yargs #1347, don't

[aman29271]

@anshumanv any suggestions other than omelette

[jamesgeorge007]

tabtab is another option.

[rishabh3112]

We can't have it unless we move to new arg parser and start using flags from webpack core.

[webpack-bot]

This issue had no activity for at least half a year.

It's subject to automatic issue closing if there is no activity in the next 15 days.

[webpack-bot]

Issue was closed because of inactivity.

If you think this is still a valid issue, please file a new issue with additional information.

[webpack-bot]

This issue had no activity for at least half a year.

It's subject to automatic issue closing if there is no activity in the next 15 days.

[anshumanv]

bump

[webpack-bot]

This issue had no activity for at least half a year.

It's subject to automatic issue closing if there is no activity in the next 15 days.

[alexander-akait]

bump

[webpack-bot]

This issue had no activity for at least half a year.

It's subject to automatic issue closing if there is no activity in the next 15 days.

[webpack-bot]

Issue was closed because of inactivity.

If you think this is still a valid issue, please file a new issue with additional information.

[aialok]

@snitin315 can I work on this issue or this issue is close due to inactivity ?

[snitin315]

@aialok feel free to work on it.

[aialok]

Hello @snitin315 sir ,
I have some doubt regarding webpack.
Is there any slack/discord channel where I can ask my doubts ?
Webpack is going to participate for GSOC 2024 or not ? and I really really want to work with webpack.
Can you please guide me how to get started with this ?

[evenstensberg]

@aialok webpack/webpack#17441

[evenstensberg]

Relative: tj/commander.js#385 (comment)

[HyperDanisH]

Is the use of omelette good enough or tabtab be used?

[HyperDanisH]

@alexander-akait what can be the best way to get all the flags that are built in webpack-cli, according to you.

[alexander-akait]

You can get them using commander API

[shadowspawn]

Expanding on the API which is available, some deeper detail.

A Command object has an options property which is an array of the options. There are two complications you might care about when looking for completions:

• some of the options may be hidden, and should not be suggested
• the built-in help option does not appear in the array, and you might want to suggest it

Both can be supported by hand fairly easily. Or you can optionally use the Help object to give you a list of the visible options for a command, which handles these two cases. e.g.

import { Command, Option } from 'commander';

const program = new Command();

program.option('-d, --debug', 'output extra debugging');
program.addOption(new Option('-s, --secret', 'internal use only').hideHelp());

console.log('options array');
console.log(program.options.map(o => o.flags));

console.log('visible options');
const helper = program.createHelp();
console.log(helper.visibleOptions(program).map(o => o.flags));

% node index.mjs
options array
[ '-d, --debug', '-s, --secret' ]
visible options
[ '-d, --debug', '-h, --help' ]

[HyperDanisH]

The type of approach sir @shadowspawn proposed definitely could have been a choice for solving this issue and if fact this approach is also being used in the CLI to get options for help command to output.

However, this approach has an issue in this case.

The webpack-cli when executed runs under the hood a method run() this method is build on top of CLI class and and is responsible to initialize any command that is asked for. The issue is when executeAutoComplete() (The function responsible for giving back autocomplete suggestions) is executed, there is no context of any command to this function and when run, console.log(this.program.commands) it just returns an empty array.

This needs to be fixed or we will have to take any other approach. I welcome any suggestions from community as it will definitely speed up the process.

[urizennnn]

@HyperDanisH please in which file/folder should this be added to?

[HyperDanisH]

@HyperDanisH please in which file/folder should this be added to?

What be added?

[urizennnn]

@HyperDanisH please in which file/folder should this be added to?

What be added?

The Auto-Tab completion feature

[HyperDanisH]

I think you need to check pr related to this issue that is draft I made.

[urizennnn]

I think you need to check pr related to this issue that is draft I made.

Oh alright, I have seen it .

[HyperDanisH]

@urizennnn ask me on discord in case you have any query about this pr. I am willing to help.

[urizennnn]

@urizennnn ask me on discord in case you have any query about this pr. I am willing to help.

can i have the link please, because i am invested in this even if it's outside the scope of gsoc.

[HyperDanisH]

@urizennnn ask me on discord in case you have any query about this pr. I am willing to help.

can i have the link please, because i am invested in this even if it's outside the scope of gsoc.

If you are asking about mine discord then it's username is danisharora and if webpack team's then follow this url

[HyperDanisH]

The type of approach sir @shadowspawn proposed definitely could have been a choice for solving this issue and if fact this approach is also being used in the CLI to get options for help command to output.

However, this approach has an issue in this case.

The webpack-cli when executed runs under the hood a method run() this method is build on top of CLI class and and is responsible to initialize any command that is asked for. The issue is when executeAutoComplete() (The function responsible for giving back autocomplete suggestions) is executed, there is no context of any command to this function and when run, console.log(this.program.commands) it just returns an empty array.

This needs to be fixed or we will have to take any other approach. I welcome any suggestions from community as it will definitely speed up the process.

@alexander-akait sir I would apreciate your opinion before I proceed any further. What do you think about this?

[urizennnn]

@urizennnn ask me on discord in case you have any query about this pr. I am willing to help.

can i have the link please, because i am invested in this even if it's outside the scope of gsoc.

If you are asking about mine discord then it's username is danisharora and if webpack team's then follow this url

both aren't bad