No description
Find a file
2023-07-22 19:15:58 -04:00
docs Initial commit 2023-07-22 16:37:15 -04:00
src Add missing derives on HxHistoryRestoreRequest 2023-07-22 18:57:30 -04:00
.gitignore Initial commit 2023-07-22 16:37:15 -04:00
Cargo.toml Update metadata 2023-07-22 19:15:58 -04:00
README.md Update README.md 2023-07-22 18:50:23 -04:00
rustfmt.toml Initial commit 2023-07-22 16:37:15 -04:00

axum-htmx

axum-htmx is a small extension library providing extractors for the various htmx headers within axum. Additionally, the library exports const values for all of the htmx headers, so there's no need to mess with strings in your handlers.

Usage

axum-htmx = { git = "https://github.com/robertwayne/axum-htmx", branch = "main" }

Extractors

All of the htmx request headers have a supported extractor. Additionally, all extractors are infallible, meaning they will always succeed and never return an error. If the header is not present, the extractor will return None or false in most cases.

Header Extractor Value
HX-Boosted HxBoosted bool
HX-Current-URL HxCurrentUrl Option<String>
HX-History-Restore-Request HxHistoryRestoreRequest bool
HX-Prompt HxPrompt Option<String>
HX-Request HxRequest bool
HX-Target HxTarget Option<String>
HX-Trigger-Name HxTriggerName Option<String>
HX-Trigger HxTrigger Option<String>

Examples

In this example, we'll look for the HX-Boosted header, which is set when applying the hx-boost attribute to an element. In our case, we'll use it to determine what kind of response we send.

When is this useful? When using a templating engine, like minijinja, it is common to extend different templates from a _base.html template. However, htmx works by sending partial responses, so extending our _base.html would result in lots of extra data being sent over the wire.

If we wanted to swap between pages, we would need to support both full template responses and partial responses (as the page can be accessed directly or through a boosted anchor), so we look for the HX-Boosted header and extend from a _partial.html template instead.

async fn get_index(HxBoosted(boosted): HxBoosted) -> impl IntoResponse {
    if boosted {
        // Send a template extending from _partial.html
    } else {
        // Send a template extending from _base.html
    }
}

You can also take advantage of const header values:

let mut headers = HeaderMap::new();
headers.insert(HX_REDIRECT, HeaderValue::from_static("/some/other/page"));

License

axum-htmx is dual-licensed under either

at your option.