@praisecharts/chordsheetjs v0.0.1

ChordChartJS

A JavaScript library for parsing and formatting chord sheets

Contents

• Installation
• How to ...?
• Supported ChordPro directives
• API docs

Installation

Package managers

ChordSheetJS is on npm, to install run:

npm install chordsheetjs

Load with import:

import ChordSheetJS from 'chordsheetjs';

or require():

var ChordSheetJS = require('chordsheetjs').default;

Standalone bundle file

If you're not using a build tool, you can download and use the bundle.js from the latest release:

<script src="bundle.js"></script>
<script>
// ChordSheetJS is available in global namespace now
const parser = new ChordSheetJS.ChordProParser();
</script>

How to ...?

Parse chord sheet

Regular chord sheets

const chordSheet = `
       Am         C/G        F          C
Let it be, let it be, let it be, let it be
C                G              F  C/E Dm C
Whisper words of wisdom, let it be`.substring(1);

const parser = new ChordSheetJS.ChordSheetParser();
const song = parser.parse(chordSheet);

Ultimate Guitar chord sheets

const chordSheet = `
[Chorus]
       Am         C/G        F          C
Let it be, let it be, let it be, let it be
C                G              F  C/E Dm C
Whisper words of wisdom, let it be`.substring(1);

const parser = new ChordSheetJS.UltimateGuitarParser();
const song = parser.parse(chordSheet);

Chord pro format

const chordSheet = `
{title: Let it be}
{subtitle: ChordSheetJS example version}
{Chorus}

Let it [Am]be, let it [C/G]be, let it [F]be, let it [C]be
[C]Whisper words of [G]wisdom, let it [F]be [C/E] [Dm] [C]`.substring(1);

const parser = new ChordSheetJS.ChordProParser();
const song = parser.parse(chordSheet);

Display a parsed sheet

Plain text format

const formatter = new ChordSheetJS.TextFormatter();
const disp = formatter.format(song);

HTML format

Table-based layout

const formatter = new ChordSheetJS.HtmlTableFormatter();
const disp = formatter.format(song);

Div-based layout

const formatter = new ChordSheetJS.HtmlDivFormatter();
const disp = formatter.format(song);

Chord pro format

const formatter = new ChordSheetJS.ChordProFormatter();
const disp = formatter.format(song);

Serialize/deserialize

Chord sheets (Songs) can be serialized to plain JavaScript objects, which can be converted to JSON, XML etc by third-party libraries. The serialized object can also be deserialized back into a Song.

const serializedSong = new ChordSheetSerializer().serialize(song);
const deserialized = new ChordSheetSerializer().deserialize(serializedSong);

Add styling

The HTML formatters (HtmlTableFormatter and HtmlDivFormatter) can provide basic CSS to help with styling the output:

HtmlTableFormatter.cssString();
// .paragraph {
//   margin-bottom: 1em;
// }

HtmlTableFormatter.cssString('.chordSheetViewer');
// .chordSheetViewer .paragraph {
//   margin-bottom: 1em;
// }

HtmlTableFormatter.cssObject();
// '.paragraph': {
//   marginBottom: '1em'
// }

Parsing and modifying chords

import { parseChord } from 'chordsheetjs';

Parse

const chord = parseChord('Ebsus4/Bb');

Parse numeric chords (Nashville system):

const chord = parseChord('b1sus4/#3');

Display with #toString

Use #toString() to convert the chord to a chord string (eg Dsus/F#)

const chord = parseChord('Ebsus4/Bb');
chord.toString(); // --> "Ebsus4/Bb"

Clone

var chord2 = chord.clone();

Normalize

Normalizes keys B#, E#, Cb and Fb to C, F, B and E

const chord = parseChord('E#/B#'),
normalizedChord = chord.normalize();
normalizedChord.toString(); // --> "F/C"

Switch modifier

Convert # to b and vice versa

const chord = parseChord('Eb/Bb');
const chord2 = chord.switchModifier();
chord2.toString(); // --> "D#/A#"

Use specific modifier

