Local Visualization about repo-visualizer HOT 9 CLOSED

Hi @noklam I didn't get around to do it yet. You know, stuff happened!

It was starting to weigh on my conscience actually. Like I said I would do it and then didn't. Thanks for this opportunity of actually keeping my word!

I'll be experimenting with it today!

from repo-visualizer.

Hey @RilDev, thanks for the kind words! The GitHub Action is basically just running this node script:

https://github.com/githubocto/repo-visualizer/blob/main/src/index.jsx

which gets bundled with this npm command:

https://github.com/githubocto/repo-visualizer/blob/main/package.json#L3

You should be able to get it working outside of GitHub Actions with minor tweaks!

from repo-visualizer.

Thank you very much, I'll be trying this out soon !

from repo-visualizer.

Thank you very much, I'll be trying this out soon !

@RilDev Any luck or hints how can we do this?

from repo-visualizer.

@RilDev Thanks :) I am not familiar with node so I am trying to making tweak to it.

https://github.com/githubocto/repo-visualizer/blob/main/src/index.js seems creating the SVG diagram, ideally would love to keep the interactive feature just like https://octo-repo-visualization.vercel.app

from repo-visualizer.

Alright, let's get things going!

Here is the fork I'll be pushing my modifications on: https://github.com/RilDev/repo-visualizer

So far I just commented out the Github actions related code and generate the SVG using yarn build.

@Wattenberger could you tell me more about the interactive app https://octo-repo-visualization.vercel.app? Is it generated by another project?

from repo-visualizer.

from repo-visualizer.

To generate static diagram locally using RilDev's (thanks!) fork above.

1. checkout @RilDev's fork, yarn
2. Uncomment src/index.js from line 102 downwards - you've commented out a bit too much
3. yarn build
4. Change working directory to the directory you want analysed
5. node ../../repo-visualizer/index.js

Other things you can hack:

• increase the hard-coded dimensions from 1000 in Tree.tsx, for a big codebase
• add excluded paths in index.jsx:30
• adjust the function that decides whether to enable each circle in Tree.tsx

from repo-visualizer.

Hi there @robatwilliams! Thanks for the tips, I was able to get it to work!

I also updated my fork: https://github.com/RilDev/repo-visualizer

Thanks for the help!

from repo-visualizer.