Tatsh / dade / 33052779609

100%

push

github

rbplus: build a browsable chart site with a new site command

Separate the clickable chart viewer out of `dump-chart` into `dade rbplus
site`, which takes a collection of `.rb` packages and builds a static site: one
JSON file of charts per tune and a React page that draws them in the browser,
so the result serves from anywhere, GitHub Pages included. Tunes are grouped by
artist and title and filed A-Z or by gojuon row, and the search matches the
romanised reading so a Japanese title answers to a Latin keyboard. An extend
note is filed under the tune it extends. `--base` addresses a project site
served from a sub-path and writes a 404.html so a link to one tune opens it.

The page draws a chart from its data rather than from a server-rendered image,
so the layout in `render.py` is ported to TypeScript under `assets/site` and
built with webpack; the bundle is committed under `dade/rbplus/site` because an
install from PyPI has no Node to build it with, and ships in the wheel so
`pip install dade` and `dade rbplus site` work.

With the page gone from `dump-chart`, drop the HTML canvas surface: `--image`
now writes only `.png` or `.svg`, and `.html` names the site command. Add
`dump-chart --flip` to draw time running downward, and end a column at the last
note rather than the chart's stated end.

Signed-off-by: Andrew Udvare <audvare@gmail.com>

4284 of 4284 branches covered (100.0%)

Branch coverage included in aggregate %.

340 of 340 new or added lines in 6 files covered. (100.0%)

16940 of 16940 relevant lines covered (100.0%)

5.0 hits per line