Templ methods

[tim-rus]

Recently I found out that templ function can be used as a method.

type Button struct {}
templ (b Button) Render() {
    <button>{children...}</button>
}

templ SomeView() {
    @Button{}.Render() { click me }
}

So I went this way and come up with this:

type button struct {
    class string
    attrs templ.Attributes
}

func Button() *button {
    return &button {
        class: "some_button_classes",
        attrs: templ.Attributes{},
    }
}

func (b *button) XL() *button {
    b.class += " xl" // just an example
    return b
}

func (b *button) Set(k string, v interface{}) *button {
    b.attrs[k] = v
    return b
}

templ (b *button) Render() {
    <button { b.attrs... } class={b.class}>{children...}</button>
}

templ SomeView() {
    @Button().XL().Set("onclick", "alert('clicked')").Render() { click me }
}

My question is - is there a way to get rid of .Render() call?
So I could do something like @Button().XL() { click me }?

And the second one: is there a way of writing method call on a new line?

templ SomeView() {
    @Button(). // getting "expected selector or type assertion, found '.' "
        XL().
        Set("onclick", "alert('clicked')").
        Render() { click me }
}

[joerdav]

On the first point, you would need to implement the component interface to remove the need for Render(). It is a bit more code but should have the desired effect.

type button struct {
    class string
    attrs templ.Attributes
}

func Button() *button {
    return &button {
        class: "some_button_classes",
        attrs: templ.Attributes{},
    }
}

func (b *button) XL() *button {
    b.class += " xl" // just an example
    return b
}

func (b *button) Set(k string, v interface{}) *button {
    b.attrs[k] = v
    return b
}

templ (b *button) renderButton() {
    <button { b.attrs... } class={b.class}>{children...}</button>
}

func (b *button) Render(ctx context.Context, w io.Writer) error {
    return b.renderButton().Render(ctx, w)
}

On the second point that seems to be a parsing bug, I would expect that to work.

[tim-rus]

Thank you!