Awesome
github-csv-diff
Extend GitHub's diff view to make csv diffs easier to read
GitHub provides a page that only shows diffs with a .diff at the end of the URL of the pull request. This Chrome Extension makes it easier to view csv diffs by using daff on that page.
Before
<img src="example/before.png" alt="image of before">After
<img src="example/after.png" alt="image of after">Install
<table> <tbody> <tr> <td align="center"> <a href="https://chrome.google.com/webstore/detail/github-csv-diff/dojeallnmgbmdjoboklnojkdfenfgiek"> <img height="64" src="https://cdnjs.cloudflare.com/ajax/libs/browser-logos/61.1.3/chrome/chrome.svg"> </a> <br> <a href="https://chrome.google.com/webstore/detail/github-csv-diff/dojeallnmgbmdjoboklnojkdfenfgiek"> <strong>Chrome</strong> extension </a> <br> <img valign="middle" src="https://img.shields.io/chrome-web-store/v/dojeallnmgbmdjoboklnojkdfenfgiek.svg?label=%20"> </td> </tr> </tbody> </table>Demo
You can see demo diff view after installed extension.
(Add .diff to the end of the pull request, e.g. https://github.com/banyan/github-csv-diff/pull/1 for the URL https://github.com/banyan/github-csv-diff/pull/1.diff)
How it works
- Apply only when the diff is comparing csv to csv. otherwise, the original diff is displayed as is.
- If the number of differences is large, it takes a little time to display. (e.g. 20,000 lines in about 20 or 30 seconds on my environment), but otherwise, it's better to view the diff locally.
Appendix
- A bookmarklet to open the diff page from GitHub Pull Request page.
javascript:void(window.open(location.href.match(/https:\/\/github.com\/.+\/pull\/\d+/)[0]+'.diff','_blank'))