Add form example

examples/htmx-fiber-form/go.mod

@@ -0,0 +1,21 @@
+module htmx-fiber-counter
+
+go 1.21.1
+
+require (
+	github.com/andybalholm/brotli v1.0.5 // indirect
+	github.com/chasefleming/elem-go v0.2.0 // indirect
+	github.com/gofiber/fiber/v2 v2.49.2 // indirect
+	github.com/google/uuid v1.3.1 // indirect
+	github.com/klauspost/compress v1.16.7 // indirect
+	github.com/mattn/go-colorable v0.1.13 // indirect
+	github.com/mattn/go-isatty v0.0.19 // indirect
+	github.com/mattn/go-runewidth v0.0.15 // indirect
+	github.com/rivo/uniseg v0.2.0 // indirect
+	github.com/valyala/bytebufferpool v1.0.0 // indirect
+	github.com/valyala/fasthttp v1.49.0 // indirect
+	github.com/valyala/tcplisten v1.0.0 // indirect
+	golang.org/x/sys v0.12.0 // indirect
+)
+
+replace github.com/chasefleming/elem-go => ../../../elem-go

examples/htmx-fiber-form/go.sum

@@ -0,0 +1,29 @@
+github.com/andybalholm/brotli v1.0.5 h1:8uQZIdzKmjc/iuPu7O2ioW48L81FgatrcpfFmiq/cCs=
+github.com/andybalholm/brotli v1.0.5/go.mod h1:fO7iG3H7G2nSZ7m0zPUDn85XEX2GTukHGRSepvi9Eig=
+github.com/chasefleming/elem-go v0.2.0 h1:rY/eoGpctBhiPoLYEcBb4ArvR0/nRyvM/XgvhW9r/cA=
+github.com/chasefleming/elem-go v0.2.0/go.mod h1:hz73qILBIKnTgOujnSMtEj20/epI+f6vg71RUilJAA4=
+github.com/gofiber/fiber/v2 v2.49.2 h1:ONEN3/Vc+dUCxxDgZZwpqvhISgHqb+bu+isBiEyKEQs=
+github.com/gofiber/fiber/v2 v2.49.2/go.mod h1:gNsKnyrmfEWFpJxQAV0qvW6l70K1dZGno12oLtukcts=
+github.com/google/uuid v1.3.1 h1:KjJaJ9iWZ3jOFZIf1Lqf4laDRCasjl0BCmnEGxkdLb4=
+github.com/google/uuid v1.3.1/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
+github.com/klauspost/compress v1.16.7 h1:2mk3MPGNzKyxErAw8YaohYh69+pa4sIQSC0fPGCFR9I=
+github.com/klauspost/compress v1.16.7/go.mod h1:ntbaceVETuRiXiv4DpjP66DpAtAGkEQskQzEyD//IeE=
+github.com/mattn/go-colorable v0.1.13 h1:fFA4WZxdEF4tXPZVKMLwD8oUnCTTo08duU7wxecdEvA=
+github.com/mattn/go-colorable v0.1.13/go.mod h1:7S9/ev0klgBDR4GtXTXX8a3vIGJpMovkB8vQcUbaXHg=
+github.com/mattn/go-isatty v0.0.16/go.mod h1:kYGgaQfpe5nmfYZH+SKPsOc2e4SrIfOl2e/yFXSvRLM=
+github.com/mattn/go-isatty v0.0.19 h1:JITubQf0MOLdlGRuRq+jtsDlekdYPia9ZFsB8h/APPA=
+github.com/mattn/go-isatty v0.0.19/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
+github.com/mattn/go-runewidth v0.0.15 h1:UNAjwbU9l54TA3KzvqLGxwWjHmMgBUVhBiTjelZgg3U=
+github.com/mattn/go-runewidth v0.0.15/go.mod h1:Jdepj2loyihRzMpdS35Xk/zdY8IAYHsh153qUoGf23w=
+github.com/rivo/uniseg v0.2.0 h1:S1pD9weZBuJdFmowNwbpi7BJ8TNftyUImj/0WQi72jY=
+github.com/rivo/uniseg v0.2.0/go.mod h1:J6wj4VEh+S6ZtnVlnTBMWIodfgj8LQOQFoIToxlJtxc=
+github.com/valyala/bytebufferpool v1.0.0 h1:GqA5TC/0021Y/b9FG4Oi9Mr3q7XYx6KllzawFIhcdPw=
+github.com/valyala/bytebufferpool v1.0.0/go.mod h1:6bBcMArwyJ5K/AmCkWv1jt77kVWyCJ6HpOuEn7z0Csc=
+github.com/valyala/fasthttp v1.49.0 h1:9FdvCpmxB74LH4dPb7IJ1cOSsluR07XG3I1txXWwJpE=
+github.com/valyala/fasthttp v1.49.0/go.mod h1:k2zXd82h/7UZc3VOdJ2WaUqt1uZ/XpXAfE9i+HBC3lA=
+github.com/valyala/tcplisten v1.0.0 h1:rBHj/Xf+E1tRGZyWIWwJDiRY0zc1Js+CV5DqwacVSA8=
+github.com/valyala/tcplisten v1.0.0/go.mod h1:T0xQ8SeCZGxckz9qRXTfG43PvQ/mcWh7FwZEA7Ioqkc=
+golang.org/x/sys v0.0.0-20220811171246-fbc7d0a398ab/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.12.0 h1:CM0HF96J0hcLAwsHPJZjfdNzs0gftsLfgKt57wWHJ0o=
+golang.org/x/sys v0.12.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=

