Add support for hx-target-* attribute (VSCode plugin)

[koddr]

Hi,

First, let me thank you for this amazing tool that allows you to develop the Go web applications very quickly! Love it 😘

I noticed that the plugin for VSCode does not full support the htmx extension response-targets:

It would be really cool if you could add wildcard support.

Right now, you have to define each hx-target like this:

<form
 	hx-post="/api/secret/unlock"
 	hx-target="#secret"
 	hx-target-400="#errors"
 	hx-target-403="#errors"
 	hx-target-404="#errors"
 	hx-target-500="#errors"
 	hx-target-502="#errors"
 	hx-target-503="#errors"
 	hx-indicator="#loading-indicator"
>
...

Although it could be simplified to:

<form
 	hx-post="/api/secret/unlock"
 	hx-target="#secret"
 	hx-target-*="#errors"
 	hx-indicator="#loading-indicator"
>
...

Thanks for your time and templ library! 😊

[a-h]

Thanks for your comments. I think we can turn this into an issue and work on it as a feature request.

Basically, the task is to update the attribute name parser to support having a * character in attribute names as per https://htmx.org/extensions/response-targets/#wildcard-resolution

It is a very straightforward change if you have time to do a PR yourself, if not, I'll get to it. 😁

The attribute name parser is here:

templ/parser/v1/elementparser.go

Lines 62 to 68 in e8f18b2

	// Attribute name.
	var attributeNameFirst = "abcdefghijklmnopqrstuvwxyz"
	var attributeNameSubsequent = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789-"
	var attributeNameParser = parse.Then(parse.WithStringConcatCombiner,
	parse.RuneIn(attributeNameFirst),
	parse.Many(parse.WithStringConcatCombiner, 0, 128, parse.RuneIn(attributeNameSubsequent)),
	)

Then, need to add a test for the new behaviours here:

templ/parser/v1/elementparser_test.go

Line 12 in e8f18b2

func TestAttributeParser(t *testing.T) {

And finally, a test to make sure that the generated output is as expected by updating the template.templ file in https://github.com/a-h/templ/tree/main/generator/test-element-attributes, re-generating templates, and updating the expected.html file to include the expected output.

[a-h]

Added to templ in 43545f8