Gottwik/Enduro

View on GitHub
libs/build_tools/js_handler.js

Summary

Maintainability
A
3 hrs
Test Coverage

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

js_handler.prototype.init = function (gulp, browser_sync) {

    // stores task name
    const js_handler_task_name = 'js';
    gulp.task(js_handler_task_name, function() {
Severity: Minor
Found in libs/build_tools/js_handler.js - About 1 hr to fix

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

                return gulp.src([enduro.project_path + '/assets/js/*.js',
                                '!' + enduro.project_path + '/assets/js/*.min.js',
                                '!' + enduro.project_path + '/assets/js/handlebars.js'])
                    .pipe(sourcemaps.init())
                    .pipe(gulpif(enduro.config.babel, babel(babelConfig)))
    Severity: Major
    Found in libs/build_tools/js_handler.js and 3 other locations - About 1 hr to fix
    libs/build_tools/less_handler.js on lines 29..40
    libs/build_tools/sass_handler.js on lines 28..37
    libs/build_tools/stylus_handler.js on lines 27..37

    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 56.

    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

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

                return flat_helpers.dir_exists(copy_from)
                    .then(() => {
                        return fs.copyAsync(copy_from, copy_to, { overwrite: true })
                    }, () => {})
    Severity: Minor
    Found in libs/build_tools/js_handler.js and 1 other location - About 40 mins to fix
    libs/build_tools/assets_copier.js on lines 125..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 49.

    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

    Extra semicolon.
    Open

        const js_handler_task_name = 'js';
    Severity: Minor
    Found in libs/build_tools/js_handler.js by eslint

    Enforce or Disallow Semicolons (semi)

    (fixable) The --fix option on the [command line](../user-guide/command-line-interface#fix) automatically fixes problems reported by this rule.

    JavaScript is unique amongst the C-like languages in that it doesn't require semicolons at the end of each statement. In many cases, the JavaScript engine can determine that a semicolon should be in a certain spot and will automatically add it. This feature is known as automatic semicolon insertion (ASI) and is considered one of the more controversial features of JavaScript. For example, the following lines are both valid:

    var name = "ESLint"
    var website = "eslint.org";

    On the first line, the JavaScript engine will automatically insert a semicolon, so this is not considered a syntax error. The JavaScript engine still knows how to interpret the line and knows that the line end indicates the end of the statement.

    In the debate over ASI, there are generally two schools of thought. The first is that we should treat ASI as if it didn't exist and always include semicolons manually. The rationale is that it's easier to always include semicolons than to try to remember when they are or are not required, and thus decreases the possibility of introducing an error.

    However, the ASI mechanism can sometimes be tricky to people who are using semicolons. For example, consider this code:

    return
    {
        name: "ESLint"
    };

    This may look like a return statement that returns an object literal, however, the JavaScript engine will interpret this code as:

    return;
    {
        name: "ESLint";
    }

    Effectively, a semicolon is inserted after the return statement, causing the code below it (a labeled literal inside a block) to be unreachable. This rule and the [no-unreachable](no-unreachable.md) rule will protect your code from such cases.

    On the other side of the argument are those who says that since semicolons are inserted automatically, they are optional and do not need to be inserted manually. However, the ASI mechanism can also be tricky to people who don't use semicolons. For example, consider this code:

    var globalCounter = { }
    
    (function () {
        var n = 0
        globalCounter.increment = function () {
            return ++n
        }
    })()

    In this example, a semicolon will not be inserted after the first line, causing a run-time error (because an empty object is called as if it's a function). The [no-unexpected-multiline](no-unexpected-multiline.md) rule can protect your code from such cases.

    Although ASI allows for more freedom over your coding style, it can also make your code behave in an unexpected way, whether you use semicolons or not. Therefore, it is best to know when ASI takes place and when it does not, and have ESLint protect your code from these potentially unexpected cases. In short, as once described by Isaac Schlueter, a \n character always ends a statement (just like a semicolon) unless one of the following is true:

    1. The statement has an unclosed paren, array literal, or object literal or ends in some other way that is not a valid way to end a statement. (For instance, ending with . or ,.)
    2. The line is -- or ++ (in which case it will decrement/increment the next token.)
    3. It is a for(), while(), do, if(), or else, and there is no {
    4. The next line starts with [, (, +, *, /, -, ,, ., or some other binary operator that can only be found between two tokens in a single expression.

    Rule Details

    This rule is aimed at ensuring consistent use of semicolons. You can decide whether or not to require semicolons at the end of statements.

    Options

    The rule takes one or two options. The first one is a string, which could be "always" or "never". The default is "always". The second one is an object for more fine-grained configuration when the first option is "always".

    You can set the option in configuration like this:

    "always"

    By using the default option, semicolons must be used any place where they are valid.

    semi: ["error", "always"]

    The following patterns are considered problems:

    /*eslint semi: "error"*/
    
    var name = "ESLint"
    
    object.method = function() {
        // ...
    }

    The following patterns are not considered problems:

    /*eslint semi: "error"*/
    
    var name = "ESLint";
    
    object.method = function() {
        // ...
    };

    Fine-grained control

    When setting the first option as "always", an additional option can be added to omit the last semicolon in a one-line block, that is, a block in which its braces (and therefore the content of the block) are in the same line:

    semi: ["error", "always", { "omitLastInOneLineBlock": true}]

    The following patterns are considered problems:

    /*eslint semi: ["error", "always", { "omitLastInOneLineBlock": true}] */
    
    if (foo) {
        bar()
    }
    
    if (foo) { bar(); }

    The following patterns are not considered problems:

    /*eslint semi: ["error", "always", { "omitLastInOneLineBlock": true}] */
    
    if (foo) { bar() }
    
    if (foo) { bar(); baz() }

    "never"

    If you want to enforce that semicolons are never used, switch the configuration to:

    semi: [2, "never"]

    Then, the following patterns are considered problems:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint";
    
    object.method = function() {
        // ...
    };

    And the following patterns are not considered problems:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint"
    
    object.method = function() {
        // ...
    }

    Even in "never" mode, semicolons are still allowed to disambiguate statements beginning with [, (, /, +, or -:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint"
    
    ;(function() {
        // ...
    })()

    When Not To Use It

    If you do not want to enforce semicolon usage (or omission) in any particular way, then you can turn this rule off.

    Further Reading

    Related Rules

    • [no-extra-semi](no-extra-semi.md)
    • [no-unexpected-multiline](no-unexpected-multiline.md)
    • [semi-spacing](semi-spacing.md) Source: http://eslint.org/docs/rules/

    Extra semicolon.
    Open

        return js_handler_task_name;
    Severity: Minor
    Found in libs/build_tools/js_handler.js by eslint

    Enforce or Disallow Semicolons (semi)

    (fixable) The --fix option on the [command line](../user-guide/command-line-interface#fix) automatically fixes problems reported by this rule.

    JavaScript is unique amongst the C-like languages in that it doesn't require semicolons at the end of each statement. In many cases, the JavaScript engine can determine that a semicolon should be in a certain spot and will automatically add it. This feature is known as automatic semicolon insertion (ASI) and is considered one of the more controversial features of JavaScript. For example, the following lines are both valid:

    var name = "ESLint"
    var website = "eslint.org";

    On the first line, the JavaScript engine will automatically insert a semicolon, so this is not considered a syntax error. The JavaScript engine still knows how to interpret the line and knows that the line end indicates the end of the statement.

    In the debate over ASI, there are generally two schools of thought. The first is that we should treat ASI as if it didn't exist and always include semicolons manually. The rationale is that it's easier to always include semicolons than to try to remember when they are or are not required, and thus decreases the possibility of introducing an error.

    However, the ASI mechanism can sometimes be tricky to people who are using semicolons. For example, consider this code:

    return
    {
        name: "ESLint"
    };

    This may look like a return statement that returns an object literal, however, the JavaScript engine will interpret this code as:

    return;
    {
        name: "ESLint";
    }

    Effectively, a semicolon is inserted after the return statement, causing the code below it (a labeled literal inside a block) to be unreachable. This rule and the [no-unreachable](no-unreachable.md) rule will protect your code from such cases.

    On the other side of the argument are those who says that since semicolons are inserted automatically, they are optional and do not need to be inserted manually. However, the ASI mechanism can also be tricky to people who don't use semicolons. For example, consider this code:

    var globalCounter = { }
    
    (function () {
        var n = 0
        globalCounter.increment = function () {
            return ++n
        }
    })()

    In this example, a semicolon will not be inserted after the first line, causing a run-time error (because an empty object is called as if it's a function). The [no-unexpected-multiline](no-unexpected-multiline.md) rule can protect your code from such cases.

    Although ASI allows for more freedom over your coding style, it can also make your code behave in an unexpected way, whether you use semicolons or not. Therefore, it is best to know when ASI takes place and when it does not, and have ESLint protect your code from these potentially unexpected cases. In short, as once described by Isaac Schlueter, a \n character always ends a statement (just like a semicolon) unless one of the following is true:

    1. The statement has an unclosed paren, array literal, or object literal or ends in some other way that is not a valid way to end a statement. (For instance, ending with . or ,.)
    2. The line is -- or ++ (in which case it will decrement/increment the next token.)
    3. It is a for(), while(), do, if(), or else, and there is no {
    4. The next line starts with [, (, +, *, /, -, ,, ., or some other binary operator that can only be found between two tokens in a single expression.

    Rule Details

    This rule is aimed at ensuring consistent use of semicolons. You can decide whether or not to require semicolons at the end of statements.

    Options

    The rule takes one or two options. The first one is a string, which could be "always" or "never". The default is "always". The second one is an object for more fine-grained configuration when the first option is "always".

    You can set the option in configuration like this:

    "always"

    By using the default option, semicolons must be used any place where they are valid.

    semi: ["error", "always"]

    The following patterns are considered problems:

    /*eslint semi: "error"*/
    
    var name = "ESLint"
    
    object.method = function() {
        // ...
    }

    The following patterns are not considered problems:

    /*eslint semi: "error"*/
    
    var name = "ESLint";
    
    object.method = function() {
        // ...
    };

    Fine-grained control

    When setting the first option as "always", an additional option can be added to omit the last semicolon in a one-line block, that is, a block in which its braces (and therefore the content of the block) are in the same line:

    semi: ["error", "always", { "omitLastInOneLineBlock": true}]

    The following patterns are considered problems:

    /*eslint semi: ["error", "always", { "omitLastInOneLineBlock": true}] */
    
    if (foo) {
        bar()
    }
    
    if (foo) { bar(); }

    The following patterns are not considered problems:

    /*eslint semi: ["error", "always", { "omitLastInOneLineBlock": true}] */
    
    if (foo) { bar() }
    
    if (foo) { bar(); baz() }

    "never"

    If you want to enforce that semicolons are never used, switch the configuration to:

    semi: [2, "never"]

    Then, the following patterns are considered problems:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint";
    
    object.method = function() {
        // ...
    };

    And the following patterns are not considered problems:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint"
    
    object.method = function() {
        // ...
    }

    Even in "never" mode, semicolons are still allowed to disambiguate statements beginning with [, (, /, +, or -:

    /*eslint semi: ["error", "never"]*/
    
    var name = "ESLint"
    
    ;(function() {
        // ...
    })()

    When Not To Use It

    If you do not want to enforce semicolon usage (or omission) in any particular way, then you can turn this rule off.

    Further Reading

    Related Rules

    • [no-extra-semi](no-extra-semi.md)
    • [no-unexpected-multiline](no-unexpected-multiline.md)
    • [semi-spacing](semi-spacing.md) Source: http://eslint.org/docs/rules/

    Missing space before function parentheses.
    Open

        gulp.task(js_handler_task_name, function() {
    Severity: Minor
    Found in libs/build_tools/js_handler.js by eslint

    Require or disallow a space before function parenthesis (space-before-function-paren)

    (fixable) The --fix option on the [command line](../user-guide/command-line-interface#fix) automatically fixes problems reported by this rule.

    When formatting a function, whitespace is allowed between the function name or function keyword and the opening paren. Named functions also require a space between the function keyword and the function name, but anonymous functions require no whitespace. For example:

    function withoutSpace(x) {
        // ...
    }
    
    function withSpace (x) {
        // ...
    }
    
    var anonymousWithoutSpace = function() {};
    
    var anonymousWithSpace = function () {};

    Style guides may require a space after the function keyword for anonymous functions, while others specify no whitespace. Similarly, the space after a function name may or may not be required.

    Rule Details

    This rule aims to enforce consistent spacing before function parentheses and as such, will warn whenever whitespace doesn't match the preferences specified.

    Options

    This rule takes one argument. If it is "always" then all named functions and anonymous functions must have space before function parentheses. If "never" then all named functions and anonymous functions must not have space before function parentheses. If you want different spacing for named and anonymous functions you can pass a configuration object as the rule argument to configure those separately (e. g. {"anonymous": "always", "named": "never"}). In this case, you can use "ignore" to only apply the rule to one type of function (e. g. {"anonymous": "ignore", "named": "never"} will warn on spaces for named functions, but will not warn on anonymous functions one way or the other).

    The default configuration is "always".

    "always"

    The following patterns are considered problems:

    /*eslint space-before-function-paren: "error"*/
    /*eslint-env es6*/
    
    function foo() {
        // ...
    }
    
    var bar = function() {
        // ...
    };
    
    var bar = function foo() {
        // ...
    };
    
    class Foo {
        constructor() {
            // ...
        }
    }
    
    var foo = {
        bar() {
            // ...
        }
    };

    The following patterns are not considered problems:

    /*eslint space-before-function-paren: "error"*/
    /*eslint-env es6*/
    
    function foo () {
        // ...
    }
    
    var bar = function () {
        // ...
    };
    
    var bar = function foo () {
        // ...
    };
    
    class Foo {
        constructor () {
            // ...
        }
    }
    
    var foo = {
        bar () {
            // ...
        }
    };

    "never"

    The following patterns are considered problems:

    /*eslint space-before-function-paren: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo () {
        // ...
    }
    
    var bar = function () {
        // ...
    };
    
    var bar = function foo () {
        // ...
    };
    
    class Foo {
        constructor () {
            // ...
        }
    }
    
    var foo = {
        bar () {
            // ...
        }
    };

    The following patterns are not considered problems:

    /*eslint space-before-function-paren: ["error", "never"]*/
    /*eslint-env es6*/
    
    function foo() {
        // ...
    }
    
    var bar = function() {
        // ...
    };
    
    var bar = function foo() {
        // ...
    };
    
    class Foo {
        constructor() {
            // ...
        }
    }
    
    var foo = {
        bar() {
            // ...
        }
    };

    {"anonymous": "always", "named": "never"}

    The following patterns are considered problems:

    /*eslint space-before-function-paren: ["error", { "anonymous": "always", "named": "never" }]*/
    /*eslint-env es6*/
    
    function foo () {
        // ...
    }
    
    var bar = function() {
        // ...
    };
    
    class Foo {
        constructor () {
            // ...
        }
    }
    
    var foo = {
        bar () {
            // ...
        }
    };

    The following patterns are not considered problems:

    /*eslint space-before-function-paren: ["error", { "anonymous": "always", "named": "never" }]*/
    /*eslint-env es6*/
    
    function foo() {
        // ...
    }
    
    var bar = function () {
        // ...
    };
    
    class Foo {
        constructor() {
            // ...
        }
    }
    
    var foo = {
        bar() {
            // ...
        }
    };

    {"anonymous": "never", "named": "always"}

    The following patterns are considered problems:

    /*eslint space-before-function-paren: ["error", { "anonymous": "never", "named": "always" }]*/
    /*eslint-env es6*/
    
    function foo() {
        // ...
    }
    
    var bar = function () {
        // ...
    };
    
    class Foo {
        constructor() {
            // ...
        }
    }
    
    var foo = {
        bar() {
            // ...
        }
    };

    The following patterns are not considered problems:

    /*eslint space-before-function-paren: ["error", { "anonymous": "never", "named": "always" }]*/
    /*eslint-env es6*/
    
    function foo () {
        // ...
    }
    
    var bar = function() {
        // ...
    };
    
    class Foo {
        constructor () {
            // ...
        }
    }
    
    var foo = {
        bar () {
            // ...
        }
    };

    {"anonymous": "ignore", "named": "always"}

    The following patterns are considered problems:

    /*eslint space-before-function-paren: ["error", { "anonymous": "ignore", "named": "always" }]*/
    /*eslint-env es6*/
    
    function foo() {
        // ...
    }
    
    class Foo {
        constructor() {
            // ...
        }
    }
    
    var foo = {
        bar() {
            // ...
        }
    };

    The following patterns are not considered problems:

    /*eslint space-before-function-paren: ["error", { "anonymous": "ignore", "named": "always" }]*/
    /*eslint-env es6*/
    
    var bar = function() {
        // ...
    };
    
    var bar = function () {
        // ...
    };
    
    function foo () {
        // ...
    }
    
    class Foo {
        constructor () {
            // ...
        }
    }
    
    var foo = {
        bar () {
            // ...
        }
    };

    When Not To Use It

    You can turn this rule off if you are not concerned with the consistency of spacing before function parenthesis.

    Related Rules

    There are no issues that match your filters.

    Category
    Status