TargetProcess/tauCharts

View on GitHub
src/elements/element.area.ts

Summary

Maintainability
D
2 days
Test Coverage

Function _getBoundsInfo has 117 lines of code (exceeds 25 allowed). Consider refactoring.
Open

    _getBoundsInfo(this: GrammarElement, dots: Element[]) {
        if (dots.length === 0) {
            return null;
        }

Severity: Major
Found in src/elements/element.area.ts - About 4 hrs to fix

    File element.area.ts has 337 lines of code (exceeds 250 allowed). Consider refactoring.
    Open

    import * as d3Color from 'd3-color';
    import * as d3Selection from 'd3-selection';
    const d3 = {
        ...d3Color,
        ...d3Selection,
    Severity: Minor
    Found in src/elements/element.area.ts - About 4 hrs to fix

      Function getClosestElement has 87 lines of code (exceeds 25 allowed). Consider refactoring.
      Open

          getClosestElement(cursorX: number, cursorY: number) {
              if (!this._boundsInfo) {
                  return null;
              }
              const {bounds, tree} = this._boundsInfo as BoundsInfo;
      Severity: Major
      Found in src/elements/element.area.ts - About 3 hrs to fix

        Function getClosestElement has a Cognitive Complexity of 16 (exceeds 5 allowed). Consider refactoring.
        Open

            getClosestElement(cursorX: number, cursorY: number) {
                if (!this._boundsInfo) {
                    return null;
                }
                const {bounds, tree} = this._boundsInfo as BoundsInfo;
        Severity: Minor
        Found in src/elements/element.area.ts - About 2 hrs to fix

        Cognitive Complexity

        Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

        A method's cognitive complexity is based on a few simple rules:

        • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
        • Code is considered more complex for each "break in the linear flow of the code"
        • Code is considered more complex when "flow breaking structures are nested"

        Further reading

        Function buildModel has 43 lines of code (exceeds 25 allowed). Consider refactoring.
        Open

            buildModel(screenModel) {
        
                const baseModel = BasePath.baseModel(screenModel);
        
                const guide = this.node().config.guide;
        Severity: Minor
        Found in src/elements/element.area.ts - About 1 hr to fix

          Function interpolated has 38 lines of code (exceeds 25 allowed). Consider refactoring.
          Open

                  const interpolated = (() => {
                      interface Pair {
                          start: ElementInfo;
                          end: ElementInfo;
                          y: number;
          Severity: Minor
          Found in src/elements/element.area.ts - About 1 hr to fix

            Function init has 31 lines of code (exceeds 25 allowed). Consider refactoring.
            Open

                init(xConfig) {
            
                    const config = BasePath.init(xConfig);
                    const enableStack = config.stack;
            
            
            Severity: Minor
            Found in src/elements/element.area.ts - About 1 hr to fix

              Function _getBoundsInfo has a Cognitive Complexity of 7 (exceeds 5 allowed). Consider refactoring.
              Open

                  _getBoundsInfo(this: GrammarElement, dots: Element[]) {
                      if (dots.length === 0) {
                          return null;
                      }
              
              
              Severity: Minor
              Found in src/elements/element.area.ts - About 35 mins to fix

              Cognitive Complexity

              Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

              A method's cognitive complexity is based on a few simple rules:

              • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
              • Code is considered more complex for each "break in the linear flow of the code"
              • Code is considered more complex when "flow breaking structures are nested"

              Further reading

              Function buildModel has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.
              Open

                  buildModel(screenModel) {
              
                      const baseModel = BasePath.baseModel(screenModel);
              
                      const guide = this.node().config.guide;
              Severity: Minor
              Found in src/elements/element.area.ts - About 25 mins to fix

              Cognitive Complexity

              Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

              A method's cognitive complexity is based on a few simple rules:

              • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
              • Code is considered more complex for each "break in the linear flow of the code"
              • Code is considered more complex when "flow breaking structures are nested"

              Further reading

              Identical blocks of code found in 2 locations. Consider refactoring.
              Open

                              const params = Object.assign(
                                  {},
                                  args,
                                  {
                                      defMin: sizeCfg.defMinSize,
              Severity: Major
              Found in src/elements/element.area.ts and 1 other location - About 1 hr to fix
              src/elements/element.point.ts on lines 120..128

              Duplicated Code

              Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

              Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

              When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

              Tuning

              This issue has a mass of 55.

              We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

              The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

              If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

              See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

              Refactorings

              Further Reading

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

                      const toDirPoint = (d) => ({
                          id: screenModel.id(d),
                          x: baseModel.x(d),
                          y: baseModel.y(d)
                      });
              Severity: Minor
              Found in src/elements/element.area.ts and 1 other location - About 50 mins to fix
              src/elements/element.area.ts on lines 87..91

              Duplicated Code

              Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

              Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

              When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

              Tuning

              This issue has a mass of 51.

              We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

              The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

              If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

              See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

              Refactorings

              Further Reading

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

                      const toRevPoint = (d) => ({
                          id: screenModel.id(d),
                          x: baseModel.x0(d),
                          y: baseModel.y0(d)
                      });
              Severity: Minor
              Found in src/elements/element.area.ts and 1 other location - About 50 mins to fix
              src/elements/element.area.ts on lines 81..85

              Duplicated Code

              Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

              Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

              When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

              Tuning

              This issue has a mass of 51.

              We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

              The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

              If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

              See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

              Refactorings

              Further Reading

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

                              g.y0 = (g.start.y0 + kx * (g.end.y0 - g.start.y0));
              Severity: Minor
              Found in src/elements/element.area.ts and 1 other location - About 35 mins to fix
              src/elements/element.area.ts on lines 323..323

              Duplicated Code

              Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

              Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

              When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

              Tuning

              This issue has a mass of 47.

              We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

              The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

              If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

              See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

              Refactorings

              Further Reading

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

                              g.y = (g.start.y + kx * (g.end.y - g.start.y));
              Severity: Minor
              Found in src/elements/element.area.ts and 1 other location - About 35 mins to fix
              src/elements/element.area.ts on lines 324..324

              Duplicated Code

              Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

              Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

              When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

              Tuning

              This issue has a mass of 47.

              We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

              The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

              If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

              See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

              Refactorings

              Further Reading

              Type assertion on object literals is forbidden, use a type annotation instead.
              Open

                          }, {} as {[group: string]: number});
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: no-object-literal-type-assertion

              Forbids an object literal to appear in a type assertion expression. Casting to any or to unknown is still allowed.

              Rationale

              Always prefer const x: T = { ... }; to const x = { ... } as T;. The type assertion in the latter case is either unnecessary or hides an error. The compiler will warn for excess properties with this syntax, but not missing required fields. For example: const x: { foo: number } = {} will fail to compile, but const x = {} as { foo: number } will succeed. Additionally, the const assertion const x = { foo: 1 } as const, introduced in TypeScript 3.4, is considered beneficial and is ignored by this rule.

              Notes
              • TypeScript Only

              Config

              One option may be configured:

              • allow-arguments allows type assertions to be used on object literals inside call expressions.
              Examples
              "no-object-literal-type-assertion": true
              "no-object-literal-type-assertion": true,[object Object]
              Schema
              {
                "type": "object",
                "properties": {
                  "allow-arguments": {
                    "type": "boolean"
                  }
                },
                "additionalProperties": false
              }

              For more information see this page.

              Use a conditional expression instead of assigning to 'y' in multiple places.
              Open

                                          if (i === 0) {
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: prefer-conditional-expression

              Recommends to use a conditional expression instead of assigning to the same thing in each branch of an if statement.

              Rationale

              This reduces duplication and can eliminate an unnecessary variable declaration.

              Config

              If check-else-if is specified, the rule also checks nested if-else-if statements.

              Examples
              "prefer-conditional-expression": true
              "prefer-conditional-expression": true,check-else-if
              Schema
              {
                "type": "string",
                "enum": [
                  "check-else-if"
                ]
              }

              For more information see this page.

              Multiple variable declarations in the same statement are forbidden
              Open

                                      let y, y0;
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: one-variable-per-declaration

              Disallows multiple variable definitions in the same declaration statement.

              Config

              One argument may be optionally provided:

              • ignore-for-loop allows multiple variable definitions in a for loop declaration.
              Examples
              "one-variable-per-declaration": true
              "one-variable-per-declaration": true,ignore-for-loop
              Schema
              {
                "type": "array",
                "items": {
                  "type": "string",
                  "enum": [
                    "ignore-for-loop"
                  ]
                },
                "minLength": 0,
                "maxLength": 1
              }

              For more information see this page.

              Do not use comma operator here because it can be easily misunderstood or lead to unintended bugs.
              Open

                      const groups = ticks.reduce(((obj, value) => (obj[value] = [], obj)), {} as {[x: number]: ElementInfo[]});
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: ban-comma-operator

              Disallows the comma operator to be used.

              Read more about the comma operator here.

              Rationale

              Using the comma operator can create a potential for many non-obvious bugs or lead to misunderstanding of code.

              Examples

              foo((bar, baz)); // evaluates to 'foo(baz)' because of the extra parens - confusing and not obvious
              switch (foo) {
                  case 1, 2: // equals 'case 2' - probably intended 'case 1: case2:'
                      return true;
                  case 3:
                      return false;
              }
              let x = (y = 1, z = 2); // x is equal to 2 - this may not be immediately obvious.
              Examples
              "ban-comma-operator": true

              For more information see this page.

              Forbidden 'var' keyword, use 'let' or 'const' instead
              Open

                              var colorStr = baseModel.color(fiber[0]);
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: no-var-keyword

              Disallows usage of the var keyword.

              Use let or const instead.

              Rationale

              Declaring variables using var has several edge case behaviors that make var unsuitable for modern code. Variables declared by var have their parent function block as their scope, ignoring other control flow statements. vars have declaration "hoisting" (similar to functions) and can appear to be used before declaration.

              Variables declared by const and let instead have as their scope the block in which they are defined, and are not allowed to used before declaration or be re-declared with another const or let.

              Notes
              • Has Fix

              Config

              Not configurable.

              Examples
              "no-var-keyword": true

              For more information see this page.

              missing whitespace
              Open

                  bounds: {left; right; top; bottom;};
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: whitespace

              Enforces whitespace style conventions.

              Rationale

              Helps maintain a readable, consistent style in your codebase.

              Notes
              • Has Fix

              Config

              Several arguments may be optionally provided:

              • "check-branch" checks branching statements (if/else/for/while) are followed by whitespace.
              • "check-decl"checks that variable declarations have whitespace around the equals token.
              • "check-operator" checks for whitespace around operator tokens.
              • "check-module" checks for whitespace in import & export statements.
              • "check-separator" checks for whitespace after separator tokens (,/;).
              • "check-rest-spread" checks that there is no whitespace after rest/spread operator (...).
              • "check-type" checks for whitespace before a variable type specification.
              • "check-typecast" checks for whitespace between a typecast and its target.
              • "check-type-operator" checks for whitespace between type operators | and &.
              • "check-preblock" checks for whitespace before the opening brace of a block.
              • "check-postbrace" checks for whitespace after an opening brace.
              Examples
              "whitespace": true,check-branch,check-operator,check-typecast
              Schema
              {
                "type": "array",
                "items": {
                  "type": "string",
                  "enum": [
                    "check-branch",
                    "check-decl",
                    "check-operator",
                    "check-module",
                    "check-separator",
                    "check-rest-spread",
                    "check-type",
                    "check-typecast",
                    "check-type-operator",
                    "check-preblock",
                    "check-postbrace"
                  ]
                },
                "minLength": 0,
                "maxLength": 11
              }

              For more information see this page.

              Type assertion on object literals is forbidden, use a type annotation instead.
              Open

                          }, {} as {[group: string]: Pair});
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: no-object-literal-type-assertion

              Forbids an object literal to appear in a type assertion expression. Casting to any or to unknown is still allowed.

              Rationale

              Always prefer const x: T = { ... }; to const x = { ... } as T;. The type assertion in the latter case is either unnecessary or hides an error. The compiler will warn for excess properties with this syntax, but not missing required fields. For example: const x: { foo: number } = {} will fail to compile, but const x = {} as { foo: number } will succeed. Additionally, the const assertion const x = { foo: 1 } as const, introduced in TypeScript 3.4, is considered beneficial and is ignored by this rule.

              Notes
              • TypeScript Only

              Config

              One option may be configured:

              • allow-arguments allows type assertions to be used on object literals inside call expressions.
              Examples
              "no-object-literal-type-assertion": true
              "no-object-literal-type-assertion": true,[object Object]
              Schema
              {
                "type": "object",
                "properties": {
                  "allow-arguments": {
                    "type": "boolean"
                  }
                },
                "additionalProperties": false
              }

              For more information see this page.

              Use the object spread operator instead.
              Open

                              const params = Object.assign(
                                  {},
                                  args,
                                  {
                                      defMin: sizeCfg.defMinSize,
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: prefer-object-spread

              Enforces the use of the ES2018 object spread operator over Object.assign() where appropriate.

              Rationale

              Object spread allows for better type checking and inference.

              Notes
              • Has Fix

              Config

              Not configurable.

              Examples
              "prefer-object-spread": true

              For more information see this page.

              Shadowed name: 'bounds'
              Open

                          (bounds, {x, y, y0}) => {
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: no-shadowed-variable

              Disallows shadowing variable declarations.

              Rationale

              When a variable in a local scope and a variable in the containing scope have the same name, shadowing occurs. Shadowing makes it impossible to access the variable in the containing scope and obscures to what value an identifier actually refers. Compare the following snippets:

              const a = 'no shadow';
              function print() {
                  console.log(a);
              }
              print(); // logs 'no shadow'.
              const a = 'no shadow';
              function print() {
                  const a = 'shadow'; // TSLint will complain here.
                  console.log(a);
              }
              print(); // logs 'shadow'.

              ESLint has an equivalent rule. For more background information, refer to this MDN closure doc.

              Config

              You can optionally pass an object to disable checking for certain kinds of declarations. Possible keys are "class", "enum", "function", "import", "interface", "namespace", "typeAlias" and "typeParameter". You can also pass "underscore" to ignore variable names that begin with _. Just set the value to false for the check you want to disable. All checks default to true, i.e. are enabled by default. Note that you cannot disable variables and parameters.

              The option "temporalDeadZone" defaults to true which shows errors when shadowing block scoped declarations in their temporal dead zone. When set to false parameters, classes, enums and variables declared with let or const are not considered shadowed if the shadowing occurs within their temporal dead zone.

              The following example shows how the "temporalDeadZone" option changes the linting result:

              function fn(value) {
                  if (value) {
                      const tmp = value; // no error on this line if "temporalDeadZone" is false
                      return tmp;
                  }
                  let tmp = undefined;
                  if (!value) {
                      const tmp = value; // this line always contains an error
                      return tmp;
                  }
              }
              Examples
              "no-shadowed-variable": true
              "no-shadowed-variable": true,[object Object]
              Schema
              {
                "type": "object",
                "properties": {
                  "class": {
                    "type": "boolean"
                  },
                  "enum": {
                    "type": "boolean"
                  },
                  "function": {
                    "type": "boolean"
                  },
                  "import": {
                    "type": "boolean"
                  },
                  "interface": {
                    "type": "boolean"
                  },
                  "namespace": {
                    "type": "boolean"
                  },
                  "typeAlias": {
                    "type": "boolean"
                  },
                  "typeParameter": {
                    "type": "boolean"
                  },
                  "temporalDeadZone": {
                    "type": "boolean"
                  },
                  "underscore": {
                    "type": "boolean"
                  }
                }
              }

              For more information see this page.

              Shadowed name: 'tree'
              Open

                          const tree: TreeNode = {
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: no-shadowed-variable

              Disallows shadowing variable declarations.

              Rationale

              When a variable in a local scope and a variable in the containing scope have the same name, shadowing occurs. Shadowing makes it impossible to access the variable in the containing scope and obscures to what value an identifier actually refers. Compare the following snippets:

              const a = 'no shadow';
              function print() {
                  console.log(a);
              }
              print(); // logs 'no shadow'.
              const a = 'no shadow';
              function print() {
                  const a = 'shadow'; // TSLint will complain here.
                  console.log(a);
              }
              print(); // logs 'shadow'.

              ESLint has an equivalent rule. For more background information, refer to this MDN closure doc.

              Config

              You can optionally pass an object to disable checking for certain kinds of declarations. Possible keys are "class", "enum", "function", "import", "interface", "namespace", "typeAlias" and "typeParameter". You can also pass "underscore" to ignore variable names that begin with _. Just set the value to false for the check you want to disable. All checks default to true, i.e. are enabled by default. Note that you cannot disable variables and parameters.

              The option "temporalDeadZone" defaults to true which shows errors when shadowing block scoped declarations in their temporal dead zone. When set to false parameters, classes, enums and variables declared with let or const are not considered shadowed if the shadowing occurs within their temporal dead zone.

              The following example shows how the "temporalDeadZone" option changes the linting result:

              function fn(value) {
                  if (value) {
                      const tmp = value; // no error on this line if "temporalDeadZone" is false
                      return tmp;
                  }
                  let tmp = undefined;
                  if (!value) {
                      const tmp = value; // this line always contains an error
                      return tmp;
                  }
              }
              Examples
              "no-shadowed-variable": true
              "no-shadowed-variable": true,[object Object]
              Schema
              {
                "type": "object",
                "properties": {
                  "class": {
                    "type": "boolean"
                  },
                  "enum": {
                    "type": "boolean"
                  },
                  "function": {
                    "type": "boolean"
                  },
                  "import": {
                    "type": "boolean"
                  },
                  "interface": {
                    "type": "boolean"
                  },
                  "namespace": {
                    "type": "boolean"
                  },
                  "typeAlias": {
                    "type": "boolean"
                  },
                  "typeParameter": {
                    "type": "boolean"
                  },
                  "temporalDeadZone": {
                    "type": "boolean"
                  },
                  "underscore": {
                    "type": "boolean"
                  }
                }
              }

              For more information see this page.

              Forbidden 'var' keyword, use 'let' or 'const' instead
              Open

                                  for (var i = 0; i < groupNames.length; i++) {
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: no-var-keyword

              Disallows usage of the var keyword.

              Use let or const instead.

              Rationale

              Declaring variables using var has several edge case behaviors that make var unsuitable for modern code. Variables declared by var have their parent function block as their scope, ignoring other control flow statements. vars have declaration "hoisting" (similar to functions) and can appear to be used before declaration.

              Variables declared by const and let instead have as their scope the block in which they are defined, and are not allowed to used before declaration or be re-declared with another const or let.

              Notes
              • Has Fix

              Config

              Not configurable.

              Examples
              "no-var-keyword": true

              For more information see this page.

              Identifier 'start' is never reassigned; use 'const' instead of 'let'.
              Open

                              let [start, end] = values;
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: prefer-const

              Requires that variable declarations use const instead of let and var if possible.

              If a variable is only assigned to once when it is declared, it should be declared using 'const'

              Notes
              • Has Fix

              Config

              An optional object containing the property "destructuring" with two possible values:

              • "any" (default) - If any variable in destructuring can be const, this rule warns for those variables.
              • "all" - Only warns if all variables in destructuring can be const.
              Examples
              "prefer-const": true
              "prefer-const": true,[object Object]
              Schema
              {
                "type": "object",
                "properties": {
                  "destructuring": {
                    "type": "string",
                    "enum": [
                      "all",
                      "any"
                    ]
                  }
                }
              }

              For more information see this page.

              Forbidden 'var' keyword, use 'let' or 'const' instead
              Open

                      var kx = (closestSpan.end === closestSpan.start ?
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: no-var-keyword

              Disallows usage of the var keyword.

              Use let or const instead.

              Rationale

              Declaring variables using var has several edge case behaviors that make var unsuitable for modern code. Variables declared by var have their parent function block as their scope, ignoring other control flow statements. vars have declaration "hoisting" (similar to functions) and can appear to be used before declaration.

              Variables declared by const and let instead have as their scope the block in which they are defined, and are not allowed to used before declaration or be re-declared with another const or let.

              Notes
              • Has Fix

              Config

              Not configurable.

              Examples
              "no-var-keyword": true

              For more information see this page.

              Identifier 'end' is never reassigned; use 'const' instead of 'let'.
              Open

                              let [start, end] = values;
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: prefer-const

              Requires that variable declarations use const instead of let and var if possible.

              If a variable is only assigned to once when it is declared, it should be declared using 'const'

              Notes
              • Has Fix

              Config

              An optional object containing the property "destructuring" with two possible values:

              • "any" (default) - If any variable in destructuring can be const, this rule warns for those variables.
              • "all" - Only warns if all variables in destructuring can be const.
              Examples
              "prefer-const": true
              "prefer-const": true,[object Object]
              Schema
              {
                "type": "object",
                "properties": {
                  "destructuring": {
                    "type": "string",
                    "enum": [
                      "all",
                      "any"
                    ]
                  }
                }
              }

              For more information see this page.

              Identifier 'placeholder' is never reassigned; use 'const' instead of 'let'.
              Open

                                          let placeholder: ElementInfo = {
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: prefer-const

              Requires that variable declarations use const instead of let and var if possible.

              If a variable is only assigned to once when it is declared, it should be declared using 'const'

              Notes
              • Has Fix

              Config

              An optional object containing the property "destructuring" with two possible values:

              • "any" (default) - If any variable in destructuring can be const, this rule warns for those variables.
              • "all" - Only warns if all variables in destructuring can be const.
              Examples
              "prefer-const": true
              "prefer-const": true,[object Object]
              Schema
              {
                "type": "object",
                "properties": {
                  "destructuring": {
                    "type": "string",
                    "enum": [
                      "all",
                      "any"
                    ]
                  }
                }
              }

              For more information see this page.

              Type assertion on object literals is forbidden, use a type annotation instead.
              Open

                      const groups = ticks.reduce(((obj, value) => (obj[value] = [], obj)), {} as {[x: number]: ElementInfo[]});
              Severity: Minor
              Found in src/elements/element.area.ts by tslint

              Rule: no-object-literal-type-assertion

              Forbids an object literal to appear in a type assertion expression. Casting to any or to unknown is still allowed.

              Rationale

              Always prefer const x: T = { ... }; to const x = { ... } as T;. The type assertion in the latter case is either unnecessary or hides an error. The compiler will warn for excess properties with this syntax, but not missing required fields. For example: const x: { foo: number } = {} will fail to compile, but const x = {} as { foo: number } will succeed. Additionally, the const assertion const x = { foo: 1 } as const, introduced in TypeScript 3.4, is considered beneficial and is ignored by this rule.

              Notes
              • TypeScript Only

              Config

              One option may be configured:

              • allow-arguments allows type assertions to be used on object literals inside call expressions.
              Examples
              "no-object-literal-type-assertion": true
              "no-object-literal-type-assertion": true,[object Object]
              Schema
              {
                "type": "object",
                "properties": {
                  "allow-arguments": {
                    "type": "boolean"
                  }
                },
                "additionalProperties": false
              }

              For more information see this page.

              There are no issues that match your filters.

              Category
              Status