Skip to main content

Jenkins X: New Features in the Pipelines Visualizer UI

By January 20, 2021Blog

TheĀ Jenkins X Pipelines Visualizer UIĀ has recently received a number of new features, so letā€™s do a little tour of these new features!

Pipeline View

When viewing a pipeline, the biggest new feature is theĀ collapsed logs. No more hundreds – or thousands – of log lines, we now group the logs per-container (step), which are collapsed by default. Along with the status of the step and its duration, so itā€™s easier to go to the interesting part of the logs.

Clicking on a log line will expand the logs for this specific container. You can also use the ā€œToggle Stepsā€ button to expand/collapse the logs for all the steps at once.

While weā€™re talking about the logs, you can notice the 2 new buttons:

  • View raw logs
  • Download raw logs

On top of the logs, we now display some information about the pipeline:

  • the pipelineĀ meta information: name, context, build, and a link to see the raw YAML representation of the pipeline
  • the pipelineĀ status: status, started/finished date/time, and duration
  • the pipelineĀ source: git repository, pull request or branch, commit SHA, author
  • the pipelineĀ stages, with links to see the timeline of the steps in each stage. You can also click on the ā€œShow Timelineā€ button to view the pipeline timeline with all stages and steps.

TheĀ pipeline timelineĀ has been improved to include all the steps for all stages, but it is currently hidden by default – to avoid using too much space. Clicking on a stage will bring you to the steps, and clicking on a step will bring you to the logs for this step.

Note that for a pipeline which includes a deployment to a Preview Environment, the UI will also display a link to the applicationā€™s URL in that specific Preview Environment.

Homepage

The homepage got some love too, with:

  • a few stats about the pipelines: top statuses, repositories, authors and durations – with links to filter the pipelines
  • direct links to the git repositories and pull requests
  • the Jenkins X logo
  • and a favicon

Roadmap

We started this project at v0, and we believe that now it has enough features to be a v1!

On our roadmap – without any specific order – we have:

  • #73Ā live refresh of a running pipelineĀ – for now only the logs are updated live, not the meta information of the pipeline (status, stages/steps timings)
  • #42Ā support local timezoneĀ – for now everything is in UTC
  • improve the support for archived pipelines: load pipelines archived in the long-term storage

Contributing

Thanks to all the contributors!

All contributions are welcomed, the source code is:Ā github.com/jenkins-x/jx-pipelines-visualizer.