React Component Lens — Monorepo

Visually distinguish React Server Components and Client Components directly in your editor.

This repository is a bun workspace plus Cargo workspace monorepo that hosts the shared Rust analysis core and editor integrations for multiple platforms.

Architecture

React Component Lens has one analysis implementation: packages/core. That Rust core parses JSX/TSX, resolves imports, detects "use client", and is validated against the static fixtures and goldens in conformance/.

Consumers use the same core through platform-specific wrappers:

• VS Code loads packages/core-wasm, built with wasm-pack --target nodejs, and bundles core_wasm.js plus core_wasm_bg.wasm into the extension.
• Zed uses the native rcl-lsp binary from the Cargo workspace.

Packages

Package	Path	Description
Rust core	packages/core	Single source of truth for component analysis.
WASM wrapper	packages/core-wasm	Node-targeted WASM package consumed by VS Code.
LSP server	packages/lsp	Native rcl-lsp analysis server for editor clients.
Zed extension	packages/zed	Zed integration that runs the native LSP server.
VS Code extension	packages/vscode	The VS Code / Open VSX extension (devfive.react-component-lens).

Development

bun install            # install all workspace dependencies
bun run build          # build every package
bun run typecheck      # type-check every package
bun run lint           # lint the whole workspace
bun run test           # run the test suite
bun run test:coverage  # run Rust coverage with a 100% gate

To work on a single package, use bun's filter flag:

bun run --filter react-component-lens build

License

MIT