From 6891f79753212fbde5d64072c9b11e49efcd86ee Mon Sep 17 00:00:00 2001
From: Nick Desaulniers <ndesaulniers@mozilla.com>
Date: Fri, 18 Sep 2015 10:16:34 -0700
Subject: [PATCH 1/3] mark all files as non executable

---
 Gruntfile.js | 0
 package.json | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 mode change 100755 => 100644 Gruntfile.js
 mode change 100755 => 100644 package.json

diff --git a/Gruntfile.js b/Gruntfile.js
old mode 100755
new mode 100644
diff --git a/package.json b/package.json
old mode 100755
new mode 100644

From c722fd35200c99d27a614a72a037aa7ba3639dcb Mon Sep 17 00:00:00 2001
From: Nick Desaulniers <ndesaulniers@mozilla.com>
Date: Fri, 18 Sep 2015 10:36:52 -0700
Subject: [PATCH 2/3] allow this to be used w/ Browserify

---
 CanvasTextWrapper.js     | 10 +++++++---
 CanvasTextWrapper.min.js |  2 +-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/CanvasTextWrapper.js b/CanvasTextWrapper.js
index f29b57b..34e72de 100644
--- a/CanvasTextWrapper.js
+++ b/CanvasTextWrapper.js
@@ -5,7 +5,7 @@
  *  Copyright (c) 2014 Vadim Namniak
  */
 
