{"repo":"ivanstnsk/xray","free":true,"listed":false,"github":"https://github.com/ivanstnsk/xray","clone":"git clone https://github.com/ivanstnsk/xray.git","description":"Click-to-component for React 19. Hover any element to see its React component name and source file, click to open in your editor. The only click-to-source inspector that works with React 19, Next.js 15+, and Turbopack.","language":"TypeScript","stars":11,"topics":["developer-tools","devtools","dx","inspector","nextjs","react","react-devtools","react19","source-code","turbopack"],"license":"MIT","category":"dev-tools","readme_excerpt":"@stinsky/xray Click-to-component for React 19. Hover any element to see its React component name and source file, click to open in your editor. The only click-to-source inspector that works with React 19, Next.js 15+, and Turbopack. Features - Click to open source — click any element to open its source file in VS Code, WebStorm, IntelliJ, or any editor - Component name overlay — hover to see the React component name + file path - Works with React 19 — uses compile-time AST injection, not fiber. debugSource (removed in React 19) - All bundlers — Next.js (Turbopack & Webpack), Vite, Webpack, Rspack, esbuild - Zero production cost — fully tree-shaken, zero bytes in your production bundle - Floating toggle button — auto-follows the Next.js dev indicator, or freely draggable with snap-to-corner in other setups - Keyboard shortcut — Cmd+Shift+X to toggle (customizable) - Scroll-aware — rAF-based tracking, works with smooth scrolling libraries (Lenis, etc.) - Interaction blocking — all clicks/pointer events blocked while inspecting, no accidental navigation Why not react-dev-inspector / click-to-react-component / LocatorJS? React 19 removed fiber. debugSource , which broke every existing click-to-component tool. These packages rely on runtime fiber inspection to find source locations — an approach that no longer works. @stinsky/xray uses code-inspector-plugin to inject data-insp-path attributes at compile time via AST transformation. This is the only approach that works reliably acr","default_branch":null,"files":null,"tree":[],"storefront":"/r/ivanstnsk","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ivanstnsk/xray/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}