abcjs 6.0.3 → 6.1.1

package/src/write/abc_engraver_controller.js

@@ -32,6 +32,7 @@ var tablatures = require('../api/abc_tablatures');
  */
 var EngraverController = function(paper, params) {
   params = params || {};
+  this.oneSvgPerLine = params.oneSvgPerLine;
   this.selectionColor = params.selectionColor;
   this.dragColor = params.dragColor ? params.dragColor : params.selectionColor;
   this.dragging = !!params.dragging;
@@ -246,9 +247,71 @@ EngraverController.prototype.engraveTune = function (abcTune, tuneNumber, lineOf
 	this.staffgroups = ret.staffgroups;
 	this.selectables = ret.selectables;
 
-	setupSelection(this);
+	if (this.oneSvgPerLine) {
+		var div = this.renderer.paper.svg.parentNode
+		this.svgs = splitSvgIntoLines(div, abcTune.metaText.title)
+	} else {
+		this.svgs = [this.renderer.paper.svg];
+	}
+	setupSelection(this, this.svgs);
 };
 
+function splitSvgIntoLines(output, title) {
+	// Each line is a top level <g> in the svg. To split it into separate
+	// svgs iterate through each of those and put them in a new svg. Since
+	// they are placed absolutely, the viewBox needs to be manipulated to
+	// get the correct vertical positioning.
+	// We copy all the attributes from the original svg except for the aria-label
+	// since we want that to include a count. And the height is now a fraction of the original svg.
+	if (!title) title = "Untitled"
+	var source = output.querySelector("svg")
+	var style = source.querySelector("style")
+	var width = source.getAttribute("width")
+	var sections = output.querySelectorAll("svg > g") // each section is a line, or the top matter or the bottom matter, or text that has been inserted.
+	var nextTop = 0 // There are often gaps between the elements for spacing, so the actual top and height needs to be inferred.
+	var wrappers = [] // Create all the elements and place them at once because we use the current svg to get data. It would disappear after placing the first line.
+	var svgs = []
+	for (var i = 0; i < sections.length; i++) {
+		var section = sections[i]
+		var box = section.getBBox()
+		var gapBetweenLines = box.y - nextTop // take the margin into account
+		var height = box.height + gapBetweenLines;
+		var wrapper = document.createElement("div");
+		wrapper.setAttribute("style", "overflow: hidden;height:"+height+"px;")
+		var svg = duplicateSvg(source)
+		var fullTitle = "Sheet Music for \"" + title + "\" section " + (i+1)
+		svg.setAttribute("aria-label", fullTitle)
+		svg.setAttribute("height", height)
+		svg.setAttribute("viewBox", "0 " + nextTop + " " + width + " " + height )
+		svg.appendChild(style.cloneNode(true))
+		var titleEl = document.createElement("title")
+		titleEl.innerText = fullTitle
+		svg.appendChild(titleEl)
+		svg.appendChild(section)
+
+		wrapper.appendChild(svg)
+		svgs.push(svg)
+		output.appendChild(wrapper)
+		//wrappers.push(wrapper)
+		nextTop = box.y+box.height
+	}
+	// for (i = 0; i < wrappers.length; i++)
+	// 	output.appendChild(wrappers[i])
+	output.removeChild(source)
+	return svgs;
+}
+
+function duplicateSvg(source) {
+	var svgNS = "http://www.w3.org/2000/svg";
+	var svg = document.createElementNS(svgNS, "svg");
+	for (var i = 0; i < source.attributes.length; i++) {
+		var attr = source.attributes[i];
+		if (attr.name !== "height" && attr.name != "aria-label")
+			svg.setAttribute(attr.name, attr.value)
+	}
+	return svg;
+}
+
 EngraverController.prototype.getDim = function(historyEl) {
 	// Get the dimensions on demand because the getBBox call is expensive.
 	if (!historyEl.dim) {

package/src/write/abc_glissando_element.js

@@ -0,0 +1,7 @@
+var GlissandoElem = function GlissandoElem(anchor1, anchor2) {
+	this.type = "GlissandoElem";
+	this.anchor1 = anchor1; // must have a .x and a .parent property or be null (means starts at the "beginning" of the line - after keysig)
+	this.anchor2 = anchor2; // must have a .x property or be null (means ends at the end of the line)
+};
+
+module.exports = GlissandoElem;

package/src/write/draw/draw.js

@@ -6,14 +6,17 @@ var Selectables = require('./selectables');
 
 function draw(renderer, classes, abcTune, width, maxWidth, responsive, scale, selectTypes, tuneNumber, lineOffset) {
 	var selectables = new Selectables(renderer.paper, selectTypes, tuneNumber);
+	renderer.paper.openGroup()
 	renderer.moveY(renderer.padding.top);
 	nonMusic(renderer, abcTune.topText, selectables);
+	renderer.paper.closeGroup()
 	renderer.moveY(renderer.spacing.music);
 	var staffgroups = [];
 	for (var line = 0; line < abcTune.lines.length; line++) {
 		classes.incrLine();
 		var abcLine = abcTune.lines[line];
 		if (abcLine.staff) {
+			renderer.paper.openGroup()
 			if (abcLine.vskip) {
 				renderer.moveY(abcLine.vskip);
 			}
@@ -22,15 +25,20 @@ function draw(renderer, classes, abcTune, width, maxWidth, responsive, scale, se
 			var staffgroup = engraveStaffLine(renderer, abcLine.staffGroup, selectables,line);
 			staffgroup.line = lineOffset+line; // If there are non-music lines then the staffgroup array won't line up with the line array, so this keeps track.
 			staffgroups.push(staffgroup);
+			renderer.paper.closeGroup()
 		} else if (abcLine.nonMusic) {
+			renderer.paper.openGroup()
 			nonMusic(renderer, abcLine.nonMusic, selectables);
+			renderer.paper.closeGroup()
 		}
 	}
 
 	classes.reset();
 	if (abcTune.bottomText && abcTune.bottomText.rows && abcTune.bottomText.rows.length > 0) {
+		renderer.paper.openGroup()
 		renderer.moveY(24); // TODO-PER: Empirically discovered. What variable should this be?
 		nonMusic(renderer, abcTune.bottomText, selectables);
+		renderer.paper.closeGroup()
 	}
 	setPaperSize(renderer, maxWidth, scale, responsive);
 	return { staffgroups: staffgroups, selectables: selectables.getElements() };

package/src/write/draw/glissando.js

@@ -0,0 +1,75 @@
+var sprintf = require('./sprintf');
+var printPath = require('./print-path');
+var roundNumber = require("./round-number");
+
+function drawGlissando(renderer, params, selectables) {
+	if (!params.anchor1 || !params.anchor2 || !params.anchor1.heads || !params.anchor2.heads || params.anchor1.heads.length === 0 || params.anchor2.heads.length === 0)
+		window.console.error("Glissando Element not set.");
+
+	var margin = 4;
+	var leftY = renderer.calcY(params.anchor1.heads[0].pitch)
+	var rightY = renderer.calcY(params.anchor2.heads[0].pitch)
+	var leftX = params.anchor1.x + params.anchor1.w/2
+	var rightX = params.anchor2.x + params.anchor2.w/2
+	var len = lineLength(leftX, leftY, rightX, rightY)
+	var marginLeft = params.anchor1.w/2 + margin
+	var marginRight = params.anchor2.w/2 + margin
+	var s = slope(leftX, leftY, rightX, rightY)
+	var leftYAdj = getY(leftY, s, marginLeft)
+	var rightYAdj = getY(rightY, s, -marginRight)
+	var num = numSquigglies(len-marginLeft-marginRight)
+
+	var el = drawSquiggly(renderer, leftX+marginLeft, leftYAdj, num, s)
+	selectables.wrapSvgEl({el_type: "glissando", startChar: -1, endChar: -1}, el);
+	return [el];
+}
+
+function lineLength(leftX, leftY, rightX, rightY) {
+	// The length from notehead center to notehead center.
+	var w = rightX - leftX
+	var h = rightY - leftY
+	return Math.sqrt(w*w + h*h)
+}
+
+function slope(leftX, leftY, rightX, rightY) {
+	return (rightY-leftY) / (rightX - leftX)
+}
+
+function getY(y, slope, xOfs) {
+	return roundNumber(y + (xOfs)*slope);
+}
+
+function numSquigglies(length) {
+	var endLen = 5; // The width of the end - that is, the non repeating part
+	return Math.max(2, Math.floor((length - endLen*2) / 6));
+}
+
+var leftStart = [[3.5, -4.8]]
+var right = [[1.5, -1], [.3, -.3], [-3.5, 3.8]]
+var leftEnd = [[-1.5, 2]]
+var top = [[3, 4], [3, -4]]
+var bottom = [[-3, 4], [-3, -4]]
+
+function segment(arr, slope) {
+	var ret = "";
+	for (var i = 0; i < arr.length; i++) {
+		ret += 'l' + arr[i][0] + ' ' + getY(arr[i][1], slope, arr[i][0])
+	}
+	return ret
+}
+
+var drawSquiggly = function(renderer, x, y, num, slope) {
+	var p = sprintf("M %f %f", x, y);
+	p += segment(leftStart, slope)
+	var i
+	for (i = 0; i < num; i++) {
+		p+=segment(top, slope)
+	}
+	p += segment(right, slope)
+	for ( i = 0; i < num; i++)
+		p+=segment(bottom, slope)
+	p+=segment(leftEnd, slope) + 'z'
+	return printPath(renderer, {path:p, highlight: "stroke", stroke:renderer.foregroundColor, 'class': renderer.controller.classes.generate('decoration'), "data-name": "glissando"});
+}
+
+module.exports = drawGlissando;

package/src/write/draw/staff-group.js

@@ -15,7 +15,7 @@ function drawStaffGroup(renderer, params, selectables,lineNumber) {
 	var colorIndex;
 
 	// An invisible marker is useful to be able to find where each system starts.
-	addInvisibleMarker(renderer, "abcjs-top-of-system");
+	//addInvisibleMarker(renderer, "abcjs-top-of-system");
 
 	var startY = renderer.y; // So that it can be restored after we're done.
 	// Set the absolute Y position for each staff here, so the voice drawing below can just use if.
@@ -177,10 +177,10 @@ function printBrace(renderer, absoluteY, brace, index, selectables) {
 	}
 }
 
-function addInvisibleMarker(renderer, className) {
-	var y = Math.round(renderer.y);
-	renderer.paper.pathToBack({path:"M 0 " + y + " L 0 0", stroke:"none", fill:"none", "stroke-opacity": 0, "fill-opacity": 0, 'class': renderer.controller.classes.generate(className), 'data-vertical': y });
-}
+// function addInvisibleMarker(renderer, className) {
+// 	var y = Math.round(renderer.y);
+// 	renderer.paper.pathToBack({path:"M 0 " + y + " L 0 0", stroke:"none", fill:"none", "stroke-opacity": 0, "fill-opacity": 0, 'class': renderer.controller.classes.generate(className), 'data-vertical': y });
+// }
 
 function boxAllElements(renderer, voices, which) {
 	for (var i = 0; i < which.length; i++) {

package/src/write/draw/voice.js

@@ -1,3 +1,4 @@
+var drawGlissando = require('./glissando');
 var drawCrescendo = require('./crescendo');
 var drawDynamics = require('./dynamics');
 var drawTriplet = require('./triplet');
@@ -67,6 +68,9 @@ function drawVoice(renderer, params, bartop, selectables, staffPos) {
 			renderer.controller.classes.incrMeasure();
 		} else {
 			switch (child.type) {
+				case "GlissandoElem":
+					child.elemset = drawGlissando(renderer, child, selectables);
+					break;
 				case "CrescendoElem":
 					child.elemset = drawCrescendo(renderer, child, selectables);
 					break;

package/src/write/selection.js

@@ -1,6 +1,6 @@
 var spacing = require('./abc_spacing');
 
-function setupSelection(engraver) {
+function setupSelection(engraver, svgs) {
 	engraver.rangeHighlight = rangeHighlight;
 	if (engraver.dragging) {
 		for (var h = 0; h < engraver.selectables.length; h++) {
@@ -14,14 +14,21 @@ function setupSelection(engraver) {
 			}
 		}
 	}
-	engraver.renderer.paper.svg.addEventListener('mousedown', mouseDown.bind(engraver));
-	engraver.renderer.paper.svg.addEventListener('mousemove', mouseMove.bind(engraver));
-	engraver.renderer.paper.svg.addEventListener('mouseup', mouseUp.bind(engraver));
+	for (var i = 0; i < svgs.length; i++) {
+		svgs[i].addEventListener('touchstart', mouseDown.bind(engraver));
+		svgs[i].addEventListener('touchmove', mouseMove.bind(engraver));
+		svgs[i].addEventListener('touchend', mouseUp.bind(engraver));
+		svgs[i].addEventListener('mousedown', mouseDown.bind(engraver));
+		svgs[i].addEventListener('mousemove', mouseMove.bind(engraver));
+		svgs[i].addEventListener('mouseup', mouseUp.bind(engraver));
+	}
 }
 
-function getCoord(ev, svg) {
+function getCoord(ev) {
 	var scaleX = 1;
 	var scaleY = 1;
+	var svg = ev.target.closest('svg')
+	var yOffset = 0
 
 	// when renderer.options.responsive === 'resize' the click coords are in relation to the HTML
 	// element, we need to convert to the SVG viewBox coords
@@ -31,6 +38,7 @@ function getCoord(ev, svg) {
 			scaleX = svg.viewBox.baseVal.width / svg.clientWidth
 		if (svg.viewBox.baseVal.height !== 0)
 			scaleY = svg.viewBox.baseVal.height / svg.clientHeight
+		yOffset = svg.viewBox.baseVal.y
 	}
 
 	var svgClicked = ev.target.tagName === "svg";
@@ -48,7 +56,7 @@ function getCoord(ev, svg) {
 	y = y * scaleY;
 	//console.log(x, y)
 
-	return [x, y];
+	return [x, y+yOffset];
 }
 
 function elementFocused(ev) {
@@ -120,7 +128,7 @@ function keyboardSelection(ev) {
 
 function findElementInHistory(selectables, el) {
 	for (var i = 0; i < selectables.length; i++) {
-		if (el === selectables[i].svgEl)
+		if (el.dataset.index === selectables[i].svgEl.dataset.index)
 			return i;
 	}
 	return -1;
@@ -216,7 +224,7 @@ function getMousePosition(self, ev) {
 		//console.log("clicked on", clickedOn, x, y, self.selectables[clickedOn].svgEl.getBBox(), ev.target.getBBox());
 	} else {
 		// See if they clicked close to an element.
-		box = getCoord(ev, self.renderer.paper.svg);
+		box = getCoord(ev);
 		x = box[0];
 		y = box[1];
 		clickedOn = findElementByCoord(self, x, y);
@@ -225,13 +233,30 @@ function getMousePosition(self, ev) {
 	return { x: x, y: y, clickedOn: clickedOn };
 }
 
+function attachMissingTouchEventAttributes(touchEv) {
+	var rect = touchEv.target.getBoundingClientRect();
+	var offsetX = touchEv.touches[0].pageX - rect.left;
+	var offsetY = touchEv.touches[0].pageY - rect.top;
+
+	touchEv.touches[0].offsetX = offsetX;
+	touchEv.touches[0].offsetY = offsetY;
+
+	touchEv.touches[0].layerX = touchEv.touches[0].pageX;
+	touchEv.touches[0].layerY = touchEv.touches[0].pageY;
+}
+
 function mouseDown(ev) {
 	// "this" is the EngraverController because of the bind(this) when setting the event listener.
+	var _ev = ev;
+	if (ev.type === 'touchstart') {
+		attachMissingTouchEventAttributes(ev);
+		_ev = ev.touches[0];
+	}
 
-	var positioning = getMousePosition(this, ev);
+	var positioning = getMousePosition(this, _ev);
 
 	// Only start dragging if the user clicked close enough to an element and clicked with the main mouse button.
-	if (positioning.clickedOn >= 0 && ev.button === 0) {
+	if (positioning.clickedOn >= 0 && (ev.type === 'touchstart' || ev.button === 0)) {
 		this.dragTarget = this.selectables[positioning.clickedOn];
 		this.dragIndex = positioning.clickedOn;
 		this.dragMechanism = "mouse";
@@ -244,12 +269,18 @@ function mouseDown(ev) {
 }
 
 function mouseMove(ev) {
+	var _ev = ev;
+	if (ev.type === 'touchmove') {
+		attachMissingTouchEventAttributes(ev);
+		_ev = ev.touches[0];
+	}
+	this.lastTouchMove = ev;
 	// "this" is the EngraverController because of the bind(this) when setting the event listener.
 
 	if (!this.dragTarget || !this.dragging || !this.dragTarget.isDraggable || this.dragMechanism !== 'mouse')
 		return;
 
-	var positioning = getMousePosition(this, ev);
+	var positioning = getMousePosition(this, _ev);
 
 	var yDist = Math.round((positioning.y - this.dragMouseStart.y)/spacing.STEP);
 	if (yDist !== this.dragYStep) {
@@ -260,6 +291,11 @@ function mouseMove(ev) {
 
 function mouseUp(ev) {
 	// "this" is the EngraverController because of the bind(this) when setting the event listener.
+	var _ev = ev;
+	if (ev.type === 'touchend') {
+		attachMissingTouchEventAttributes(this.lastTouchMove);
+		_ev = this.lastTouchMove.touches[0];
+	}
 
 	if (!this.dragTarget)
 		return;
@@ -270,7 +306,7 @@ function mouseUp(ev) {
 		this.dragTarget.absEl.highlight(undefined, this.selectionColor);
 	}
 
-	notifySelect.bind(this)(this.dragTarget, this.dragYStep, this.selectables.length, this.dragIndex, ev);
+	notifySelect.bind(this)(this.dragTarget, this.dragYStep, this.selectables.length, this.dragIndex, _ev);
 	if (this.dragTarget.svgEl && this.dragTarget.svgEl.focus) {
 		this.dragTarget.svgEl.focus();
 		this.dragTarget = null;

package/src/write/top-text.js

@@ -32,7 +32,7 @@ function TopText(metaText, metaTextInfo, formatting, lines, width, isPrint, padd
 		this.rows.push({move: spacing.composer});
 		if (metaText.rhythm && metaText.rhythm.length > 0) {
 			var noMove = !!(metaText.composer || metaText.origin);
-			addTextIf(this.rows, { marginLeft: paddingLeft, text: metaText.rhythm, font: 'infofont', klass: 'meta-top rhythm', absElemType: "rhythm", noMove: true, info: metaTextInfo.rhythm, name: "rhythm"}, getTextSize);
+			addTextIf(this.rows, { marginLeft: paddingLeft, text: metaText.rhythm, font: 'infofont', klass: 'meta-top rhythm', absElemType: "rhythm", noMove: noMove, info: metaTextInfo.rhythm, name: "rhythm"}, getTextSize);
 		}
 		var composerLine = "";
 		if (metaText.composer) composerLine += metaText.composer;

package/types/index.d.ts

@@ -64,7 +64,7 @@ declare module 'abcjs' {
 	export type Decorations = "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)" |
+		"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" |
@@ -73,13 +73,13 @@ declare module 'abcjs' {
 	//
 	// Basic types
 	//
-	export type Selector = String | HTMLElement
+	export type Selector = string | HTMLElement
 
 	type NumberFunction = () => number;
 
 	export interface MeterFraction {
-		num: string;
-		den?: string;
+		num: number;
+		den?: number;
 	}
 
 	export interface ClefProperties {
@@ -171,6 +171,8 @@ declare module 'abcjs' {
 
 	export type AbsoluteElement = any; // TODO
 
+	export type AbstractEngraver = any;
+
 	export type NoteProperties = any; // TODO
 
 	export type AudioTrackCommand = 'program' | 'text' | 'note';
@@ -261,6 +263,8 @@ declare module 'abcjs' {
 		instrument: number;
 		start: number;
 		end: number;
+		startChar: number;
+		endChar: number;
 		volume: number;
 		style?: string;
 		cents?: number;
@@ -502,6 +506,34 @@ declare module 'abcjs' {
 		wordsfont: Font;
 	}
 
+	export interface EngraverController {
+		classes: any;
+		dragColor: string;
+		dragIndex: number;
+		dragMouseStart: { x: number, y: number; };
+		dragTarget: null | any;
+		dragYStep: number;
+		dragging: boolean;
+		engraver: AbstractEngraver;
+		getFontAndAttr: any;
+		getTextSize: any;
+		listeners: [ClickListener];
+		rangeHighlight: any;
+		renderer: any;
+		responsive?: boolean;
+		scale: number;
+		initialClef?: any;
+		selectTypes: boolean | Array<DragTypes>;
+		selectables: Array<Selectable>;
+		selected: Array<any>;
+		selectionColor: string;
+		space: number;
+		staffgroups: [any];
+		staffwidthPrint: number;
+		staffwidthScreen: number;
+		width: number;
+	}
+
 	export interface MetaText {
 		"abc-copyright"?: string;
 		"abc-creator"?: string;
@@ -710,6 +742,7 @@ declare module 'abcjs' {
 
 	export interface TuneObject {
 		formatting: Formatting;
+		engraver?: EngraverController;
 		lines: Array<TuneLine>;
 		media: Media;
 		metaText: MetaText;
@@ -730,12 +763,23 @@ declare module 'abcjs' {
 		millisecondsPerMeasure: NumberFunction;
 		setTiming: (bpm?: number, measuresOfDelay? : number) => void;
 		setUpAudio: (options: SynthOptions) => AudioTracks;
+		makeVoicesArray: () => Array<Selectable[]>
 		lineBreaks?: Array<number>;
 		visualTranspose?: number;
 	}
 
 	export type TuneObjectArray = [TuneObject]
 
+	export interface Selectable {
+		absEl: AbsoluteElement;
+		isDraggable: boolean;
+		staffPos: {
+			height: number;
+			top: number;
+			zero: number;
+		}
+	}
+
 	export interface AbcElem {
 		el_type: string //TODO enumerate these
 		abselem: any;
@@ -904,7 +948,7 @@ declare module 'abcjs' {
 
 	export interface AudioTrack {
 		cmd: AudioTrackCommand;
-		[param: any]; // TODO - make this a union
+		[param: string]: any; // TODO - make this a union
 	}
 
 	export interface AudioTracks {
@@ -1042,7 +1086,7 @@ declare module 'abcjs' {
 
 	export interface SynthObjectController {
 		disable(isDisabled: boolean): void
-		setTune(visualObj: TuneObject, userAction: Boolean, audioParams?: AbcVisualParams): Promise<SynthInitResponse>
+		setTune(visualObj: TuneObject, userAction: boolean, audioParams?: any): Promise<SynthInitResponse>
 		load(selector: string, cursorControl?: any, visualOptions?: SynthVisualOptions): void
 		play(): void
 		pause(): void
@@ -1054,7 +1098,9 @@ declare module 'abcjs' {
 	}
 
 	export interface SynthSequenceClass {
-		// TODO
+		addTrack(): AudioTrack
+		setInstrument(trackNumber: number, instrumentNumber: number): void
+		appendNote(trackNumber: number, pitch: number, durationInMeasures: number, volume: number, cents: number): void
 	}
 
 	export namespace synth {
@@ -1068,7 +1114,7 @@ declare module 'abcjs' {
 		export function registerAudioContext(ac?: AudioContext): boolean
 		export function activeAudioContext(): AudioContext
 		export function CreateSynthControl(element: Selector, options: AbcVisualParams): AudioControl
-		export function getMidiFile(source: String | TuneObject, options?: MidiFileOptions): MidiFile;
+		export function getMidiFile(source: string | TuneObject, options?: MidiFileOptions): MidiFile;
 		export function playEvent(pitches: MidiPitches, graceNotes: MidiGracePitches, milliSecondsPerMeasure: number): Promise<void>;
 		export function sequence(visualObj: TuneObject, options: AbcVisualParams): AudioSequence
 	}
@@ -1087,6 +1133,8 @@ declare module 'abcjs' {
 
 	export function numberOfTunes(abc: string) : number;
 	export function extractMeasures(abc: string) : Array<MeasureList>;
+	
+	export function strTranspose(originalAbc: string, visualObj: TuneObject, steps: number): string;
 
 	//
 	// Glyph

package/version.js

@@ -1,3 +1,3 @@
-var version = '6.0.3';
+var version = '6.1.1';
 
 module.exports = version;

package/temp.txt

@@ -1,16 +0,0 @@
-    Fix unhandled rejection if there is a problem with an input note when creating notes.
-
-    put the height of ties/slurs in the line height calculation
-
-    Add transposition tests.
-
-    Add example of reusing created synth buffers.
-
-    Measurements that used "px" were reporting a warning.
-
-    Add quote to be escaped in chord.
-
-    Fix example in docs on creating a drum rhythm
-
-    Fix bass note in jazz chord when it contains a sharp or flat
-