Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ Visualize code references as an interactive graph.
- **Symbol Highlighting**: The referenced symbol is highlighted within each code snippet
- **Smart Layout**: Automatic graph layout using ELKjs that considers node sizes
- **Search**: Press `Cmd/Ctrl+F` to search nodes by symbol name or file path
- **File Filtering**: Filter nodes by file path using glob patterns (e.g., `src/**/*.ts`, `**/test/**`)
- **Click to Navigate**: Click any node to jump to that location in your editor

## Usage
Expand All @@ -24,6 +25,14 @@ Visualize code references as an interactive graph.
2. Select "Show File Reference Graph"
3. The graph shows all files that import the selected file

### Filtering Nodes
Use the filter panel (top-left) to focus on specific files:
- **Files to include**: Show only matching files (e.g., `src/**/*.ts`)
- **Files to exclude**: Hide matching files (e.g., `**/node_modules/**`)
- **Hide filtered nodes**: Toggle to completely remove non-matching nodes (instead of dimming them)

Patterns use glob syntax — `**` matches any directory depth, `*` matches any filename.

## Keyboard Shortcuts

| Shortcut | Action |
Expand Down
Loading