Fix(tokenizer): reckon left bracket which previous char is not $ as raw left bracket in template literal in attribute (#419)

* Fix(tokenizer): reckon left bracket which previous char is not $ as raw left bracket in template literal

* Chore(tokenizer): write test about template literal

* chore: move template literal test to token_test

* chore: add changeset

Co-authored-by: Nate Moore <[email protected]>

Author: Shinyaigeek

.changeset/tall-elephants-worry.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/compiler': patch
+---
+
+Fix issue with `{` in template literal attributes

internal/token.go

@@ -1302,8 +1302,12 @@ func (z *Tokenizer) readTagAttrExpression() {
 			z.raw.End = z.data.End
 			z.data.End = end
 		case '{':
-			z.attrExpressionStack++
-			z.attrTemplateLiteralStack = append(z.attrTemplateLiteralStack, 0)
+			previousChar := z.buf[z.raw.End-2]
+			inTemplateLiteral := len(z.attrTemplateLiteralStack) >= z.attrExpressionStack && z.attrTemplateLiteralStack[z.attrExpressionStack-1] > 0
+			if !inTemplateLiteral || previousChar == '$' {
+				z.attrExpressionStack++
+				z.attrTemplateLiteralStack = append(z.attrTemplateLiteralStack, 0)
+			}
 		case '}':
 			z.attrExpressionStack--
 			if z.attrExpressionStack == 0 && z.allTagAttrExpressionsClosed() {

internal/token_test.go

@@ -375,6 +375,11 @@ func TestBasic(t *testing.T) {
 			`<select>{[1, 2, 3].map(num => <option>{num}</option>)}</select><div>Hello</div>`,
 			[]TokenType{StartTagToken, StartExpressionToken, TextToken, StartTagToken, StartExpressionToken, TextToken, EndExpressionToken, EndTagToken, TextToken, EndExpressionToken, EndTagToken, StartTagToken, TextToken, EndTagToken},
 		},
+		{
+			"single brace",
+			"<main id={`{`}></main>",
+			[]TokenType{StartTagToken, EndTagToken},
+		},
 		{
 			"Markdown codeblock",
 			fmt.Sprintf(`<Markdown>