Fix htmx redirection

Author: mbaraa

Makefile

@@ -32,10 +32,10 @@ setup: tailwindcss-init
 
 tailwindcss-init:
 	npm i &&\
-	npx tailwindcss build -i assets/css/style.css -o assets/css/tailwind.css -m
+	npx tailwindcss@3.4.1 build -i assets/css/style.css -o assets/css/tailwind.css -m
 
 tailwindcss-build:
-	npx tailwindcss build -i assets/css/style.css -o assets/css/tailwind.css -m
+	npx tailwindcss@3.4.1 build -i assets/css/style.css -o assets/css/tailwind.css -m
 
 clean:
 	rm -rf *.o *.so $(BINARY_NAMR)

src/middlewares.c

@@ -5,6 +5,18 @@ result *check_token_and_return_user(const char *token);
 
 int handle_redirect(const struct _u_request *req, struct _u_response *res,
                     const char *url) {
+  char *is_htmx = (char *)u_map_get(req->map_header, "HX-Request");
+  if (is_htmx != NULL && strcmp(is_htmx, "true") == 0) {
+    ulfius_set_response_properties(
+        res,
+        U_OPT_HEADER_PARAMETER, "HX-Retarget", "#container",
+        U_OPT_HEADER_PARAMETER, "HX-Redirect", url,
+        U_OPT_HEADER_PARAMETER, "HX-Push-Url", url,
+        U_OPT_NONE);
+
+    return U_CALLBACK_CONTINUE;
+  }
+
   char *body = (char *)malloc(strlen(url) + 26);
   sprintf(body, "<a href=\"%s\">301</a>.\n", url);
   ulfius_set_response_properties(res, U_OPT_STATUS, 301, U_OPT_STRING_BODY,

views/user_settings.html

@@ -82,7 +82,7 @@
       class="flex items-center gap-2 w-full active:bg-[rgb(150,150,150)] hover:bg-[rgb(170,170,170)] px-2 py-1 border-2 border-neutral-100 border-r-neutral-700 border-b-neutral-700 active:border-neutral-700 active:border-r-neutral-100 active:border-b-neutral-100 bg-[rgb(204,204,204)] font-bold font-mono"
       hx-delete="/api/todos/all-finished"
       hx-swap="none"
-      hx-confirm="Are you sure you want to remove all your finished todos? (Not implemented yet)"
+      hx-confirm="Are you sure you want to remove all your finished todos?"
       title="Remove all finished todos"
     >
       <img
@@ -101,7 +101,7 @@
       hx-confirm="Are you sure you want to delete your account?"
       hx-delete="/api/user/delete-me"
       class="flex items-center gap-2 active:bg-red-600 w-full hover:bg-red-600 px-2 py-1 border-2 border-red-300 border-r-red-800 border-b-red-800 active:border-red-800 active:border-r-red-300 active:border-b-red-300 bg-red-500 font-bold font-mono text-white"
-      title="Delete account (no going back!) (Not implemented yet)"
+      title="Delete account (no going back!)"
     >
       <img
         class="inline-block w-6 aspect-square object-center object-contain"