@docsector/docsector-reader 0.5.8 → 0.5.9

package/bin/docsector.js

@@ -23,7 +23,7 @@ const packageRoot = resolve(__dirname, '..')
 const args = process.argv.slice(2)
 const command = args[0]
 
-const VERSION = '0.5.8'
+const VERSION = '0.5.9'
 
 const HELP = `
   Docsector Reader v${VERSION}
@@ -71,7 +71,7 @@ function getTemplatePackageJson (name) {
       serve: 'docsector serve'
     },
     dependencies: {
-      '@docsector/docsector-reader': '^0.5.8',
+      '@docsector/docsector-reader': '^0.5.9',
       '@quasar/extras': '^1.16.12',
       'quasar': '^2.16.6',
       'vue': '^3.5.13',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docsector/docsector-reader",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "description": "A documentation rendering engine built with Vue 3, Quasar v2 and Vite. Transform Markdown into beautiful, navigable documentation sites.",
   "productName": "Docsector Reader",
   "author": "Rodrigo de Araujo Vieira",

package/src/components/DPage.vue

@@ -106,7 +106,7 @@ const isEditableTarget = (target) => {
 }
 
 const handleMainScrollKeys = (event) => {
-  const handledKeys = ['Home', 'End', 'PageUp', 'PageDown']
+  const handledKeys = ['Home', 'End', 'PageUp', 'PageDown', 'ArrowUp', 'ArrowDown']
 
   if (!handledKeys.includes(event.key)) {
     return
@@ -127,6 +127,7 @@ const handleMainScrollKeys = (event) => {
 
   const currentTop = container.scrollTop
   const maxTop = Math.max(0, container.scrollHeight - container.clientHeight)
+  const lineStep = Math.max(40, Math.floor(container.clientHeight * 0.08))
   const pageStep = Math.max(120, Math.floor(container.clientHeight * 0.9))
 
   let nextTop = currentTop
@@ -143,6 +144,12 @@ const handleMainScrollKeys = (event) => {
     case 'PageDown':
       nextTop = Math.min(maxTop, currentTop + pageStep)
       break
+    case 'ArrowUp':
+      nextTop = Math.max(0, currentTop - lineStep)
+      break
+    case 'ArrowDown':
+      nextTop = Math.min(maxTop, currentTop + lineStep)
+      break
   }
 
   event.preventDefault()