-
- Quickly browse the history of any GitHub file (GitLab and Bitbucket{" "}
-
- coming soon
-
- ):
+
+
+
+
+
+
Git History
+ Quickly browse the history of files in any git repo:
- Replace github.com with{" "}
- github.githistory.xyz in any file url
+ Go to a file in GitHub (or{" "}
+ GitLab , or Bitbucket )
- There's no step two
+
+ Replace github.com with github.githistory.xyz
+
+ There's no step three
-
Try it
+
+ Try it
+
+
Also available as extensions:
+
+
- You can also add an Open in Git History button to
- GitHub with the{" "}
-
- Chrome
- {" "}
- and{" "}
-
- Firefox
- {" "}
- extensions.
-
- CLI
- For local git repos use the{" "}
- CLI .
- · · ·
+
+
+
+
+ );
+}
+
+function Testimonies() {
+ return (
+
+ What people are saying...
+
+
+ Git History caught our eye with a beautiful way to tour the history of
+ a file in a GitHub repo. ... there’s nothing to download and install:
+ point Git History to a repository file URL to start traveling through
+ time. Great Scott!
+
+
+ Ahh you know when you need to browse your Git history but it takes a
+ while to find what you are looking for? Git History lets you browse
+ the history in no-time. Useful.
+
+
+ I love little apps like this that copy the URL structure of another
+ app, so you can replace just the TLD and it does something useful.
+
+
+ There's something really satisfying about browsing file history with
+ this timeline UI. It's super nice.
+
+
+
+ );
+}
+
+function Testimony({ link, avatar, name, children }) {
+ return (
+
+
+ {children}
+
+
+ {name}
+
+
+
+
+ );
+}
+
+function ResponsivePicture({ link, src, alt, append = "" }) {
+ return (
+
+
+
+
+ );
+}
+
+function Backers() {
+ return (
+
+ Support Git History
+
Sponsors
Support this project by becoming a sponsor. Your logo will show up
@@ -58,26 +208,37 @@ export default function Landing() {
Become a sponsor
-
-
+
Backers
- Thank you to all our backers! 🙏.{" "}
+ Thank you to all our backers!{" "}
+
+ 🙏
+
+ .{" "}
Become a backer to help us ship more features!
-
-
+
+
Contributors
+
This project exists thanks to all the people who contribute.
+
+
-
+
);
}
diff --git a/src/scroller.js b/src/scroller.js
index 217d1f1..37a0653 100644
--- a/src/scroller.js
+++ b/src/scroller.js
@@ -2,7 +2,7 @@ import React from "react";
import useChildren from "./use-virtual-children";
import "./scroller.css";
import useSpring from "./use-spring";
-import { nextIndex, prevIndex, closestIndex, getScrollTop } from "./utils";
+import { nextIndex, prevIndex, getScrollTop } from "./utils";
const initialState = {
snap: false,
@@ -23,6 +23,8 @@ export default function Scroller({
const reducer = (prevState, action) => {
switch (action.type) {
+ case "unsnap":
+ return !prevState.snap ? prevState : { ...prevState, snap: false };
case "change-area":
if (snapAreas.length === 0) {
return prevState;
@@ -129,6 +131,12 @@ export default function Scroller({
// });
// }, [snapAreas]);
+ React.useEffect(() => {
+ dispatch({
+ type: "unsnap"
+ });
+ }, [snapAreas]);
+
React.useLayoutEffect(() => {
if (snap) {
ref.current.scrollTop = top;
diff --git a/src/use-virtual-children.js b/src/use-virtual-children.js
index 5fc565c..8a08ae1 100644
--- a/src/use-virtual-children.js
+++ b/src/use-virtual-children.js
@@ -10,7 +10,7 @@ export default function useChildren({
}) {
const children = [];
- const extraRender = 1500;
+ const extraRender = 1000;
const topT = top - extraRender;
const bottomT = top + height + extraRender;
+ + {name} + + +
-
+ 
-
+