lsp: formatting malformed when CSS expressions are too long

[rverton]

templ version v0.2.680

The following example templates works fine:

package components

templ test() {
	<a
		href="/"
		class={ "hover:bg-zinc-600 px-1 py-1 -mt-1 rounded flex items-center space-x-2 foo foo foo" , "bar" }
	></a>
}

Now, if there is one more foo added to the list of classes, the LSP formatter seems to malform the template, resulting in the following output:

package components

templ test() {
<a href="/indexer" class={ "hover:bg-zinc-600 px-1 py-1 -mt-1 rounded flex items-center space-x-2 foo foo foo foo"
    , "bar" }></a>
}

This results in an error: string expression attribute: missing closing brace: line 3, col 27 []

[JuLi0n21]

I got a similar issue here:
line breaks in tag={ }
break the generation, i only noticed since my formater broke the line into 2 after adding more stlyes

Works:

<a href="/link" class={ "fixed left-2 p-3 " + theme(ctx).Light }> 
</a>

Doesnt work

<a href="/link" class={ "fixed left-2 p-3 " 
    + theme(ctx).Light }>
</a>

[JuLi0n21]

Did a bit more investigation on what would work and what not.

Works

<a href="/link" class={ "fixed left-2 p-3 " +
    theme(ctx).Light }>
</a>

or Alternativly using comma to concatenate the strings works fine

<a href="/link" class={ "fixed left-2 p-3",
    theme(ctx).Light }>
</a>

Maybe allowing the first Token of the next not empty line to be one of the allowed concatinatino tokens would remove the issue

[joerdav]

Hey folks, thank you for the error report, your great minimal repros and your patience!

Though, I'm having issues reproducing both with latest templ and v0.2.680, so I think we will have to gather some more data if you have time:

• What IDE are you using?
• What OS are you on?
• Do you have any other formatters, LSPs or extensions that could be running on templ files?
• If you format with the command line does the problem persist? cat template.templ | templ fmt (this will print out the result without saving)

[JuLi0n21]

Thanks for the Update

• Nvim
• Ubuntu 22.04.4 LTS on Windows 10 x86_64
• yes i think its the nvim formatter formating things, i am using gopls, html-lsp and templ lsp tho
• 1. the formated code using cli works
• 2. the miss formatted code stayes not working event after templ fmt (the added new line does not get removed)

I would say that its more of a default behavoir problem since most languages support the pattern below (which is the actual issue not the formatter itself)

Doesnt work

<a href="/link" class={ "fixed left-2 p-3 " 
    + theme(ctx).Light }>
</a>