formatting support for @position-try (for #3773)

evanw · evanw · commit d7a8bf32702f · 2024-05-24T13:16:06.000-04:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -77,6 +77,10 @@
     }
     ```
 
+* Formatting support for the `@position-try` rule ([#3773](https://github.com/evanw/esbuild/issues/3773))
+
+    Chrome shipped this new CSS at-rule in version 125 as part of the [CSS anchor positioning API](https://developer.chrome.com/blog/anchor-positioning-api). With this release, esbuild now knows to expect a declaration list inside of the `@position-try` body block and will format it appropriately.
+
 ## 0.21.3
 
 * Implement the decorator metadata proposal ([#3760](https://github.com/evanw/esbuild/issues/3760))
diff --git a/internal/css_parser/css_parser.go b/internal/css_parser/css_parser.go
@@ -1102,6 +1102,10 @@ var specialAtRules = map[string]atRuleKind{
 	// Defining before-change style: the @starting-style rule
 	// Reference: https://drafts.csswg.org/css-transitions-2/#defining-before-change-style-the-starting-style-rule
 	"starting-style": atRuleInheritContext,
+
+	// Anchor Positioning
+	// Reference: https://drafts.csswg.org/css-anchor-position-1/#at-ruledef-position-try
+	"position-try": atRuleDeclarations,
 }
 
 var atKnownRuleCanBeRemovedIfEmpty = map[string]bool{
diff --git a/internal/css_parser/css_parser_test.go b/internal/css_parser/css_parser_test.go
@@ -1539,6 +1539,14 @@ func TestAtRule(t *testing.T) {
   }
 }
 `, "")
+
+	// https://drafts.csswg.org/css-anchor-position-1/#at-ruledef-position-try
+	expectPrinted(t, `@position-try --foo { top: 0 }`,
+		`@position-try --foo {
+  top: 0;
+}
+`, "")
+	expectPrintedMinify(t, `@position-try --foo { top: 0; }`, `@position-try --foo{top:0}`, "")
 }
 
 func TestAtCharset(t *testing.T) {

Original file line number	Diff line number	Diff line change
`@@ -77,6 +77,10 @@`
`77`	`77`	`}`
`78`	`78`	```
`79`	`79`
	`80`	+* Formatting support for the `@position-try` rule ([#3773](https://github.com/evanw/esbuild/issues/3773))
	`81`	`+`
	`82`	+ Chrome shipped this new CSS at-rule in version 125 as part of the [CSS anchor positioning API](https://developer.chrome.com/blog/anchor-positioning-api). With this release, esbuild now knows to expect a declaration list inside of the `@position-try` body block and will format it appropriately.
	`83`	`+`
`80`	`84`	`## 0.21.3`
`81`	`85`
`82`	`86`	`* Implement the decorator metadata proposal ([#3760](https://github.com/evanw/esbuild/issues/3760))`
Original file line number	Diff line number	Diff line change
`@@ -1539,6 +1539,14 @@ func TestAtRule(t *testing.T) {`
`1539`	`1539`	`}`
`1540`	`1540`	`}`
`1541`	`1541`	`, "")
	`1542`	`+`
	`1543`	`+ // https://drafts.csswg.org/css-anchor-position-1/#at-ruledef-position-try`
	`1544`	+ expectPrinted(t, `@position-try --foo { top: 0 }`,
	`1545`	+ `@position-try --foo {
	`1546`	`+ top: 0;`
	`1547`	`+}`
	`1548`	+`, "")
	`1549`	+ expectPrintedMinify(t, `@position-try --foo { top: 0; }`, `@position-try --foo{top:0}`, "")
`1542`	`1550`	`}`
`1543`	`1551`
`1544`	`1552`	`func TestAtCharset(t *testing.T) {`