core/go-html
8
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

feat(responsive): surface media hints on variant containers
Some checks are pending
Security Scan / security (push) Waiting to run
Details
Test / test (push) Waiting to run
Details

Browse source 
Co-Authored-By: Virgil <virgil@lethean.io>
This commit is contained in:
Snider 2026-04-15 00:59:26 +01:00
parent 2d8ddb4523
commit fc4bae09cc
2 changed files with 20 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
responsive.go
View file

@ -43,6 +43,7 @@ func (r *Responsive) Variant(name string, layout *Layout) *Responsive {
// Add registers a responsive variant. The optional media argument carries a
// CSS media-query hint for downstream CSS generation (e.g. "(min-width: 768px)").
// When supplied, Render emits it on the container as data-media.
//
// Usage example: NewResponsive().Add("desktop", NewLayout("HLCRF"), "(min-width: 1024px)")
func (r *Responsive) Add(name string, layout *Layout, media ...string) *Responsive {
@ -79,6 +80,10 @@ func (r *Responsive) renderWithLayoutPath(ctx *Context, path string) string {
b.WriteString(`<div data-variant="`)
b.WriteString(escapeAttr(v.name))
if v.media != "" {
b.WriteString(`" data-media="`)
b.WriteString(escapeAttr(v.media))
}
b.WriteString(`">`)
b.WriteString(renderWithLayoutPath(v.layout, ctx, path))
b.WriteString(`</div>`)

15
responsive_test.go
View file

@ -19,6 +19,21 @@ func TestResponsive_SingleVariant_Good(t *testing.T) {
}
}
func TestResponsive_Add_MediaHint_Good(t *testing.T) {
ctx := NewContext()
r := NewResponsive().
Add("desktop", NewLayout("C").C(Raw("content")), "(min-width: 1024px)")
got := r.Render(ctx)
if !containsText(got, `data-variant="desktop"`) {
t.Fatalf("responsive should still contain data-variant, got:\n%s", got)
}
if !containsText(got, `data-media="(min-width: 1024px)"`) {
t.Fatalf("responsive should expose media hint, got:\n%s", got)
}
}
func TestResponsive_MultiVariant_Good(t *testing.T) {
ctx := NewContext()
r := NewResponsive().