Whitespace padding in object literals, destructuring assignment, and import statements

[leeavital]

Enforce whitespace padding in object literals:

{ myField } // good
{ myField: "hello" } // good
{myField} // bad
{myField: "hello"} //bad

[vsiao]

I assume the same style should apply to named imports.

[Diokuz]

Any progress?

[filipsuk]

+1

[byeval]

+1

[giladgray]

an option for the same thing for arrays would be great too. [a, b] vs [ a, b ]

[glen-84]

I prefer it without the spaces, so an option for that would also be nice.

[danieljin]

+1

[blingerson]

It would also be nice if we could enforce spacing before and after the colon like

{ foo : 'bar' } //good

{ foo: 'bar' } //bad

{ foo:'bar' } //bad

[irek02]

Any progress on this? I would really like to use this in our projects at Acquia.

[js2me]

OMG, it still open?

[pelotom]

[peterjwest]

BTW tslint-eslint-rules supports this in nearly all cases (except object literal types) with the rule object-curly-spacing. Perhaps this could be ported to tslint?

[MarcusNoble]

we use the following to achieve this:

{
    "extends": [
        "tslint-eslint-rules"
    ],
    "rules": {
        "object-curly-spacing": true,
        "array-bracket-spacing": [
            true,
            "never"
        ]
    }
}

[micheleangioni]

Any update on this? :)

[js2me]

@micheleangioni I'm just using eslint plugin for integration tslint with eslint and that solves my problem linked with this issue

[toupeira]

I tried out object-curly-spacing from tslint-eslint-rules but it doesn't seem to cover empty objects ({} vs. { }), unless I misconfigured something.

Would be great to have something like this in tslint proper!

[toupeira]

I see #4068 added a check for spaces after open braces, but it doesn't detect more than one space, and doesn't deal with closing braces and empty objects.

[JoshuaKGoldberg]

Including #3092: if this goes in, it should also add for generics.

[Maximaximum]

Would be a great thing to have

[adidahiya]

There have been very few PRs submitted to address this issue, and it is not a priority for TSLint core (see #4534), so I'm going to close this. If you want to implement this whitespace check, it can happily live in a custom rule set outside this repo.

[puneet-sutar]

I was looking for the solution and a colleague suggested it is already part of TSlint.
https://palantir.github.io/tslint/rules/whitespace/

[joshi-anshul]

You just need to add below rules in tslint.json file:

"whitespace": { "options": [ "check-branch", "check-decl", "check-operator", "check-separator", "check-type", "check-typecast", "check-module", "check-rest-spread", "check-preblock", "check-postbrace" ] },
Here "check-preblock", "check-postbrace" this rules enforce to add white space after braces

[JoshuaKGoldberg]

🤖 Beep boop! 👉 TSLint is deprecated 👈 and you should switch to typescript-eslint! 🤖

🔒 This issue is being locked to prevent further unnecessary discussions. Thank you! 👋