From d89b325294201d95498ae9d08f102e12ac2f2876 Mon Sep 17 00:00:00 2001
From: Rose Hogenson <rosehogenson@posteo.net>
Date: Sun, 5 Oct 2025 18:00:06 -0700
Subject: Implement a "magic wormhole" file-sharing solution

---
 templates/index.html.template         |  1 +
 templates/wormhole-send.html.template | 14 ++++++++++++++
 templates/wormhole.html.template      | 19 +++++++++++++++++++
 3 files changed, 34 insertions(+)
 create mode 100644 templates/wormhole-send.html.template
 create mode 100644 templates/wormhole.html.template

(limited to 'templates')

diff --git a/templates/index.html.template b/templates/index.html.template
index 3dcf4a7..750f559 100644
--- a/templates/index.html.template
+++ b/templates/index.html.template
@@ -9,5 +9,6 @@
 		<img src="/static/index/kanna.webp" alt="A dragon loli" style="border-radius:50%;margin:-145px auto 20px">
 	</div>
 
+	<p><a href="/wormhole">Magic wormhole</a></p>
 	<p><a href="/pong">Games?</a> (Warning: loud)</p>
 </section>
diff --git a/templates/wormhole-send.html.template b/templates/wormhole-send.html.template
new file mode 100644
index 0000000..5b06c5f
--- /dev/null
+++ b/templates/wormhole-send.html.template
@@ -0,0 +1,14 @@
+{{define "head"}}
+	<script src="/static/htmx.min.js"></script>
+	<script src="/static/htmx-ext-sse.js"></script>
+	<title>Wormhole</title>
+{{end}}
+
+<form
+		hx-ext="sse"
+		sse-connect="/wormhole/{{.Hole}}/ready"
+		hx-post="/wormhole/{{.Hole}}"
+		hx-trigger="sse:receiver-ready"
+		enctype="multipart/form-data">
+	<input type="file" name="file">
+</form>
diff --git a/templates/wormhole.html.template b/templates/wormhole.html.template
new file mode 100644
index 0000000..4d67a98
--- /dev/null
+++ b/templates/wormhole.html.template
@@ -0,0 +1,19 @@
+{{define "head"}}
+	<script src="/static/htmx.min.js"></script>
+	<script src="/static/htmx-ext-sse.js"></script>
+	<title>Wormhole</title>
+{{end}}
+
+<div
+		hx-ext="sse"
+		sse-connect="/wormhole/{{.Hole}}/ready">
+	<form
+			hx-post="/wormhole/{{.Hole}}"
+			hx-trigger="sse:ready"
+			enctype="multipart/form-data">
+		<label for="file-input">1. Choose file</label>
+		<input id="file-input" type="file" name="file">
+	</form>
+</div>
+
+<p>2. Visit this URL <a href="{{.Self}}/wormhole/{{.Hole}}">{{.Self}}/wormhole/{{.Hole}}</a></p>
-- 
cgit v1.3.1