Skip to content

Generate easy-to-read web pages for your Architecture Decision Records

License

Notifications You must be signed in to change notification settings

alshapton/adr-viewer

 
 

Repository files navigation

adr-viewer

Build Pipeline

Show off your Architecture Decision Records with an easy-to-navigate web page, either as a local web-server or generated static content.

Examples

  • Example above using Nat Pryce's adr-tools project
  • This project exposes its own Architecture Decision Records here

Installation

From local build

adr-viewer requires Python 3.7 or higher (with Pip)

$ git clone https://github.com/alshapton/adr-viewer
$ pip install -r requirements.txt
$ python setup.py install

Usage

Usage: adr-viewer [OPTIONS]

Options:
  --adr-path TEXT      Directory containing ADR files.
  --output TEXT        File to write output to.
  --serve              Serve content at http://localhost:8000/
  --port INTEGER       Change port for the server.
  --template-dir TEXT  Template directory.
  --heading TEXT       ADR Page Heading.
  --exclusions TEXT    ADR ids to exclude, for example "--exclusions 0001 -e 0002 -e 0003".
  --config TEXT        Configuration settings. [default: config.toml]
  --help               Show this message and exit.

The adr_viewer/config.toml file (in TOML format) holds the configuration settings required by the adr-viewer.

These can be overriden by providing command line options when running the adr-viewer.

Included in these are setting that control the look of the ADR page. These specifically target the colours of the page to aid with those who have colour-blindness.

The colours (the example used here is green) can be specified in a number of formats:

  • Hex values: #00FF00
  • HTML Colour codes: Green
  • RGB values: rgb(0,255,0)
  • RGB with alpha: rgba(0,255,0,0)
  • HSL values: hsl(0,100%,50%)
  • HSL with alpha: hsla(0,100%,50%,0)

More information about codes and names for HTML colours can be found here.

The icons for each bar can also be modified using the .icon property of each bar. The icon names can be sourced from the fontawesome library's documentation.

Note that only FREE icons are allowed. Pro icons will not be displayed.

# Configuration for adr-viewer
# in TOML format http://toml.io

title = "TOML Configuration for adr-viewer colours"

[page]
# Properties for the page
background-color            = "white"

[status]
# Properties for the bars that display each ADR

# Accepted
accepted.icon               = "fa-check"
accepted.background-color   = "yellow"

# Amended
amended.icon                = "fa-arrow-down"
amended.background-color    = "yellow"

# Pending
pending.icon                = "fa-hourglass-half"
pending.background-color    = "lightblue"

# Superseded
superseded.icon             = "fa-times"
superseded.background-color = "lightgrey"
superseded.text-decoration  = "line-through"

# Unknown
unknown.icon                = "fa-question"
unknown.background-color    = "white"

Supported Record Types

About

Generate easy-to-read web pages for your Architecture Decision Records

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Python 57.6%
  • HTML 42.4%