feat: success toast with htmx trigger response

Author: ItsNotGoodName

pkg/htmx/event.go

@@ -0,0 +1,86 @@
+package htmx
+
+import (
+	"encoding/json"
+	"net/http"
+)
+
+// Event
+
+type Event struct {
+	Key   string
+	Value any
+}
+
+type Events []Event
+
+func NewEventString(key string) Event {
+	return Event{
+		Key: key,
+	}
+}
+
+func NewEvent(key string, value any) Event {
+	return Event{
+		Key:   key,
+		Value: value,
+	}
+}
+
+func MultipleEvents(events ...Event) Events {
+	return events
+}
+
+func (e Event) String() string {
+	if e.Value == nil {
+		return e.Key
+	}
+
+	slug := make(map[string]any)
+	slug[e.Key] = e.Value
+
+	b, _ := json.Marshal(slug)
+	return string(b)
+}
+
+func (es Events) String() string {
+	slug := make(map[string]any)
+	for _, e := range es {
+		if e.Value == nil {
+			slug[e.Key] = ""
+		} else {
+			slug[e.Key] = e.Value
+		}
+	}
+
+	b, _ := json.Marshal(slug)
+	return string(b)
+}
+
+func (e Event) FromBody() string {
+	return string(e.Key) + " from:body"
+}
+
+func (e Event) SetTrigger(w http.ResponseWriter) {
+	SetTrigger(w, e.String())
+}
+
+func (e Event) SetTriggerAfterSettle(w http.ResponseWriter) {
+	SetTriggerAfterSettle(w, e.String())
+}
+
+func (e Event) SetTriggerAfterSwap(w http.ResponseWriter) {
+	SetTriggerAfterSwap(w, e.String())
+}
+
+func (es Events) SetTrigger(w http.ResponseWriter) {
+	SetTrigger(w, es.String())
+}
+
+func (es Events) SetTriggerAfterSettle(w http.ResponseWriter) {
+	SetTriggerAfterSettle(w, es.String())
+}
+
+func (es Events) SetTriggerAfterSwap(w http.ResponseWriter) {
+	SetTriggerAfterSwap(w, es.String())
+}

pkg/htmx/htmx.go

@@ -93,39 +93,17 @@ func SetReselect(w http.ResponseWriter) {
 	w.Header().Set("HX-Reselect", "true")
 }
 
-type Event string
-
-// FromBody is used on the client side in the hx-trigger HTML attribute.
-func (e Event) FromBody() string {
-	return string(e) + " from:body"
-}
-
 // SetTrigger events as soon as the response is received.
 func SetTrigger(w http.ResponseWriter, event string) {
 	w.Header().Set("HX-Trigger", event)
 }
 
-// SetTrigger events as soon as the response is received.
-func (e Event) SetTrigger(w http.ResponseWriter) {
-	SetTrigger(w, string(e))
-}
-
 // SetTriggerAfterSettle events after the settling step.
 func SetTriggerAfterSettle(w http.ResponseWriter, event string) {
 	w.Header().Set("HX-Trigger-After-Settle", event)
 }
 
-// SetTriggerAfterSettle events after the settling step.
-func (e Event) SetTriggerAfterSettle(w http.ResponseWriter) {
-	SetTriggerAfterSettle(w, string(e))
-}
-
 // SetTriggerAfterSwap events after the swap step.
 func SetTriggerAfterSwap(w http.ResponseWriter, event string) {
 	w.Header().Set("HX-Trigger-After-Swap", event)
 }
-
-// SetTriggerAfterSwap events after the swap step.
-func (e Event) SetTriggerAfterSwap(w http.ResponseWriter) {
-	SetTriggerAfterSwap(w, string(e))
-}

web/events/events.go

@@ -2,16 +2,18 @@
 package events
 
 import (
-	"fmt"
-
 	"github.com/ItsNotGoodName/smtpbridge/pkg/htmx"
 )
 
-const (
-	EnvelopeCreated    htmx.Event = "envelope-created"
-	RetentionPolicyRun htmx.Event = "retention-policy-run"
+var (
+	EnvelopeCreated    htmx.Event = htmx.NewEventString("envelope-created")
+	RetentionPolicyRun htmx.Event = htmx.NewEventString("retention-policy-run")
 )
 
 func CSRFToken(csrfToken string) htmx.Event {
-	return htmx.Event(fmt.Sprintf(`{ "csrfToken": "%s" }`, csrfToken))
+	return htmx.NewEvent("csrfToken", csrfToken)
+}
+
+func ToastSuccess(toast string) htmx.Event {
+	return htmx.NewEvent("toast", toast)
 }

web/pages/pages.go

@@ -282,7 +282,6 @@ func EnvelopeCreate(ct Controller, app core.App) http.HandlerFunc {
 			handleErr(w, r, err, form)
 			return
 		}
-
 		helpers.Tracer(app, r).Trace(ctx, trace.ActionEnvelopeCreated, trace.WithEnvelope(id))
 
 		events.EnvelopeCreated.SetTrigger(w)

web/pages/pages_endpoint.go

@@ -7,6 +7,7 @@ import (
 	"github.com/ItsNotGoodName/smtpbridge/internal/models"
 	"github.com/ItsNotGoodName/smtpbridge/pkg/htmx"
 	c "github.com/ItsNotGoodName/smtpbridge/web/components"
+	"github.com/ItsNotGoodName/smtpbridge/web/events"
 	"github.com/ItsNotGoodName/smtpbridge/web/forms"
 	"github.com/ItsNotGoodName/smtpbridge/web/helpers"
 	"github.com/ItsNotGoodName/smtpbridge/web/routes"
@@ -262,6 +263,7 @@ func EndpointTest(ct Controller, app core.App) http.HandlerFunc {
 			return
 		}
 
+		events.ToastSuccess("Sent test envelope.").SetTrigger(w)
 		w.WriteHeader(http.StatusNoContent)
 	})
 }

web/src/main.ts

@@ -43,6 +43,22 @@ document.body.addEventListener('htmx:afterRequest', function(evt: any) {
   }
 })
 
+document.body.addEventListener("toast", function(evt: any) {
+  const content = document.createElement("div")
+  content.textContent = evt.detail.value
+  content.className = "flex-1"
+
+  Toastify({
+    node: content,
+    duration: 3000,
+    close: true,
+    className: "alert alert-success flex flex-row",
+    gravity: "bottom",
+    position: "center",
+    stopOnFocus: true,
+  }).showToast();
+})
+
 // ------------- Shoelace
 
 // 24 Kb to format dates in local time