TypeScript-Call-Graph icon indicating copy to clipboard operation
TypeScript-Call-Graph copied to clipboard

Screenshots

Open whyboris opened this issue 5 years ago • 4 comments

Please share beautiful screenshots below 🙇‍♂️

This repository is still WIP 🚧 feel free to suggest other visualizations (and visualization libraries) for this project 🤝

whyboris avatar Jun 26 '20 23:06 whyboris

WIP screenshot for the repository: image

whyboris avatar Jun 26 '20 23:06 whyboris

Thanks for this project, very helpful for refactoring!

Here are two suggestions:

  • Add a toggle to switch whether to combine same function names.
  • For asynchronous call (e.g. setTimeout(() => foo())), replace the solid line with a dotted line.

screencapture-localhost-3000-cascade-index-html-2020-08-05-04_49_28

johnsoncodehk avatar Aug 04 '20 20:08 johnsoncodehk

So cool! Thank you for the screenshot!

I'm surprised there are so many duplicates 🤔 -- for example I see unTrackingGetter is called many times -- I would have expected it to show up once! I feel like this is a bug in my code -- I don't think we need to have a toggle to show duplicates ever. I'll see if I can replicate on my end.

I like your idea about some indication of async functions (a dotted line sounds like a great way to do it).

I'm open to any PRs -- I've been focusing more on my Video Hub App these days 😅

whyboris avatar Aug 06 '20 16:08 whyboris

I think this is not an error. I did call it multiple times, but I aimed to check the dependency of the function, so it would be helpful to provide the option to merge the same function. I still have a lot of work in progress. If I have time, I will try to solve the problem that functions of the same name in different scripts will be regarded as the same function. :)

johnsoncodehk avatar Aug 06 '20 22:08 johnsoncodehk