Set the chord to a specific modifier (# or b)

const chord = parseChord('Eb/Bb');
const chord2 = chord.useModifier('#');
chord2.toString(); // --> "D#/A#"

const chord = parseChord('Eb/Bb');
const chord2 = chord.useModifier('b');
chord2.toString(); // --> "Eb/Bb"

Transpose up

const chord = parseChord('Eb/Bb');
const chord2 = chord.transposeUp();
chord2.toString(); // -> "E/B"

Transpose down

const chord = parseChord('Eb/Bb');
const chord2 = chord.transposeDown();
chord2.toString(); // -> "D/A"

Transpose

const chord = parseChord('C/E');
const chord2 = chord.transpose(4);
chord2.toString(); // -> "E/G#"

const chord = parseChord('C/E');
const chord2 = chord.transpose(-4);
chord2.toString(); // -> "Ab/C"

Convert numeric chord to chord symbol

const numericChord = parseChord('2/4');
const chordSymbol = toChordSymbol(numericChord, 'E');
chordSymbol.toString(); // -> "F#m/A"

Supported ChordPro directives

:heavy_check_mark: = supported

:clock2: = will be supported in a future version

:heavy_multiplication_x: = currently no plans to support it in the near future

Meta-data directives

Formatting directives

Environment directives

Chord diagrams

Fonts, sizes and colours

Output related directives

Custom extensions

API docs

Note: all classes, methods and constants that are documented here can be considered public API and will only be subject to breaking changes between major versions.

Classes

Members

Constants

Functions

ChordLyricsPair

Kind: global class

• ChordLyricsPair
  • new ChordLyricsPair(chords, lyrics)
  • .chords : string
  • .lyrics : string
  • .isRenderable() ⇒ boolean
  • .clone() ⇒ ChordLyricsPair

new ChordLyricsPair(chords, lyrics)

chordLyricsPair.chords : string

Kind: instance property of ChordLyricsPair

chordLyricsPair.lyrics : string

Kind: instance property of ChordLyricsPair

chordLyricsPair.isRenderable() ⇒ boolean

Kind: instance method of ChordLyricsPair

chordLyricsPair.clone() ⇒ ChordLyricsPair

Kind: instance method of ChordLyricsPair

Comment

Kind: global class

• Comment
  • .isRenderable() ⇒ boolean
  • .clone() ⇒ Comment

comment.isRenderable() ⇒ boolean

Kind: instance method of Comment

comment.clone() ⇒ Comment

Kind: instance method of Comment

Metadata

Kind: global class

• Metadata
  • .get(prop) ⇒ Array.<String> | String
  • .clone() ⇒ Metadata

metadata.get(prop) ⇒ Array.<String> | String

Kind: instance method of Metadata
Returns: Array.<String> | String - the metadata value(s). If there is only one value, it will return a String, else it returns an array of strings.

metadata.clone() ⇒ Metadata

Kind: instance method of Metadata
Returns: Metadata - the cloned Metadata object

Paragraph

Kind: global class

• Paragraph
  • .type ⇒ string
  • .hasRenderableItems() ⇒ boolean

paragraph.type ⇒ string

Kind: instance property of Paragraph

paragraph.hasRenderableItems() ⇒ boolean

Kind: instance method of Paragraph
See: Line.hasRenderableItems

Song

Kind: global class

• Song
  • new Song(metadata)
  • .bodyLines ⇒ Array.<Line>
  • .bodyParagraphs ⇒ Array.<Paragraph>
  • .paragraphs : Array.<Paragraph>
  • .metaData ⇒
  • .clone() ⇒ Song
  • .setKey(key) ⇒ Song
  • .setCapo(capo) ⇒ Song
  • .transpose(delta, [options]) ⇒ Song
  • .transposeUp([options]) ⇒ Song
  • .transposeDown([options]) ⇒ Song
  • .changeKey(newKey) ⇒ Song
  • .changeMetadata(name, value)
  • .mapItems(func) ⇒ Song
  • .mapLines(func) ⇒ Song

new Song(metadata)

song.bodyLines ⇒ Array.<Line>

Kind: instance property of Song
Returns: Array.<Line> - The song body lines

song.bodyParagraphs ⇒ Array.<Paragraph>

Kind: instance property of Song
See: bodyLines

song.paragraphs : Array.<Paragraph>

Kind: instance property of Song

song.metaData ⇒

Deprecated

Kind: instance property of Song
Returns: Metadata The metadata

song.clone() ⇒ Song

Kind: instance method of Song
Returns: Song - The cloned song

song.setKey(key) ⇒ Song

Kind: instance method of Song
Returns: Song - The changed song

song.setCapo(capo) ⇒ Song

Kind: instance method of Song
Returns: Song - The changed song

song.transpose(delta, options) ⇒ Song

Kind: instance method of Song
Returns: Song - The transposed song

song.transposeUp(options) ⇒ Song

Kind: instance method of Song
Returns: Song - The transposed song

song.transposeDown(options) ⇒ Song

Kind: instance method of Song
Returns: Song - The transposed song

song.changeKey(newKey) ⇒ Song

Kind: instance method of Song
Returns: Song - The changed song

song.changeMetadata(name, value)

Kind: instance method of Song

song.mapItems(func) ⇒ Song

Kind: instance method of Song
Returns: Song - the changed song

Example

// transpose all chords:
song.mapItems((item) => {
  if (item instanceof ChordLyricsPair) {
    return item.transpose(2, 'D');
  }

  return item;
});

song.mapLines(func) ⇒ Song

Kind: instance method of Song
Returns: Song - the changed song

Example

// remove lines with only Tags:
song.mapLines((line) => {
  if (line.items.every(item => item instanceof Tag)) {
    return null;
  }

  return line;
});

Tag

Kind: global class

• Tag
  • .name : string
  • .originalName : string
  • .value : string | null
  • .hasValue() ⇒ boolean
  • .isRenderable() ⇒ boolean
  • .isMetaTag() ⇒ boolean
  • .clone() ⇒ Tag

tag.name : string

Kind: instance property of Tag

tag.originalName : string

Kind: instance property of Tag

tag.value : string | null

Kind: instance property of Tag

tag.hasValue() ⇒ boolean

Kind: instance method of Tag

tag.isRenderable() ⇒ boolean

Kind: instance method of Tag

tag.isMetaTag() ⇒ boolean

Kind: instance method of Tag

tag.clone() ⇒ Tag

Kind: instance method of Tag
Returns: Tag - The cloned tag

ChordProFormatter

Kind: global class

chordProFormatter.format(song) ⇒ string

Kind: instance method of ChordProFormatter
Returns: string - The ChordPro string

Formatter

Kind: global class

new Formatter(configuration)

HtmlDivFormatter

Kind: global class

• HtmlDivFormatter
  • instance
    • .format(song) ⇒ string
  • static
    • .cssString(scope) ⇒ string
    • .cssObject() ⇒ Object.<string, Object.<string, string>>

htmlDivFormatter.format(song) ⇒ string

Kind: instance method of HtmlDivFormatter
Returns: string - The HTML string

HtmlDivFormatter.cssString(scope) ⇒ string

Kind: static method of HtmlDivFormatter
Returns: string - the CSS string

HtmlDivFormatter.cssObject() ⇒ Object.<string, Object.<string, string>>

Kind: static method of HtmlDivFormatter
Returns: Object.<string, Object.<string, string>> - the CSS object

HtmlFormatter

Kind: global class

HtmlTableFormatter

Kind: global class

• HtmlTableFormatter
  • instance
    • .format(song) ⇒ string
  • static
    • .cssString(scope) ⇒ string
    • .cssObject() ⇒ Object.<string, Object.<string, string>>

htmlTableFormatter.format(song) ⇒ string

Kind: instance method of HtmlTableFormatter
Returns: string - The HTML string

HtmlTableFormatter.cssString(scope) ⇒ string

Kind: static method of HtmlTableFormatter
Returns: string - the CSS string

HtmlTableFormatter.cssObject() ⇒ Object.<string, Object.<string, string>>

Kind: static method of HtmlTableFormatter
Returns: Object.<string, Object.<string, string>> - the CSS object

TextFormatter

Kind: global class

textFormatter.format(song) ⇒ string

Kind: instance method of TextFormatter
Returns: string - the chord sheet

ChordProParser

Kind: global class

• ChordProParser
  • .warnings : Array.<ParserWarning>
  • .parse(chordProChordSheet) ⇒ Song

chordProParser.warnings : Array.<ParserWarning>

Kind: instance property of ChordProParser

chordProParser.parse(chordProChordSheet) ⇒ Song

Kind: instance method of ChordProParser
Returns: Song - The parsed song

ChordSheetParser

Kind: global class

• ChordSheetParser
  • new ChordSheetParser([options])
  • .parse(chordSheet, [options]) ⇒ Song

new ChordSheetParser(options)

chordSheetParser.parse(chordSheet, options) ⇒ Song

Kind: instance method of ChordSheetParser
Returns: Song - The parsed song

ParserWarning

Kind: global class

parserWarning.toString() ⇒ string

Kind: instance method of ParserWarning
Returns: string - The string warning

UltimateGuitarParser

Kind: global class

Chord

Kind: global class

• Chord
  • instance
    • .clone() ⇒ Chord
    • .toChordSymbol([key]) ⇒ Chord
    • .toChordSymbolString([key]) ⇒ string
    • .isChordSymbol() ⇒ boolean
    • .toNumeric([key]) ⇒ Chord
    • .toNumeral(key) ⇒ Chord
    • .toNumeralString([key]) ⇒ string
    • .isNumeric() ⇒ boolean
    • .toNumericString([key]) ⇒ string
    • .isNumeral() ⇒ boolean
    • .toString() ⇒ string
    • .normalize([key], [options]) ⇒ Chord
    • .useModifier(newModifier) ⇒ Chord
    • .transposeUp() ⇒ Chord
    • .transposeDown() ⇒ Chord
    • .transpose(delta) ⇒ Chord
  • static
    • .parse(chordString) ⇒ null | Chord

chord.clone() ⇒ Chord

Kind: instance method of Chord

chord.toChordSymbol(key) ⇒ Chord

Kind: instance method of Chord
Returns: Chord - the chord symbol

chord.toChordSymbolString(key) ⇒ string

Kind: instance method of Chord
Returns: string - the chord symbol string
See: {toChordSymbol}

chord.isChordSymbol() ⇒ boolean

Kind: instance method of Chord

chord.toNumeric(key) ⇒ Chord

Kind: instance method of Chord
Returns: Chord - the numeric chord

chord.toNumeral(key) ⇒ Chord

Kind: instance method of Chord
Returns: Chord - the numeral chord

chord.toNumeralString(key) ⇒ string

Kind: instance method of Chord
Returns: string - the numeral chord string
See: {toNumeral}

chord.isNumeric() ⇒ boolean

Kind: instance method of Chord

chord.toNumericString(key) ⇒ string

Kind: instance method of Chord
Returns: string - the numeric chord string
See: {toNumeric}

chord.isNumeral() ⇒ boolean

Kind: instance method of Chord

chord.toString() ⇒ string

Kind: instance method of Chord
Returns: string - the chord string

chord.normalize(key, options) ⇒ Chord

Kind: instance method of Chord
Returns: Chord - the normalized chord

chord.useModifier(newModifier) ⇒ Chord

Kind: instance method of Chord
Returns: Chord - the new, changed chord

chord.transposeUp() ⇒ Chord

Kind: instance method of Chord
Returns: Chord - the new, transposed chord

chord.transposeDown() ⇒ Chord

Kind: instance method of Chord
Returns: Chord - the new, transposed chord

chord.transpose(delta) ⇒ Chord

Kind: instance method of Chord
Returns: Chord - the new, transposed chord

Chord.parse(chordString) ⇒ null | Chord

Kind: static method of Chord

ChordSheetSerializer

Kind: global class

• ChordSheetSerializer
  • .serialize() ⇒
  • .deserialize(serializedSong) ⇒ Song

chordSheetSerializer.serialize() ⇒

Kind: instance method of ChordSheetSerializer
Returns: object A plain JS object containing all chord sheet data

chordSheetSerializer.deserialize(serializedSong) ⇒ Song

Kind: instance method of ChordSheetSerializer
Returns: Song - The deserialized song

ALBUM : string

Kind: global variable

ARTIST : string

Kind: global variable

CAPO : string

Kind: global variable

COMMENT : string

Kind: global variable

COMPOSER : string

Kind: global variable

COPYRIGHT : string

Kind: global variable

DURATION : string

Kind: global variable

END_OF_CHORUS : string

Kind: global variable

END_OF_TAB : string

Kind: global variable

END_OF_VERSE : string

Kind: global variable

KEY : string

Kind: global variable

_KEY : string

Kind: global variable

LYRICIST : string

Kind: global variable

START_OF_CHORUS : string

Kind: global variable

START_OF_TAB : string

Kind: global variable

START_OF_VERSE : string

Kind: global variable

SUBTITLE : string

Kind: global variable

TEMPO : string

Kind: global variable

TIME : string

Kind: global variable

TITLE : string

Kind: global variable

TRANSPOSE : string

Kind: global variable

NEW_KEY : string

Kind: global variable

defaultCss ⇒ string

Kind: global variable
Returns: string - the CSS string

defaultCss : Object.<string, Object.<string, string>>

Kind: global constant

VERSE : string

Kind: global constant

VERSE : string

Kind: global constant

CHORUS : string

Kind: global constant

NONE : string

Kind: global constant

INDETERMINATE : string

Kind: global constant

parseChord(chordString) ⇒ null | Chord

Deprecated

Kind: global function

getCapos(key) ⇒ Object.<string, string>

Kind: global function
Returns: Object.<string, string> - The available capos, where the keys are capo numbers and the values are the effective key for that capo.

getKeys(key) ⇒ Array.<string>

Kind: global function
Returns: Array.<string> - The available keys