-(function() {
+(function(root) {
 	'use strict';
 
 	var EL_WIDTH,EL_HEIGHT,MAX_TXT_WIDTH,MAX_TXT_HEIGHT;
@@ -284,5 +284,9 @@
 		}
 	};
 
-	window.CanvasTextWrapper = CanvasTextWrapper;
-})();
\ No newline at end of file
+  if ('module' in root && 'exports' in module) {
+    module.exports = CanvasTextWrapper;
+  } else {
+    root.CanvasTextWrapper = CanvasTextWrapper;
+  }
+})(this);
diff --git a/CanvasTextWrapper.min.js b/CanvasTextWrapper.min.js
index 2fd78d4..2ee425e 100644
--- a/CanvasTextWrapper.min.js
+++ b/CanvasTextWrapper.min.js
@@ -4,4 +4,4 @@
  *  MIT License (http://www.opensource.org/licenses/mit-license.html)
  *  Copyright (c) 2014 Vadim Namniak
  */
-!function(){"use strict";var a,b,c,d,e={font:"18px Arial, sans-serif",sizeToFill:!1,lineHeight:1,allowNewLine:!0,lineBreak:"auto",textAlign:"left",verticalAlign:"top",justifyLines:!1,paddingX:0,paddingY:0,fitParent:!1,strokeText:!1},f=function(g,h,i){if(!(this instanceof f))return new f(g,h,i);this.canvas=g,this.text=h,this.context=this.canvas.getContext("2d"),this.context.font=this.font,this.context.textBaseline="bottom";for(var j in e)e.hasOwnProperty(j)&&(this[j]=i&&i[j]?i[j]:e[j]);a=this.fitParent===!1?this.canvas.width:this.canvas.parentNode.clientWidth,b=this.fitParent===!1?this.canvas.height:this.canvas.parentNode.clientHeight,c=a-2*this.paddingX,d=b-2*this.paddingY,this._init()};f.prototype={_init:function(){this.fontSize=this.font.match(/\d+(px|em|\%)/g)?+this.font.match(/\d+(px|em|\%)/g)[0].match(/\d+/g):18,this.textBlockHeight=0,this.lines=[],this.newLineIndexes=[],this.textPos={x:0,y:0},this._setFont(this.fontSize),this._setLineHeight(),this._validate(),this._render()},_render:function(){if(this.sizeToFill){var a=this.text.trim().split(/\s+/).length,b=0;do this._setFont(++b),this.lineHeight=this.fontSize,this._wrap();while(this.textBlockHeight<d&&this.lines.join(" ").split(/\s+/).length==a);this._setFont(--b),this.lineHeight=this.fontSize}else this._wrap();this.justifyLines&&"auto"===this.lineBreak&&this._justify(),this._setAlignY(),this._drawText()},_setFont:function(a){var b=this.sizeToFill?this.context.font.split(/\b\d+px\b/i):this.font.split(/\b\d+px\b/i);this.context.font=b[0]+a+"px"+b[1],this.fontSize=a},_setLineHeight:function(){isNaN(this.lineHeight)?-1!==this.lineHeight.toString().indexOf("px")?this.lineHeight=parseInt(this.lineHeight):-1!==this.lineHeight.toString().indexOf("%")&&(this.lineHeight=parseInt(this.lineHeight)/100*this.fontSize):this.lineHeight=this.fontSize*this.lineHeight},_wrap:function(){if(this.allowNewLine)for(var a=this.text.trim().split("\n"),b=0,c=0;b<a.length-1;b++)c+=a[b].trim().split(/\s+/).length,this.newLineIndexes.push(c);var d=this.text.trim().split(/\s+/);this._checkLength(d),this._breakText(d),this.textBlockHeight=this.lines.length*this.lineHeight},_checkLength:function(a){for(var b,d,e,f,g=0;g<a.length;g++)if(b="",d=this.context.measureText(a[g]).width,d>c){for(var h=0;this.context.measureText(b+a[g][h]).width<=c&&h<a[g].length;h++)b+=a[g][h];e=a[g].slice(0,h),f=a[g].slice(h),a.splice(g,1,e,f)}},_breakText:function(a){for(var b=0,d=0;b<a.length;d++)if(this.lines[d]="","auto"===this.lineBreak){for(;this.context.measureText(this.lines[d]+a[b]).width<=c&&b<a.length;)if(this.lines[d]+=a[b]+" ",b++,this.allowNewLine)for(var e=0;e<this.newLineIndexes.length;e++)if(this.newLineIndexes[e]===b){d++,this.lines[d]="";break}this.lines[d]=this.lines[d].trim()}else this.lines[d]=a[b],b++},_justify:function(){for(var a,b,c,d=0;d<this.lines.length;d++)c=this.context.measureText(this.lines[d]).width,(!a||c>a)&&(a=c,b=d);var e,f,g,h,i,j=" ";for(d=0;d<this.lines.length;d++)if(d!==b&&(e=this.lines[d].trim().split(/\s+/).length,!(1>=e))){this.lines[d]=this.lines[d].trim().split(/\s+/).join(j),f=this.context.measureText(j).width,g=(a-this.context.measureText(this.lines[d]).width)/f,h=g/(e-1),i="";for(var k=0;h>k;k++)i+=j;this.lines[d]=this.lines[d].trim().split(j).join(i)}},_drawText:function(){for(var a=0;a<this.lines.length;a++)this._setAlignX(this.lines[a]),this.textPos.y=parseInt(this.textPos.y)+this.lineHeight,this.context.fillText(this.lines[a],this.textPos.x,this.textPos.y),this.strokeText&&this.context.strokeText(this.lines[a],this.textPos.x,this.textPos.y)},_setAlignX:function(b){"center"==this.textAlign?this.textPos.x=(a-this.context.measureText(b).width)/2:"right"==this.textAlign?this.textPos.x=a-this.context.measureText(b).width-this.paddingX:this.textPos.x=this.paddingX},_setAlignY:function(){"middle"==this.verticalAlign?this.textPos.y=(b-this.textBlockHeight)/2:"bottom"==this.verticalAlign?this.textPos.y=b-this.textBlockHeight-this.paddingY:this.textPos.y=this.paddingY},_validate:function(){if(!(this.canvas instanceof HTMLCanvasElement))throw new TypeError("The first parameter must be an instance of HTMLCanvasElement.");if("string"!=typeof this.text)throw new TypeError("The second parameter must be a string.");if(isNaN(this.fontSize))throw new TypeError('Cannot parse "font".');if(isNaN(this.lineHeight))throw new TypeError('Cannot parse "lineHeight".');if("left"!==this.textAlign.toLocaleLowerCase()&&"center"!==this.textAlign.toLocaleLowerCase()&&"right"!==this.textAlign.toLocaleLowerCase())throw new TypeError('Property "textAlign" must be set to either "left", "center", or "right".');if("top"!==this.verticalAlign.toLocaleLowerCase()&&"middle"!==this.verticalAlign.toLocaleLowerCase()&&"bottom"!==this.verticalAlign.toLocaleLowerCase())throw new TypeError('Property "verticalAlign" must be set to either "top", "middle", or "bottom".');if("boolean"!=typeof this.justifyLines)throw new TypeError('Property "justifyLines" must be set to a Boolean.');if(isNaN(this.paddingX))throw new TypeError('Property "paddingX" must be set to a Number.');if(isNaN(this.paddingY))throw new TypeError('Property "paddingY" must be set to a Number.');if("boolean"!=typeof this.fitParent)throw new TypeError('Property "fitParent" must be set to a Boolean.');if("auto"!==this.lineBreak.toLocaleLowerCase()&&"word"!==this.lineBreak.toLocaleLowerCase())throw new TypeError('Property "lineBreak" must be set to either "auto" or "word".');if("boolean"!=typeof this.sizeToFill)throw new TypeError('Property "sizeToFill" must be set to a Boolean.');if("boolean"!=typeof this.strokeText)throw new TypeError('Property "strokeText" must be set to a Boolean.')}},window.CanvasTextWrapper=f}();
\ No newline at end of file
+!function(a){"use strict";var b,c,d,e,f={font:"18px Arial, sans-serif",sizeToFill:!1,lineHeight:1,allowNewLine:!0,lineBreak:"auto",textAlign:"left",verticalAlign:"top",justifyLines:!1,paddingX:0,paddingY:0,fitParent:!1,strokeText:!1},g=function(a,h,i){if(!(this instanceof g))return new g(a,h,i);this.canvas=a,this.text=h,this.context=this.canvas.getContext("2d"),this.context.font=this.font,this.context.textBaseline="bottom";for(var j in f)f.hasOwnProperty(j)&&(this[j]=i&&i[j]?i[j]:f[j]);b=this.fitParent===!1?this.canvas.width:this.canvas.parentNode.clientWidth,c=this.fitParent===!1?this.canvas.height:this.canvas.parentNode.clientHeight,d=b-2*this.paddingX,e=c-2*this.paddingY,this._init()};g.prototype={_init:function(){this.fontSize=this.font.match(/\d+(px|em|\%)/g)?+this.font.match(/\d+(px|em|\%)/g)[0].match(/\d+/g):18,this.textBlockHeight=0,this.lines=[],this.newLineIndexes=[],this.textPos={x:0,y:0},this._setFont(this.fontSize),this._setLineHeight(),this._validate(),this._render()},_render:function(){if(this.sizeToFill){var a=this.text.trim().split(/\s+/).length,b=0;do this._setFont(++b),this.lineHeight=this.fontSize,this._wrap();while(this.textBlockHeight<e&&this.lines.join(" ").split(/\s+/).length==a);this._setFont(--b),this.lineHeight=this.fontSize}else this._wrap();this.justifyLines&&"auto"===this.lineBreak&&this._justify(),this._setAlignY(),this._drawText()},_setFont:function(a){var b=this.sizeToFill?this.context.font.split(/\b\d+px\b/i):this.font.split(/\b\d+px\b/i);this.context.font=b[0]+a+"px"+b[1],this.fontSize=a},_setLineHeight:function(){isNaN(this.lineHeight)?-1!==this.lineHeight.toString().indexOf("px")?this.lineHeight=parseInt(this.lineHeight):-1!==this.lineHeight.toString().indexOf("%")&&(this.lineHeight=parseInt(this.lineHeight)/100*this.fontSize):this.lineHeight=this.fontSize*this.lineHeight},_wrap:function(){if(this.allowNewLine)for(var a=this.text.trim().split("\n"),b=0,c=0;b<a.length-1;b++)c+=a[b].trim().split(/\s+/).length,this.newLineIndexes.push(c);var d=this.text.trim().split(/\s+/);this._checkLength(d),this._breakText(d),this.textBlockHeight=this.lines.length*this.lineHeight},_checkLength:function(a){for(var b,c,e,f,g=0;g<a.length;g++)if(b="",c=this.context.measureText(a[g]).width,c>d){for(var h=0;this.context.measureText(b+a[g][h]).width<=d&&h<a[g].length;h++)b+=a[g][h];e=a[g].slice(0,h),f=a[g].slice(h),a.splice(g,1,e,f)}},_breakText:function(a){for(var b=0,c=0;b<a.length;c++)if(this.lines[c]="","auto"===this.lineBreak){for(;this.context.measureText(this.lines[c]+a[b]).width<=d&&b<a.length;)if(this.lines[c]+=a[b]+" ",b++,this.allowNewLine)for(var e=0;e<this.newLineIndexes.length;e++)if(this.newLineIndexes[e]===b){c++,this.lines[c]="";break}this.lines[c]=this.lines[c].trim()}else this.lines[c]=a[b],b++},_justify:function(){for(var a,b,c,d=0;d<this.lines.length;d++)c=this.context.measureText(this.lines[d]).width,(!a||c>a)&&(a=c,b=d);var e,f,g,h,i,j=" ";for(d=0;d<this.lines.length;d++)if(d!==b&&(e=this.lines[d].trim().split(/\s+/).length,!(1>=e))){this.lines[d]=this.lines[d].trim().split(/\s+/).join(j),f=this.context.measureText(j).width,g=(a-this.context.measureText(this.lines[d]).width)/f,h=g/(e-1),i="";for(var k=0;h>k;k++)i+=j;this.lines[d]=this.lines[d].trim().split(j).join(i)}},_drawText:function(){for(var a=0;a<this.lines.length;a++)this._setAlignX(this.lines[a]),this.textPos.y=parseInt(this.textPos.y)+this.lineHeight,this.context.fillText(this.lines[a],this.textPos.x,this.textPos.y),this.strokeText&&this.context.strokeText(this.lines[a],this.textPos.x,this.textPos.y)},_setAlignX:function(a){"center"==this.textAlign?this.textPos.x=(b-this.context.measureText(a).width)/2:"right"==this.textAlign?this.textPos.x=b-this.context.measureText(a).width-this.paddingX:this.textPos.x=this.paddingX},_setAlignY:function(){"middle"==this.verticalAlign?this.textPos.y=(c-this.textBlockHeight)/2:"bottom"==this.verticalAlign?this.textPos.y=c-this.textBlockHeight-this.paddingY:this.textPos.y=this.paddingY},_validate:function(){if(!(this.canvas instanceof HTMLCanvasElement))throw new TypeError("The first parameter must be an instance of HTMLCanvasElement.");if("string"!=typeof this.text)throw new TypeError("The second parameter must be a string.");if(isNaN(this.fontSize))throw new TypeError('Cannot parse "font".');if(isNaN(this.lineHeight))throw new TypeError('Cannot parse "lineHeight".');if("left"!==this.textAlign.toLocaleLowerCase()&&"center"!==this.textAlign.toLocaleLowerCase()&&"right"!==this.textAlign.toLocaleLowerCase())throw new TypeError('Property "textAlign" must be set to either "left", "center", or "right".');if("top"!==this.verticalAlign.toLocaleLowerCase()&&"middle"!==this.verticalAlign.toLocaleLowerCase()&&"bottom"!==this.verticalAlign.toLocaleLowerCase())throw new TypeError('Property "verticalAlign" must be set to either "top", "middle", or "bottom".');if("boolean"!=typeof this.justifyLines)throw new TypeError('Property "justifyLines" must be set to a Boolean.');if(isNaN(this.paddingX))throw new TypeError('Property "paddingX" must be set to a Number.');if(isNaN(this.paddingY))throw new TypeError('Property "paddingY" must be set to a Number.');if("boolean"!=typeof this.fitParent)throw new TypeError('Property "fitParent" must be set to a Boolean.');if("auto"!==this.lineBreak.toLocaleLowerCase()&&"word"!==this.lineBreak.toLocaleLowerCase())throw new TypeError('Property "lineBreak" must be set to either "auto" or "word".');if("boolean"!=typeof this.sizeToFill)throw new TypeError('Property "sizeToFill" must be set to a Boolean.');if("boolean"!=typeof this.strokeText)throw new TypeError('Property "strokeText" must be set to a Boolean.')}},"module"in a&&"exports"in module?module.exports=g:a.CanvasTextWrapper=g}(this);
\ No newline at end of file

From ca5a835bec927c0f50702caceb5fb60e991825cc Mon Sep 17 00:00:00 2001
From: Nick Desaulniers <ndesaulniers@mozilla.com>
Date: Fri, 18 Sep 2015 10:37:09 -0700
Subject: [PATCH 3/3] add a simple example, also for testing purposes Fixes #8

---
 example.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 example.html

diff --git a/example.html b/example.html
new file mode 100644
index 0000000..1401c8c
--- /dev/null
+++ b/example.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <script src="CanvasTextWrapper.js"></script>
+    <script >
+      var ctx = document.createElement('canvas').getContext('2d');
+      ctx.canvas.width = ctx.canvas.height = 200;
+      CanvasTextWrapper(ctx.canvas, "hello world how long can this be????");
+      document.addEventListener('DOMContentLoaded', function () {
+        document.body.appendChild(ctx.canvas);
+      });
+    </script>
+  </head>
+  <body>
+  </body>
+</html>
+