From 99dedc4ac3def0953ad95ac3f0a2fa757dfe4baf Mon Sep 17 00:00:00 2001
From: Kovid Goyal <kovid@kovidgoyal.net>
Date: Tue, 15 Dec 2020 13:43:31 +0530
Subject: [PATCH] Start work on hints mode

---
 src/pyj/read_book/hints.pyj    | 31 +++++++++++++++++++++++++++++++
 src/pyj/read_book/iframe.pyj   |  2 +-
 src/pyj/read_book/settings.pyj | 13 +++++++++++++
 3 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 src/pyj/read_book/hints.pyj

diff --git a/src/pyj/read_book/hints.pyj b/src/pyj/read_book/hints.pyj
new file mode 100644
index 0000000000..0c8b4f8065
--- /dev/null
+++ b/src/pyj/read_book/hints.pyj
@@ -0,0 +1,31 @@
+# vim:fileencoding=utf-8
+# License: GPL v3 Copyright: 2020, Kovid Goyal <kovid at kovidgoyal.net>
+from __python__ import bound_methods, hash_literals
+
+
+def is_visible(a):
+    if not a.offsetParent:
+        return False
+    rect = a.getBoundingClientRect()
+    return rect.left >= 0 and rect.top >= 0 and rect.left < window.innerWidth and rect.top < window.innerHeight
+
+
+def hint_visible_links(link_attr):
+    i = 0
+    hint_map = {}
+    for a in document.body.querySelectorAll(f'a[{link_attr}]'):
+        if is_visible(a):
+            i += 1
+            h = i + ''
+            a.setAttribute('calibre-hint-render', i.toString(36))
+            a.setAttribute('calibre-hint-value', h)
+            hint_map[h] = a.getAttribute(link_attr)
+            a.classList.add('calibre-hint-visible')
+    return hint_map
+
+
+def unhint_links(link_attr):
+    for a in document.body.querySelectorAll(f'a[{link_attr}]'):
+        a.classList.remove('calibre-hint-visible')
+        a.removeAttribute('calibre-hint-render')
+        a.removeAttribute('calibre-hint-value')
diff --git a/src/pyj/read_book/iframe.pyj b/src/pyj/read_book/iframe.pyj
index 8da7b0b64c..e85163bd12 100644
--- a/src/pyj/read_book/iframe.pyj
+++ b/src/pyj/read_book/iframe.pyj
@@ -652,7 +652,7 @@ class IframeBoss:
 
     def connect_links(self):
         link_attr = 'data-' + self.book.manifest.link_uid
-        for a in document.body.querySelectorAll('a[{}]'.format(link_attr)):
+        for a in document.body.querySelectorAll(f'a[{link_attr}]'):
             a.addEventListener('click', self.link_activated)
         if runtime.is_standalone_viewer:
             # links with a target get turned into requests to open a new window by Qt
diff --git a/src/pyj/read_book/settings.pyj b/src/pyj/read_book/settings.pyj
index 9c2e98751c..bb11040ebd 100644
--- a/src/pyj/read_book/settings.pyj
+++ b/src/pyj/read_book/settings.pyj
@@ -111,6 +111,19 @@ def apply_colors(is_content_popup):
         }
         '''
 
+    # follow links hint box
+    text += f'''\n\n
+        .calibre-hint-visible::before {{
+            content: attr(calibre-hint-render);\
+            text-decoration: none !important;\
+            font-weight: bold !important;\
+            color: {selfg} !important;\
+            background: {selbg} !important;\
+            cursor: default !important;\
+            padding: 2px !important;\
+            border: solid 1px {opts.color_scheme.foreground} !important;\
+        }}
+    '''
     ss.textContent = text