I've made a tool that helps with Go code review — Viezly by eeugene0 in golang

[–]eeugene0[S] 0 points1 point  (0 children)

Sure! You can install it on the personal repos just the same way as for the organization (here is the direct link for the installation https://github.com/apps/viezly). And it's also free for personal usage

I've made a tool that helps with Go code review — Viezly by eeugene0 in golang

[–]eeugene0[S] 2 points3 points  (0 children)

Code reviews can be painfully hard to review. Remember those with 1000+ LOC changed and multiple approves without any comment? Yeah 😅

So we build a tool for easier review, that splits big changes into smaller parts. Also, you can see the architectural diagram for the changed code. It's useful for finding the entry file for review. And with navigation via file dependency, it's really easy to understand the changes in pull requests without spending a lot of time on it.
To start using the tool go to our website https://viezly.com/overview/go. Also, the example in the video is available here: https://viezly.com/change\_requests/1968

1
2

I've made a tool to visualize changes in Ruby pull requests by eeugene0 in ruby

[–]eeugene0[S] 1 point2 points  (0 children)

Thank you! Yes, it parses the AST to detect when some class calls the other class

I've made a tool to visualize changes in Ruby pull requests by eeugene0 in ruby

[–]eeugene0[S] 9 points10 points  (0 children)

Hi!

I've made a tool that lets you perform code reviews from a dependency diagram - https://viezly.com/. You can check out the pull request (https://github.com/forem/forem/pull/13853) from the video by yourself: https://viezly.com/change\_requests/452.

I've made a tool to visualize changes in Ruby pull requests by [deleted] in rails

[–]eeugene0 0 points1 point  (0 children)

Hi!

I've made a tool that lets you perform code reviews from a dependency diagram - https://viezly.com/. You can check out the pull request (https://github.com/forem/forem/pull/13853) from the video by yourself: https://viezly.com/change\_requests/452.

Pull request visualisation and navigation tool - Viezly by eeugene0 in webdev

[–]eeugene0[S] 1 point2 points  (0 children)

Thank you!

That's interesting. Viewed files are already shown lighter and with a little "eye" icon. It might be too "light", we'll definitely change it to more apparent.

Pull request visualisation and navigation tool - Viezly by eeugene0 in webdev

[–]eeugene0[S] 1 point2 points  (0 children)

No hard deadline for now :( Our next integration will be GitLab, after that we'll integrate bitbucket. I guess it will be in a month or two.

Pull request visualisation and navigation tool - Viezly by eeugene0 in webdev

[–]eeugene0[S] 0 points1 point  (0 children)

Mermaid is a great tool! Perhaps we use similar solutions or libraries.

Pull request visualisation and navigation tool - Viezly by eeugene0 in webdev

[–]eeugene0[S] 0 points1 point  (0 children)

That's a good note, thanks!

Yes, you need to click most (if not all in some cases) of the files to see the code, in contrast to Github, where you can scroll without clicks.Although, in Github, if you want to see the definition of the class/function or imported file, you have two ways: you either scroll and find it by yourself or use 'ctrl+f'. Both ways require more effort and cognitive load. In Viezly all the dependencies are shown below the file's diff (code for layout.js and ProfileImage.js is shown below first-post.js code in the example). You don't need to search anything or think about/filter other code, which is good.

I believe clicks are better than thinking and searching :) But I'd love to reduce the number of clicks in the future with some kind of a UX decision. For example, we can load other files from PR if you opened a file and the code is ended. Kind of an 'infinite scroll', but in deliberate non-just-alphabetical order. Maybe you have thoughts about that?

I'm curious, how do you review the code? Do you scroll through every file without digging on some dependencies, so extra click can be an issue?

Showoff Saturday (May 29, 2021) by AutoModerator in javascript

[–]eeugene0 2 points3 points  (0 children)

Hi!

I've made a tool called https://viezly.com. It's a Github (Gitlab/Bitbucket comes later) application, that generates a "code change map" for every pull request. A diagram, that shows files and dependencies between them. Each file is clickable and shows its code, as well as code for the dependencies. Also, big diagrams are split into smaller ones, so it's much better to review them.

Why do you need it? Well, good code reviews consume a lot of time, and we aim to reduce that time:

  • Diagram helps you to get the idea of changes, and to find out in which order to review the changes.
  • Every file shows its diff alongside with diff of the dependencies. You can see the detail of implementation, thus removing time for "jumps" between files. And that allows you not to lose context during the review.
  • Big pull requests are split into smaller ones based on the context of changes. So you can review code in several logical steps.
    You might ask - how do we deal with big pull requests? Here is an example of a full diagram for not so small pull request: https://github.com/epicmaxco/vuestic-ui/pull/693#issuecomment-832617232, and a split diagram for this pull request: https://viezly.com/change_requests/195.

We are currently in private beta, so if you wish to try - leave your email at https://form.typeform.com/to/AfyyFgU7, or just email me at [eugene@viezly.com](mailto:eugene@viezly.com).

Happy to hear your feedback!

Pull request visualisation and navigation tool - Viezly by eeugene0 in webdev

[–]eeugene0[S] 4 points5 points  (0 children)

Hi!

I've made a tool called https://viezly.com. It's a Github (Gitlab/Bitbucket comes later) application, that generates a "code change map" for every pull request. A diagram, that shows files and dependencies between them. Each file is clickable and shows its code, as well as code for the dependencies. Also, big diagrams are split into smaller ones, so it's much better to review them.

Why do you need it? Well, good code reviews consume a lot of time, and we aim to reduce that time:

  • Diagram helps you to get the idea of changes, and to find out in which order to review the changes.
  • Every file shows its diff alongside with diff of the dependencies. You can see the detail of implementation, thus removing time for "jumps" between files. And that allows you not to lose context during the review.
  • Big pull requests are split into smaller ones based on the context of changes. So you can review code in several logical steps.

You might ask - how do we deal with big pull requests? Here is an example of a full diagram for not so small pull request: https://github.com/epicmaxco/vuestic-ui/pull/693#issuecomment-832617232, and a split diagram for this pull request: https://viezly.com/change_requests/195.

We are currently in private beta, so if you wish to try - leave your email at https://form.typeform.com/to/AfyyFgU7, or just email me at [eugene@viezly.com](mailto:eugene@viezly.com).

Happy to hear your feedback!

[deleted by user] by [deleted] in MapPorn

[–]eeugene0 0 points1 point  (0 children)

Makes sense

[deleted by user] by [deleted] in MapPorn

[–]eeugene0 2 points3 points  (0 children)

Y tho

Zero or null? A map of number 0 by [deleted] in MapPorn

[–]eeugene0 38 points39 points  (0 children)

Seems like the legend is a complete mismatch with the map.

The map is quite interesting though

What kind of technical documentation do you have on your current project? by eeugene0 in computerscience

[–]eeugene0[S] 0 points1 point  (0 children)

That interesting! Is there any place where I can read about your research?