Add all core attributes (#2)

See https://htmx.org/reference/#attributes

Author: markuswustenberg

htmx.go

@@ -6,24 +6,72 @@ import (
 	g "github.com/maragudk/gomponents"
 )
 
-// Boost for links and forms.
+// Boost to add or remove progressive enhancement for links and forms.
 // See https://htmx.org/attributes/hx-boost
 func Boost(v string) g.Node {
 	return attr("boost", v)
 }
 
-// Get the url.
+// Get from the specified URL.
 // See https://htmx.org/attributes/hx-get
 func Get(url string) g.Node {
 	return attr("get", url)
 }
 
-// Post to the url.
+// Post to the specified URL.
 // See https://htmx.org/attributes/hx-post
 func Post(url string) g.Node {
 	return attr("post", url)
 }
 
+// PushURL into the browser location bar, creating a new history entry.
+// See https://htmx.org/attributes/hx-push-url
+func PushURL(v string) g.Node {
+	return attr("push-url", v)
+}
+
+// Select content to swap in from a response.
+// See https://htmx.org/attributes/hx-select
+func Select(v string) g.Node {
+	return attr("select", v)
+}
+
+// SelectOOB content to swap in from a response, out of band (somewhere other than the target).
+// See https://htmx.org/attributes/hx-select-oob
+func SelectOOB(v string) g.Node {
+	return attr("select-oob", v)
+}
+
+// Swap controls how content is swapped in.
+// See https://htmx.org/attributes/hx-swap
+func Swap(v string) g.Node {
+	return attr("swap", v)
+}
+
+// SwapOOB marks content in a response to be out of band (should swap in somewhere other than the target).
+// See https://htmx.org/attributes/hx-swap-oob
+func SwapOOB(v string) g.Node {
+	return attr("swap-oob", v)
+}
+
+// Target specifies the target element to be swapped.
+// See https://htmx.org/attributes/hx-target
+func Target(v string) g.Node {
+	return attr("target", v)
+}
+
+// Trigger specifies the event that triggers the request.
+// See https://htmx.org/attributes/hx-trigger
+func Trigger(v string) g.Node {
+	return attr("trigger", v)
+}
+
+// Vals adds values to the parameters to submit with the request (JSON-formatted).
+// See https://htmx.org/attributes/hx-vals
+func Vals(v string) g.Node {
+	return attr("vals", v)
+}
+
 func attr(name, value string) g.Node {
 	return g.Attr("hx-"+name, value)
 }

htmx_test.go

@@ -2,19 +2,29 @@ package htmx_test
 
 import (
 	"fmt"
+	"os"
 	"testing"
 
 	g "github.com/maragudk/gomponents"
+	. "github.com/maragudk/gomponents/html"
 
-	. "github.com/maragudk/gomponents-htmx"
+	hx "github.com/maragudk/gomponents-htmx"
 	"github.com/maragudk/gomponents-htmx/internal/assert"
 )
 
 func TestAttributes(t *testing.T) {
 	cases := map[string]func(string) g.Node{
-		"boost": Boost,
-		"get":   Get,
-		"post":  Post,
+		"boost":      hx.Boost,
+		"get":        hx.Get,
+		"post":       hx.Post,
+		"push-url":   hx.PushURL,
+		"select":     hx.Select,
+		"select-oob": hx.SelectOOB,
+		"swap":       hx.Swap,
+		"swap-oob":   hx.SwapOOB,
+		"target":     hx.Target,
+		"trigger":    hx.Trigger,
+		"vals":       hx.Vals,
 	}
 
 	for name, fn := range cases {
@@ -24,3 +34,9 @@ func TestAttributes(t *testing.T) {
 		})
 	}
 }
+
+func ExampleGet() {
+	n := Button(hx.Post("/clicked"), hx.Swap("outerHTML"))
+	_ = n.Render(os.Stdout)
+	// Output: <button hx-post="/clicked" hx-swap="outerHTML"></button>
+}