abcjs-rails 2.0 → 2.1

data/app/assets/javascripts/abcjs/write/abc_write.js

@@ -1,535 +0,0 @@
-//    abc_write.js: Prints an abc file parsed by abc_parse.js
-//    Copyright (C) 2010 Gregory Dyke (gregdyke at gmail dot com)
-//
-//    This program is free software: you can redistribute it and/or modify
-//    it under the terms of the GNU General Public License as published by
-//    the Free Software Foundation, either version 3 of the License, or
-//    (at your option) any later version.
-//
-//    This program is distributed in the hope that it will be useful,
-//    but WITHOUT ANY WARRANTY; without even the implied warranty of
-//    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-//    GNU General Public License for more details.
-//
-//    You should have received a copy of the GNU General Public License
-//    along with this program.  If not, see <http://www.gnu.org/licenses/>.
-
-
-/*global window, ABCJS, Math, Raphael */
-
-if (!window.ABCJS)
-	window.ABCJS = {};
-
-if (!window.ABCJS.write)
-	window.ABCJS.write = {};
-
-ABCJS.write.spacing = function() {};
-ABCJS.write.spacing.FONTEM = 360;
-ABCJS.write.spacing.FONTSIZE = 30;
-ABCJS.write.spacing.STEP = ABCJS.write.spacing.FONTSIZE*93/720;
-ABCJS.write.spacing.SPACE = 10;
-ABCJS.write.spacing.TOPNOTE = 20;
-ABCJS.write.spacing.STAVEHEIGHT = 100;
-
-
-//--------------------------------------------------------------------PRINTER
-
-ABCJS.write.Printer = function(paper, params) {
-  params = params || {};
-  this.y = 0;
-  this.paper = paper;
-  this.space = 3*ABCJS.write.spacing.SPACE;
-  this.glyphs = new ABCJS.write.Glyphs();
-  this.listeners = [];
-  this.selected = [];
-  this.ingroup = false;
-  this.scale = params.scale || 1;
-  this.staffwidth = params.staffwidth || 740;
-  this.paddingtop = params.paddingtop || 15;
-  this.paddingbottom = params.paddingbottom || 30;
-  this.paddingright = params.paddingright || 50;
-  this.paddingleft = params.paddingleft || 15;
-  this.editable = params.editable || false;
-	// HACK-PER: Raphael doesn't support setting the class of an element, so this adds that support. This doesn't work on IE8 or less, though.
-	this.usingSvg = (window.SVGAngle || document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1") ? true : false); // Same test Raphael uses
-	if (this.usingSvg && params.add_classes)
-		Raphael._availableAttrs['class'] = "";
-	Raphael._availableAttrs['text-decoration'] = "";
-};
-
-ABCJS.write.Printer.prototype.addClasses = function (c) {
-	var ret = [];
-	if (c.length > 0) ret.push(c);
-	if (this.lineNumber !== null) ret.push("l"+this.lineNumber);
-	if (this.measureNumber !== null) ret.push("m"+this.measureNumber);
-	return ret.join(' ');
-};
-
-// notify all listeners that a graphical element has been selected
-ABCJS.write.Printer.prototype.notifySelect = function (abselem) {
-  this.clearSelection();
-  this.selected = [abselem];
-  abselem.highlight();
-  for (var i=0; i<this.listeners.length;i++) {
-    this.listeners[i].highlight(abselem.abcelem);
-  }
-};
-
-ABCJS.write.Printer.prototype.notifyChange = function (abselem) {
-  for (var i=0; i<this.listeners.length;i++) {
-    this.listeners[i].modelChanged();
-  }
-};
-
-ABCJS.write.Printer.prototype.clearSelection = function () {
-  for (var i=0;i<this.selected.length;i++) {
-    this.selected[i].unhighlight();
-  }
-  this.selected = [];
-};
-
-ABCJS.write.Printer.prototype.addSelectListener = function (listener) {
-  this.listeners[this.listeners.length] = listener;
-};
-
-ABCJS.write.Printer.prototype.rangeHighlight = function(start,end)
-{
-    this.clearSelection();
-    for (var line=0;line<this.staffgroups.length; line++) {
-	var voices = this.staffgroups[line].voices;
-	for (var voice=0;voice<voices.length;voice++) {
-	    var elems = voices[voice].children;
-	    for (var elem=0; elem<elems.length; elem++) {
-		// Since the user can highlight more than an element, or part of an element, a hit is if any of the endpoints
-		// is inside the other range.
-		var elStart = elems[elem].abcelem.startChar;
-		var elEnd = elems[elem].abcelem.endChar;
-		if ((end>elStart && start<elEnd) || ((end===start) && end===elEnd)) {
-		    //		if (elems[elem].abcelem.startChar>=start && elems[elem].abcelem.endChar<=end) {
-		    this.selected[this.selected.length]=elems[elem];
-		    elems[elem].highlight();
-		}
-	    }
-	}
-    }
-};
-
-ABCJS.write.Printer.prototype.beginGroup = function () {
-  this.path = [];
-  this.lastM = [0,0];
-  this.ingroup = true;
-};
-
-ABCJS.write.Printer.prototype.addPath = function (path) {
-  path = path || [];
-  if (path.length===0) return;
-  path[0][0]="m";
-  path[0][1]-=this.lastM[0];
-  path[0][2]-=this.lastM[1];
-  this.lastM[0]+=path[0][1];
-  this.lastM[1]+=path[0][2];
-  this.path.push(path[0]);
-  for (var i=1,ii=path.length;i<ii;i++) {
-    if (path[i][0]==="m") {
-      this.lastM[0]+=path[i][1];
-      this.lastM[1]+=path[i][2];
-    }
-    this.path.push(path[i]);
-  }
-};
-
-ABCJS.write.Printer.prototype.endGroup = function (klass) {
-  this.ingroup = false;
-  if (this.path.length===0) return null;
-  var ret = this.paper.path().attr({path:this.path, stroke:"none", fill:"#000000", 'class': this.addClasses(klass)});
-  if (this.scale!==1) {
-    ret.scale(this.scale, this.scale, 0, 0);
-  }
-  return ret;
-};
-
-ABCJS.write.Printer.prototype.printStaveLine = function (x1,x2, pitch) {
-  var isIE=/*@cc_on!@*/false;//IE detector
-  var dy = 0.35;
-  var fill = "#000000";
-  if (isIE) {
-    dy = 1;
-    fill = "#666666";
-  }
-  var y = this.calcY(pitch);
-  var pathString = ABCJS.write.sprintf("M %f %f L %f %f L %f %f L %f %f z", x1, y-dy, x2, y-dy,
-			   x2, y+dy, x1, y+dy);
-  var ret = this.paper.path().attr({path:pathString, stroke:"none", fill:fill, 'class': this.addClasses('staff')}).toBack();
-  if (this.scale!==1) {
-    ret.scale(this.scale, this.scale, 0, 0);
-  }
-  return ret;
-};
-
-ABCJS.write.Printer.prototype.printStem = function (x, dx, y1, y2) {
-  if (dx<0) { // correct path "handedness" for intersection with other elements
-    var tmp = y2;
-    y2 = y1;
-    y1 = tmp;
-  }
-  var isIE=/*@cc_on!@*/false;//IE detector
-  var fill = "#000000";
-  if (isIE && dx<1) {
-    dx = 1;
-    fill = "#666666";
-  }
-  if (~~x === x) x+=0.05; // raphael does weird rounding (for VML)
-  var pathArray = [["M",x,y1],["L", x, y2],["L", x+dx, y2],["L",x+dx,y1],["z"]];
-  if (!isIE && this.ingroup) {
-    this.addPath(pathArray);
-  } else {
-    var ret = this.paper.path().attr({path:pathArray, stroke:"none", fill:fill, 'class': this.addClasses('stem')}).toBack();
-    if (this.scale!==1) {
-      ret.scale(this.scale, this.scale, 0, 0);
-    }
-    return ret;
-  }
-};
-
-// assumes this.y is set appropriately
-// if symbol is a multichar string without a . (as in scripts.staccato) 1 symbol per char is assumed
-// not scaled if not in printgroup
-ABCJS.write.Printer.prototype.printSymbol = function(x, offset, symbol, scalex, scaley, klass) {
-	var el;
-  if (!symbol) return null;
-  if (symbol.length>0 && symbol.indexOf(".")<0) {
-    var elemset = this.paper.set();
-    var dx =0;
-    for (var i=0; i<symbol.length; i++) {
-      var ycorr = this.glyphs.getYCorr(symbol.charAt(i));
-      el = this.glyphs.printSymbol(x+dx, this.calcY(offset+ycorr), symbol.charAt(i), this.paper, klass);
-      if (el) {
-	elemset.push(el);
-	dx+=this.glyphs.getSymbolWidth(symbol.charAt(i));
-      } else {
-	this.renderText(x, this.y, "no symbol:" +symbol, "debugfont", 'debug-msg', 'start');
-      }
-    }
-    if (this.scale!==1) {
-      elemset.scale(this.scale, this.scale, 0, 0);
-    }
-    return elemset;
-  } else {
-    var ycorr = this.glyphs.getYCorr(symbol);
-    if (this.ingroup) {
-      this.addPath(this.glyphs.getPathForSymbol(x, this.calcY(offset+ycorr), symbol, scalex, scaley));
-    } else {
-      el = this.glyphs.printSymbol(x, this.calcY(offset+ycorr), symbol, this.paper, klass);
-      if (el) {
-	if (this.scale!==1) {
-	  el.scale(this.scale, this.scale, 0, 0);
-	}
-	return el;
-      } else
-	this.renderText(x, this.y, "no symbol:" +symbol, "debugfont", 'debug-msg', 'start');
-    }
-    return null;    
-  }
-};
-
-ABCJS.write.Printer.prototype.printPath = function (attrs) {
-  var ret = this.paper.path().attr(attrs);
-  if (this.scale!==1) ret.scale(this.scale, this.scale, 0, 0);
-  return ret;
-};
-
-ABCJS.write.Printer.prototype.drawArc = function(x1, x2, pitch1, pitch2, above) {
-
-
-  x1 = x1 + 6;
-  x2 = x2 + 4;
-  pitch1 = pitch1 + ((above)?1.5:-1.5);
-  pitch2 = pitch2 + ((above)?1.5:-1.5);
-  var y1 = this.calcY(pitch1);
-  var y2 = this.calcY(pitch2);
-
-  //unit direction vector
-  var dx = x2-x1;
-  var dy = y2-y1;
-  var norm= Math.sqrt(dx*dx+dy*dy);
-  var ux = dx/norm;
-  var uy = dy/norm;
-
-  var flatten = norm/3.5;
-  var curve = ((above)?-1:1)*Math.min(25, Math.max(4, flatten));
-
-  var controlx1 = x1+flatten*ux-curve*uy;
-  var controly1 = y1+flatten*uy+curve*ux;
-  var controlx2 = x2-flatten*ux-curve*uy;
-  var controly2 = y2-flatten*uy+curve*ux;
-  var thickness = 2;
-  var pathString = ABCJS.write.sprintf("M %f %f C %f %f %f %f %f %f C %f %f %f %f %f %f z", x1, y1,
-			   controlx1, controly1, controlx2, controly2, x2, y2, 
-			   controlx2-thickness*uy, controly2+thickness*ux, controlx1-thickness*uy, controly1+thickness*ux, x1, y1);
-  var ret = this.paper.path().attr({path:pathString, stroke:"none", fill:"#000000", 'class': this.addClasses('slur')});
-  if (this.scale!==1) {
-    ret.scale(this.scale, this.scale, 0, 0);
-  }
-  return ret;
-};
-
-ABCJS.write.Printer.prototype.renderText = function(x, y, text, type, klass, anchor) {
-	var font = this.abctune.formatting[type];
-	if (!font)
-		font = { face: "Arial", size: 12, decoration: "underline", style: "normal", weight: "normal" };
-	var attr = {"font-size": font.size*this.scale,
-		"font-family": font.face, 'font-weight': font.weight, 'text-decoration': font.decoration,
-		'class': this.addClasses(klass) };
-	if (anchor)
-		attr["text-anchor"] = anchor;
-	return this.paper.text(x, y*this.scale, text).attr(attr);
-};
-
-ABCJS.write.Printer.prototype.calcY = function(ofs) {
-  return this.y+((ABCJS.write.spacing.TOPNOTE-ofs)*ABCJS.write.spacing.STEP);
-};
-
-ABCJS.write.Printer.prototype.printStave = function (startx, endx, numLines) {	// PER: print out requested number of lines
-	// If there is one line, it is the B line. Otherwise, the bottom line is the E line.
-	if (numLines === 1) {
-		this.printStaveLine(startx,endx,6);
-		return;
-	}
-	for (var i = 0; i < numLines; i++) {
-		this.printStaveLine(startx,endx,(i+1)*2);
-	}
-//  this.printStaveLine(startx,endx,2);
-//  this.printStaveLine(startx,endx,4);
-//  this.printStaveLine(startx,endx,6);
-//  this.printStaveLine(startx,endx,8);
-//  this.printStaveLine(startx,endx,10);
-};
-
-ABCJS.write.Printer.prototype.printABC = function(abctunes) {
-  if (abctunes[0]===undefined) {
-    abctunes = [abctunes];
-  }
-  this.y=0;
-
-  for (var i = 0; i < abctunes.length; i++) {
-    this.printTune(abctunes[i]);
-  }
-
-};
-
-ABCJS.write.Printer.prototype.printTempo = function (tempo, paper, layouter, y, printer, x) {
-	if (tempo.preString) {
-		var text = this.renderText(x, this.y+20, tempo.preString, 'tempofont', 'tempo',"start");
-		x += (text.getBBox().width + 20*printer.scale);
-	}
-	if (tempo.duration) {
-		var temposcale = 0.75*printer.scale;
-		var tempopitch = 14.5;
-		var duration = tempo.duration[0]; // TODO when multiple durations
-		var abselem = new ABCJS.write.AbsoluteElement(tempo, duration, 1, 'tempo');
-		var durlog = Math.floor(Math.log(duration) / Math.log(2));
-		var dot = 0;
-		for (var tot = Math.pow(2, durlog), inc = tot / 2; tot < duration; dot++, tot += inc, inc /= 2);
-		var c = layouter.chartable.note[-durlog];
-		var flag = layouter.chartable.uflags[-durlog];
-		var temponote = layouter.printNoteHead(abselem,
-				c,
-				{verticalPos:tempopitch},
-				"up",
-				0,
-				0,
-				flag,
-				dot,
-				0,
-				temposcale
-		);
-		abselem.addHead(temponote);
-		if (duration < 1) {
-			var p1 = tempopitch + 1 / 3 * temposcale;
-			var p2 = tempopitch + 7 * temposcale;
-			var dx = temponote.dx + temponote.w;
-			var width = -0.6*printer.scale;
-			abselem.addExtra(new ABCJS.write.RelativeElement(null, dx, 0, p1, {"type":"stem", "pitch2":p2, linewidth:width}));
-		}
-		abselem.x = x*(1/printer.scale); // TODO-PER: For some reason it scales this element twice, so just compensate.
-		abselem.draw(printer, null);
-		x += (abselem.w + 5*printer.scale);
-		text = this.renderText(x, this.y+20, "= " + tempo.bpm, 'tempofont', 'tempo',"start");
-		x += text.getBBox().width + 10*printer.scale;
-	}
-	if (tempo.postString) {
-		this.renderText(x, this.y+20, tempo.postString, 'tempofont', 'tempo',"start");
-	}
-	y += 15*printer.scale;
-	return y;
-};
-
-ABCJS.write.Printer.prototype.printTune = function (abctune) {
-	this.lineNumber = null;
-	this.abctune = abctune;
-	this.measureNumber = null;
-  this.layouter = new ABCJS.write.Layout(this.glyphs, abctune.formatting.bagpipes);
-	this.layouter.printer = this;	// TODO-PER: this is a hack to get access, but it tightens the coupling.
-  if (abctune.media === 'print') {
-       // TODO create the page the size of
-    //  tune.formatting.pageheight by tune.formatting.pagewidth
-       // create margins the size of
-      // TODO-PER: setting the defaults to 3/4" for now. What is the real value?
-    var m = abctune.formatting.topmargin === undefined ? 54 : abctune.formatting.topmargin;
-    this.y+=m;
-    // TODO tune.formatting.botmargin
-//    m = abctune.formatting.leftmargin === undefined ? 54 : abctune.formatting.leftmargin;
-//    this.paddingleft = m;
-//      m = abctune.formatting.rightmargin === undefined ? 54 : abctune.formatting.rightmargin;
-//    this.paddingright = m;
-  }
-    else
-      this.y+=this.paddingtop;
-  if (abctune.formatting.staffwidth) {
-    this.width=abctune.formatting.staffwidth; 
-  } else {
-    this.width=this.staffwidth;
-  }
-  this.width+=this.paddingleft;
-  if (abctune.formatting.scale) { this.scale=abctune.formatting.scale; }
-	if (abctune.metaText.title)
-      this.renderText(this.width/2, this.y, abctune.metaText.title, 'titlefont', 'title meta-top');
-  this.y+=20*this.scale;
-  if (abctune.lines[0] && abctune.lines[0].subtitle) {
-    this.printSubtitleLine(abctune.lines[0]);
-    this.y+=20*this.scale;
-  }
-  if (abctune.metaText.rhythm) {
-    this.renderText(this.paddingleft, this.y, abctune.metaText.rhythm, 'infofont', 'meta-top', "start");
-    if (!abctune.metaText.author && !abctune.metaText.origin && !abctune.metaText.composer)
-		this.y+=15*this.scale;
-  }
-	var composerLine = "";
-	if (abctune.metaText.composer) composerLine += abctune.metaText.composer;
-	if (abctune.metaText.origin) composerLine += ' (' + abctune.metaText.origin + ')';
-  if (composerLine.length > 0) {
-      this.renderText(this.width, this.y, composerLine, 'composerfont', 'meta-top', "end");
-      this.y+=15;
-  }
-	if (abctune.metaText.author) {
-		this.renderText(this.width, this.y, abctune.metaText.author, 'composerfont', 'meta-top', "end");
-		this.y+=15;
-	}
-  if (abctune.metaText.tempo && !abctune.metaText.tempo.suppress) {
-	  this.y = this.printTempo(abctune.metaText.tempo, this.paper, this.layouter, this.y, this, 50, -1);
-	  this.y += 20*this.scale;
-  }
-  this.staffgroups = [];
-	var text2;
-  var maxwidth = this.width;
-  for(var line=0; line<abctune.lines.length; line++) {
-	  this.lineNumber = line;
-    var abcline = abctune.lines[line];
-    if (abcline.staff) {
-		staffgroup = this.printStaffLine(abctune, abcline, line);
-		if (staffgroup.w > maxwidth) maxwidth = staffgroup.w;
-    } else if (abcline.subtitle && line!==0) {
-      this.printSubtitleLine(abcline);
-      this.y+=20*this.scale; //hardcoded
-    } else if (abcline.text) {
-		if (typeof abcline.text === 'string')
-			text2 = this.renderText(this.paddingleft, this.y, abcline.text, "textfont", 'defined-text', "start");
-		else {
-			var str = "";
-			for (var i = 0; i < abcline.text.length; i++) {
-				str += " FONT " + abcline.text[i].text;
-			}
-			text2 = this.renderText(this.paddingleft, this.y, str, "textfont", 'defined-text', "start");
-		}
-		this.y += text2.getBBox().height + 10 * this.scale;
-	}
-  }
-	this.lineNumber = null;
-	this.measureNumber = null;
-	if (abctune.metaText.partOrder) {
-		text2 = this.renderText(this.paddingleft, this.y, "Part Order: " + abctune.metaText.partOrder, 'partsfont', 'meta-bottom');
-		this.y += text2.getBBox().height + 10 * this.scale;
-	}
-	var extraText = "";
-	if (abctune.metaText.unalignedWords) {
-		for (var j = 0; j < abctune.metaText.unalignedWords.length; j++) {
-			if (typeof abctune.metaText.unalignedWords[j] === 'string')
-				extraText += abctune.metaText.unalignedWords[j] + "\n";
-			else {
-				for (var k = 0; k < abctune.metaText.unalignedWords[j].length; k++) {
-					extraText += " FONT " + abctune.metaText.unalignedWords[j][k].text;
-				}
-				extraText += "\n";
-			}
-		}
-		text2 = this.renderText(this.paddingleft + 50, this.y, extraText, 'wordsfont', 'meta-bottom', "start");
-		this.y += text2.getBBox().height + 10 * this.scale;
-		extraText = "";
-	}
-	if (abctune.metaText.book) extraText += "Book: " + abctune.metaText.book + "\n";
-	if (abctune.metaText.source) extraText += "Source: " + abctune.metaText.source + "\n";
-	if (abctune.metaText.discography) extraText += "Discography: " + abctune.metaText.discography + "\n";
-  if (abctune.metaText.notes) extraText += "Notes: " + abctune.metaText.notes + "\n";
-  if (abctune.metaText.transcription) extraText += "Transcription: " + abctune.metaText.transcription + "\n";
-  if (abctune.metaText.history) extraText += "History: " + abctune.metaText.history + "\n";
-  if (abctune.metaText['abc-copyright']) extraText += "Copyright: " + abctune.metaText['abc-copyright'] + "\n";
-  if (abctune.metaText['abc-creator']) extraText += "Creator: " + abctune.metaText['abc-creator'] + "\n";
-  if (abctune.metaText['abc-edited-by']) extraText += "Edited By: " + abctune.metaText['abc-edited-by'] + "\n";
-	text2 = this.renderText(this.paddingleft, this.y, extraText, 'historyfont', 'meta-bottom', "start");
-	this.y += text2.getBBox().height + 10 * this.scale;
-  var sizetoset = {w: (maxwidth+this.paddingright)*this.scale,h: (this.y+this.paddingbottom)*this.scale};
-  this.paper.setSize(sizetoset.w,sizetoset.h);
-  // Correct for IE problem in calculating height
-  var isIE=/*@cc_on!@*/false;//IE detector
-  if (isIE) {
-    this.paper.canvas.parentNode.style.width=sizetoset.w+"px";
-    this.paper.canvas.parentNode.style.height=""+sizetoset.h+"px";
-  } else
-    this.paper.canvas.parentNode.setAttribute("style","width:"+sizetoset.w+"px");
-};
-
-ABCJS.write.Printer.prototype.printSubtitleLine = function(abcline) {
-	this.renderText(this.width/2, this.y, abcline.subtitle, "subtitlefont", 'text meta-top');
-};
-
-function centerWholeRests(voices) {
-	// whole rests are a special case: if they are by themselves in a measure, then they should be centered.
-	// (If they are not by themselves, that is probably a user error, but we'll just center it between the two items to either side of it.)
-	for (var i = 0; i < voices.length; i++) {
-		var voice = voices[i];
-		// Look through all of the elements except for the first and last. If the whole note appears there then there isn't anything to center it between anyway.
-		for (var j = 1; j < voice.children.length-1; j++) {
-			var absElem = voice.children[j];
-			if (absElem.abcelem.rest && absElem.abcelem.rest.type === 'whole') {
-				var before = voice.children[j-1];
-				var after = voice.children[j+1];
-				var midpoint = (after.x - before.x) / 2 + before.x;
-				absElem.x = midpoint - absElem.w / 2;
-
-			}
-		}
-	}
-}
-
-ABCJS.write.Printer.prototype.printStaffLine = function (abctune, abcline, line) {
-	var staffgroup = this.layouter.printABCLine(abcline.staff);
-	var newspace = this.space;
-	for (var it = 0; it < 3; it++) { // TODO shouldn't need this triple pass any more
-		staffgroup.layout(newspace, this, false);
-		if (line && line === abctune.lines.length - 1 && staffgroup.w / this.width < 0.66 && !abctune.formatting.stretchlast) break; // don't stretch last line too much unless it is 1st
-		var relspace = staffgroup.spacingunits * newspace;
-		var constspace = staffgroup.w - relspace;
-		if (staffgroup.spacingunits > 0) {
-			newspace = (this.width - constspace) / staffgroup.spacingunits;
-			if (newspace * staffgroup.minspace > 50) {
-				newspace = 50 / staffgroup.minspace;
-			}
-		}
-	}
-	centerWholeRests(staffgroup.voices);
-	staffgroup.draw(this, this.y);
-	this.staffgroups[this.staffgroups.length] = staffgroup;
-	this.y = staffgroup.y + staffgroup.height;
-	this.y += ABCJS.write.spacing.STAVEHEIGHT * 0.2;
-	return staffgroup;
-};