blob: 3edcd12f6e1f6f41e76ca9218243d5c96ff6f5e8 (
plain) (
blame)
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
|
export default interface NavigationPresenter {
openHistoryPrev(): void;
openHistoryNext(): void;
openLinkPrev(): void;
openLinkNext(): void;
}
const REL_PATTERN: { [key: string]: RegExp } = {
prev: /^(?:prev(?:ious)?|older)\b|\u2039|\u2190|\xab|\u226a|<</i,
next: /^(?:next|newer)\b|\u203a|\u2192|\xbb|\u226b|>>/i,
};
// Return the last element in the document matching the supplied selector
// and the optional filter, or null if there are no matches.
// eslint-disable-next-line func-style
function selectLast<E extends Element>(
selector: string,
filter?: (e: E) => boolean
): E | null {
let nodes = Array.from(
window.document.querySelectorAll(selector) as NodeListOf<E>
);
if (filter) {
nodes = nodes.filter(filter);
}
return nodes.length ? nodes[nodes.length - 1] : null;
}
export class NavigationPresenterImpl implements NavigationPresenter {
openHistoryPrev(): void {
window.history.back();
}
openHistoryNext(): void {
window.history.forward();
}
openLinkPrev(): void {
this.linkRel("prev");
}
openLinkNext(): void {
this.linkRel("next");
}
// Code common to linkPrev and linkNext which navigates to the specified page.
private linkRel(rel: "prev" | "next"): void {
const link = selectLast<HTMLLinkElement>(`link[rel~=${rel}][href]`);
if (link) {
window.location.href = link.href;
return;
}
const pattern = REL_PATTERN[rel];
const a =
selectLast<HTMLAnchorElement>(`a[rel~=${rel}][href]`) ||
// `innerText` is much slower than `textContent`, but produces much better
// (i.e. less unexpected) results
selectLast("a[href]", (lnk) => pattern.test(lnk.innerText));
if (a) {
a.click();
}
}
}
|
