Repository navigation
Prettier console output #285
Description
Hello I'm working on a library to prettify the output to console
I would like to use it on create-react-app in order to offer clearer outputs and nicer user experience that for beginners is fundamental.
I'm asking for opinions before stating to work on a huge PR :)
http://bit.ly/pretty-cli
Thanks
Activity
gaearon commentedon Jul 29, 2016
Is there anything in particular you’d like to make prettier?
We kinda use
chalkhere and there but further improvements are welcome.(As long as we can agree that those are improvements—some screenshots of your ideas would be best for this.)
MichaelCereda commentedon Jul 29, 2016
Yes, I completely agree.
I'm currently working on start and build script in create-react-app in order to publish some screenshots.
My idea is to create small "templates" with pretty-cli and add colors with chalk.
In this way is possible to have a well structured output, and change the way this package shows errors just editing those templates.
Pretty-cli it's at its early stages but it is already well tested and stable, I'm working actively on the project.
I will soon post updates.
sotojuan commentedon Jul 29, 2016
https://github.com/SamVerschueren/listr is cool too.
MichaelCereda commentedon Jul 29, 2016
Yes it's nice but IMHO I think that beginners should have a nice scrollable output to have the possibility of browsing and understanding all the errors.
listr is great but it's very task oriented and with a "fixed" design.
I'm working on a more manageable solution (pretty-cli) that can be future-proof (for example if it's necessary to change all the styling of the application).
MichaelCereda commentedon Jul 30, 2016
This is a first try.
As I said previously, instead of editing the output of the console directly I created a template using pretty-cli and I simply substitute the console.log.
Also the formattation of the messages as been exported into the cli in order to have a unique file that contains all the styling.
If you guys like my idea I can publish some code or a first PR, the thing you see is the output from create-react-app.
The style in the screenshot is just a proposal, if there are better ideas I can totally do some changes.
MichaelCereda commentedon Aug 4, 2016
I'm working on the PR.
I added more info about the current app and styled the output a little bit more.
gaearon commentedon Aug 4, 2016
Cool, will be happy to review a PR.
MichaelCereda commentedon Aug 9, 2016
The PR is on its way, I apologize but I got married in these days so I had other priorities :)
I'm trying to include important information during the compilation process such as package name, version and so on.
Even if those information aren't useful for pro I think they are important for beginners who need a place to check what's happening with the package they are creating and receive a continuous feedback even if a little bit redundant.
Please reply if there are some info that you guys think can be important to show during the start script.
Thanks
gaearon commentedon Aug 9, 2016
It’s a bit hard to say without playing with it 😄
MichaelCereda commentedon Aug 9, 2016
Yes... Don't worry so let me release the PR. I apologize for the delay.
On Tue, Aug 9, 2016, 5:29 PM Dan Abramov notifications@github.com wrote:
MichaelCereda commentedon Aug 18, 2016
I published the PR #461.
Every suggestion is welcome.
gaearon commentedon Sep 30, 2016
Thanks for the PR!
I’m sorry I didn’t review it for a long time.
Please see #461 (comment).