pixel-editor/js/tools/MoveSelectionTool.js

class MoveSelectionTool extends DrawingTool {
    currSelection = undefined;
    selectionTool = undefined;
    endTool = undefined;
    switchFunc = undefined;
    lastCopiedSelection = undefined;
    cutting = false;

    constructor (name, options, switchFunc, endTool) {
        super(name, options, switchFunc);

        this.switchFunc = switchFunc;
        this.endTool = endTool;

        Events.onCustom("esc-pressed", this.endSelection.bind(this));

        Events.onCustom("ctrl+c", this.copySelection.bind(this), true);
        Events.onCustom("ctrl+x", this.cutSelection.bind(this), true);
        Events.onCustom("ctrl+v", this.pasteSelection.bind(this));
    }

    copySelection(event) {
        this.lastCopiedSelection = this.currSelection;
        this.cutting = false;

        if (event)
            this.switchFunc(this.selectionTool);
    }

    cutSelection(event) {
        if (currFile.currentLayer.isLocked)
            return;
        this.cutting = true;
        this.lastCopiedSelection = this.currSelection;
        this.endSelection();
        this.currSelection = this.lastCopiedSelection;
        // Cut the data
        this.selectionTool.cutSelection();

        if (event)
            this.switchFunc(this.selectionTool);
        
        new HistoryState().EditCanvas();
    }

    pasteSelection() {
        if (currFile.currentLayer.isLocked)
            return;
        if (this.lastCopiedSelection === undefined)
            return;
        if (!(this.currMousePos[0]/currFile.zoom >= 0 && this.currMousePos[1]/currFile.zoom >= 0 && 
            this.currMousePos[0]/currFile.zoom < currFile.canvasSize[0] && this.currMousePos[1]/currFile.zoom < currFile.canvasSize[1]))
            this.currMousePos = [currFile.canvasSize[0]*currFile.zoom / 2, currFile.canvasSize[1]*currFile.zoom /2];
        
        // Finish the current selection and start a new one with the same data
        if (!this.cutting) {
            this.endSelection();
        }
        this.cutting = false;

        this.switchFunc(this);
        this.currSelection = this.lastCopiedSelection;
        this.selectionTool.drawSelectedArea();

        // Putting the vfx layer on top of everything
        currFile.VFXLayer.canvas.style.zIndex = MAX_Z_INDEX;
        this.onDrag(this.currMousePos);

        new HistoryState().EditCanvas();
    }

    onStart(mousePos, mouseTarget) {
        super.onStart(mousePos, mouseTarget);
    }

    onDrag(mousePos) {
        super.onDrag(mousePos);
        
        if (!this.selectionTool.cursorInSelectedArea(mousePos))
            return;

        this.selectionTool.moveOffset = 
            [Math.floor(mousePos[0] / currFile.zoom - currFile.canvasSize[0] / 2  - (this.selectionTool.boundingBoxCenter[0] - currFile.canvasSize[0]/2)), 
            Math.floor(mousePos[1] / currFile.zoom - currFile.canvasSize[1] / 2- (this.selectionTool.boundingBoxCenter[1] - currFile.canvasSize[1]/2))];
        // clear the entire tmp layer
        currFile.TMPLayer.context.clearRect(0, 0, currFile.TMPLayer.canvas.width, currFile.TMPLayer.canvas.height);        
        // put the image data on the tmp layer with offset
        currFile.TMPLayer.context.putImageData(this.currSelection, 
            this.selectionTool.moveOffset[0], this.selectionTool.moveOffset[1]);
        
        // Draw the selection area and outline
        this.selectionTool.drawOutline();
        this.selectionTool.drawSelectedArea();
        this.selectionTool.drawBoundingBox();
    }

    onEnd(mousePos, mouseTarget) {
        super.onEnd(mousePos, mouseTarget);

        if (!this.selectionTool.cursorInSelectedArea(mousePos) && 
            !Util.isChildOfByClass(mouseTarget, "editor-top-menu") && 
            Util.cursorInCanvas(currFile.canvasSize, [mousePos[0]/currFile.zoom, mousePos[1]/currFile.zoom])) {
            this.endSelection();
            // Switch to selection tool
            this.switchFunc(this.selectionTool);
        }
    }

    onSelect() {
        super.onSelect();
    }

    onDeselect() {
        super.onDeselect();
        this.endSelection();
    }

    setSelectionData(data, tool) {
        this.currSelection = data;
        this.selectionTool = tool;
        this.firstTimeMove = true;
    }

    onHover(mousePos) {
        super.onHover(mousePos);

        if (this.selectionTool.cursorInSelectedArea(mousePos)) {
            currFile.canvasView.style.cursor = 'move';
        }
        else {
            currFile.canvasView.style.cursor = 'default';
        }
    }

    endSelection(event) {
        if (this.currSelection == undefined)
            return;
        this.currSelection = undefined;
        this.selectionTool.pasteSelection();

        if (event)
            this.switchFunc(this.selectionTool);
    }
}