examples/htmx-fiber-form/main.go

@@ -0,0 +1,78 @@
+package main
+
+import (
+	"fmt"
+	"github.com/chasefleming/elem-go"
+	"github.com/chasefleming/elem-go/attrs"
+	"github.com/chasefleming/elem-go/htmx"
+	"github.com/gofiber/fiber/v2"
+)
+
+func main() {
+	app := fiber.New()
+
+	// Define a simple structure to hold our form data
+	var formData struct {
+		Name  string
+		Email string
+	}
+
+	app.Post("/submit-form", func(c *fiber.Ctx) error {
+		// Capture the form data
+		formData.Name = c.FormValue("name")
+		formData.Email = c.FormValue("email")
+
+		// Send a response with the captured data
+		return c.SendString(fmt.Sprintf("Name: %s, Email: %s", formData.Name, formData.Email))
+	})
+
+	app.Get("/", func(c *fiber.Ctx) error {
+
+		// Define the head with the htmx script and styling
+		head := elem.Head(nil,
+			elem.Script(elem.Attrs{attrs.Src: "https://unpkg.com/[email protected]"}),
+		)
+
+		// Define the body content for our form page
+		body := elem.Body(nil,
+			elem.H1(nil, elem.Text("Simple Form App")),
+			elem.Form(elem.Attrs{
+				attrs.Action: "/submit-form",
+				attrs.Method: "POST",
+				htmx.HXPost:  "/submit-form",
+				htmx.HXSwap:  "outerHTML",
+			},
+				elem.Label(elem.Attrs{attrs.For: "name"}, "Name: "),
+				elem.Input(elem.Attrs{
+					attrs.Type: "text",
+					attrs.Name: "name",
+					attrs.ID:   "name",
+				}),
+				elem.Br(nil),
+				elem.Label(elem.Attrs{attrs.For: "email"}, "Email: "),
+				elem.Input(elem.Attrs{
+					attrs.Type: "email",
+					attrs.Name: "email",
+					attrs.ID:   "email",
+				}),
+				elem.Br(nil),
+				elem.Input(elem.Attrs{
+					attrs.Type:  "submit",
+					attrs.Value: "Submit",
+				}),
+			),
+			elem.Div(elem.Attrs{attrs.ID: "response"}, elem.Text("")),
+		)
+
+		// Wrap the head and body content within an HTML tag
+		pageContent := elem.Html(nil, head, body)
+
+		html := pageContent.Render()
+
+		// Specify that the response content type is HTML before sending the response
+		c.Type("html")
+		return c.SendString(html)
+	})
+
+	app.Listen(":3000")
+}