RxJS pipe chaining get formatted on a single line #4172
Description
Prettier 1.11.1
Playground link
Input:
import { range } from 'rxjs/observable/range';
import { map, filter, scan } from 'rxjs/operators';
const source$ = range(0, 10);
source$.pipe(
filter(x => x % 2 === 0),
map(x => x + x),
scan((acc, x) => acc + x, 0)
)
.subscribe(x => console.log(x))Output:
import { range } from "rxjs/observable/range";
import { map, filter, scan } from "rxjs/operators";
const source$ = range(0, 10);
source$
.pipe(filter(x => x % 2 === 0), map(x => x + x), scan((acc, x) => acc + x, 0))
.subscribe(x => console.log(x));Expected behavior:
As in the official RxJS documentation, the given input shouldn't be modified as it is considered as methods chaining. The piped functions filter, map and scan should remain on a separate line.
I don't know how it can be handled by prettier without too much impacts, but maybe considering that a function call that includes at least 2 function calls as parameters (eg: fn1(fn2(), fn3())) could be printed as a chain as below:
fn1(
fn2(),
fn3()
)It would also help when using Lo-Dash FP chaining which encounters the same problem.