mkdocs-pipeline-visualizer

Introduction

The mkdocs-pipeline-visualizer plugin automates the creation of up-to-date documentation for your Tekton pipelines and tasks.

Installation

To install the mkdocs-pipeline-visualizer plugin, run the following command:

$ pip install mkdocs-pipeline-visualizer

Example Configuration

Below is an example of how to configure mkdocs.yaml:

site_name: Tekton
docs_dir: ./tekton

nav:
  - Home: index.md

plugins:
  - pipeline-visualizer

markdown_extensions:
  plantuml_markdown:
    server: http://www.plantuml.com/plantuml

theme:
  name: material
  features:
    - navigation.sections

Configuration

By default, the plugin creates two sections at the root level: Pipelines and Tasks. The docs_dir should point to the location of pipelines and tasks manifests.

Config parameter	Type	Description	Default	Since
plantuml_graphs	[bool]	Controls if pipeline graph should be visible	True	0.1.5
plantuml_graph_direction	[string]	TB(top to bottom) or LR(left to right)	TB	0.1.3
plantuml_theme	[string]	any theme listed on https://plantuml.com/theme to style e.g hacker, spacelab	_none_	0.1.3
nav_generation	[bool]	automatically generate navigation tree	True	0.2.0
nav_section_pipelines	[string]	section name used for pipelines	Pipelines	0.2.0
nav_section_tasks	[string]	section name used for tasks	Tasks	0.2.0
nav_pipeline_grouping_offset	[string]	Controls how pipeline file paths are represented in the navigation structure. The format is "start:end", where: "start" is the index of the first directory to include "end" is the index of the last directory to include (use negative numbers to count from the end)	None	0.2.0
nav_task_grouping_offset	[string]	same as nav_pipeline_grouping_offset but for tasks	None	0.2.0
log_level	[string]	DEBUG INFO WARNING ERROR CRITICAL	INFO	0.2.0

Example for nav_pipeline_grouping_offset

Let's say you have a pipeline file located at:

./pipelines/project-a/deployment/my-pipeline.yaml

Here's how different nav_pipeline_grouping_offset values would affect the navigation structure:

• "0:-1": Includes all directories except the last one (which is the file name).

  • Result: Pipelines > pipelines > project-a > deployment > my-pipeline

• "1:-1": Skips the first directory and includes all others except the last one.

  • Result: Pipelines > project-a > deployment > my-pipeline

• "1:-2": Skips the first directory and excludes the last two (the last directory and the file name).

  • Result: Pipelines > project-a > my-pipeline

• None (default): All pipelines are placed directly under the nav_section_pipelines section.

  • Result: Pipelines > my-pipeline

How To

Customizing Documentation Locations

You can change the location of the documentation sections by placing an empty section in any location of the navigation (nav) and setting it to the value of nav_section_pipelines or nav_section_tasks:

site_name: Tekton
docs_dir: ./tekton

nav:
  - Home: index.md
  - Tekton:
    - "Tasks": []
    - "Pipelines": []

plugins:
  - pipeline-visualizer

Customizing Menu Section Names and Graph Themes

To change the names of the menu sections and apply a custom graph theme, use the following configuration:

site_name: Tekton
docs_dir: ./tekton

nav:
  - Home: index.md  
  - Tekton:
    - "🛠️ Tasks": []
    - "🚀 Pipelines": []

plugins:
  - pipeline-visualizer:
      plantuml_theme: hacker
      nav_section_tasks: "🛠️ Tasks"
      nav_section_pipelines: "🚀 Pipelines"

Changelog

0.2.1

Added

• Example in example/
• Visualization for step templates in tasks

Fixed

• Corrected typo in plantuml_graphs attribute name (was plantum_graphs)
• Corrected typo in nav_tasks_grouping_offset attribute name (was nav_task_grouping_offset)

0.2.0

Added

• Navigation generation feature with customizable sections for pipelines and tasks
• Support for grouping pipelines and tasks in the navigation
• Improved logging with configurable log levels
• Version-based sorting for resources in navigation

Changed

• Improved visualization of tasks, parameters, and workspaces
• Better handling of different script types in task steps

Fixed

• Various bug fixes and code structure improvements

0.1.8

• remove version of tasks until there is a nicer way to present it

0.1.7

• Fixed issue with backslashes () in usage examples.
• Corrected example in the README.

0.1.6

• Hide workspaces for tasks when none are used
• Show version of pipeline/task when available

0.1.5

• Remove extra --- after tasks
• Added sample on how to use a task in a pipeline.
• Made PlantUML graphs optional using the boolean plantuml_graphs, defaulting to True.
• Process only pipelines or tasks.

0.1.4

• Display all tasks in the finally block.

0.1.3

• Added configuration for graph direction (plantuml_graph_direction), allowing TB or LR.
• Added configuration for PlantUML theme (plantuml_theme) as a string (e.g., hacker, spacelab).
• display references to configMaps

0.1.2

• Removed unused code.
• Changed how default and empty values are presented.

0.1.1

• Fixed issue with multidoc yaml.