Type Structure Explorer 🔍

A VSCode extension that reveals complete type structures for TypeScript types through enhanced hover information. Perfect for exploring complex type definitions and nested object structures.

Example:

Before installing extension:

After installing extension:

Features ✨

• Full Type Expansion: See nested type structures up to 4 levels deep (configurable)
• Smart Integration: Combines with default VSCode type information
• TypeScript Native: Works with any TS project using tsconfig.json
• Supports:
  • Union/Intersection types
  • Type aliases
  • Generics
  • Literal types
  • Circular references
• Dark/Light Theme aware

Installation ⬇️

From Marketplace

1. Open VSCode extensions panel (⇧⌘X)
2. Search for "Type Structure Explorer"
3. Click Install

Manual Installation

git clone https://github.com/your-repo/type-structure-explorer.git
cd type-structure-explorer
npm install
vsce package
code --install-extension peek-type-1.0.0.vsix