TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Quickly browse the history of any GitHub file

407 pointsby pomberover 6 years ago

37 comments

mike-cardwellover 6 years ago
I wonder how many devs out there are going to basically hand over access to their companies property (private code repos) to this random guy by "signing in with github", without even thinking about what they're doing.
评论 #19113871 未加载
评论 #19119513 未加载
评论 #19114000 未加载
评论 #19117813 未加载
评论 #19116178 未加载
mike-cardwellover 6 years ago
Seems the project is MIT licensed and written in JavaScript so presumably somebody could package it up in a browser extension so there are no privacy issues when viewing private repos: <a href="https:&#x2F;&#x2F;github.com&#x2F;pomber&#x2F;git-history" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;pomber&#x2F;git-history</a> - He does have browser extensions but they just look like they redirect you to the service.
btbuildemover 6 years ago
The slick movement makes it hard to see what the changes were -- a classic diff would be orders of magnitude more effective here.
评论 #19116151 未加载
评论 #19116606 未加载
kobollover 6 years ago
This is very cool.<p>One suggestion: The long horizontal sliding animation seriously detracts from the user experience. It makes it difficult to track what changed because areas of the code go briefly blank while the next bit of code is sliding in.<p>Would be a lot less difficult to track changes if new lines of code simply faded in in-place and pushed code around them up and down.
评论 #19113959 未加载
评论 #19113978 未加载
azhenleyover 6 years ago
Finally! I’ve been waiting for a tool like this.<p>If you want a similar tool built into Atom, check out this great plugin: <a href="https:&#x2F;&#x2F;atom.io&#x2F;packages&#x2F;git-time-machine" rel="nofollow">https:&#x2F;&#x2F;atom.io&#x2F;packages&#x2F;git-time-machine</a><p>A few years ago I also worked on a similar tool, except it was based on your undo history and was built into an IDE for a visual language: <a href="http:&#x2F;&#x2F;web.eecs.utk.edu&#x2F;~azh&#x2F;pubs&#x2F;Henley2016VLHCC_Yestercode.pdf" rel="nofollow">http:&#x2F;&#x2F;web.eecs.utk.edu&#x2F;~azh&#x2F;pubs&#x2F;Henley2016VLHCC_Yestercode...</a>
cpayne624over 6 years ago
This is super-slick. Suggestion, scroll to the (top) changed line before the change animation to reveal changes in large files that happened out of viewport. Nice work
评论 #19113810 未加载
beefmanover 6 years ago
I was always flabbergasted github doesn&#x27;t provide this.<p>Also basic info that every other file browser in the universe shows, like file size.
评论 #19118605 未加载
saagarjhaover 6 years ago
If only GitHub could do this themselves instead of falling over if you try to run blame on any reasonably large repository…wait, hold on, it looks like this website does as well. Aww…
评论 #19113940 未加载
andrew_over 6 years ago
YMMV - I&#x27;d like to see highlighting of what&#x27;s changed, as it&#x27;s difficult to track multiple changes with the animations. The old stand-by red and green for diffs could work, with the old content eventually fading out or some such - probably a more elegant want to achieve that but hopefully you get the gist.
评论 #19115384 未加载
chatmastaover 6 years ago
For a similar visualization, but at the repository level, check out Gource [0]<p>[0] <a href="https:&#x2F;&#x2F;github.com&#x2F;acaudwell&#x2F;Gource" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;acaudwell&#x2F;Gource</a>
评论 #19114665 未加载
jmiserezover 6 years ago
Been looking for something like this for ages. Is there a version that works with local repos?<p>EDIT: at least for emacs, there&#x27;s <a href="https:&#x2F;&#x2F;gitlab.com&#x2F;pidu&#x2F;git-timemachine" rel="nofollow">https:&#x2F;&#x2F;gitlab.com&#x2F;pidu&#x2F;git-timemachine</a><p>EDIT2: and a different one for Atom with a nice plot: <a href="https:&#x2F;&#x2F;github.com&#x2F;littlebee&#x2F;git-time-machine" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;littlebee&#x2F;git-time-machine</a>
评论 #19113777 未加载
linkmotifover 6 years ago
Not to be that guy but: git log -p $file. Works great IMO.
评论 #19114071 未加载
评论 #19114033 未加载
rectangover 6 years ago
Feature request: Any chance for `--follow` to track the history of files that have moved?
ignaloidasover 6 years ago
This still needs performance improvements - on bigger files with longer history the transitions between commits get choppy, it shows only the newest 10 or so commits and doesn&#x27;t load older ones, e.g. [0] has around 2500 lines and a history of around 200 commits. Usability is horrible for such files.<p>[0] <a href="https:&#x2F;&#x2F;githistory.xyz&#x2F;godotengine&#x2F;godot&#x2F;blob&#x2F;master&#x2F;servers&#x2F;visual_server.cpp" rel="nofollow">https:&#x2F;&#x2F;githistory.xyz&#x2F;godotengine&#x2F;godot&#x2F;blob&#x2F;master&#x2F;servers...</a>
burembaover 6 years ago
Could you please make a bookmarklet as an alternative to Chrome extension?
评论 #19114021 未加载
评论 #19115229 未加载
lezover 6 years ago
It would be even more awesome than it is, if:<p>* A &quot;blame&quot; column could be turned on at the left, showing output from &quot;git blame&quot;. * When hovering over a line in the blame column, the main window shows the historical version of the file when the commit was born. Commit message appears on the left (even more left). * When it is clicked, the timeline jumps there.<p>I understand it would be a lot of work, but it would be a super valuable tool for browsing file history in git.
dkarpover 6 years ago
What are people&#x27;s opinions of this type of diff? Are there certain cases where it&#x27;s more useful to see it like this than the usual green&#x2F;red above and below style?<p>Would be great if there were studies on this. What is the easiest to interpret: in-line, above&#x2F;below, side-by-side, other options I don&#x27;t know exist
评论 #19116086 未加载
aboutrubyover 6 years ago
I think keeping some color coding for the lines that got added &#x2F; removed (better for the characters added &#x2F; removed) would be nice (e.g. just an almost transparent background color on the lines &#x2F; characters like Github does).<p>Otherwise great idea and I really like the URL-based projects.
edwinyzhover 6 years ago
Granted github access, but always get &quot;GitHub API rate limit exceeded for your IP (60 requests per hour)&quot;. This is a free github account, is it normal? Using Chrome Version 72.0.3626.96 (Official Build) (64-bit)
mark_l_watsonover 6 years ago
Thanks! That is very cool. Definitely will add that to my workflow.
nullandvoidover 6 years ago
This looks amazing thanks! Is there any chance of a vs code port happening? Turns out I thought my current solution was nice but is actually a janky experience compared to this
jakemorover 6 years ago
This is really cool.<p>The animations are great – but I think you should speed em up a bit. The long ease-out period makes it tough to concentrate on small changes. Will most definitely use this!
nikofeynover 6 years ago
coming to github from perforce due to a job change, i have never gotten back to the point i was at with perforce in terms of expertise, flexibility, and custom scripting. some of it is because of size of team changes, but most of it is github missing features and git being, in my opinion, overly complicated. for example, perforce has a very nice file tracking ui that helps navigate changes, braches, renames, etc.
miki725over 6 years ago
This is amazing! Simple and elegant. This puts any other history viewer to shame. Now I wish this was available for GitHub enterprise for work code.
egzeover 6 years ago
This is nice. Can it be done with a browser extension only, without a web service? (to make it work for private repos)
评论 #19113863 未加载
评论 #19113864 未加载
garfieldnateover 6 years ago
I like this a lot, but every line of text is cut in half in the display for me (Chrome 71).
hugh-avheraldover 6 years ago
This is really good. Thank you.
royalghostover 6 years ago
This is great. Would be even cool if changes are shown at code level and not line.
sidcoolover 6 years ago
Pretty neat. Have seen this submitted before I think. But good visualization.
elamjeover 6 years ago
I don&#x27;t know if I&#x27;ll use this much, but that is super cool. Props!
评论 #19116081 未加载
masha_sbover 6 years ago
maybe have a sidebar, with vertical timeline - dates and profile?
confoundedover 6 years ago
Wish there was something like this for magit!
jibolsoover 6 years ago
Very neat implementation.
Davidbrczover 6 years ago
git-timemachine does it for emacs for those who don&#x27;t know.
评论 #19117184 未加载
评论 #19114316 未加载
dtornabeneover 6 years ago
this is very cool, nicely done
mmoezover 6 years ago
Posted several times during the last 72 hours on HN without getting any traction:<p><a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19106499" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19106499</a><p><a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19106328" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19106328</a><p><a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19102828" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19102828</a><p><a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19100110" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19100110</a><p><a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19092802" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=19092802</a>
评论 #19120346 未加载
评论 #19114394 未加载
sergiotapiaover 6 years ago
Nifty, but shouldn&#x27;t this be an open source app? Who would give you access to their repos?
评论 #19115047 未加载
评论 #19115051 未加载