Dynamic attribute names

[delaneyj]

Right now you have a single {..attrs} of templ.Attributes available for dynamic attribute names. This tends to make the locality of behavior of Templ (which is so good at) get lost. Datastar for example using data-* attributes and for example binding can be done with something like

<input data-bind-foo-bar />

Note in this case there is no value. What I'd like is a way to have attribute names in place
<input data-bind-{"foo-bar"} />
<input {"data-bind-foo-bar"} />
and with values
<input data-bind-{"foo-bar"}="baz" />
<input {"data-bind-foo-bar"}={"baz"} />

[joerdav]

For, simplicity I wonder if purely allowing an expression as the key is the way forward? So your examples would be as follows:

<input {"data-bind-"+"foo-bar"} />
<input {"data-bind-foo-bar"} />
<input {"data-bind-"+"foo-bar"}="baz" />
<input {"data-bind-foo-bar"}={"baz"} />

[delaneyj]

Even without the hooks...

<input {"data-bind-"+"foo-bar"} />
<input {"data-bind-foo-bar"} />
<input {"data-bind-"+"foo-bar"}="baz" />
<input {"data-bind-foo-bar"}={"baz"} />

Would help us a ton!

[joerdav]

Great, I'll have a look into how we might implement something like that!

Also for CSL have you seen that you can set a nonce value in templ? https://templ.guide/security/content-security-policy/#setting-a-nonce

[delaneyj]

No! I 💯 need to use this to do what I'm think. Basically I have to port Datastar's core engine to a Go layer. When y'all have time maybe it'd be easier to get on a call with you and Adrian. Or maybe join the Discord, we already have a #templ channel https://discord.gg/Qnj9TMStze

[delaneyj]

#1113 seems related

[joerdav]

The PR is here #1140

There is a whole bunch more work, and things to think about but I have the proof-of-concept.