Dev environment : closure compiler + jshint update

Fixed error raised by closure compiler
Added es3 option to jshint (detect trailing commas)
Added curly option to jshint (missing curly braces for if/for blocks)
Removed trailing whitespaces (not enforced through jshint though)

js/controller/DrawingController.js

@@ -5,7 +5,7 @@
      * @public
      */
     this.piskelController = piskelController;
-    
+
     /**
      * @public
      */
@@ -21,12 +21,12 @@
       "dpi": this.calculateDPI_(),
       "supportGridRendering" : true
     };
-    
+
     this.overlayRenderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "canvas-overlay");
     this.renderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "drawing-canvas");
     this.layersDownRenderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "layers-canvas layers-down-canvas");
     this.layersUpRenderer = new pskl.rendering.FrameRenderer(this.container, renderingOptions, "layers-canvas layers-up-canvas");
-    
+
 
     // State of drawing controller:
     this.isClicked = false;
@@ -39,7 +39,7 @@
 
   ns.DrawingController.prototype.init = function () {
     // this.render();
-    
+
     this.initMouseBehavior();
 
     $.subscribe(Events.TOOL_SELECTED, $.proxy(function(evt, toolBehavior) {
@@ -76,7 +76,7 @@
     this.container.mousedown($.proxy(this.onMousedown_, this));
     this.container.mousemove($.proxy(this.onMousemove_, this));
     body.mouseup($.proxy(this.onMouseup_, this));
-    
+
     // Deactivate right click:
     body.contextmenu(this.onCanvasContextMenu_);
   };
@@ -104,22 +104,22 @@
    */
   ns.DrawingController.prototype.onMousedown_ = function (event) {
     this.isClicked = true;
-    
+
     if(event.button == 2) { // right click
       this.isRightClicked = true;
       $.publish(Events.CANVAS_RIGHT_CLICKED);
     }
 
     var coords = this.getSpriteCoordinates(event);
-    
+
     this.currentToolBehavior.applyToolAt(
       coords.col, coords.row,
       this.getCurrentColor_(),
       this.piskelController.getCurrentFrame(),
       this.overlayFrame,
       this.wrapEvtInfo_(event)
-    );      
-      
+    );
+
     $.publish(Events.LOCALSTORAGE_REQUEST);
   };
 
@@ -132,7 +132,7 @@
     if ((currentTime - this.previousMousemoveTime) > 40 ) {
       var coords = this.getSpriteCoordinates(event);
       if (this.isClicked) {
-     
+
         this.currentToolBehavior.moveToolAt(
           coords.col, coords.row,
           this.getCurrentColor_(),
@@ -140,7 +140,7 @@
           this.overlayFrame,
           this.wrapEvtInfo_(event)
         );
-    
+
         // TODO(vincz): Find a way to move that to the model instead of being at the interaction level.
         // Eg when drawing, it may make sense to have it here. However for a non drawing tool,
         // you don't need to draw anything when mousemoving and you request useless localStorage.
@@ -197,7 +197,7 @@
       evtInfo.button = Constants.RIGHT_BUTTON;
     }
     return evtInfo;
-  }; 
+  };
 
   /**
    * @private
@@ -239,7 +239,7 @@
       event.stopPropagation();
       event.cancelBubble = true;
       return false;
-    }   
+    }
   };
 
   ns.DrawingController.prototype.render = function () {
@@ -277,7 +277,7 @@
     if (this.serializedLayerFrame != serialized) {
       this.layersUpRenderer.clear();
       this.layersDownRenderer.clear();
-      
+
       var downLayers = layers.slice(0, currentLayerIndex);
       var downFrame = this.getFrameForLayersAt_(currentFrameIndex, downLayers);
       this.layersDownRenderer.render(downFrame);
@@ -336,13 +336,13 @@
     this.layersUpRenderer.updateDPI(dpi);
     this.layersDownRenderer.updateDPI(dpi);
     this.serializedLayerFrame ="";
-    
+
     var currentFrameHeight =  this.piskelController.getCurrentFrame().getHeight();
     var canvasHeight = currentFrameHeight * dpi;
     if (pskl.UserSettings.get(pskl.UserSettings.SHOW_GRID)) {
       canvasHeight += Constants.GRID_STROKE_WIDTH * currentFrameHeight;
     }
-    
+
     var verticalGapInPixel = Math.floor(($('#main-wrapper').height() - canvasHeight) / 2);
     $('#column-wrapper').css({
       'top': verticalGapInPixel + 'px',

js/controller/PiskelController.js

@@ -49,7 +49,7 @@
   };
 
   // backward from framesheet
-  ns.PiskelController.prototype.getFrameByIndex = 
+  ns.PiskelController.prototype.getFrameByIndex =
     ns.PiskelController.prototype.getMergedFrameAt;
 
   ns.PiskelController.prototype.addEmptyFrame = function () {

js/controller/PreviewFilmController.js

@@ -63,7 +63,7 @@
   };
 
   ns.PreviewFilmController.prototype.createPreviews_ = function () {
-    
+
     this.container.html("");
     // Manually remove tooltips since mouseout events were shortcut by the DOM refresh:
     $(".tooltip").remove();
@@ -94,7 +94,7 @@
    * @private
    */
   ns.PreviewFilmController.prototype.initDragndropBehavior_ = function () {
-    
+
     $("#preview-list").sortable({
       placeholder: "preview-tile-drop-proxy",
       update: $.proxy(this.onUpdate_, this),
@@ -124,7 +124,7 @@
    */
   ns.PreviewFilmController.prototype.createPreviewTile_ = function(tileNumber) {
     var currentFrame = this.piskelController.getCurrentLayer().getFrameAt(tileNumber);
-    
+
     var previewTileRoot = document.createElement("li");
     var classname = "preview-tile";
     previewTileRoot.setAttribute("data-tile-number", tileNumber);
@@ -136,11 +136,11 @@
 
     var canvasContainer = document.createElement("div");
     canvasContainer.className = "canvas-container";
-    
+
     var canvasBackground = document.createElement("div");
     canvasBackground.className = "canvas-background";
     canvasContainer.appendChild(canvasBackground);
-    
+
     previewTileRoot.addEventListener('click', this.onPreviewClick_.bind(this, tileNumber));
 
     var cloneFrameButton = document.createElement("button");
@@ -156,7 +156,7 @@
     var renderingOptions = {"dpi": this.dpi };
     var currentFrameRenderer = new pskl.rendering.FrameRenderer($(canvasContainer), renderingOptions, "tile-view");
     currentFrameRenderer.render(currentFrame);
-    
+
     previewTileRoot.appendChild(canvasContainer);
 
     if(tileNumber > 0 || this.piskelController.getFrameCount() > 1) {
@@ -178,7 +178,7 @@
     tileCount.className = "tile-overlay tile-count";
     tileCount.innerHTML = tileNumber;
     previewTileRoot.appendChild(tileCount);
-    
+
 
     return previewTileRoot;
   };
@@ -187,7 +187,7 @@
     // has not class tile-action:
     if(!evt.target.classList.contains('tile-overlay')) {
       this.piskelController.setCurrentFrameIndex(index);
-    }    
+    }
   };
 
   ns.PreviewFilmController.prototype.onDeleteButtonClick_ = function (index, evt) {

js/controller/settings/GifExportController.js

@@ -10,7 +10,7 @@
     this.previewContainerEl = document.querySelectorAll(".export-gif-preview div")[0];
     this.radioGroupEl = document.querySelectorAll(".gif-export-radio-group")[0];
 
-    this.uploadFormJQ = $("[name=gif-export-upload-form]");    
+    this.uploadFormJQ = $("[name=gif-export-upload-form]");
     this.uploadFormJQ.submit(this.upload.bind(this));
 
     this.initRadioElements_();
@@ -53,7 +53,7 @@
       [1],
       [5],
       [10,true], //default
-      [20],
+      [20]
     ];
 
     for (var i = 0 ; i < dpis.length ; i++) {
@@ -68,7 +68,7 @@
     var value = dpi[0];
     var radioHTML = pskl.utils.Template.replace(this.radioTemplate_, {value : value, label : label});
     var radio = pskl.utils.Template.createFromHTML(radioHTML);
-    
+
     if (dpi[1]) {
       radio.getElementsByTagName("input")[0].setAttribute("checked", "checked");
     }