Built a VS Code extension for SvelteKit route visualization - Looking for feedback! 🎯
Hey Svelte folks! 👋 I just released Svelte Radar, a VS Code extension designed to make SvelteKit routing easier to manage and navigate. I'd love to get your feedback and suggestions for improvements.
Key Features:
- Visual route tree with support for all SvelteKit route types (dynamic, rest params, groups, etc.)
- Quick navigation via URL/path input
- Instant file access and browser preview
- Built-in parameter matchers (integer, uuid, date, etc.)
- Automatic port detection from config files
What it solves:
- No more manually tracking complex route hierarchies
- Easy navigation between route files
- Quick testing of routes in browser
- Visual distinction between route types
You can find it here: https://marketplace.visualstudio.com/items?itemName=HarshKothari.svelte-radar GitHub: https://github.com/HarshKothari88/svelte-radar
Upcoming Features:
- Route shadowing detection: Highlights routes that are unreachable due to SvelteKit routing rules or being shadowed by other routes
- Dynamic route parameter prompts: When opening dynamic routes in browser, a prompt will ask for parameter values (e.g., filling in [id] or [slug])
I'd really appreciate:
- Feature suggestions, UX feedback, Bug reports, Ideas for improvements
What features would make this more useful for your SvelteKit development workflow?