From 76bc50355a14b46bfa3691aa4195a731e6ced4f5 Mon Sep 17 00:00:00 2001
From: ekzyis <ekzyis@ekzy.is>
Date: Thu, 5 Sep 2024 23:20:07 +0200
Subject: [PATCH] Define jQuery helper in head

---
 server/router/pages/components/head.templ    | 4 ++++
 server/router/pages/components/invoice.templ | 2 --
 server/router/pages/components/modal.templ   | 1 -
 server/router/pages/components/qr.templ      | 1 -
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/server/router/pages/components/head.templ b/server/router/pages/components/head.templ
index 57ea1f6..49ca6c2 100644
--- a/server/router/pages/components/head.templ
+++ b/server/router/pages/components/head.templ
@@ -28,5 +28,9 @@ templ Head() {
 		if ctx.Value(c.EnvContextKey) == "development" {
 			<script defer src="/js/hotreload.js"></script>
 		}
+		<script type="text/javascript">
+			// helper functions
+			var $ = selector => document.querySelector(selector)
+		</script>
 	</head>
 }
diff --git a/server/router/pages/components/invoice.templ b/server/router/pages/components/invoice.templ
index d24b748..199e779 100644
--- a/server/router/pages/components/invoice.templ
+++ b/server/router/pages/components/invoice.templ
@@ -13,7 +13,6 @@ templ Invoice(hash string, bolt11 string, msats int, expiresIn int, paid bool, r
 		@InvoiceStatus(hash, expiresIn, paid, redirectUrl)
 		<div class="none" id="bolt11-data" bolt11-data={ templ.JSONString(bolt11) } hx-preserve></div>
 		<script type="text/javascript" id="bolt11-js" hx-preserve>
-            var $ = selector => document.querySelector(selector)
             $("#close").addEventListener("click", function () {
                 // abort in-flight polls and prevent new polls
                 htmx.trigger("#poll", "htmx:abort")
@@ -42,7 +41,6 @@ templ InvoiceStatus(hash string, expiresIn int, paid bool, redirectUrl templ.Saf
 		<!-- invoice is pending -->
 		<div class="font-mono my-1" id="countdown" countdown-data={ templ.JSONString(expiresIn) } hx-preserve></div>
 		<script type="text/javascript" id="countdown-js" hx-preserve>
-            var $ = selector => document.querySelector(selector)
             var expiresIn = JSON.parse($("#countdown").getAttribute("countdown-data"))
 
             function pad(num, places) {
diff --git a/server/router/pages/components/modal.templ b/server/router/pages/components/modal.templ
index 3c5e927..fb84b02 100644
--- a/server/router/pages/components/modal.templ
+++ b/server/router/pages/components/modal.templ
@@ -13,7 +13,6 @@ templ Modal(component templ.Component) {
 					@component
 				</div>
 				<script type="text/javascript">
-					var $ = selector => document.querySelector(selector)
 					$("#close").addEventListener("click", function () {
 						$("#modal").removeAttribute("class")
 						$("#modal").setAttribute("class", "hidden")
diff --git a/server/router/pages/components/qr.templ b/server/router/pages/components/qr.templ
index 739a782..758d13d 100644
--- a/server/router/pages/components/qr.templ
+++ b/server/router/pages/components/qr.templ
@@ -26,7 +26,6 @@ templ Qr(value string, href string) {
 templ CopyButton(value string) {
 	<div class="none" id="copy-data" copy-data={ templ.JSONString(value) } hx-preserve></div>
 	<script type="text/javascript" id="copy-js" hx-preserve>
-		var $ = selector => document.querySelector(selector)
 		var value = JSON.parse($("#copy-data").getAttribute("copy-data"))
 		$("#copy").onclick = function () {
 			window.navigator.clipboard.writeText(value)