webpack-cli
webpack-cli copied to clipboard
webpack
Feature: GUI for webpack-cli
Is your feature request related to a problem? Please describe.
A GUI for webpack-cli which can be used to
- [ ] Add
loaders,pluginsfrom npm directly - [ ] Remove configurations
- [ ] Edit configurations
- [ ] Visualize stats in graphs
- [ ] Create new configurations
- [ ] Watch for changes in watch mode
- [ ] Support
webpack serve - [ ] Visualize diff between modules when added or removed
Describe the solution you'd like
Inspired by vue-cli ui
Describe alternatives you've considered
Additional context
Yeah @ev1stensberg that would be way more awesome,
We can also reuse the packages in webpack-cli like add, remove, etc to have that implemented I think 🤔
@ev1stensberg I would like to start this one, can you point what could be a first version of this feature?
I think a simple webpack boilerplate which uses webpack init together with the htmlwebpackplugin would do good 👍 Thanks for working on this!!
Awesome, thank you so much! 💙 start working on a fork and link me where you are working from and I'll give you feedback along the way ⚜️
@ev1stensberg I would also like to contribute to this issue, how should I go about it. Also which portion of UI should I take up to implement?
Hi @LakshSingla 😃 thanks for coming, We first need to create endpoints which will access Command line to run required commands. So, If you contribute to that by collaborating with @renatoagds, it will be awesome 💙
@rishabh3112 Thanks for swift response. I propose creating an Express based server which will run locally, and serve the frontend to the localhost and use a library like shelljs on the backend part of it to run the commands in the webpack directory. Have I interpreted the meaning of creating those endpoints correctly? @renatoagds How do you propose of doing this? I will be happy to adopt to that too.
@LakshSingla hey! so, my idea is the same as yours, I started the boilerplate in my branch here: https://github.com/renatoagds/webpack-cli/tree/webpack-gui ... the next step will be create the initial screen to execute the init command, reproducing the same questions that we have in the CLI command. I probably will do that today. I'll be happy if you take a look in my branch and give your opinion. 👍
@renatoagds Sure thing man. After you complete the initial draft, we can contribute together on different issues regarding UI. I suggest we decide upon a styling library ( like Materialize or Bootstrap ) to speed up the development of core logic. Also, is the use of typescript required in scripting GUI and server logic @ev1stensberg @rishabh3112 Suggestions ?
@renatoagds If you don't mind, should I start working on the initial features of the GUI? Then we could work together later on more advanced ones? I will pickup from where you left.
If everyone agrees, we could have an upstream branch and you could make PRs against that branch.
We can create an issue with the detailed list of the things to do/done. What do you think?
@ematipico agreed with you, I think we need to organize what we gonna do, so everyone could help. @LakshSingla let's do what @ematipico suggest first, so we do not work in the same thing, since we're in a pretty different timezone, I'll delay to answer you. About the style, I'm thinking to use material-ui(https://material-ui.com/).
Well upstream branch for this is great 😀 @ematipico. We can track this issue only as another issue for same will not be suitable I think. I have setup up basic structure with express and typescript for this. I can PR it and we can work on that. Thoughts @renatoagds and @LakshSingla ?
I created the upstream breanch webpack-cli-ui. All the PRs regarding this project should go against that branch
Sounds like you all have it under control. Create that PR for visibility and we'll come up with feedback. I'd propose to write it in JS first and then we can discuss rolling it over to TS if this is an external package ( which I think it should be ). So summed short:
- PR
- Create todo
- Communicate to split tasks
- Finish logic
- Rewrite to TS
Feel free to discuss here if you prefer https://github.com/webpack/webpack-cli/issues/647
As Even suggested, feel free to create issues and PRs! We will make sure to pin them to the UI project so we can track everything
Rewrite to TS
Double work, why? JS or TS :)
Well I think it might be easier to take it gradually to avoid errors, but feel free to do TS straight away. In that case, this should be moved to a seperate package named ‘ui’
I would also love to get in on webpack-cli ui. Has it started or yet to be scaffolded? More the people, faster the feature integration I guess.
Sure, @himanshuc3. Currently foundation is in process. We would be starting actual development soon.
@evenstensberg. I would like to contribute to this. May I know the current status and progress on this feature request.
We're currently setting up infrastructure for the UI/GUI feature and we are thinking about design. Could you have a look at https://github.com/webpack/webpack-cli/issues/654 ?
@evenstensberg. I would also like to contribute something to this. I can implement design to code. So any suggestions on how can I help?
I would like to work on this! can you please suggest me where should I start from?
