fix: autofmt duplicate whitespace on attributes, flickering of vscode autoformat (#5159)

* wip: failing test

* edit harness a bit

* wip, not fixed entirely

* fix comment accumulation and whitespace

* fix: autofmt syncrhonize edits with vscode waitUntil edit pipeline

* fix optimization collapsing away whitespace

* comment out test case for now

packages/autofmt/tests/samples/comments.rsx

@@ -223,7 +223,6 @@ rsx! {
         rsx! { "one two three" }
     }
 
-
     // Please dont eat me 1
     //
     // Please dont eat me 2

packages/autofmt/tests/wrong.rs

@@ -39,3 +39,5 @@ twoway!("oneline-expand" => online_expand (IndentOptions::new(IndentType::Spaces
 twoway!("shortened" => shortened (IndentOptions::new(IndentType::Spaces, 4, false)));
 twoway!("syntax_error" => syntax_error (IndentOptions::new(IndentType::Spaces, 4, false)));
 twoway!("skipfail" => skipfail (IndentOptions::new(IndentType::Spaces, 4, false)));
+twoway!("comments-inline-4sp" => comments_inline_4sp (IndentOptions::new(IndentType::Spaces, 4, false)));
+twoway!("comments-attributes-4sp" => comments_attributes_4sp (IndentOptions::new(IndentType::Spaces, 4, false)));

packages/autofmt/tests/wrong/comments-attributes-4sp.rsx

@@ -0,0 +1,26 @@
+//! hello
+
+#[component]
+fn App() -> Element {
+    rsx! {
+        Stylesheet { href: MAIN_CSS }
+        div { id: "hero",
+            // ss
+            // s
+            // asd
+            img {
+                // blah
+                src: HEADER_SVG,
+                id: "header",
+            }
+            div { id: "links",
+                a { href: "https://discord.gg/XgGxMSkvUM", "👋 Community Discord" }
+                div {
+                    // blah
+                    src: HEADER_SVG,
+                    id: "header",
+                }
+            }
+        }
+    }
+}

packages/autofmt/tests/wrong/comments-attributes-4sp.wrong.rsx

@@ -0,0 +1,26 @@
+//! hello
+
+#[component]
+fn App() -> Element {
+    rsx! {
+        Stylesheet { href: MAIN_CSS }
+        div { id: "hero",
+            // ss
+            // s
+            // asd
+            img {
+                // blah
+                src: HEADER_SVG, id: "header" }
+            div { id: "links",
+                a { href: "https://discord.gg/XgGxMSkvUM", "👋 Community Discord" }
+                div {
+                    // blah
+
+
+
+                    src: HEADER_SVG, id: "header"
+                }
+            }
+        }
+    }
+}

packages/autofmt/tests/wrong/comments-inline-4sp.rsx

@@ -0,0 +1,9 @@
+rsx! {
+    div { // Comments
+        class: "asdasd",
+        "hello world"
+    }
+
+    // todo: fix this case
+    img { src: HEADER_SVG, id: "header" }
+}

packages/autofmt/tests/wrong/comments-inline-4sp.wrong.rsx

@@ -0,0 +1,7 @@
+rsx! {
+    div { // Comments
+        class: "asdasd", "hello world" }
+
+    // todo: fix this case
+    img { src: HEADER_SVG, id: "header" }
+}