← Back to work

01 / 06Developer tooling

RepoLens

Reading an unfamiliar codebase usually means tracing imports and symbols by hand. RepoLens parses the source with the TypeScript Compiler API and renders the result as an interactive graph, with search across files and symbols, a suggested reading order for new contributors, and simple risk signals.

Illustration
Team
Solo project
Status
In progress

What I built

  1. 01Scans a local workspace or a public GitHub repository for JavaScript and TypeScript files.
  2. 02Extracts imports, exports, functions, and classes from the AST instead of matching text.
  3. 03Builds folder and import edges, then renders the graph with React Flow.
  4. 04Ranks search results across filenames, paths, summaries, symbols, and imports.
  5. 05Suggests a six-file reading path and flags files with rule-based risk signals.

Scope and limits

  • GitHub scans are unauthenticated and capped at the first 80 supported files.
  • Import resolution covers relative paths and the @/ alias, not every tsconfig path mapping.
  • Risk scoring is a set of transparent heuristics, not semantic complexity analysis.

Built with

  • Next.js
  • TypeScript
  • TypeScript Compiler API
  • React Flow
  • Tailwind CSS