Finished commenting the editor

Also cleaned a few things, removed some unused variables

js/_rectSelect.js

@@ -4,6 +4,10 @@ let startY;
 let endX;
 let endY;
 
+/** Starts the selection: saves the canvas, sets the start coordinates
+ * 
+ * @param {*} mouseEvent 
+ */
 function startRectSelection(mouseEvent) {
     // Saving the canvas
     new HistoryStateEditCanvas();
@@ -35,6 +39,10 @@ function startRectSelection(mouseEvent) {
     selectionCanceled = false;
 }
 
+/** Updates the selection
+ * 
+ * @param {*} mouseEvent 
+ */
 function updateRectSelection(mouseEvent) {
 	let pos = getCursorPosition(mouseEvent);
 
@@ -42,6 +50,10 @@ function updateRectSelection(mouseEvent) {
 	drawRect(Math.round(pos[0] / zoom) + 0.5, Math.round(pos[1] / zoom) + 0.5);
 }
 
+/** Ends the selection: sets the end coordiantes
+ * 
+ * @param {*} mouseEvent 
+ */
 function endRectSelection(mouseEvent) {
 	// Getting the end position
 	let currentPos = getCursorPosition(mouseEvent);
@@ -72,6 +84,10 @@ function endRectSelection(mouseEvent) {
 	currentTool.updateCursor();
 }
 
+/** Cuts the selection from its canvas and puts it in the tmp layer so it can be moved
+ * 
+ * @param {*} mousePosition 
+ */
 function cutSelection(mousePosition) {
 	// Getting the selected pixels
 	imageDataToMove = currentLayer.context.getImageData(startX, startY, endX - startX + 1, endY - startY + 1);
@@ -79,10 +95,13 @@ function cutSelection(mousePosition) {
 	currentLayer.context.clearRect(startX - 0.5, startY - 0.5, endX - startX + 1, endY - startY + 1);
 	// Moving those pixels from the current layer to the tmp layer
 	TMPLayer.context.putImageData(imageDataToMove, startX + 1, startY);
-
-    //originalDataPosition = [currentPos[0], currentPos[1]];
 }
 
+/** Draws a dashed rectangle representing the selection
+ * 
+ * @param {*} x Current end x coordinate of the selection
+ * @param {*} y Current end y coordinate of the selection
+ */
 function drawRect(x, y) {
     // Getting the vfx context
     let vfxContext = VFXCanvas.getContext('2d');
@@ -106,10 +125,13 @@ function applyChanges() {
 
 // Checks whether the pointer is inside the selected area or not
 function cursorInSelectedArea() {
+    // Getting the cursor position
     let cursorPos = getCursorPosition(currentMouseEvent);
+    // Getting the coordinates relatively to the canvas
     let x = cursorPos[0] / zoom;
     let y = cursorPos[1] / zoom;
 
+    // This is to avoid rightX or topY being less than leftX or bottomY
     let leftX = Math.min(startX, endX);
     let rightX = Math.max(startX, endX);
     let topY = Math.max(startY, endY);
@@ -126,6 +148,13 @@ function cursorInSelectedArea() {
     return false;
 }
 
+/** Moves the rect ants to the specified position 
+ * 
+ * @param {*} x X coordinate of the rect ants
+ * @param {*} y Y coordinat of the rect ants
+ * @param {*} width Width of the selection
+ * @param {*} height Height of the selectin
+ */
 function moveSelection(x, y, width, height) {
     // Getting the vfx context
     let vfxContext = VFXCanvas.getContext('2d');
@@ -135,6 +164,7 @@ function moveSelection(x, y, width, height) {
     vfxContext.lineWidth = 1;
     vfxContext.setLineDash([4]);
 
+    // Fixing the coordinates
     startX = Math.round(Math.round(x) - 0.5 - Math.round(width / 2)) + 0.5;
     startY = Math.round(Math.round(y) - 0.5 - Math.round(height / 2)) + 0.5;
     endX = startX + Math.round(width);