Added jsx name formatting

crates/rome_js_formatter/src/jsx/auxiliary/name.rs

@@ -1,7 +1,9 @@
+use crate::formatter_traits::FormatTokenAndNode;
 use crate::{FormatElement, FormatResult, Formatter, ToFormatElement};
-use rome_js_syntax::{AstNode, JsxName};
+use rome_js_syntax::JsxName;
+
 impl ToFormatElement for JsxName {
     fn to_format_element(&self, formatter: &Formatter) -> FormatResult<FormatElement> {
-        Ok(formatter.format_verbatim(self.syntax()))
+        self.value_token().format(formatter)
     }
 }

crates/rome_js_formatter/src/jsx/auxiliary/namespace_name.rs

@@ -1,7 +1,20 @@
+use crate::formatter_traits::FormatTokenAndNode;
 use crate::{FormatElement, FormatResult, Formatter, ToFormatElement};
-use rome_js_syntax::{AstNode, JsxNamespaceName};
+use rome_formatter::format_elements;
+use rome_js_syntax::{JsxNamespaceName, JsxNamespaceNameFields};
+
 impl ToFormatElement for JsxNamespaceName {
     fn to_format_element(&self, formatter: &Formatter) -> FormatResult<FormatElement> {
-        Ok(formatter.format_verbatim(self.syntax()))
+        let JsxNamespaceNameFields {
+            namespace,
+            colon_token,
+            name,
+        } = self.as_fields();
+
+        Ok(format_elements![
+            namespace.format(formatter)?,
+            colon_token.format(formatter)?,
+            name.format(formatter)?
+        ])
     }
 }

crates/rome_js_formatter/src/jsx/auxiliary/reference_identifier.rs

@@ -1,7 +1,9 @@
+use crate::formatter_traits::FormatTokenAndNode;
 use crate::{FormatElement, FormatResult, Formatter, ToFormatElement};
-use rome_js_syntax::{AstNode, JsxReferenceIdentifier};
+use rome_js_syntax::JsxReferenceIdentifier;
+
 impl ToFormatElement for JsxReferenceIdentifier {
     fn to_format_element(&self, formatter: &Formatter) -> FormatResult<FormatElement> {
-        Ok(formatter.format_verbatim(self.syntax()))
+        self.value_token().format(formatter)
     }
 }

crates/rome_js_formatter/src/jsx/objects/member_name.rs

@@ -1,7 +1,20 @@
+use crate::formatter_traits::FormatTokenAndNode;
 use crate::{FormatElement, FormatResult, Formatter, ToFormatElement};
-use rome_js_syntax::{AstNode, JsxMemberName};
+use rome_formatter::format_elements;
+use rome_js_syntax::{JsxMemberName, JsxMemberNameFields};
+
 impl ToFormatElement for JsxMemberName {
     fn to_format_element(&self, formatter: &Formatter) -> FormatResult<FormatElement> {
-        Ok(formatter.format_verbatim(self.syntax()))
+        let JsxMemberNameFields {
+            object,
+            dot_token,
+            member,
+        } = self.as_fields();
+
+        Ok(format_elements![
+            object.format(formatter)?,
+            dot_token.format(formatter)?,
+            member.format(formatter)?,
+        ])
     }
 }

crates/rome_js_formatter/tests/specs/jsx/self_closing.jsx.snap

@@ -38,13 +38,3 @@ Line width: 80
 
 <CodeEditor />;
 
-
-## Unimplemented nodes/tokens
-
-"Foo " => 1..5
-"Foo           " => 11..25
-"LineWidthInput " => 31..46
-"IndentStyleSelect" => 51..68
-"SourceTypeSelect" => 75..91
-"CodeEditor" => 99..109
-