Support conditional selector

Author: owjs3901

Cargo.lock

@@ -4,12 +4,12 @@ version = "0.1.0"
 edition = "2021"
 
 [dependencies]
-oxc_parser = "0.51.0"
-oxc_syntax = "0.51.0"
-oxc_span = "0.51.0"
-oxc_allocator = "0.51.0"
-oxc_ast = "0.51.0"
-oxc_codegen = "0.51.0"
+oxc_parser = "0.52.0"
+oxc_syntax = "0.52.0"
+oxc_span = "0.52.0"
+oxc_allocator = "0.52.0"
+oxc_ast = "0.52.0"
+oxc_codegen = "0.52.0"
 css = { path = "../css" }
 once_cell = "1.20.3"
 

libs/extractor/Cargo.toml

@@ -914,6 +914,69 @@ mod tests {
         .unwrap());
     }
 
+    #[test]
+    #[serial]
+    fn extract_conditional_selector() {
+        reset_class_map();
+        assert_debug_snapshot!(extract(
+            "test.tsx",
+            r"import {Box} from '@devup-ui/core'
+        <Box _hover={a===b ? undefined : {
+          mx: 1
+        }} />
+        ",
+            ExtractOption {
+                package: "@devup-ui/core".to_string(),
+                css_file: None
+            }
+        )
+        .unwrap());
+
+        reset_class_map();
+        assert_debug_snapshot!(extract(
+            "test.tsx",
+            r"import {Box} from '@devup-ui/core'
+        <Box _hover={a===b && {
+          mx: 1
+        }} />
+        ",
+            ExtractOption {
+                package: "@devup-ui/core".to_string(),
+                css_file: None
+            }
+        )
+        .unwrap());
+
+        reset_class_map();
+        assert_debug_snapshot!(extract(
+            "test.tsx",
+            r"import {Box} from '@devup-ui/core'
+        <Box _hover={a===b && {}} />
+        ",
+            ExtractOption {
+                package: "@devup-ui/core".to_string(),
+                css_file: None
+            }
+        )
+        .unwrap());
+
+        reset_class_map();
+        assert_debug_snapshot!(extract(
+            "test.tsx",
+            r"import {Box} from '@devup-ui/core'
+        <Box _hover={a===b && {
+          mx: 1,
+          my: 1
+        }} />
+        ",
+            ExtractOption {
+                package: "@devup-ui/core".to_string(),
+                css_file: None
+            }
+        )
+        .unwrap());
+    }
+
     #[test]
     #[serial]
     fn extract_selector_with_responsive() {

libs/extractor/src/lib.rs

@@ -466,21 +466,19 @@ pub fn extract_style_from_expression<'a>(
                 }
             }
             Expression::LogicalExpression(logical) => {
-                let res = name.and_then(|name| {
-                    match extract_style_from_expression(
-                        ast_builder,
-                        Some(name),
-                        &mut logical.right,
-                        level,
-                        selector,
-                    ) {
-                        ExtractResult::Extract {
-                            styles: Some(styles),
-                            ..
-                        } => Some(Box::new(ExtractStyleProp::StaticArray(styles))),
-                        _ => None,
-                    }
-                });
+                let res = match extract_style_from_expression(
+                    ast_builder,
+                    name,
+                    &mut logical.right,
+                    level,
+                    selector,
+                ) {
+                    ExtractResult::Extract {
+                        styles: Some(styles),
+                        ..
+                    } => Some(Box::new(ExtractStyleProp::StaticArray(styles))),
+                    _ => None,
+                };
                 match logical.operator {
                     LogicalOperator::Or => ExtractResult::Extract {
                         styles: Some(vec![ExtractStyleProp::Conditional {