Add htmx

raffomania · Dec 17, 2023 · 48a277f · 48a277f
1 parent c9d7c2c
commit 48a277f
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 3 deletions.
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -13,6 +13,6 @@ axum = { version = "0.7.2", features = ["macros", "tracing"] }
 clap = { version = "4.4.11", features = ["derive", "env"] }
 listenfd = "1.0.1"
 tokio = { version = "1.35.0", features = ["macros", "rt-multi-thread"] }
-tower-http = { version = "0.5.0", features = ["tracing", "trace"] }
+tower-http = { version = "0.5.0", features = ["tracing", "trace", "fs"] }
 tracing = "0.1.40"
 tracing-subscriber = { version = "0.3.18", features = ["env-filter"] }
diff --git a/src/server.rs b/src/server.rs
@@ -4,7 +4,7 @@ use crate::{app_error::Result, cli::ListenArgs};
 use askama::Template;
 use axum::{debug_handler, routing::get, Router};
 use listenfd::ListenFd;
-use tower_http::trace::TraceLayer;
+use tower_http::{services::ServeDir, trace::TraceLayer};
 use tracing_subscriber::{layer::SubscriberExt, util::SubscriberInitExt, EnvFilter};
 
 pub async fn start(listen: ListenArgs) -> anyhow::Result<()> {
@@ -17,6 +17,8 @@ pub async fn start(listen: ListenArgs) -> anyhow::Result<()> {
 
     let app = Router::new()
         .route("/", get(hello))
+        .route("/htmx-fragment", get(htmx_fragment))
+        .nest_service("/static", ServeDir::new("static"))
         .layer(TraceLayer::new_for_http());
 
     let listener = if let Some(listen_address) = listen.listen {
@@ -42,3 +44,8 @@ async fn hello() -> Result<HelloTemplate> {
 #[derive(Template)]
 #[template(path = "hello.html")]
 struct HelloTemplate {}
+
+#[debug_handler]
+async fn htmx_fragment() -> &'static str {
+    "Here's some dynamically loaded content!"
+}
diff --git a/static/htmx.1.9.9.js b/static/htmx.1.9.9.js
diff --git a/templates/hello.html b/templates/hello.html
@@ -1 +1,12 @@
-Hello, templating!
+<!DOCTYPE html>
+<html>
+  <head>
+    <script src="static/htmx.1.9.9.js"></script>
+  </head>
+  <body>
+    <div>Hello, htmx!</div>
+    <button hx-get="/htmx-fragment" hx-swap="outerHTML">
+      load some stuff!
+    </button>
+  </body>
+</html>