fix(html): listing error

Author: ematipico

.changeset/nine-bottles-float.md

@@ -0,0 +1,10 @@
+---
+"@biomejs/biome": patch
+---
+
+Added support for the Svelte syntax `{@debug}`. The Biome HTML parser is now able to parse and format the blocks:
+
+```diff
+-{@debug     foo,bar,    something}
++{@debug foo, bar, something}
+```

…tter/tests/specs/html/astro/debug.svelte …ter/tests/specs/html/svelte/debug.sveltecrates/biome_html_formatter/tests/specs/html/astro/debug.svelte renamed to crates/biome_html_formatter/tests/specs/html/svelte/debug.svelte crates/biome_html_formatter/tests/specs/html/astro/debug.svelte renamed to crates/biome_html_formatter/tests/specs/html/svelte/debug.svelte

@@ -94,6 +94,5 @@ pub(crate) fn closing_tag_should_not_have_attributes(
 }
 
 pub(crate) fn expected_svelte_closing_block(p: &HtmlParser, range: TextRange) -> ParseDiagnostic {
-    p.err_builder("Expected a closing block.", range)
-        .with_hint(markup!("Add a '}' block."))
+    p.err_builder("Expected an identifier.", range)
 }

…tests/specs/html/astro/debug.svelte.snap …ests/specs/html/svelte/debug.svelte.snapcrates/biome_html_formatter/tests/specs/html/astro/debug.svelte.snap renamed to crates/biome_html_formatter/tests/specs/html/svelte/debug.svelte.snap crates/biome_html_formatter/tests/specs/html/astro/debug.svelte.snap renamed to crates/biome_html_formatter/tests/specs/html/svelte/debug.svelte.snap

@@ -36,8 +36,15 @@ pub(crate) fn parse_debug_block(p: &mut HtmlParser, marker: Marker) -> ParsedSyn
     Present(marker.complete(p, SVELTE_DEBUG_BLOCK))
 }
 
-const BLOCK_RECOVER: TokenSet<HtmlSyntaxKind> =
-    token_set!(T!['{'], T![<], T!["{@"], T!["{/"], T!["{:"], T!["{#"]);
+const BLOCK_RECOVER: TokenSet<HtmlSyntaxKind> = token_set!(
+    T!['{'],
+    T![<],
+    T!["{@"],
+    T!["{/"],
+    T!["{:"],
+    T!["{#"],
+    T!['}']
+);
 
 #[derive(Debug)]
 struct BindingList;

crates/biome_html_parser/src/syntax/parse_error.rs

@@ -0,0 +1 @@
+{@debug something,}

crates/biome_html_parser/src/syntax/svelte.rs

@@ -0,0 +1,70 @@
+---
+source: crates/biome_html_parser/tests/spec_test.rs
+expression: snapshot
+---
+## Input
+
+```svelte
+{@debug something,}
+
+```
+
+
+## AST
+
+```
+HtmlRoot {
+    bom_token: missing (optional),
+    frontmatter: missing (optional),
+    directive: missing (optional),
+    html: HtmlElementList [
+        SvelteDebugBlock {
+            sv_curly_at_token: SV_CURLY_AT@0..2 "{@" [] [],
+            debug_token: DEBUG_KW@2..8 "debug" [] [Whitespace(" ")],
+            bindings: SvelteBindingList [
+                SvelteName {
+                    svelte_ident_token: SVELTE_IDENT@8..17 "something" [] [],
+                },
+                COMMA@17..18 "," [] [],
+                missing element,
+            ],
+            r_curly_token: R_CURLY@18..19 "}" [] [],
+        },
+    ],
+    eof_token: EOF@19..20 "" [Newline("\n")] [],
+}
+```
+
+## CST
+
+```
+0: [email protected]
+  0: (empty)
+  1: (empty)
+  2: (empty)
+  3: [email protected]
+    0: [email protected]
+      0: [email protected] "{@" [] []
+      1: DEBUG_KW@2..8 "debug" [] [Whitespace(" ")]
+      2: SVELTE_BINDING_LIST@8..18
+        0: SVELTE_NAME@8..17
+          0: SVELTE_IDENT@8..17 "something" [] []
+        1: COMMA@17..18 "," [] []
+        2: (empty)
+      3: R_CURLY@18..19 "}" [] []
+  4: EOF@19..20 "" [Newline("\n")] []
+
+```
+
+## Diagnostics
+
+```
+debug-trailing-comma.svelte:1:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Expected an identifier.
+  
+  > 1 │ {@debug something,}
+      │                   ^
+    2 │ 
+  
+```

crates/biome_html_parser/tests/html_specs/error/svelte/debug-trailing-comma.svelte

@@ -69,13 +69,11 @@ HtmlRoot {
 ```
 debug.svelte:2:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Expected a closing block.
+  × Expected an identifier.
   
     1 │ {@debug
   > 2 │ {@debug something}
       │ ^^
     3 │ 
   
-  i Add a '}' block.
-  
 ```