-
Notifications
You must be signed in to change notification settings - Fork 0
/
gatsby-browser.js
78 lines (72 loc) · 2.4 KB
/
gatsby-browser.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
// gatsby-browser.js
import React from 'react';
// Forked Gatsby default to not remount on switches between
// translated versions of the same page.
export function replaceComponentRenderer({ props, loader }) {
return React.createElement(props.pageResources.component, {
...props,
// Gatsby default is:
// key: props.pageResources.page.path,
// But we're happy with letting React do its thing.
});
}
function countSlashes(url) {
let n = 0;
for (let i = 0; i < url.length; i++) {
if (url[i] === '/') {
n++;
}
}
return n;
}
function shouldPreserveScrollBetween(oldPathname, newPathname) {
// Don't reset scroll when switching within a post.
// TODO: this is kinda gross and flaky.
if (
// /lang/stuff/ -> /stuff/
(oldPathname.indexOf(newPathname) > 0 &&
countSlashes(oldPathname) === 3 &&
countSlashes(newPathname) === 2) ||
// /stuff/ -> /lang/stuff/
(newPathname.indexOf(oldPathname) > 0 &&
countSlashes(oldPathname) === 2 &&
countSlashes(newPathname) === 3) ||
// /lang/stuff/ -> /other-lang/stuff/
(countSlashes(oldPathname) === 3 &&
countSlashes(newPathname) === 3 &&
// /stuff/ === /stuff/
oldPathname.substr(oldPathname.substr(1).indexOf('/') + 1) ===
newPathname.substr(newPathname.substr(1).indexOf('/') + 1))
) {
return true;
}
return false;
}
// Forked to not update scroll on transitions between translations.
// Sadness. I have to override a *plugin* because it already has its own logic,
// and Gatsby just ignores mine, lol. TODO: fork this plugin?
let oldShouldUpdateScroll = require('gatsby-remark-autolink-headers/gatsby-browser')
.shouldUpdateScroll;
if (typeof oldShouldUpdateScroll !== 'function') {
throw new Error('No monkeypatching today :-(');
}
require('gatsby-remark-autolink-headers/gatsby-browser').shouldUpdateScroll = function shouldUpdateScroll({
prevRouterProps,
routerProps,
}) {
const { pathname, hash } = routerProps.location;
if (prevRouterProps) {
const {
location: { pathname: oldPathname },
} = prevRouterProps;
if (shouldPreserveScrollBetween(oldPathname, pathname)) {
return false;
}
} else {
// Always forget scroll for first load.
return [0, 0];
}
// Call it manually so we have a chance to preserve scroll the line before.
// TODO: maybe inline whatever it does.
return oldShouldUpdateScroll.apply(this, arguments);
};