From 7d4c6ac1424cd14647de7cbf9c9b34010046a395 Mon Sep 17 00:00:00 2001
From: John O'Keefe <jrokeefe@protonmail.com>
Date: Sun, 5 Apr 2026 21:16:49 -0400
Subject: [PATCH] fix: use dynamic import instead of require for browser
 compatibility

- Replace require() with await import() for ES module compatibility
- Add async to setTimeout callback for dynamic import support
---
 web/src/reader/reader-shell.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/reader/reader-shell.ts b/web/src/reader/reader-shell.ts
index 690ebae..6b9bac3 100644
--- a/web/src/reader/reader-shell.ts
+++ b/web/src/reader/reader-shell.ts
@@ -146,8 +146,9 @@ async function initializeReader(): Promise<void> {
     // Render the initial chapter content
     await renderSpineItem();
     // Initialize page calculation for dynamic page numbers
-    setTimeout(() => {
-      const { initializePageCalculation } = require("./core/reader-navigation");
+    setTimeout(async () => {
+      const { initializePageCalculation } =
+        await import("./core/reader-navigation");
       initializePageCalculation();
     }, 100);
   } catch (error) {