Class RectangleTool

packages/tilemap-editor/src/tools/RectangleTool.ts:7–100

import type { ITilemapTool, ToolContext } from './ITilemapTool';

export class RectangleTool implements ITilemapTool {
    readonly id = 'rectangle';
    readonly name = 'Rectangle';
    readonly icon = 'Square';
    readonly cursor = 'crosshair';

    private _isDrawing = false;
    private _startX = -1;
    private _startY = -1;
    private _currentX = -1;
    private _currentY = -1;

    onMouseDown(tileX: number, tileY: number, ctx: ToolContext): void {
        if (ctx.layerLocked && !ctx.editingCollision) return;
        this._isDrawing = true;
        this._startX = tileX;
        this._startY = tileY;
        this._currentX = tileX;
        this._currentY = tileY;
    }

    onMouseMove(tileX: number, tileY: number, _ctx: ToolContext): void {
        if (!this._isDrawing) return;
        this._currentX = tileX;
        this._currentY = tileY;
    }

    onMouseUp(tileX: number, tileY: number, ctx: ToolContext): void {
        if (!this._isDrawing) return;
        if (ctx.layerLocked && !ctx.editingCollision) {
            this.reset();
            return;
        }

        this._currentX = tileX;
        this._currentY = tileY;
        this.fillRectangle(ctx);
        this.reset();
    }

    getPreviewTiles(tileX: number, tileY: number, _ctx: ToolContext): { x: number; y: number }[] {
        if (!this._isDrawing) {
            return [{ x: tileX, y: tileY }];
        }

        const tiles: { x: number; y: number }[] = [];
        const minX = Math.min(this._startX, tileX);
        const maxX = Math.max(this._startX, tileX);
        const minY = Math.min(this._startY, tileY);
        const maxY = Math.max(this._startY, tileY);

        for (let y = minY; y <= maxY; y++) {
            for (let x = minX; x <= maxX; x++) {
                tiles.push({ x, y });
            }
        }

        return tiles;