Impl conditional as

.changeset/grumpy-sloths-move.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/wasm": patch
+---
+
+Impl Conditional as

bindings/devup-ui-wasm/Cargo.toml

@@ -27,7 +27,7 @@ css = { path = "../../libs/css" }
 console_error_panic_hook = { version = "0.1.7", optional = true }
 once_cell = "1.21.3"
 js-sys = "0.3.78"
-serde_json = "1.0.143"
+serde_json = "1.0.145"
 serde-wasm-bindgen = "0.6.5"
 bimap = { version = "0.6.3", features = ["serde"] }
 

libs/css/Cargo.toml

@@ -7,7 +7,7 @@ edition = "2024"
 once_cell = "1.21.3"
 phf = { version = "0.13", features = ["macros"] }
 serial_test = "3.2.0"
-serde = { version = "1.0.219", features = ["derive"] }
+serde = { version = "1.0.225", features = ["derive"] }
 regex = "1.11.2"
 bimap = { version = "0.6.3" }
 

libs/extractor/Cargo.toml

@@ -4,13 +4,13 @@ version = "0.1.0"
 edition = "2024"
 
 [dependencies]
-oxc_parser = "0.87.0"
-oxc_syntax = "0.87.0"
-oxc_span = "0.87.0"
-oxc_allocator = "0.87.0"
-oxc_ast = "0.87.0"
-oxc_ast_visit = "0.87.0"
-oxc_codegen = "0.87.0"
+oxc_parser = "0.89.0"
+oxc_syntax = "0.89.0"
+oxc_span = "0.89.0"
+oxc_allocator = "0.89.0"
+oxc_ast = "0.89.0"
+oxc_ast_visit = "0.89.0"
+oxc_codegen = "0.89.0"
 css = { path = "../css" }
 phf = "0.13"
 strum = "0.27.2"

libs/extractor/src/as_visit.rs

@@ -0,0 +1,62 @@
+use crate::utils::get_string_by_literal_expression;
+use oxc_allocator::{Allocator, CloneIn};
+use oxc_ast::ast::{Expression, JSXElement};
+use oxc_ast_visit::VisitMut;
+use oxc_ast_visit::walk_mut::walk_expression;
+
+use oxc_ast::AstBuilder;
+use oxc_span::SPAN;
+
+pub struct AsVisitor<'a> {
+    ast: AstBuilder<'a>,
+    element: JSXElement<'a>,
+}
+
+impl<'a> AsVisitor<'a> {
+    pub fn new(allocator: &'a Allocator, element: JSXElement<'a>) -> Self {
+        Self {
+            ast: AstBuilder::new(allocator),
+            element,
+        }
+    }
+}
+
+fn change_element_name<'a>(ast: &AstBuilder<'a>, element: &mut JSXElement<'a>, element_name: &str) {
+    let element_name = ast.jsx_element_name_identifier(SPAN, ast.atom(element_name));
+    element.opening_element.name = element_name.clone_in(ast.allocator);
+    if let Some(el) = &mut element.closing_element {
+        el.name = element_name;
+    }
+}
+
+impl<'a> VisitMut<'a> for AsVisitor<'a> {
+    fn visit_expression(&mut self, it: &mut oxc_ast::ast::Expression<'a>) {
+        if let Some(element_name) = get_string_by_literal_expression(it) {
+            let mut element = self.element.clone_in(self.ast.allocator);
+            change_element_name(&self.ast, &mut element, &element_name);
+            *it = Expression::JSXElement(self.ast.alloc(element));
+        } else if let Expression::Identifier(ident) = it {
+            let element_name = ident.name.to_string();
+            if element_name != "undefined" {
+                let mut element = self.element.clone_in(self.ast.allocator);
+                change_element_name(&self.ast, &mut element, &element_name);
+                *it = Expression::JSXElement(self.ast.alloc(element));
+            }
+        } else if let Expression::ConditionalExpression(conditional) = it {
+            self.visit_expression(&mut conditional.consequent);
+            self.visit_expression(&mut conditional.alternate);
+        } else if let Expression::ComputedMemberExpression(member) = it {
+            self.visit_expression(&mut member.object);
+        } else {
+            walk_expression(self, it);
+        }
+    }
+
+    fn visit_object_property(&mut self, it: &mut oxc_ast::ast::ObjectProperty<'a>) {
+        self.visit_expression(&mut it.value);
+    }
+
+    fn visit_spread_element(&mut self, _: &mut oxc_ast::ast::SpreadElement<'a>) {
+        // spread be mantained
+    }
+}