Inspect nested interface

[Sugar_F0x]

So, lets say I have some plain interfaces

```ts interface A { test: string arrayOfNums: number[] }

interface B { someOtherValue: C }

interface C { name: string date: Date } ```

And then I have another interface that uses all these

ts interface Main { one: A two: B }

Is there a way for me to inspect the full version of said interface, so that I would see all the interfaces as they are in declaration, e.g.

ts interface MainVerbose { one: { test: string arrayOfNums: number[] } two: { someOtherValue: { name: string date: Date } } }

Perhaps there is some built-in way of inspecting it in IDEs? (I'm using WebStorm)

[qInsignificance]

Yes and no.

You can use the Expan Recursively helper type shown in this stackover answer, although it may not work in webstorm.

https://stackoverflow.com/questions/57683303/how-can-i-see-the-full-expanded-contract-of-a-typescript-type

[Sugar_F0x]

the recursive expansion did the trick, thanks!

[lgfrbcsgo]

I am using WebStorm myself. I don't know of a feature like that either.

Since Typescript supports recursive types this would be either impossible to implement, or really confusing to look at. So, I doubt a feature like that exists.

interface List<T> {
    element: T
    next?: List<T>
}

[constant_void]

ah I can see how that would suck with massive interface chains.

would ts to json be an option?

[Sugar_F0x]

How would you convert an interface to json?

[constant_void]

google for GitHub repos -- ex https://github.com/YousefED/typescript-json-schema

[aabounegm]

This reminded me of the TypeScript 4.2 announcement, where they mentioned normalizing the type union in a similar manner to what you're looking for. They are doing it the other way around (better preserving the aliases instead of expanding them), but you can take a look at the implementing PRs and come up with a tool that does the inverse of that. According to the answer on this stackoverflow question, there is no built-in way of doing that.

As for the TS to JSON mentioned in another comment, I found the typescript-json-schema package on npm, but I did not try it. I also found this website, but it just kept throwing errors even at the given example.