abcjs 6.1.8 → 6.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "abcjs",
-  "version": "6.1.8",
+  "version": "6.1.9",
   "description": "Renderer for abc music notation",
   "main": "index.js",
   "types": "types/index.d.ts",
@@ -44,16 +44,16 @@
   },
   "homepage": "https://abcjs.net",
   "devDependencies": {
-    "@babel/core": "7.20.2",
+    "@babel/core": "7.20.12",
     "@babel/preset-env": "7.20.2",
     "@tarp/require": "1.4.3",
-    "babel-loader": "9.1.0",
+    "babel-loader": "9.1.2",
     "chai": "4.3.7",
-    "concurrently": "7.5.0",
+    "concurrently": "7.6.0",
     "http-server": "14.1.1",
-    "mocha": "10.1.0",
+    "mocha": "10.2.0",
     "opener": "1.5.2",
-    "vuepress": "2.0.0-beta.26",
+    "vuepress": "2.0.0-beta.60",
     "vuex": "4.1.0",
     "webpack-bundle-analyzer": "4.7.0",
     "webpack-cli": "4.10.0"

package/src/midi/abc_midi_create.js

@@ -36,8 +36,14 @@ var create;
 						var pan = 0;
 						if (options.pan && options.pan.length > i)
 							pan = options.pan[i];
-						midi.setChannel(event.channel, pan);
-						midi.setInstrument(event.instrument);
+						if (event.instrument === 128) {
+							// If we're using the percussion voice, change to Channel 10
+							midi.setChannel(9, pan);
+							midi.setInstrument(0);
+						} else {
+							midi.setChannel(event.channel, pan);
+							midi.setInstrument(event.instrument);
+						}
 						break;
 					case 'note':
 						var gapLengthInBeats = event.gap * beatsPerSecond;

package/src/parse/abc_parse_music.js

@@ -724,7 +724,7 @@ var legalAccents = [
 	"slide", "marcato",
 	"upbow", "downbow", "/", "//", "///", "////", "trem1", "trem2", "trem3", "trem4",
 	"turnx", "invertedturn", "invertedturnx", "trill(", "trill)", "arpeggio", "xstem", "mark", "umarcato",
-	"style=normal", "style=harmonic", "style=rhythm", "style=x", "style=triangle"
+	"style=normal", "style=harmonic", "style=rhythm", "style=x", "style=triangle", "D.C.alcoda", "D.C.alfine", "D.S.alcoda", "D.S.alfine", "editorial", "courtesy"
 ];
 
 var volumeDecorations = [

package/src/parse/abc_transpose.js

@@ -51,7 +51,15 @@ transpose.keySignature = function(multilineVars, keyName, root, acc, localTransp
 		keyName = keyName.substr(2);
 	} else
 		keyName = keyName.substr(1);
-	var index = keyIndex[baseKey] + multilineVars.localTranspose;
+	var thisKeyIndex = keyIndex[baseKey]
+	var recognized = thisKeyIndex !== undefined
+	if (!recognized) {
+		// Either the key sig is "none" or we don't recognize it. Either way we don't change it, and we assume key of C for the purposes of this calculation.
+		thisKeyIndex = 0
+		baseKey = "C"
+		keyName = ""
+	}
+	var index = thisKeyIndex + multilineVars.localTranspose;
 	while (index < 0) index += 12;
 	if (index > 11) index = index % 12;
 	var newKeyName = (keyName[0] === 'm' ? newKeyMinor[index] : newKey[index]);
@@ -87,7 +95,10 @@ transpose.keySignature = function(multilineVars, keyName, root, acc, localTransp
 		multilineVars.localTransposeVerticalMovement = distance + Math.floor(multilineVars.localTranspose / 12) * 7;
 	else
 		multilineVars.localTransposeVerticalMovement = distance + Math.ceil(multilineVars.localTranspose / 12) * 7;
-	return { accidentals: newKeySig, root: newKeyName[0], acc: newKeyName.length > 1 ? newKeyName[1] : "" };
+	if (recognized)
+		return { accidentals: newKeySig, root: newKeyName[0], acc: newKeyName.length > 1 ? newKeyName[1] : "" };
+	else
+		return { accidentals: [], root: root, acc: acc };
 };
 
 transpose.chordName = function(multilineVars, chord) {
@@ -145,7 +156,7 @@ var accidentals3 = {
 	"1": "^",
 	"2": "^^"
 };
-var count = 0
+//var count = 0
 transpose.note = function(multilineVars, el) {
 	// the "el" that is passed in has el.name, el.accidental, and el.pitch. "pitch" is the vertical position (0=middle C)
 	// localTranspose is the number of half steps

package/src/synth/abc_midi_sequencer.js

@@ -6,7 +6,7 @@ var parseCommon = require("../parse/abc_common");
 (function() {
 	"use strict";
 
-	var measureLength;
+	var measureLength = 1; // This should be set by the meter, but just in case that is missing, we'll take a guess.
 	// The abc is provided to us line by line. It might have repeats in it. We want to re arrange the elements to
 	// be an array of voices with all the repeats embedded, and no lines. Then it is trivial to go through the events
 	// one at a time and turn it into midi.

package/src/test/abc_parser_lint.js

@@ -61,7 +61,7 @@ var ParserLint = function() {
 		"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"
+		"mark", "marcato", "umarcato", "D.C.alcoda", "D.C.alfine", "D.S.alcoda", "D.S.alfine", "editorial", "courtesy"
 	] } };
 
 	var tempoProperties =  {

package/src/write/abc_decoration.js

@@ -143,12 +143,12 @@ var Decoration = function Decoration() {
 			}
 			return y;
 		}
-		function textDecoration(text, placement) {
+		function textDecoration(text, placement, anchor) {
 			var y = getPlacement(placement);
 			var textFudge = 2;
 			var textHeight = 5;
 			// TODO-PER: Get the height of the current font and use that for the thickness.
-			abselem.addFixedX(new RelativeElement(text, width/2, 0, y+textFudge, {type:"decoration", klass: 'ornament', thickness: 3}));
+			abselem.addFixedX(new RelativeElement(text, width/2, 0, y+textFudge, {type:"decoration", klass: 'ornament', thickness: 3, anchor: anchor}));
 
 			incrementPlacement(placement, textHeight);
 		}
@@ -205,11 +205,27 @@ var Decoration = function Decoration() {
 				case "5":
 				case "D.C.":
 				case "D.S.":
-					textDecoration(decoration[i], positioning);
+					textDecoration(decoration[i], positioning, 'middle');
+					hasOne = true;
+					break;
+				case "D.C.alcoda":
+					textDecoration("D.C. al coda", positioning, 'left');
+					hasOne = true;
+					break;
+				case "D.C.alfine":
+					textDecoration("D.C. al fine", positioning, 'left');
+					hasOne = true;
+					break;
+				case "D.S.alcoda":
+					textDecoration("D.S. al coda", positioning, 'left');
+					hasOne = true;
+					break;
+				case "D.S.alfine":
+					textDecoration("D.S. al fine", positioning, 'left');
 					hasOne = true;
 					break;
 				case "fine":
-					textDecoration("FINE", positioning);
+					textDecoration("FINE", positioning, 'middle');
 					hasOne = true;
 					break;
 				case "+":

package/src/write/abc_relative_element.js

@@ -13,6 +13,7 @@ var RelativeElement = function RelativeElement(c, dx, w, pitch, opt) {
 	this.pitch2 = opt.pitch2;
 	this.linewidth = opt.linewidth;
 	this.klass = opt.klass;
+	this.anchor = opt.anchor ? opt.anchor : 'middle'
 	this.top = pitch;
 	if (this.pitch2 !== undefined && this.pitch2 > this.top) this.top = this.pitch2;
 	this.bottom = pitch;

package/src/write/draw/relative.js

@@ -46,7 +46,7 @@ function drawRelativeElement(renderer, params, bartop) {
 			break;
 		case "decoration":
 			// The +6 is to compensate for the placement of text in svg: to be on the same row as symbols, the y-coord needs to compensate for the center line.
-			params.graphelem = renderText(renderer, { x: params.x, y: y+6, text: params.c, type: 'annotationfont', klass: renderer.controller.classes.generate("annotation"), anchor: "middle", centerVertically: true, dim: params.dim}, false);
+			params.graphelem = renderText(renderer, { x: params.x, y: y+6, text: params.c, type: 'annotationfont', klass: renderer.controller.classes.generate("annotation"), anchor: params.anchor, centerVertically: true, dim: params.dim}, false);
 			break;
 		case "text":
 			params.graphelem = renderText(renderer, { x: params.x, y: y, text: params.c, type: 'annotationfont', klass: renderer.controller.classes.generate("annotation"), anchor: "start", centerVertically: params.centerVertically, dim: params.dim, lane: params.getLane(), name: "annotation"}, false);

package/src/write/selection.js

@@ -15,9 +15,9 @@ function setupSelection(engraver, svgs) {
 		}
 	}
 	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('touchstart', mouseDown.bind(engraver), {passive: true});
+		svgs[i].addEventListener('touchmove', mouseMove.bind(engraver), {passive: true});
+		svgs[i].addEventListener('touchend', mouseUp.bind(engraver), {passive: true});
 		svgs[i].addEventListener('mousedown', mouseDown.bind(engraver));
 		svgs[i].addEventListener('mousemove', mouseMove.bind(engraver));
 		svgs[i].addEventListener('mouseup', mouseUp.bind(engraver));

package/types/index.d.ts

@@ -68,7 +68,8 @@ declare module 'abcjs' {
 		"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"
+		"mark" | "marcato" | "umarcato" |
+		"D.C.alcoda" | "D.C.alfine" | "D.S.alcoda" | "D.S.alfine" | "editorial" | "courtesy"
 
 	//
 	// Basic types
@@ -157,19 +158,54 @@ declare module 'abcjs' {
 
 	export type MidiParam = Array<string|number>;
 
-	export type MidiGracePitches = Array<{instrument: string; pitch: number; volume: number; cents?: number}>;
+	export type MidiGracePitches = Array<{instrument: number; pitch: number; volume: number; cents?: number; durationInMeasures: number}>;
 
 	export interface MidiPitch {
-		instrument: string;
+		instrument: number;
 		pitch: number;
 		duration: number;
 		volume: number;
-		cents?: number
+		cents?: number;
+		start: number;
+		gap: number;
 	}
 
 	export type MidiPitches = Array<MidiPitch>;
 
-	export type AbsoluteElement = any; // TODO
+	export interface AbsoluteElement {
+		abcelem : AbcElem;
+		bottom : number;
+		children : Array<RelativeElement>
+		duration : number;
+		durationClass : number;
+		elemset : Array<SVGElement>
+		extra : Array<RelativeElement>
+		extraw : number;
+		fixed : {w: number, t: number, b: number}
+		heads : Array<RelativeElement>
+		invisible : boolean;
+		minspacing : number;
+		notePositions : Array<{x:number; y:number;}>
+		right : Array<RelativeElement>
+		specialY : Array<{
+			chordHeightAbove : number;
+			chordHeightBelow : number;
+			dynamicHeightAbove : number;
+			dynamicHeightBelow : number;
+			endingHeightAbove : number;
+			lyricHeightAbove : number;
+			lyricHeightBelow : number;
+			partHeightAbove : number;
+			tempoHeightAbove : number;
+			volumeHeightAbove : number;
+			volumeHeightBelow : number;
+		}>
+		top : number;
+		tuneNumber : number;
+		type : "symbol" | "tempo" | "part" | "rest" | "note" | "bar" | "staff-extra clef" | "staff-extra key-signature" | "staff-extra time-signature";
+		w : number;
+		x : number;
+	}
 
 	export type AbstractEngraver = any;
 
@@ -340,7 +376,7 @@ declare module 'abcjs' {
 		millisecondsPerMeasure: number;
 		type: NoteTimingEventType;
 
-		elements?: Array<HTMLElement>;
+		elements?: Array<Array<HTMLElement>>;
 		endChar?: number;
 		endCharArray?: Array<number>;
 		endX?: number;
@@ -349,6 +385,7 @@ declare module 'abcjs' {
 		line?: number;
 		measureNumber?: number;
 		midiPitches?: MidiPitches;
+		midiGraceNotePitches?: MidiGracePitches;
 		startChar?: number;
 		startCharArray?: Array<number>;
 		top?: number;
@@ -781,21 +818,32 @@ declare module 'abcjs' {
 	}
 
 	export interface AbcElem {
-		el_type: string //TODO enumerate these
-		abselem: any;
+		el_type: string; //TODO enumerate these
+		abselem: AbsoluteElement;
 		beambr?: number;
-		chord?: Array<any>
-		decoration: Array<any>
+		chord?: Array<{name: string; position: ChordPlacement}>
+		decoration: Array<string> //TODO enumerate these
 		duration: number
 		endBeam?: boolean
 		endSlur?: number
 		endTriplet?: true
-		gracenotes?: Array<any>
-		lyric?: Array<any>
+		gracenotes?: Array<{duration: number; name:string; pitch: number; verticalPosition: number;}>
+		lyric?: Array<{syllable: string; divider: ' ' | '-' | '_';}>
 		noStem?: boolean
-		pitches?: Array<any>
+		midiPitches?: MidiPitches;
+		midiGraceNotePitches?: MidiGracePitches;
+		pitches?: Array<{
+			pitch: number;
+			name: string;
+			startSlur?: Array<{label: number}>;
+			endSlur?: Array<number>;
+			startTie?: {};
+			endTie?: boolean;
+			verticalPos: number;
+			highestVert: number;
+		}>
 		positioning?: any
-		rest?: any
+		rest?: {"type": "rest"}
 		startBeam?: boolean
 		startTriplet?: number
 		tripletMultiplier?: number
@@ -1086,8 +1134,8 @@ declare module 'abcjs' {
 
 	export interface SynthObjectController {
 		disable(isDisabled: boolean): void
-		setTune(visualObj: TuneObject, userAction: boolean, audioParams?: any): Promise<SynthInitResponse>
-		load(selector: string, cursorControl?: any, visualOptions?: SynthVisualOptions): void
+		setTune(visualObj: TuneObject, userAction: boolean, audioParams?: SynthOptions): Promise<SynthInitResponse>
+		load(selector: string, cursorControl?: CursorControl | null, visualOptions?: SynthVisualOptions): void
 		play(): void
 		pause(): void
 		toggleLoop(): void

package/version.js

@@ -1,3 +1,3 @@
-var version = '6.1.8';
+var version = '6.1.9';
 
 module.exports = version;