HX-Location

handler.js

  htmx.on('htmx:beforeRequest', event => {
    const { detail: { etc: { values } } } = event
    if (values) {
      const { allowedPaths, notification } = values
      const { pathname } = document.location

      // If not at an allowed path don't redirect, just notify
      if (allowedPaths.indexOf(pathname) === -1) {
        event.preventDefault()
      }
      notify(notification)
    }
  })

Response.md

The HX-Location response header looks something like this, the response body is empty:

hx-location: {
  "path":"/foo",
  "target":"#main",
  "select":"#content",
  "values": {
    "allowedPaths":["/foo/1"],
    "notification":"Foo 1 has been created"
   }
}