Function set has a Cognitive Complexity of 28 (exceeds 5 allowed). Consider refactoring.

Open

    set (...colorDefinition) {
        if (colorDefinition.length > 0 && colorDefinition.length < 3) {
            const param = colorDefinition[0];
            if (param instanceof Color) {
                this.red = param.red;

• Read up
  Read up

Function listenForEvents has 84 lines of code (exceeds 25 allowed). Consider refactoring.

Open

Scene.prototype[listenForEventsKey] = function listenForEvents (container) {
    if (this.isReady) {
        throw new EvalError("Can't rebind event a second time.");
    }

Function draggable has 83 lines of code (exceeds 25 allowed). Consider refactoring.

Open

Component.prototype.draggable = function draggable (options) {
    if (this.isRotatable) {
        throw new Error("Component can't be both rotatable and draggable.");
    }

Function draggable has a Cognitive Complexity of 22 (exceeds 5 allowed). Consider refactoring.

Open

Component.prototype.draggable = function draggable (options) {
    if (this.isRotatable) {
        throw new Error("Component can't be both rotatable and draggable.");
    }

• Read up
  Read up

Container has 25 functions (exceeds 20 allowed). Consider refactoring.

Open

export default class Container extends EventEmitter {
    /**
     * Container constructor
     * @param {PositionDefinition} [positionDefinition] - Position in its container
     * @param {ContainerOptions} [options] - Specific options

Function listenForEvents has a Cognitive Complexity of 19 (exceeds 5 allowed). Consider refactoring.

Open

Scene.prototype[listenForEventsKey] = function listenForEvents (container) {
    if (this.isReady) {
        throw new EvalError("Can't rebind event a second time.");
    }

• Read up
  Read up

Function rotatable has 63 lines of code (exceeds 25 allowed). Consider refactoring.

Open

Component.prototype.rotatable = function rotatable () {
    if (this.isDraggable) {
        throw new Error("Component can't be both draggable and rotatable.");
    }

Position has 23 functions (exceeds 20 allowed). Consider refactoring.

Open

export default class Position {
    /**
     * Position constructor
     * @param {Number} x - Vertical component
     * @param {Number} y - Horizontal component

File container.test.js has 268 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import test from "ava";
import Rectangle from "../rectangle";
import Container from ".";

test.beforeEach((t) => {

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

Open

    constructor (positionDefinition, optionsList, options) {
        if (!optionsList.length) {
            throw new RangeError("Options list should have at least one item.");
        }
        super(positionDefinition, Rectangle, options);

File container.js has 258 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import EventEmitter from "@pencil.js/event-emitter";
import BaseEvent from "@pencil.js/base-event";
import Position from "@pencil.js/position";
import { radianCircle } from "@pencil.js/math";

Function rotatable has a Cognitive Complexity of 15 (exceeds 5 allowed). Consider refactoring.

Open

Component.prototype.rotatable = function rotatable () {
    if (this.isDraggable) {
        throw new Error("Component can't be both draggable and rotatable.");
    }

• Read up
  Read up

Function set has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    set (...colorDefinition) {
        if (colorDefinition.length > 0 && colorDefinition.length < 3) {
            const param = colorDefinition[0];
            if (param instanceof Color) {
                this.red = param.red;

Function cursors has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    static get cursors () {
        const cursors = {
            default: "default",
            none: "none",
            contextMenu: "context-menu",

Function resizable has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

Rectangle.prototype.resizable = function resizable (options) {
    if (this.options.rotation % 1 !== 0) {
        throw new EvalError("Resizable don't support rotation.");
    }

Function makePath has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    makePath (ctx) {
        const { options } = this;
        if (this.text.length && (this.willFill || this.willStroke)) {
            const origin = this.getOrigin();
            ctx.translate(origin.x, origin.y);

Function makePath has a Cognitive Complexity of 12 (exceeds 5 allowed). Consider refactoring.

Open

    makePath (ctx) {
        const { options } = this;
        if (this.text.length && (this.willFill || this.willStroke)) {
            const origin = this.getOrigin();
            ctx.translate(origin.x, origin.y);

• Read up
  Read up

Function setContext has a Cognitive Complexity of 11 (exceeds 5 allowed). Consider refactoring.

Open

    setContext (ctx) {
        if (this.options.clip) {
            const clipping = new window.Path2D();
            const { clip } = this.options;
            const { x, y } = clip.position;

• Read up
  Read up

Function makePath has a Cognitive Complexity of 11 (exceeds 5 allowed). Consider refactoring.

Open

    makePath (ctx) {
        const { sourceSize } = this.frames[Math.floor(this.frame)];
        this.width = sourceSize.w;
        this.height = sourceSize.h;

• Read up
  Read up

Function getAlignOffset has a Cognitive Complexity of 11 (exceeds 5 allowed). Consider refactoring.

Open

    getAlignOffset () {
        const { align } = this.options;

        let offset = 0;

• Read up
  Read up