bob-lens
Published an npm package that visualizes IBM Bob's AI code changes in real time, surfacing diffs, flow diagrams, and BobShell analysis before changes are approved.
- TypeScript
What is Bob Lens?
Bob Lens is an npm package that runs alongside IBM Bob IDE. It visualizes AI-generated code changes in real time before you approve them. You get a side-by-side diff, an execution flow diagram with clickable nodes, and (for React) a before/after component preview. Everything is triggered automatically through IBM Bob’s MCP protocol.
Features
Side-by-side code diff: Character-level highlighting within each line, with line numbers. Git-style unified diff below.
Execution flow diagram: Before/after node graph; click nodes to inspect inputs, behavior, outputs; value-flow pills show data movement.
Component preview: For .jsx and .tsx, Puppeteer renders the React component before and after.
BobShell analysis: BobShell produces a summary, risks, and SAFE/REVIEW/RISKY verdict; export JSON to bob_sessions/.
Written up in preyashyadav/bob-lens
- Published as version 0.1.0 under preyashyadav.