🔗 Links
📍 Route Annotator for React Router Route Annotator is a VSCode extension that adds helpful annotations to your routes.ts files when working with react-router. It displays clickable CodeLens links above each route or index declaration, showing the full path derived from nested prefix() and route() structures.
🛠 Features:
Automatically detects route paths in routes.ts files.
Resolves full paths for nested prefix() + route() and index() definitions.
Adds a CodeLens above each route showing its full URL path.
Clicking the annotation copies the full route path to your clipboard instantly.
Works seamlessly with file-based TypeScript route configs using react-router conventions.
✅ Screenshot:
🔧 Usage: Just open a routes.ts file in your project — CodeLens annotations will automatically appear if the file matches the pattern and language.