Function handlePointerMove

hooks/DrawRectangleTool.ts:62–79

(e: KonvaEventObject<MouseEvent | TouchEvent>)

  };

  const handlePointerMove = (e: KonvaEventObject<MouseEvent | TouchEvent>) => {
    if (!isDrawing.current || tool !== "rectangle") return;

    const stage = e.target.getStage();
    const pos = stage ? getPointerPositionRelativeToStage(stage) : null;
    if (!pos) return;

    const current = currentDraw.current;
    if (!current) return;

    const { startX, startY, id } = current;
    const x = Math.min(startX, pos.x);
    const y = Math.min(startY, pos.y);
    const width = Math.max(Math.abs(pos.x - startX), 1);
    const height = Math.max(Math.abs(pos.y - startY), 1);

    updateRectangleInStore(id, { x, y, width, height });
  };

  const handlePointerUp = () => {
    isDrawing.current = false;