From f1b1eebc0b88806c977b67b9c9d9777cce43de2a Mon Sep 17 00:00:00 2001
From: John O'Keefe <jrokeefe@protonmail.com>
Date: Sat, 4 Apr 2026 18:17:06 -0400
Subject: [PATCH] templates: update script tags for ES modules and reader link

- Change script tags from 'defer' to 'type=module' for ES module support
- Add reader.js script to reader.templ for the reader bundle
- Update book_detail.templ 'Read Now' button to link to /readers/{id}
- Remove trailing blank line from register.templ
---
 templates/book_detail.templ | 2 +-
 templates/header.templ      | 2 +-
 templates/index.templ       | 2 +-
 templates/login.templ       | 2 +-
 templates/reader.templ      | 2 +-
 templates/register.templ    | 3 +--
 6 files changed, 6 insertions(+), 7 deletions(-)
diff --git a/templates/book_detail.templ b/templates/book_detail.templ
index fac19d6..765fcb4 100644
--- a/templates/book_detail.templ
+++ b/templates/book_detail.templ
@@ -52,7 +52,7 @@ templ BookDetail(user User, book handlers.MediaDetail, errorMessage string) {
 						<div class="flex flex-wrap gap-3 mb-6">
 							<!-- Read Now (placeholder) -->
 							<button
-								@click="showReaderPlaceholder()"
+								@click={ "window.location.href = '/readers/" + uuidToString(book.ID) + "'" }
 								class="px-6 py-3 rounded-lg font-semibold"
 								style="background-color: var(--accent); color: white;"
 							>
diff --git a/templates/header.templ b/templates/header.templ
index c46da94..ddcafe0 100644
--- a/templates/header.templ
+++ b/templates/header.templ
@@ -283,5 +283,5 @@ templ Header(user User, currentPath string) {
 			</div>
 		</div>
 	</nav>
-	<script src="/static/main.js" defer></script>
+	<script type="module" src="/static/main.js"></script>
 }
diff --git a/templates/index.templ b/templates/index.templ
index 73b8ddd..7a49115 100644
--- a/templates/index.templ
+++ b/templates/index.templ
@@ -8,7 +8,7 @@ templ Index(loggedIn bool) {
 			<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 			<title>Bookhoard - Home</title>
 			<script src="/static/htmx.min.js"></script>
-			<script src="/static/main.js" defer></script>
+			<script type="module" src="/static/main.js"></script>
 			<link href="/static/style.css" rel="stylesheet"/>
 		</head>
 		<body class="theme-tokyo-night" x-data="index" x-init="initIndexTheme(); checkAuthRedirect()">
diff --git a/templates/login.templ b/templates/login.templ
index ebbcbd3..c0dfa73 100644
--- a/templates/login.templ
+++ b/templates/login.templ
@@ -8,7 +8,7 @@ templ Login(sessionExpired bool, deleted bool) {
 			<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 			<title>Login</title>
 			<script src="/static/htmx.min.js"></script>
-			<script src="/static/main.js" defer></script>
+			<script type="module" src="/static/main.js"></script>
 			<link href="/static/style.css" rel="stylesheet"/>
 		</head>
 		<body class="theme-tokyo-night min-h-screen" x-data="login" x-init="initLoginTheme()">
diff --git a/templates/reader.templ b/templates/reader.templ
index 0512ddb..5716f4b 100644
--- a/templates/reader.templ
+++ b/templates/reader.templ
@@ -12,7 +12,7 @@ templ Reader(user User, metadata ReaderMetadata, progress ReadingProgress, bookm
 			<link rel="manifest" href="/static/manifest.json"/>
 			<link href="/static/reader-fonts.css" rel="stylesheet"/>
 			<script src="/static/htmx.min.js"></script>
-			<script src="/static/main.js" defer></script>
+			<script type="module" src="/static/reader.js"></script>
 			<link href="/static/style.css" rel="stylesheet"/>
 		</head>
 		<body
diff --git a/templates/register.templ b/templates/register.templ
index beb0d6b..5b10c7a 100644
--- a/templates/register.templ
+++ b/templates/register.templ
@@ -8,7 +8,7 @@ templ Register() {
 			<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 			<title>Register</title>
 			<script src="/static/htmx.min.js"></script>
-			<script src="/static/main.js" defer></script>
+			<script type="module" src="/static/main.js"></script>
 			<link href="/static/style.css" rel="stylesheet"/>
 		</head>
 		<body class="theme-tokyo-night min-h-screen" x-data="register" x-init="initRegisterTheme()">
@@ -74,4 +74,3 @@ templ Register() {
 		</body>
 	</html>
 }
-
