feat(react): capture runtime props without wrapping user components

[yann-copilot]

Summary

This proposes a React-only alternative that captures runtime props without transforming user component declarations into wrappers.

What changed

• src/frameworks/react/transform.ts

  • stop wrapping components with withComponentHighlighter(...)
  • only inject side-effect runtime import (virtual:component-highlighter/runtime) for React files with JSX

• src/frameworks/react/runtime-module.ts

  • add fiber-tree scanner that discovers composite component fibers
  • read memoizedProps and resolve nearest host element
  • emit existing register/update/unregister events so current overlay/listener pipeline keeps working

Why

Current implementation mutates user source shape by adding wrappers, which is intrusive and can affect debugging/tooling expectations.

This keeps original component structure intact while still collecting runtime props for the highlighter/story generation workflow.

Scope

• React only
• dev/runtime behavior only

Caveats

• relies on React internals (__reactContainer$ / __reactFiber$ and fiber shape), so this is intentionally experimental and may require maintenance across React updates.

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/yannbf/vite-plugin-experimental-storybook-devtools@1

commit: 410ec8e