Autocomplete suggestions for missing properties when creating new objects/literals of an expected type

[niieani]

TypeScript gives autocomplete suggestions for object properties and literals when a type is known at the time the object is being created / argument typed, i.e. explicitly declared, inferred or cast.

This is how it works:

I've been a long time TypeScript user and have recently started contributing to a large project which is based on Flow and this is the single feature that I miss the most (right next to live-feedback). I have tried multiple Flowtype integrations (Atom/Nuclide, WebStorm, VSCode, SublimeText) and none of them offer this type of autocompletion, so I presume the problem is that the Flow server simply does not offer this information.

These are some of the scenarios that should be supported:

1. explicitly declared

type Type = { a: string }
const a: Type = {
  // ... autocomplete all properties in Type
}

2. type known through a nested definition

type OtherType = { a: string }
type Type = { a: OtherType }
const a: Type = {
  a: {
    // ... autocomplete all properties in OtherType
  }
}

3. type inferred / expected

type Type = { a: string };
function example(param: Type) { };
example({ /* ... autocomplete all properties in Type */ });

4. type declared indirectly

type Type = { a: string }
function example(): Type {
  return {
    // ... autocomplete all properties in Type
  }
}

5. type cast

type Type = { a: string }
function example() {
  return ({
    // ... autocomplete all properties in Type
  } : Type)
}

[kof]

Can we have a meaningful discussion about this topic? I would like to get this supported for cssinjs in order to autocomplete styles.

[sibelius]

any progress on this?

[niieani]

@calebmer mentioned last year in a tweet that he's going to focus on this and other IDE-related issues this year. Year hasn't ended yet, so I'm hopeful 😂.

[gkz]

This should now work (if not automatically, you can trigger automatically with CTR-space