ginpei/potoshop

File PaintCanvas.tsx has 359 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { Color } from 'csstype';
import * as React from 'react';
import { AnimationFrameId, appSpace, between, emptyPos, IPos, IPosPair, Ratio } from '../../misc';
import MultiPointerHandler from '../../services/MultiPointerHandler';
import './PaintCanvas.css';

PaintCanvas has 34 functions (exceeds 20 allowed). Consider refactoring.

Open

class PaintCanvas extends React.Component<IPaintCanvasProps, IPaintCanvasState> {
  protected refCanvas = React.createRef<HTMLCanvasElement>();
  protected tmPressing: AnimationFrameId = 0;
  protected lastPos: IPos = emptyPos;
  protected lined = false;

Function constructor has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  constructor (props: IPaintCanvasProps) {
    super(props);
    this.state = {
      dScale: 1,
      dTranslation: emptyPos,

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const distance = Math.sqrt((p1.x - p2.x) ** 2 + (p1.y - p2.y) ** 2);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const center: IPos = {
      x: (p1.x + p2.x) / 2,
      y: (p1.y + p2.y) / 2,
    };

• Read up
  Read up