Fixes

Author: NellowTCS

Build/src/book.js

@@ -73,7 +73,7 @@ export async function openBookFromEntry(entry) {
   toggleLibrary(false);
   showLoading();
   try {
-    const file = (entry && typeof entry.getFile === 'function') ? await entry.getFile() : entry;
+    const file = (typeof entry?.getFile === 'function') ? await entry.getFile() : entry;
     const arrayBuffer = await file.arrayBuffer();
     await loadBook(arrayBuffer);
   } catch (err) {
@@ -124,6 +124,8 @@ async function loadBook(bookData, startLocation) {
       currentPageInput.value = pageNumber + 1;
     }
   });
+  window.removeEventListener('keyup', handleKeyEvents);
+  window.addEventListener('keyup', handleKeyEvents);
   window.addEventListener('keyup', handleKeyEvents);
   // Set the book title in header if available
   try {

Build/src/indexedDB.js

@@ -29,11 +29,12 @@ export async function storeLibraryHandle(handle) {
   return new Promise((resolve, reject) => {
     const tx = db.transaction("handles", "readwrite");
     const store = tx.objectStore("handles");
-    const req = store.put({ name: "library", handle });
-    req.onsuccess = () => resolve();
-    req.onerror = e => reject(e.target.error);
+    store.put({ name: "library", handle });
+    tx.oncomplete = () => resolve();
+    tx.onabort = tx.onerror = e => reject(tx.error || (e && e.target && e.target.error));
   });
 }
+
 /**
  * Retrieve the stored library handle from the "handles" object store.
  *

Build/src/library.js

@@ -23,9 +23,22 @@ export async function openLibrary() {
     let dirHandle = await getStoredLibraryHandle();
     if (!dirHandle) {
       // If no stored handle, prompt user
+      if (!('showDirectoryPicker' in window)) {
+        // Fallback: trigger multiple file input flow
+        document.getElementById('library-input')?.click();
+        return;
+      }
       dirHandle = await window.showDirectoryPicker();
       await storeLibraryHandle(dirHandle);
     }
+    // Permissions for persisted handles can be lost between sessions
+    if (dirHandle.queryPermission && dirHandle.requestPermission) {
+      const perm = await dirHandle.queryPermission({ mode: 'read' });
+      if (perm !== 'granted') {
+        const res = await dirHandle.requestPermission({ mode: 'read' });
+        if (res !== 'granted') throw new Error('Read permission was denied for the library directory.');
+      }
+    }
     const files = [];
     for await (const entry of dirHandle.values()) {
       if (entry.kind === 'file' && entry.name.endsWith('.epub')) {
@@ -38,6 +51,7 @@ export async function openLibrary() {
     showError('Failed to open library: ' + err.message);
   }
 }
+
 /**
  * Handle a file-input change by displaying selected EPUB files in the library and opening the library UI.
  * @param {Event} e - Change event from a file input (`<input type="file" multiple>`); selected File objects are read and shown in the library grid.

Build/src/style.css

@@ -109,7 +109,6 @@ input[type="number"] {
   box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
   transform: translateX(-100%);
   transition: transform 0.3s ease;
-  z-index: 10;
   display: flex;
   flex-direction: column;
   z-index: 1010;