abcjs 6.2.3 → 6.3.0

package/src/tablatures/tab-renderer.js

@@ -37,12 +37,24 @@ function buildTabName(self, dest) {
   var controller = self.renderer.controller;
   var textSize = controller.getTextSize;
   var tabName = stringSemantics.tabInfos(self.plugin);
-  var size = textSize.calc(tabName, 'tablabelfont', 'text instrumentname');
-  dest.tabNameInfos = {
-    textSize: size,
-    name: tabName
-  };
-  return size.height;
+  var suppress = stringSemantics.suppress(self.plugin);
+  var doDraw = true;
+
+  if (suppress){
+    doDraw = false
+  }
+
+  
+  if (doDraw){
+    var size = textSize.calc(tabName, 'tablabelfont', 'text instrumentname'); 
+    dest.tabNameInfos = {
+      textSize: {height:size.height,width:size.width},
+      name: tabName
+    };
+    return size.height;
+  }
+  return 0
+
 }
 
 /**
@@ -230,8 +242,10 @@ TabRenderer.prototype.doLayout = function () {
     if (ii > 0) tabVoice.duplicate = true;
     var nameHeight = buildTabName(this, tabVoice) / spacing.STEP;
     nameHeight = Math.max(nameHeight, 1) // If there is no label for the tab line, then there needs to be a little padding
-    staffGroup.staffs[this.staffIndex].top += nameHeight;
-    staffGroup.height += nameHeight * spacing.STEP;
+    // This was pushing down the top staff by the tab label height
+    //staffGroup.staffs[this.staffIndex].top += nameHeight;
+    staffGroup.staffs[this.staffIndex].top += 1;
+    staffGroup.height += nameHeight;
     tabVoice.staff = staffGroupInfos;
     var tabVoiceIndex = voices.length
     voices.splice(voices.length, 0, tabVoice);
@@ -242,5 +256,4 @@ TabRenderer.prototype.doLayout = function () {
   linkStaffAndTabs(staffGroup.staffs); // crossreference tabs and staff
 };
 
-
 module.exports = TabRenderer;

package/src/test/abc_parser_lint.js

@@ -51,18 +51,18 @@
 var parseCommon = require('../parse/abc_common');
 var JSONSchema = require('./jsonschema-b4');
 
-var { legalAccents } = require('../parse/abc_parse_settings');
-
-var ParserLint = function () {
-  'use strict';
-  var decorationList = {
-    type: 'array',
-    optional: true,
-    items: {
-      type: 'string',
-      Enum: legalAccents
-    }
-  };
+var ParserLint = function() {
+	"use strict";
+	var decorationList = { type: 'array', optional: true, items: { type: 'string', Enum: [
+		"trill", "lowermordent", "uppermordent", "mordent", "pralltriller", "accent",
+		"fermata", "invertedfermata", "tenuto", "0", "1", "2", "3", "4", "5", "+", "wedge",
+		"open", "thumb", "snap", "turn", "roll", "irishroll", "breath", "shortphrase", "mediumphrase", "longphrase",
+		"segno", "coda", "D.S.", "D.C.", "fine", "crescendo(", "crescendo)", "diminuendo(", "diminuendo)", "glissando(", "glissando)",
+		"p", "pp", "f", "ff", "mf", "mp", "ppp", "pppp",  "fff", "ffff", "sfz", "repeatbar", "repeatbar2", "slide",
+		"upbow", "downbow", "staccato", "trem1", "trem2", "trem3", "trem4",
+		"/", "//", "///", "////", "turnx", "invertedturn", "invertedturnx", "arpeggio", "trill(", "trill)", "xstem",
+		"mark", "marcato", "umarcato", "D.C.alcoda", "D.C.alfine", "D.S.alcoda", "D.S.alfine", "editorial", "courtesy"
+	] } };
 
 	var tempoProperties =  {
 		duration: { type: "array", optional: true, output: "join", requires: [ 'bpm'], items: { type: "number"} },
@@ -427,6 +427,7 @@ var ParserLint = function () {
 	var formattingProperties = {
 		type:"object",
 		properties: {
+			accentAbove: { type: "boolean", optional: true },
 			alignbars: { type: "number", optional: true },
 			aligncomposer: { type: "string", Enum: [ 'left', 'center','right' ], optional: true },
 			annotationfont: fontType,

package/src/write/creation/abstract-engraver.js

@@ -53,6 +53,7 @@ var AbstractEngraver = function (getTextSize, tuneNumber, options) {
 	this.percmap = options.percmap;
 	this.initialClef = options.initialClef
 	this.jazzchords = !!options.jazzchords
+	this.accentAbove = !!options.accentAbove
 	this.germanAlphabet = !!options.germanAlphabet
 	this.reset();
 };
@@ -830,7 +831,7 @@ AbstractEngraver.prototype.createNote = function (elem, nostem, isSingleLineStaf
 	}
 
 	if (elem.decoration) {
-		this.decoration.createDecoration(voice, elem.decoration, abselem.top, (notehead) ? notehead.w : 0, abselem, roomtaken, dir, abselem.bottom, elem.positioning, this.hasVocals);
+		this.decoration.createDecoration(voice, elem.decoration, abselem.top, (notehead) ? notehead.w : 0, abselem, roomtaken, dir, abselem.bottom, elem.positioning, this.hasVocals, this.accentAbove);
 	}
 
 	if (elem.barNumber) {
@@ -989,7 +990,7 @@ AbstractEngraver.prototype.createBarLine = function (voice, elem, isFirstStaff)
 	}
 
 	if (elem.decoration) {
-		this.decoration.createDecoration(voice, elem.decoration, 12, (thick) ? 3 : 1, abselem, 0, "down", 2, elem.positioning, this.hasVocals);
+		this.decoration.createDecoration(voice, elem.decoration, 12, (thick) ? 3 : 1, abselem, 0, "down", 2, elem.positioning, this.hasVocals, this.accentAbove);
 	}
 
 	if (thick) {

package/src/write/creation/add-chord.js

@@ -6,97 +6,117 @@ var addChord = function (getTextSize, abselem, elem, roomTaken, roomTakenRight,
 	for (var i = 0; i < elem.chord.length; i++) {
 		var pos = elem.chord[i].position;
 		var rel_position = elem.chord[i].rel_position;
-		var chords = elem.chord[i].name.split("\n");
-		for (var j = chords.length - 1; j >= 0; j--) { // parse these in opposite order because we place them from bottom to top.
-			var chord = chords[j];
-			var x = 0;
-			var y;
-			var font;
-			var klass;
-			if (pos === "left" || pos === "right" || pos === "below" || pos === "above" || !!rel_position) {
-				font = 'annotationfont';
-				klass = "annotation";
-			} else {
-				font = 'gchordfont';
-				klass = "chord";
-				chord = translateChord(chord, jazzchords, germanAlphabet);
+		var isAnnotation = pos === "left" || pos === "right" || pos === "below" || pos === "above" || !!rel_position
+		var font;
+		var klass;
+		if (isAnnotation) {
+			font = 'annotationfont';
+			klass = "abcjs-annotation";
+		} else {
+			font = 'gchordfont';
+			klass = "abcjs-chord";
+		}
+		var attr = getTextSize.attr(font, klass);
+
+		var name = elem.chord[i].name
+		var ret;
+		//console.log("chord",name)
+		if (typeof name === "string") {
+			ret = chordString(name, pos, rel_position, isAnnotation, font, klass, attr, getTextSize, abselem, elem, roomTaken, roomTakenRight, noteheadWidth, jazzchords, germanAlphabet)
+			roomTaken = ret.roomTaken
+			roomTakenRight = ret.roomTakenRight
+		} else {
+			for (var j = 0; j < name.length; j++) {
+				ret = chordString(name[j].text, pos, rel_position, isAnnotation, font, klass, attr, getTextSize, abselem, elem, roomTaken, roomTakenRight, noteheadWidth, jazzchords, germanAlphabet)
+				roomTaken = ret.roomTaken
+				roomTakenRight = ret.roomTakenRight
 			}
-			var attr = getTextSize.attr(font, klass);
-			var dim = getTextSize.calc(chord, font, klass);
-			var chordWidth = dim.width;
-			var chordHeight = dim.height / spacing.STEP;
-			switch (pos) {
-				case "left":
-					roomTaken += chordWidth + 7;
-					x = -roomTaken;        // TODO-PER: This is just a guess from trial and error
-					y = elem.averagepitch;
-					abselem.addExtra(new RelativeElement(chord, x, chordWidth + 4, y, {
-						type: "text",
-						height: chordHeight,
-						dim: attr,
-						position: "left"
-					}));
-					break;
-				case "right":
-					roomTakenRight += 4;
-					x = roomTakenRight;// TODO-PER: This is just a guess from trial and error
-					y = elem.averagepitch;
-					abselem.addRight(new RelativeElement(chord, x, chordWidth + 4, y, {
-						type: "text",
-						height: chordHeight,
-						dim: attr,
-						position: "right"
-					}));
-					break;
-				case "below":
-					// setting the y-coordinate to undefined for now: it will be overwritten later on, after we figure out what the highest element on the line is.
-					abselem.addRight(new RelativeElement(chord, 0, 0, undefined, {
+		}
+	}
+	return { roomTaken: roomTaken, roomTakenRight: roomTakenRight };
+};
+
+function chordString(chordString, pos, rel_position, isAnnotation, font, klass, attr, getTextSize, abselem, elem, roomTaken, roomTakenRight, noteheadWidth, jazzchords, germanAlphabet) {
+	var chords = chordString.split("\n");
+	for (var j = chords.length - 1; j >= 0; j--) { // parse these in opposite order because we place them from bottom to top.
+		var chord = chords[j];
+		var x = 0;
+		var y;
+		if (!isAnnotation)
+			chord = translateChord(chord, jazzchords, germanAlphabet);
+		var dim = getTextSize.calc(chord, font, klass);
+		var chordWidth = dim.width;
+		var chordHeight = dim.height / spacing.STEP;
+		switch (pos) {
+			case "left":
+				roomTaken += chordWidth + 7;
+				x = -roomTaken;        // TODO-PER: This is just a guess from trial and error
+				y = elem.averagepitch;
+				abselem.addExtra(new RelativeElement(chord, x, chordWidth + 4, y, {
+					type: "text",
+					height: chordHeight,
+					dim: attr,
+					position: "left"
+				}));
+				break;
+			case "right":
+				roomTakenRight += 4;
+				x = roomTakenRight;// TODO-PER: This is just a guess from trial and error
+				y = elem.averagepitch;
+				abselem.addRight(new RelativeElement(chord, x, chordWidth + 4, y, {
+					type: "text",
+					height: chordHeight,
+					dim: attr,
+					position: "right"
+				}));
+				break;
+			case "below":
+				// setting the y-coordinate to undefined for now: it will be overwritten later on, after we figure out what the highest element on the line is.
+				abselem.addRight(new RelativeElement(chord, 0, 0, undefined, {
+					type: "text",
+					position: "below",
+					height: chordHeight,
+					dim: attr,
+					realWidth: chordWidth
+				}));
+				break;
+			case "above":
+				// setting the y-coordinate to undefined for now: it will be overwritten later on, after we figure out what the highest element on the line is.
+				abselem.addRight(new RelativeElement(chord, 0, 0, undefined, {
+					type: "text",
+					position: "above",
+					height: chordHeight,
+					dim: attr,
+					realWidth: chordWidth
+				}));
+				break;
+			default:
+				if (rel_position) {
+					var relPositionY = rel_position.y + 3 * spacing.STEP; // TODO-PER: this is a fudge factor to make it line up with abcm2ps
+					abselem.addRight(new RelativeElement(chord, x + rel_position.x, 0, elem.minpitch + relPositionY / spacing.STEP, {
+						position: "relative",
 						type: "text",
-						position: "below",
 						height: chordHeight,
-						dim: attr,
-						realWidth: chordWidth
+						dim: attr
 					}));
-					break;
-				case "above":
+				} else {
 					// setting the y-coordinate to undefined for now: it will be overwritten later on, after we figure out what the highest element on the line is.
-					abselem.addRight(new RelativeElement(chord, 0, 0, undefined, {
-						type: "text",
-						position: "above",
-						height: chordHeight,
-						dim: attr,
-						realWidth: chordWidth
-					}));
-					break;
-				default:
-					if (rel_position) {
-						var relPositionY = rel_position.y + 3 * spacing.STEP; // TODO-PER: this is a fudge factor to make it line up with abcm2ps
-						abselem.addRight(new RelativeElement(chord, x + rel_position.x, 0, elem.minpitch + relPositionY / spacing.STEP, {
-							position: "relative",
-							type: "text",
+					var pos2 = 'above';
+					if (elem.positioning && elem.positioning.chordPosition)
+						pos2 = elem.positioning.chordPosition;
+
+					if (pos2 !== 'hidden') {
+						abselem.addCentered(new RelativeElement(chord, noteheadWidth / 2, chordWidth, undefined, {
+							type: "chord",
+							position: pos2,
 							height: chordHeight,
-							dim: attr
+							dim: attr,
+							realWidth: chordWidth
 						}));
-					} else {
-						// setting the y-coordinate to undefined for now: it will be overwritten later on, after we figure out what the highest element on the line is.
-						var pos2 = 'above';
-						if (elem.positioning && elem.positioning.chordPosition)
-							pos2 = elem.positioning.chordPosition;
-
-						if (pos2 !== 'hidden') {
-							abselem.addCentered(new RelativeElement(chord, noteheadWidth / 2, chordWidth, undefined, {
-								type: "chord",
-								position: pos2,
-								height: chordHeight,
-								dim: attr,
-								realWidth: chordWidth
-							}));
-						}
 					}
-			}
+				}
 		}
 	}
 	return { roomTaken: roomTaken, roomTakenRight: roomTakenRight };
-};
-
+}
 module.exports = addChord;

package/src/write/creation/add-text-if.js

@@ -8,10 +8,10 @@ function addTextIf(rows, params, getTextSize) {
 
 	if (params.marginTop)
 		rows.push({ move: params.marginTop });
-	var attr = { left: params.marginLeft, text: params.text, font: params.font, anchor: params.anchor, startChar: params.info.startChar, endChar: params.info.endChar };
+	var attr = { left: params.marginLeft, text: params.text, font: params.font, anchor: params.anchor, startChar: params.info.startChar, endChar: params.info.endChar, 'dominant-baseline': params['dominant-baseline'] };
 	if (params.absElemType)
 		attr.absElemType = params.absElemType;
-	if (!params.inGroup)
+	if (!params.inGroup && params.klass)
 		attr.klass = params.klass;
 	if (params.name)
 		attr.name = params.name;

package/src/write/creation/decoration.js

@@ -14,10 +14,10 @@ var Decoration = function Decoration() {
 	this.minBottom = 0;
 };
 
-var closeDecoration = function (voice, decoration, pitch, width, abselem, roomtaken, dir, minPitch) {
+var closeDecoration = function (voice, decoration, pitch, width, abselem, roomtaken, dir, minPitch, accentAbove) {
 	var yPos;
 	for (var i = 0; i < decoration.length; i++) {
-		if (decoration[i] === "staccato" || decoration[i] === "tenuto" || decoration[i] === "accent") {
+		if (decoration[i] === "staccato" || decoration[i] === "tenuto" || (decoration[i] === "accent" && !accentAbove)) {
 			var symbol = "scripts." + decoration[i];
 			if (decoration[i] === "accent") symbol = "scripts.sforzato";
 			if (yPos === undefined)
@@ -123,7 +123,7 @@ var compoundDecoration = function (decoration, pitch, width, abselem, dir) {
 	}
 };
 
-var stackedDecoration = function (decoration, width, abselem, yPos, positioning, minTop, minBottom) {
+var stackedDecoration = function (decoration, width, abselem, yPos, positioning, minTop, minBottom, accentAbove) {
 	function incrementPlacement(placement, height) {
 		if (placement === 'above')
 			yPos.above += height;
@@ -263,6 +263,12 @@ var stackedDecoration = function (decoration, width, abselem, yPos, positioning,
 			case "mark":
 				abselem.klass = "mark";
 				break;
+			case "accent":
+				if (accentAbove) {
+					symbolDecoration("scripts.sforzato", positioning);
+					hasOne = true;
+				}
+				break;	
 		}
 	}
 	return hasOne;
@@ -336,7 +342,7 @@ Decoration.prototype.dynamicDecoration = function (voice, decoration, abselem, p
 	}
 };
 
-Decoration.prototype.createDecoration = function (voice, decoration, pitch, width, abselem, roomtaken, dir, minPitch, positioning, hasVocals) {
+Decoration.prototype.createDecoration = function (voice, decoration, pitch, width, abselem, roomtaken, dir, minPitch, positioning, hasVocals, accentAbove) {
 	if (!positioning)
 		positioning = { ornamentPosition: 'above', volumePosition: hasVocals ? 'above' : 'below', dynamicPosition: hasVocals ? 'above' : 'below' };
 	// These decorations don't affect the placement of other decorations
@@ -345,14 +351,14 @@ Decoration.prototype.createDecoration = function (voice, decoration, pitch, widt
 	compoundDecoration(decoration, pitch, width, abselem, dir);
 
 	// treat staccato, accent, and tenuto first (may need to shift other markers)
-	var yPos = closeDecoration(voice, decoration, pitch, width, abselem, roomtaken, dir, minPitch);
+	var yPos = closeDecoration(voice, decoration, pitch, width, abselem, roomtaken, dir, minPitch, accentAbove);
 	// yPos is an object containing 'above' and 'below'. That is the placement of the next symbol on either side.
 
 	yPos.above = Math.max(yPos.above, this.minTop);
-	var hasOne = stackedDecoration(decoration, width, abselem, yPos, positioning.ornamentPosition, this.minTop, this.minBottom);
-	if (hasOne) {
+	var hasOne = stackedDecoration(decoration, width, abselem, yPos, positioning.ornamentPosition, this.minTop, this.minBottom, accentAbove);
+	//if (hasOne) {
 		//			abselem.top = Math.max(yPos.above + 3, abselem.top); // TODO-PER: Not sure why we need this fudge factor.
-	}
+	//}
 	leftDecoration(decoration, abselem, roomtaken);
 };
 

package/src/write/creation/elements/bottom-text.js

@@ -1,68 +1,83 @@
 const addTextIf = require("../add-text-if");
+const richText = require("./rich-text");
 
-function BottomText(metaText, width, isPrint, paddingLeft, spacing, getTextSize) {
+function BottomText(metaText, width, isPrint, paddingLeft, spacing, shouldAddClasses, getTextSize) {
 	this.rows = [];
 	if (metaText.unalignedWords && metaText.unalignedWords.length > 0)
-		this.unalignedWords(metaText.unalignedWords, paddingLeft, spacing, getTextSize);
-	this.extraText(metaText, paddingLeft, spacing, getTextSize);
+		this.unalignedWords(metaText.unalignedWords, paddingLeft, spacing, shouldAddClasses, getTextSize);
+	this.extraText(metaText, paddingLeft, spacing, shouldAddClasses, getTextSize);
 	if (metaText.footer && isPrint)
 		this.footer(metaText.footer, width, paddingLeft, getTextSize);
 }
 
-BottomText.prototype.unalignedWords = function (unalignedWords, paddingLeft, spacing, getTextSize) {
-	var klass = 'meta-bottom unaligned-words';
+BottomText.prototype.unalignedWords = function (unalignedWords, marginLeft, spacing, shouldAddClasses, getTextSize) {
+	var klass = shouldAddClasses ? 'abcjs-unaligned-words' : ''
 	var defFont = 'wordsfont';
-	this.rows.push({ startGroup: "unalignedWords", klass: 'abcjs-meta-bottom abcjs-unaligned-words', name: "words" });
 	var space = getTextSize.calc("i", defFont, klass);
-
+	
 	this.rows.push({ move: spacing.words });
+	
+	addMultiLine(this.rows, '', unalignedWords, marginLeft, defFont, "unalignedWords", "unalignedWords", klass, "unalignedWords", spacing, shouldAddClasses, getTextSize)
+	this.rows.push({ move: space.height });
+}
+
+function addSingleLine(rows, preface, text, marginLeft, klass, shouldAddClasses, getTextSize) {
+	if (text) {
+		if (preface) {
+			if (typeof text === 'string')
+				text = preface + text
+			else
+				text = [{text: preface}].concat(text)
+		}
+		klass = shouldAddClasses ? 'abcjs-extra-text '+klass : ''
+		richText(rows, text, 'historyfont', klass, "description", marginLeft, {absElemType: "extraText", anchor: 'start'}, getTextSize)
+	}
+
+}
 
-	for (var j = 0; j < unalignedWords.length; j++) {
-		if (unalignedWords[j] === '')
-			this.rows.push({ move: space.height });
-		else if (typeof unalignedWords[j] === 'string') {
-			addTextIf(this.rows, { marginLeft: paddingLeft, text: unalignedWords[j], font: defFont, klass: klass, inGroup: true, name: "words" }, getTextSize);
+function addMultiLine(rows, preface, content, marginLeft, defFont, absElemType, groupName, klass, name, spacing, shouldAddClasses, getTextSize) {
+	if (content) {
+		klass = shouldAddClasses ? 'abcjs-extra-text '+klass : ''
+		var size = getTextSize.calc("A", defFont, klass);
+		if (typeof content === 'string') {
+			if (preface)
+				content = preface + "\n" + content
+			addTextIf(rows, { marginLeft: marginLeft, text: content, font: defFont, absElemType: "extraText", name: name, 'dominant-baseline': 'middle', klass: klass }, getTextSize);
+			//rows.push({move: size.height*3/4})
 		} else {
-			var largestY = 0;
-			var offsetX = 0;
-			for (var k = 0; k < unalignedWords[j].length; k++) {
-				var thisWord = unalignedWords[j][k];
-				var font = (thisWord.font) ? thisWord.font : defFont;
-				this.rows.push({
-					left: paddingLeft + offsetX,
-					text: thisWord.text,
-					font: font,
-					anchor: 'start'
-				});
-				var size = getTextSize.calc(thisWord.text, defFont, klass);
-				largestY = Math.max(largestY, size.height);
-				offsetX += size.width;
-				// If the phrase ends in a space, then that is not counted in the width, so we need to add that in ourselves.
-				if (thisWord.text[thisWord.text.length - 1] === ' ') {
-					offsetX += space.width;
-				}
+			rows.push({ startGroup: groupName, klass: klass, name: name });
+			rows.push({move: spacing.info})
+			if (preface) {
+				addTextIf(rows, { marginLeft: marginLeft, text: preface, font: defFont, absElemType: "extraText", name: name, 'dominant-baseline': 'middle' }, getTextSize);
+				rows.push({move: size.height*3/4})
 			}
-			this.rows.push({ move: largestY });
+
+			for (var j = 0; j < content.length; j++) {
+				richText(rows, content[j], defFont, '', name, marginLeft, {anchor: 'start'}, getTextSize)
+				// TODO-PER: Hack! the string and rich lines should have used up the same amount of space without this.
+				if (j < content.length-1 && typeof content[j] === 'string' && typeof content[j+1] !== 'string')
+					rows.push({move: size.height*3/4})
+			}
+			rows.push({ endGroup: groupName, absElemType: absElemType, startChar: -1, endChar: -1, name: name });
+			rows.push({move: size.height})
 		}
 	}
-	this.rows.push({ move: space.height * 2 });
-	this.rows.push({ endGroup: "unalignedWords", absElemType: "unalignedWords", startChar: -1, endChar: -1, name: "unalignedWords" });
 }
+BottomText.prototype.extraText = function (metaText, marginLeft, spacing, shouldAddClasses, getTextSize) {
+	addSingleLine(this.rows, "Book: ", metaText.book, marginLeft, 'abcjs-book', shouldAddClasses, getTextSize)
+	addSingleLine(this.rows, "Source: ", metaText.source, marginLeft, 'abcjs-source', shouldAddClasses, getTextSize)
+	addSingleLine(this.rows, "Discography: ", metaText.discography, marginLeft, 'abcjs-discography', shouldAddClasses, getTextSize)
+
+	addMultiLine(this.rows, 'Notes:', metaText.notes, marginLeft, 'historyfont', "extraText", "notes", 'abcjs-notes', "description", spacing, shouldAddClasses, getTextSize)
+
+	addSingleLine(this.rows, "Transcription: ", metaText.transcription, marginLeft, 'abcjs-transcription', shouldAddClasses, getTextSize)
+
+	addMultiLine(this.rows, "History:", metaText.history, marginLeft, 'historyfont', "extraText", "history", 'abcjs-history', "description", spacing, shouldAddClasses, getTextSize)
+
+	addSingleLine(this.rows, "Copyright: ", metaText['abc-copyright'], marginLeft, 'abcjs-copyright', shouldAddClasses, getTextSize)
+	addSingleLine(this.rows, "Creator: ", metaText['abc-creator'], marginLeft, 'abcjs-creator', shouldAddClasses, getTextSize)
+	addSingleLine(this.rows, "Edited By: ", metaText['abc-edited-by'], marginLeft, 'abcjs-edited-by', shouldAddClasses, getTextSize)
 
-BottomText.prototype.extraText = function (metaText, marginLeft, spacing, getTextSize) {
-	var extraText = "";
-	if (metaText.book) extraText += "Book: " + metaText.book + "\n";
-	if (metaText.source) extraText += "Source: " + metaText.source + "\n";
-	if (metaText.discography) extraText += "Discography: " + metaText.discography + "\n";
-	if (metaText.notes) extraText += "Notes: " + metaText.notes + "\n";
-	if (metaText.transcription) extraText += "Transcription: " + metaText.transcription + "\n";
-	if (metaText.history) extraText += "History: " + metaText.history + "\n";
-	if (metaText['abc-copyright']) extraText += "Copyright: " + metaText['abc-copyright'] + "\n";
-	if (metaText['abc-creator']) extraText += "Creator: " + metaText['abc-creator'] + "\n";
-	if (metaText['abc-edited-by']) extraText += "Edited By: " + metaText['abc-edited-by'] + "\n";
-	if (extraText.length > 0) {
-		addTextIf(this.rows, { marginLeft: marginLeft, text: extraText, font: 'historyfont', klass: 'meta-bottom extra-text', marginTop: spacing.info, absElemType: "extraText", name: "description" }, getTextSize);
-	}
 }
 
 BottomText.prototype.footer = function (footer, width, paddingLeft, getTextSize) {

package/src/write/creation/elements/rich-text.js

@@ -0,0 +1,51 @@
+const addTextIf = require("../add-text-if");
+
+function richText(rows, str, defFont, klass, name, paddingLeft, attr, getTextSize) {
+	var space = getTextSize.calc("i", defFont, klass);
+	if (str === '') {
+		rows.push({ move: space.height });
+	} else {
+		if (typeof str === 'string') {
+			addTextIf(rows, { marginLeft: paddingLeft, text: str, font: defFont, klass: klass, marginTop: attr.marginTop, anchor: attr.anchor, absElemType: attr.absElemType, info: attr.info, name: name }, getTextSize);
+			return
+		}
+		if (attr.marginTop)
+			rows.push({move: attr.marginTop})
+
+		var largestY = 0;
+		var gap = 0;
+		var row = {
+			left: paddingLeft,
+			anchor: attr.anchor,
+			phrases: []
+		}
+		if (klass)
+			row.klass = klass
+		rows.push(row)
+		for (var k = 0; k < str.length; k++) {
+			var thisWord = str[k];
+			var font = (thisWord.font) ? thisWord.font : getTextSize.attr(defFont, klass).font;
+			var phrase = {
+				content: thisWord.text,
+			}
+			if (font)
+				phrase.attrs = {
+					"font-family": getTextSize.getFamily(font.face),
+					"font-size": font.size,
+					"font-weight": font.weight,
+					"font-style": font.style,
+					"font-decoration": font.decoration,
+			}
+			//if (thisWord.text) {
+				row.phrases.push(phrase);
+				var size = getTextSize.calc(thisWord.text, font, klass);
+				largestY = Math.max(largestY, size.height);
+				if (thisWord.text[thisWord.text.length - 1] === ' ') {
+					gap = space.width
+				}
+		}
+		rows.push({ move: largestY });
+	}
+}
+
+module.exports = richText;