Skip to content
This repository has been archived by the owner on Mar 25, 2021. It is now read-only.

[new-rule] newline-per-chained-call #3278

Merged
merged 19 commits into from
Jan 10, 2018
Merged
Show file tree
Hide file tree
Changes from 11 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/configs/all.ts
Original file line number Diff line number Diff line change
Expand Up @@ -193,6 +193,7 @@ export const rules = {
"match-default-export-name": true,
"new-parens": true,
"newline-before-return": true,
"newline-per-chained-call": true,
"no-angle-bracket-type-assertion": true,
"no-boolean-literal-compare": true,
"no-consecutive-blank-lines": true,
Expand Down
85 changes: 85 additions & 0 deletions src/rules/newlinePerChainedCallRule.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
/**
* @license
* Copyright 2017 Palantir Technologies, Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

import { isCallExpression, isPropertyAccessExpression, isSameLine } from "tsutils";
import * as ts from "typescript";
import * as Lint from "..";

export class Rule extends Lint.Rules.AbstractRule {
/* tslint:disable:object-literal-sort-keys */
public static metadata: Lint.IRuleMetadata = {
ruleName: "newline-per-chained-call",
description: Lint.Utils.dedent`
Requires that chained method calls be broken apart onto separate lines.`,
rationale: Lint.Utils.dedent`
This style helps to keep code 'vertical', avoiding the need for side-scrolling in IDEs or text editors.`,
optionsDescription: "Not configurable",
options: null,
type: "style",
typescriptOnly: false,
};
/* tslint:enable:object-literal-sort-keys */
public static FAILURE_STRING = "When chaining calls, put method calls on new lines.";

public apply(sourceFile: ts.SourceFile): Lint.RuleFailure[] {
return this.applyWithWalker(
new NewlinePerChainedCallWalker(sourceFile, this.ruleName, undefined),
);
}
}

class NewlinePerChainedCallWalker extends Lint.AbstractWalker<void> {
public walk(sourceFile: ts.SourceFile) {
const checkForSameLine = (node: ts.Node): void => {
if (
isCallExpression(node) &&
isPropertyAccessExpression(node.expression) &&
isSameLine(
sourceFile,
node.expression.expression.end,
node.expression.name.pos,
) &&
hasChildCall(node)
) {
this.addFailure(
node.expression.name.pos - 1,
node.expression.name.end,
Rule.FAILURE_STRING,
);
}
return ts.forEachChild(node, checkForSameLine);
};
return ts.forEachChild(sourceFile, checkForSameLine);
}
}

function hasChildCall(node: ts.CallExpression): boolean {
let callExists = false;
const checkForCall = (child: ts.CallExpression | ts.PropertyAccessExpression): void => {
if (isCallExpression(child) || isPropertyAccessExpression(child)) {
if (isCallExpression(child)) {
callExists = true;
return;
Copy link
Contributor

@ajafff ajafff Oct 19, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if you return true here, forEachChild will return early without visiting the remaining children.
you could then use return ts.forEachChild(node, checkForCall) === true below

}
return checkForCall(child.expression as
| ts.CallExpression
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this line will not be reached for CallExpression
but the assertion is unnecessary anyway

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nevermind, misread your code

| ts.PropertyAccessExpression);
}
};
ts.forEachChild(node, checkForCall);
return callExists;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ts.forEachChild is not the right choice here. The implementation would complain about this:

this.foo(bar());

Instead you can just recurse into the AST by accessing the expression property:

function hasChildCall(node: ts.PropertyAccessExpression): boolean {
    let {expression} = node;
    while (isPropertyAccessExpression(expression) || isElementAccessExpression(expression)) {
        ({expression} = expression);
    }
    return expression.kind === ts.SyntaxKind.CallExpression;
}

also note that you need to handle ElementAccessExpression for cases like this:

this.getFoo()[0].toString();

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see you already kinda did it this way. I was confused by the closure and the call to forEachChild.
As noted above, forEachChild is wrong here. And once you get rid of it, you don't need the callback. So you will end up with a loop like my example code.

}
79 changes: 79 additions & 0 deletions test/rules/newline-per-chained-call/default/test.ts.lint
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
const y: string[] = _observable
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please add the two test cases from my comment above

and in addition:

this.foo()["bar"](); // no error here
foo().bar(); // error here? the current implementation adds one

.map(function(item) { return item.helloYay().another() }
~~~~~~~~ [ERROR]
.operator()
.another(function(result) { return result.hello.Yay! }).wrong();
~~~~~~ [ERROR]

SomeClass.propA.helloYay((a: number) => {
return a + 1;
});

this.some.nested();

const y: string[] = _observable
.map(function(item) { return item.helloYay! })
.operator()
.another(function(result) { return result.hello.Yay! });


const y: string[] = _observable.map(item => item.helloYay).operator().another(function(result) { return result.helloYay! });
~~~~~~~~ [ERROR]
~~~~~~~~~ [ERROR]

const x: string[] = _observable.map(item => item.helloYay);

SomeClass.propA.propB.helloYay();

SomeClass
.propA
.propB
.helloYay();

SomeClass
.propA
.propB.helloYay();

SomeClass
.propA
.propB
.helloYay(function() {
return 1;
}).test();
~~~~~ [ERROR]

SomeClass
.propA
.propB
.helloYay(function() {
return 1;
}).
~
test();
~~~~~~~~ [ERROR]

SomeClass.propA.propB.methodB(() => {
return "hello Yay!";
}).helloYay((a: number) => {
~~~~~~~~~ [ERROR]
return a + 1;
});

SomeClass.propA.propB.methodB(() => {
return "hello Yay!";
})
.helloYay((a: number) => {
return a + 1;
});

SomeClass
.propA
.propB
.methodC(() => {
return "hello Yay!";
})
.helloYay(() => {
return 1;
});

[ERROR]: When chaining calls, put method calls on new lines.
5 changes: 5 additions & 0 deletions test/rules/newline-per-chained-call/default/tslint.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"rules": {
"newline-per-chained-call": [true, 1]
}
}
1 change: 1 addition & 0 deletions tslint.json
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,7 @@
"static-before-instance",
"variables-before-functions"
],
"newline-per-chained-call": false,
"no-console": {
"options": ["log"]
},
Expand Down