{"repo":"buzinas/react-trace","free":true,"listed":false,"github":"https://github.com/buzinas/react-trace","clone":"git clone https://github.com/buzinas/react-trace.git","description":"React Trace: batteries-included React visual inspector","language":"TypeScript","stars":112,"topics":["ai","ai-tools","inspect","inspector","opencode","react","react-grab","react-inspector","react-find","react-trace"],"license":"MIT","category":"ai-agents","readme_excerpt":"react-trace A development-time React inspector for your components. Video demonstration Identify rendered components, find their source locations, and choose what to do: - Open the file in your editor, on the exact line of your component definition - Preview the code and edit it directly in the browser - Add comments and then copy & paste to your AI agents - Or even send them to your session on OpenCode for a seamless review experience Installation Recommended: @react-trace/kit Use the @react-trace/kit package when you want the standard inspector setup with all official plugins already wired for you. Peer requirements: - react = 18 - react-dom = 18 Usage Change your dev script to export the project root e.g.: Then add it next to your app: root should be the absolute path to the project being inspected. A common development setup is exporting it in your dev script, for example: VITE ROOT=$(pwd) vite . Alternative: @react-trace/core and specific plugins Use @react-trace/core when you want to choose plugins yourself. The official plugins also expect @react-trace/ui-components as a peer dependency. Official Plugins Package What it adds --------------------------------------- -------------------------------------------------------------------------------------------------------------------------- @react-trace/plugin-preview Project-folder access, Monaco-based source preview, optional inline editing, and preview settings. @react-trace/plugin-copy-to-clipboard An action-panel item t","default_branch":null,"files":null,"tree":[],"storefront":"/r/buzinas","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/buzinas/react-trace/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."}