Support JSX expressions in hast element nodes

Author: devongovett

src/hast.rs

@@ -187,6 +187,8 @@ pub enum PropertyValue {
     CommaSeparated(Vec<String>),
     /// A space-separated list of strings.
     SpaceSeparated(Vec<String>),
+    /// A JSX expression.
+    JsxExpression(String),
 }
 
 /// Document type.

src/hast_util_to_swc.rs

@@ -226,21 +226,35 @@ fn transform_element(
                     continue;
                 }
             }
-            hast::PropertyValue::String(x) => Some(Lit::Str(Str {
+            hast::PropertyValue::String(x) => Some(JSXAttrValue::Lit(Lit::Str(Str {
                 value: x.clone().into(),
                 span: swc_core::common::DUMMY_SP,
                 raw: None,
-            })),
-            hast::PropertyValue::CommaSeparated(x) => Some(Lit::Str(Str {
+            }))),
+            hast::PropertyValue::CommaSeparated(x) => Some(JSXAttrValue::Lit(Lit::Str(Str {
                 value: x.join(", ").into(),
                 span: swc_core::common::DUMMY_SP,
                 raw: None,
-            })),
-            hast::PropertyValue::SpaceSeparated(x) => Some(Lit::Str(Str {
+            }))),
+            hast::PropertyValue::SpaceSeparated(x) => Some(JSXAttrValue::Lit(Lit::Str(Str {
                 value: x.join(" ").into(),
                 span: swc_core::common::DUMMY_SP,
                 raw: None,
-            })),
+            }))),
+            hast::PropertyValue::JsxExpression(x) => {
+                Some(JSXAttrValue::JSXExprContainer(JSXExprContainer {
+                    expr: JSXExpr::Expr(
+                        parse_expression_to_tree(
+                            &x,
+                            &MdxExpressionKind::AttributeValueExpression,
+                            &[],
+                            context.location,
+                        )?
+                        .unwrap(),
+                    ),
+                    span: swc_core::common::DUMMY_SP,
+                }))
+            }
         };
 
         // Turn property case into either React-specific case, or HTML
@@ -250,7 +264,7 @@ fn transform_element(
 
         attrs.push(JSXAttrOrSpread::JSXAttr(JSXAttr {
             name: create_jsx_attr_name_from_str(&attr_name),
-            value: value.map(JSXAttrValue::Lit),
+            value,
             span: swc_core::common::DUMMY_SP,
         }));