Introducing Bibimbob: VSCode Extension for ReScript Dependency Visualization

21

New features have been added in version v0.7.0:

  • Unused module analysis
  • Module name search in dependency graph
  • Visualization tool changed from D3 to Graphviz
5 Likes
22

New features have been added in version v0.8.0:

  • Value Usage Count Annotation: shows usage counts for let bindings, helping you identify unused or rarely used code.
4 Likes
23

Great extension! Thank you. I always wanted to be able to quickly visualize where a React component is being used without having to cmd F “<MyComponent”. This helps quite a lot for this purpose.

I’ve got a few suggestions:

  • need to exclude a dir/file, for example my tests files are ruining some of the views, this makes the showUnusedModules feature irrelevant for my case.
  • when a list is too long for the view, the scrolling navigation would be very useful, currently the scrolling gesture is zooming on Mac and makes it very hard to navigate in.
  • need to filter out/hide quickly some tree: sometime the dependencies tree is irrelevant and takes too much space when I just want to see the dependents tree.
  • add navigation to a file: clicking on a node redirects to a focus of that node, while this is useful, adding a case like cmd modifier to makes it redirecting to the file itself would be useful.

In my large codebase, the “showDependencyGraph” feature is not loading trees, but that is to be expected!

1 Like
25

Thank you for your feedback. It overlaps a lot with the features I’d like to add. I’ll work on it and implement it step by step.

2 Likes