pagenate by prev/next links

src/background/keys.js

@@ -30,6 +30,8 @@ const defaultKeymap = {
   'F': { type: operations.FOLLOW_START, newTab: true },
   'H': { type: operations.NAVIGATE_HISTORY_PREV },
   'L': { type: operations.NAVIGATE_HISTORY_NEXT },
+  '[[': { type: operations.NAVIGATE_LINK_PREV },
+  ']]': { type: operations.NAVIGATE_LINK_NEXT },
 };
 
 const asKeymapChars = (keys) => {

src/content/index.js

@@ -39,6 +39,10 @@ const execOperation = (operation) => {
     return navigates.historyPrev(window);
   case operations.NAVIGATE_HISTORY_NEXT:
     return navigates.historyNext(window);
+  case operations.NAVIGATE_LINK_PREV:
+    return navigates.linkPrev(window);
+  case operations.NAVIGATE_LINK_NEXT:
+    return navigates.linkNext(window);
   }
 };
 

src/content/navigates.js

@@ -1,8 +1,47 @@
+const PREV_LINK_PATTERNS = [
+  /\bprev\b/i, /\bprevious\b/i, /\bback\b/i,
+  /</, /\u2039/, /\u2190/, /\xab/, /\u226a/, /<</
+];
+const NEXT_LINK_PATTERNS = [
+  /\bnext\b/i,
+  />/, /\u203a/, /\u2192/, /\xbb/, /\u226b/, />>/
+];
+
+const findLinkByPatterns = (win, patterns) => {
+  let links = win.document.getElementsByTagName('a');
+  return Array.prototype.find.call(links, (link) => {
+    return patterns.some(ptn => ptn.test(link.textContent));
+  });
+};
+
 const historyPrev = (win) => {
   win.history.back();
 };
+
 const historyNext = (win) => {
   win.history.forward();
 };
 
-export { historyPrev, historyNext };
+const linkPrev = (win) => {
+  let link = win.document.querySelector('a[rel=prev]');
+  if (link) {
+    return link.click();
+  }
+  link = findLinkByPatterns(win, PREV_LINK_PATTERNS);
+  if (link) {
+    link.click();
+  }
+};
+
+const linkNext = (win) => {
+  let link = win.document.querySelector('a[rel=next]');
+  if (link) {
+    return link.click();
+  }
+  link = findLinkByPatterns(win, NEXT_LINK_PATTERNS);
+  if (link) {
+    link.click();
+  }
+};
+
+export { historyPrev, historyNext, linkPrev, linkNext };

src/operations/index.js

@@ -13,6 +13,8 @@ export default {
   FOLLOW_START: 'follow.start',
   NAVIGATE_HISTORY_PREV: 'navigate.history.prev',
   NAVIGATE_HISTORY_NEXT: 'navigate.history.next',
+  NAVIGATE_LINK_PREV: 'navigate.link.prev',
+  NAVIGATE_LINK_NEXT: 'navigate.link.next',
 
   // Background
   TABS_CLOSE: 'tabs.close',