aboutsummaryrefslogtreecommitdiff
path: root/src/content/presenters/NavigationPresenter.ts
blob: 11d96ec1ccf6f73c464c69ac44691e33c66b71a7 (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
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 {
    let link = selectLast<HTMLLinkElement>(`link[rel~=${rel}][href]`);
    if (link) {
      window.location.href = link.href;
      return;
    }

    const pattern = REL_PATTERN[rel];

    let 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();
    }
  }
}