@j6k4m8/catl-render

Raw-SVG renderer for CATL (Chord and Tab Language). Uses @j6k4m8/catl-parser for parsing and renders:

• chord diagrams from chord voicings (X554X5, "Gmin7":3x332x)
• event-mode “tab grid” from {eBGDAE} ... events
• bars (|) and repeats (|: :|)

Install

npm i @j6k4m8/catl-render

Usage

import { renderCATL, renderCATLToSVGBlocks } from "@j6k4m8/catl-render";

const src = `
" Gmin7":3x332x:"Nice chord!"
{eBGDAE}
0A:"When" 0D 5e:"you" 7B 3e+0D:"fall in love"
`;

const { blocks, diagnostics } = renderCATLToSVGBlocks(src);
console.log(diagnostics);

// Or get a single HTML snippet:
const html = renderCATL(src);

Defaults

• Event renderer defaults to fret numbers inside circles.
• Prefix annotations render above; suffix annotations render below.

Configure via RenderOptions.

License

Apache-2.0