Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Mockups for new task display

See original GitHub issue

This issue was spawned by https://github.com/gulpjs/gulp-cli/issues/39

Now that we have --tasks-simple and --tasks-json for tools to consume, we can re-envision what the output of --tasks can be.

I’d like some people to produce mockups for new display output of the task listing flag.

Things that must be supported in the mockup:

Display top level tasks prominently
Display nested task dependencies to all depths
Display the description next to each top level task but not on nested tasks
Display a list of flags for each top level task

Issue Analytics

State:
Created 8 years ago
Comments:10 (4 by maintainers)

Top GitHub Comments

1reaction

tylerstickacommented, Nov 6, 2015

Hi, @phated! I’m more of a designer than a developer, so my understanding of what is or isn’t possible in the CLI may be lacking, but I was reading up on Gulp 4 this evening, stumbled across this issue and figured I’d throw a mockup into the mix.

I have two variations. The first one was inspired by @chmontgomery’s screenshot from gulpjs/gulp-cli#39. I liked how the detailed list was able to stand on its own, slightly apart from the normal Gulp messages. That said, I missed the “tree” characters for denoting hierarchy, and I also wanted the flags to be visually distinct from the task names. So this was my first pass:

gulp-tasks-2015-11-05-001

I liked this fine, but I kind of missed the old layout… the lack of an initial branch of the tree makes it a little more difficult to scan the topmost task names. And while I liked treating all the tasks consistently, I’m not sure it was successfully displaying the topmost tasks prominently.

So I brought it closer to what’s there already, and since I was no longer relying on the blue to unify the tasks, played a bit more with using different colors to make the top-level tasks (and their flags) stand out:

gulp-tasks-2015-11-05-002

No hard feelings if these miss the mark somehow! I ❤️ Gulp and will happily continue using it regardless.

0reactions

phatedcommented, Jan 31, 2016

This has been released with gulp-cli 1.2.0 - documentation on custom metadata (descriptions and flags) at https://github.com/gulpjs/gulp-cli#custom-metadata

Many thanks to @sttk and @tylersticka!!!