You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
First off, huge props on the dev inspector feature in TanStack Start! The Ctrl+Shift+hover that shows exact file paths and line numbers (with clickable VS Code links) is one of the best DX touches I've seen. It's already saving a ton of time.
Current behavior
Hovering with Ctrl+Shift shows a tooltip with the source file + line/column.
Clicking the tooltip opens the file in VS Code (via the vscode:// protocol ig).
Requested enhancement
I'd love an option to copy the source location string (e.g., src/components/ui/button.tsx:45:12) directly to the clipboard on click (or via an alternative action).
This would replace or complement the current "open in editor" behavior. Use case: it's perfect for quickly pasting into AI coding agent prompts (Cursor, OpenCode, Claude Code , etc.) — e.g., "Refer to the Button component in button.tsx around lines 40-50" — without needing to open the editor first.
Or we could expose underlying APIs maybe like have onHoverDevInspector(), onComponentClickDevInspector(), so that user can build custom dev tool plugin and implement their custom component review layer with comment box UI (something like https://www.react-grab.com)
Possible implementation ideas
Default click → copy to clipboard (instead of opening VS Code)
Or keep open-in-VSCode as default, but add alternatives:
Alt+click or Cmd+click to copy
Right-click context menu with "Copy source location"
Small copy icon in the tooltip
Make it configurable via devtools options
Happy to hear thoughts, or even contribute a PR if this aligns with the vision. Thanks for considering!
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
Hi team (cc @tannerlinsley @AlemTuzlak),
First off, huge props on the dev inspector feature in TanStack Start! The Ctrl+Shift+hover that shows exact file paths and line numbers (with clickable VS Code links) is one of the best DX touches I've seen. It's already saving a ton of time.
Current behavior
Requested enhancement
I'd love an option to copy the source location string (e.g.,
src/components/ui/button.tsx:45:12) directly to the clipboard on click (or via an alternative action).This would replace or complement the current "open in editor" behavior. Use case: it's perfect for quickly pasting into AI coding agent prompts (Cursor, OpenCode, Claude Code , etc.) — e.g., "Refer to the Button component in button.tsx around lines 40-50" — without needing to open the editor first.
Or we could expose underlying APIs maybe like have
onHoverDevInspector(),onComponentClickDevInspector(), so that user can build custom dev tool plugin and implement their custom component review layer with comment box UI (something like https://www.react-grab.com)Possible implementation ideas
Happy to hear thoughts, or even contribute a PR if this aligns with the vision. Thanks for considering!
(https://x.com/wshxnv/status/2009965827639198073: this post blew but i could not able to configure this inspector as i wanted)
Beta Was this translation helpful? Give feedback.
All reactions