add datastar examples
This commit is contained in:
parent
f6bfd1f7ab
commit
5a43abbdc7
15
datastar/go.mod
Normal file
15
datastar/go.mod
Normal file
@ -0,0 +1,15 @@
|
||||
module datastar
|
||||
|
||||
go 1.25.2
|
||||
|
||||
require (
|
||||
github.com/starfederation/datastar-go v1.0.3
|
||||
github.com/zepyrshut/hrender v0.0.0-20251208222655-1e403e42aac7
|
||||
)
|
||||
|
||||
require (
|
||||
github.com/CAFxX/httpcompression v0.0.9 // indirect
|
||||
github.com/andybalholm/brotli v1.2.0 // indirect
|
||||
github.com/klauspost/compress v1.18.0 // indirect
|
||||
github.com/valyala/bytebufferpool v1.0.0 // indirect
|
||||
)
|
||||
35
datastar/go.sum
Normal file
35
datastar/go.sum
Normal file
@ -0,0 +1,35 @@
|
||||
github.com/CAFxX/httpcompression v0.0.9 h1:0ue2X8dOLEpxTm8tt+OdHcgA+gbDge0OqFQWGKSqgrg=
|
||||
github.com/CAFxX/httpcompression v0.0.9/go.mod h1:XX8oPZA+4IDcfZ0A71Hz0mZsv/YJOgYygkFhizVPilM=
|
||||
github.com/andybalholm/brotli v1.0.5/go.mod h1:fO7iG3H7G2nSZ7m0zPUDn85XEX2GTukHGRSepvi9Eig=
|
||||
github.com/andybalholm/brotli v1.2.0 h1:ukwgCxwYrmACq68yiUqwIWnGY0cTPox/M94sVwToPjQ=
|
||||
github.com/andybalholm/brotli v1.2.0/go.mod h1:rzTDkvFWvIrjDXZHkuS16NPggd91W3kUSvPlQ1pLaKY=
|
||||
github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
|
||||
github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
|
||||
github.com/google/brotli/go/cbrotli v0.0.0-20230829110029-ed738e842d2f/go.mod h1:nOPhAkwVliJdNTkj3gXpljmWhjc4wCaVqbMJcPKWP4s=
|
||||
github.com/klauspost/compress v1.16.7/go.mod h1:ntbaceVETuRiXiv4DpjP66DpAtAGkEQskQzEyD//IeE=
|
||||
github.com/klauspost/compress v1.18.0 h1:c/Cqfb0r+Yi+JtIEq73FWXVkRonBlf0CRNYc8Zttxdo=
|
||||
github.com/klauspost/compress v1.18.0/go.mod h1:2Pp+KzxcywXVXMr50+X0Q/Lsb43OQHYWRCY2AiWywWQ=
|
||||
github.com/klauspost/pgzip v1.2.6/go.mod h1:Ch1tH69qFZu15pkjo5kYi6mth2Zzwzt50oCQKQE9RUs=
|
||||
github.com/pierrec/lz4/v4 v4.1.18/go.mod h1:gZWDp/Ze/IJXGXf23ltt2EXimqmTUXEy0GFuRQyBid4=
|
||||
github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
|
||||
github.com/starfederation/datastar-go v1.0.3 h1:DnzgsJ6tDHDM6y5Nxsk0AGW/m8SyKch2vQg3P1xGTcU=
|
||||
github.com/starfederation/datastar-go v1.0.3/go.mod h1:stm83LQkhZkwa5GzzdPEN6dLuu8FVwxIv0w1DYkbD3w=
|
||||
github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
|
||||
github.com/stretchr/objx v0.4.0/go.mod h1:YvHI0jy2hoMjB+UWwv71VJQ9isScKT/TqJzVSSt89Yw=
|
||||
github.com/stretchr/objx v0.5.0/go.mod h1:Yh+to48EsGEfYuaHDzXPcE3xhTkx73EhmCGUpEOglKo=
|
||||
github.com/stretchr/testify v1.7.1/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
|
||||
github.com/stretchr/testify v1.8.0/go.mod h1:yNjHg4UonilssWZ8iaSj1OCr/vHnekPRkoO+kdMU+MU=
|
||||
github.com/stretchr/testify v1.8.4/go.mod h1:sz/lmYIOXD/1dqDmKjjqLyZ2RngseejIcXlSw2iwfAo=
|
||||
github.com/ulikunitz/xz v0.5.11/go.mod h1:nbz6k7qbPmH4IRqmfOplQw/tblSgqTqBwxkY0oWt/14=
|
||||
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/gozstd v1.20.1/go.mod h1:y5Ew47GLlP37EkTB+B4s7r6A5rdaeB7ftbl9zoYiIPQ=
|
||||
github.com/zepyrshut/hrender v0.0.0-20251204134824-5eb5dc8eaf21 h1:jUfJj+Ymdd9krHUt3YzBxR5kFoRAp+RD3u4Yir/KSGQ=
|
||||
github.com/zepyrshut/hrender v0.0.0-20251204134824-5eb5dc8eaf21/go.mod h1:KxR0Cisj52sFFxMTm3o+OJWBqP/khUpA1bjjc49iAiM=
|
||||
github.com/zepyrshut/hrender v0.0.0-20251204145920-50fdd9cb5ff1 h1:Zpay8/pWw++3B/QXsGbF3eTI1z2tGynguQWAnERIg9c=
|
||||
github.com/zepyrshut/hrender v0.0.0-20251204145920-50fdd9cb5ff1/go.mod h1:KxR0Cisj52sFFxMTm3o+OJWBqP/khUpA1bjjc49iAiM=
|
||||
github.com/zepyrshut/hrender v0.0.0-20251208222655-1e403e42aac7 h1:qVpI47wId0u0dTMk8QHGaiml2vWzDjsFgCDr0JnyOCg=
|
||||
github.com/zepyrshut/hrender v0.0.0-20251208222655-1e403e42aac7/go.mod h1:KxR0Cisj52sFFxMTm3o+OJWBqP/khUpA1bjjc49iAiM=
|
||||
gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
|
||||
gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
|
||||
gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
|
||||
176
datastar/main.go
Normal file
176
datastar/main.go
Normal file
@ -0,0 +1,176 @@
|
||||
package main
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"log"
|
||||
"net/http"
|
||||
"os"
|
||||
"sort"
|
||||
"strconv"
|
||||
|
||||
"github.com/starfederation/datastar-go/datastar"
|
||||
"github.com/zepyrshut/hrender"
|
||||
)
|
||||
|
||||
type TodoList struct {
|
||||
ID int
|
||||
Name string
|
||||
Completed bool
|
||||
}
|
||||
|
||||
var todoList = []TodoList{
|
||||
{
|
||||
ID: 1,
|
||||
Name: "Sacar a la perra",
|
||||
Completed: false,
|
||||
},
|
||||
{
|
||||
ID: 2,
|
||||
Name: "Limpiar la casa",
|
||||
Completed: false,
|
||||
},
|
||||
{
|
||||
ID: 3,
|
||||
Name: "Ir al supermercado",
|
||||
Completed: false,
|
||||
},
|
||||
}
|
||||
|
||||
type TodoSignals struct {
|
||||
NewTodoName string `json:"newtodo"`
|
||||
}
|
||||
|
||||
func main() {
|
||||
templatesFS := os.DirFS("./templates")
|
||||
|
||||
h := hrender.NewHTMLRender(templatesFS, false)
|
||||
|
||||
mux := http.NewServeMux()
|
||||
mux.Handle("GET /", http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
||||
w.Header().Set(hrender.ContentType, hrender.ContentTextHTMLUTF8)
|
||||
err := h.RenderW(w, "pages/index", hrender.H{})
|
||||
if err != nil {
|
||||
http.Error(w, "error loading template", http.StatusInternalServerError)
|
||||
}
|
||||
}))
|
||||
|
||||
mux.Handle("GET /todo", http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
||||
sort.Slice(todoList, func(i, j int) bool {
|
||||
return todoList[i].ID > todoList[j].ID
|
||||
})
|
||||
|
||||
templ, err := h.RenderS("fragments/todo-widget", hrender.H{
|
||||
"TodoList": todoList,
|
||||
})
|
||||
if err != nil {
|
||||
http.Error(w, "error loading template", http.StatusInternalServerError)
|
||||
}
|
||||
|
||||
sse := datastar.NewSSE(w, r)
|
||||
if err := sse.PatchElements(templ); err != nil {
|
||||
log.Println("error", err)
|
||||
}
|
||||
}))
|
||||
|
||||
mux.Handle("GET /todo/new", http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
||||
templ, err := h.RenderS("fragments/todo-row-edit", hrender.H{})
|
||||
if err != nil {
|
||||
http.Error(w, "error loading template", http.StatusInternalServerError)
|
||||
}
|
||||
|
||||
sse := datastar.NewSSE(w, r)
|
||||
if err := sse.PatchElements(templ,
|
||||
datastar.WithModePrepend(),
|
||||
datastar.WithSelectorID("todo-list-body"),
|
||||
); err != nil {
|
||||
log.Println("error", err)
|
||||
}
|
||||
}))
|
||||
|
||||
mux.Handle("POST /todo", http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
||||
var signals TodoSignals
|
||||
if err := datastar.ReadSignals(r, &signals); err != nil {
|
||||
http.Error(w, err.Error(), http.StatusBadRequest)
|
||||
}
|
||||
|
||||
newID := 0
|
||||
sort.Slice(todoList, func(i, j int) bool {
|
||||
return todoList[i].ID > todoList[j].ID
|
||||
})
|
||||
newID = todoList[0].ID + 1
|
||||
|
||||
newItem := TodoList{
|
||||
ID: newID,
|
||||
Name: signals.NewTodoName,
|
||||
Completed: false,
|
||||
}
|
||||
|
||||
todoList = append(todoList, newItem)
|
||||
|
||||
templ, _ := h.RenderS("fragments/todo-row", hrender.H{
|
||||
"ID": newID,
|
||||
"Name": newItem.Name,
|
||||
"Completed": false,
|
||||
})
|
||||
|
||||
sse := datastar.NewSSE(w, r)
|
||||
|
||||
if err := sse.PatchElements(templ,
|
||||
datastar.WithModeReplace(),
|
||||
datastar.WithSelectorID("new-todo-row"),
|
||||
); err != nil {
|
||||
http.Error(w, "bad request", http.StatusBadRequest)
|
||||
return
|
||||
}
|
||||
|
||||
signals.NewTodoName = ""
|
||||
sse.MarshalAndPatchSignals(signals)
|
||||
}))
|
||||
|
||||
mux.Handle("PATCH /todo/{id}/completed", http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
|
||||
log.Println("patch todo triggered")
|
||||
|
||||
idStr := r.PathValue("id")
|
||||
id, err := strconv.Atoi(idStr)
|
||||
if err != nil {
|
||||
http.Error(w, "invalid id", http.StatusBadRequest)
|
||||
return
|
||||
}
|
||||
|
||||
var foundItem *TodoList
|
||||
for i := range todoList {
|
||||
if todoList[i].ID == id {
|
||||
todoList[i].Completed = true
|
||||
foundItem = &todoList[i]
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
if foundItem == nil {
|
||||
http.Error(w, "item not found", http.StatusNotFound)
|
||||
return
|
||||
}
|
||||
|
||||
templ, err := h.RenderS("fragments/todo-row", hrender.H{
|
||||
"ID": foundItem.ID,
|
||||
"Name": foundItem.Name,
|
||||
"Completed": true,
|
||||
})
|
||||
if err != nil {
|
||||
http.Error(w, "error loading template", http.StatusInternalServerError)
|
||||
}
|
||||
|
||||
sse := datastar.NewSSE(w, r)
|
||||
if err := sse.PatchElements(templ, datastar.WithModeOuter(),
|
||||
datastar.WithSelectorID(fmt.Sprintf("todo-%d", id)),
|
||||
); err != nil {
|
||||
http.Error(w, "error", http.StatusInternalServerError)
|
||||
}
|
||||
}))
|
||||
|
||||
log.Println("server started on port 8080")
|
||||
err := http.ListenAndServe(":8080", mux)
|
||||
if err != nil {
|
||||
panic(fmt.Sprintf("server cannot start %v", err))
|
||||
}
|
||||
}
|
||||
12
datastar/templates/fragments/todo-row-edit.html
Normal file
12
datastar/templates/fragments/todo-row-edit.html
Normal file
@ -0,0 +1,12 @@
|
||||
<li id="new-todo-row">
|
||||
<form data-on-submit="@post('/todo')">
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
data-bind-newtodo
|
||||
placeholder="Nueva tarea..."
|
||||
autofocus
|
||||
/>
|
||||
<button type="submit">enviar</button>
|
||||
</form>
|
||||
</li>
|
||||
15
datastar/templates/fragments/todo-row.html
Normal file
15
datastar/templates/fragments/todo-row.html
Normal file
@ -0,0 +1,15 @@
|
||||
<li id="todo-{{ .ID }}">
|
||||
<button
|
||||
{{
|
||||
if
|
||||
.Completed
|
||||
}}
|
||||
disabled
|
||||
{{
|
||||
end
|
||||
}}
|
||||
data-on-click="@patch('/todo/{{.ID}}/completed')"
|
||||
>
|
||||
{{ .ID }} {{ .Name }} - {{ .Completed }}
|
||||
</button>
|
||||
</li>
|
||||
9
datastar/templates/fragments/todo-widget.html
Normal file
9
datastar/templates/fragments/todo-widget.html
Normal file
@ -0,0 +1,9 @@
|
||||
<div id="todo-container">
|
||||
<h2>Listado de tareas</h2>
|
||||
|
||||
<button data-on-click="@get('/todo/new')">Nueva tarea</button>
|
||||
|
||||
<ol id="todo-list-body">
|
||||
{{ range .TodoList }} {{ template "fragments/todo-row" . }} {{ end }}
|
||||
</ol>
|
||||
</div>
|
||||
15
datastar/templates/pages/index.html
Normal file
15
datastar/templates/pages/index.html
Normal file
@ -0,0 +1,15 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Lista de tareas</title>
|
||||
<script
|
||||
type="module"
|
||||
src="https://cdn.jsdelivr.net/gh/starfederation/datastar@main/bundles/datastar.js"
|
||||
></script>
|
||||
</head>
|
||||
<body>
|
||||
<div data-on-load="@get('/todo')" id="todo-container">Cargando...</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user