feat(slides): allow users to navigate slide pages by arrow keys and h/l keysHEADmain

1 files changed, 12 insertions, 0 deletions

diff --git a/services/nuldoc/static/slides/slide.js b/services/nuldoc/static/slides/slide.js
index 530bef77..db6f9c1e 100644
--- a/services/nuldoc/static/slides/slide.js
+++ b/services/nuldoc/static/slides/slide.js
@@ -66,6 +66,18 @@ async function init() {
     queueRenderPage(pageNum);
   });
 
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "ArrowLeft" || e.key === "h") {
+      if (pageNum <= 1) return;
+      pageNum--;
+      queueRenderPage(pageNum);
+    } else if (e.key === "ArrowRight" || e.key === "l") {
+      if (pageNum >= doc.numPages) return;
+      pageNum++;
+      queueRenderPage(pageNum);
+    }
+  });
+
   // TODO: error handling
   doc = await getDocument(url).promise;
   queueRenderPage(pageNum);