An extension for Directus which adds a visual loader line to provide a visual feedback of current Woodpecker build pipeline status.
The woodpecker badge API is used to fetch the current pipeline status. This results in 3 states which are represented in a small status bar:
- success: last build was successful (primary colored bar + fade out animation)
- in-progress: pipeline is currently running (primary colored bar + loading animation)
- failed: last build failed (red colored bar + blink animation)
npm install directus-extension-woodpecker-build-status
URL can be set per directus instance via environment variable with the following schema:
https://woodpecker.example.com/api/badges/<organization>/<repository>/cc.xml?branch=<branch>
Example:
WOODPECKER_BUILD_STATUS_URL="https://woodpecker.myserver.com/api/badges/myorg/myrepo/cc.xml?branch=main"
Colors used in the bar are configured via default directus CSS variables. For more information about directus CSS variables see official directus docs.
Status | CSS variable |
---|---|
success | --primary |
in-progress | --primary |
failed | --danger |