add support for static val() wrapper

unyt-org · Oct 7, 2024 · 371e03a · 371e03a
1 parent b25fca8
commit 371e03a
Show file tree

Hide file tree

Showing 4 changed files with 80 additions and 0 deletions.
diff --git a/src/lib.rs b/src/lib.rs
@@ -717,3 +717,44 @@ test!(
     "#
 );
 
+
+test!(
+    Syntax::Es(EsSyntax {
+        jsx: true,
+        ..Default::default()
+    },),
+    |_| TransformVisitor,
+    t49,
+    r#"
+    call(function ({title, icon, children}) {
+        return <div class="card">
+            <span title="Dialog schließen" onclick:frontend={()=>use(this) && this.closeDialog()} class="desktop-close"><i class="fa-solid fa-xmark"/></span>
+            <h1>
+                <span title="Zurück" onclick:frontend={()=> this.closeDialog()} class="mobile-back"><i class="fa-solid fa-chevron-left"/></span>
+                { icon && <i class={`fas ${icon}`} style="margin-right:10px"/>}
+                {title}
+            </h1>
+            {...children}
+            {...(children)}
+            {...[1,2,3]}
+            {...([1,2,3].map((item) => <span>{item}</span>))}
+        </div>
+    });
+    "#
+);
+
+
+test!(
+    Syntax::Es(EsSyntax {
+        jsx: true,
+        ..Default::default()
+    },),
+    |_| TransformVisitor,
+    t50,
+    r#"
+    <div>
+        <div>{val(x.y)}</div>
+        <div>{val(x())}</div>
+    </div>
+    "#
+);
diff --git a/src/visitor.rs b/src/visitor.rs
@@ -406,6 +406,14 @@ impl TransformVisitor {
                 )
             ),
 
+            // is val() call expr -> ignore and just return val
+            Expr::Call(c)
+                if c.callee.is_expr()
+                    && c.callee.as_expr().unwrap().is_ident_ref_to("val") =>
+            {
+                e
+            }
+
             // convert array.map(() => {}) to _$method(array, 'map', (() => {})
             // TODO
             Expr::Call(c)

diff --git a/tests/__swc_snapshots__/src/lib.rs/t49.js b/tests/__swc_snapshots__/src/lib.rs/t49.js
@@ -0,0 +1,27 @@
+call(function({ title, icon, children }) {
+    return <div class="card">
+            <span title="Dialog schließen" onclick:frontend={()=>{
+        return use(this) && this.closeDialog();
+    }} class="desktop-close"><i class="fa-solid fa-xmark"/></span>
+            <h1>
+                <span title="Zurück" onclick:frontend={()=>{
+        use("silent-errors", this);
+        return this.closeDialog();
+    }} class="mobile-back"><i class="fa-solid fa-chevron-left"/></span>
+                {_$(()=>icon && <i class={`fas ${icon}`} style="margin-right:10px"/>)}
+                {title}
+            </h1>
+            {...children}
+            {...children}
+            {..._$(()=>[
+            1,
+            2,
+            3
+        ])}
+            {..._$method([
+        1,
+        2,
+        3
+    ], "map", (item)=><span>{item}</span>)}
+        </div>;
+});
diff --git a/tests/__swc_snapshots__/src/lib.rs/t50.js b/tests/__swc_snapshots__/src/lib.rs/t50.js
@@ -0,0 +1,4 @@
+<div>
+        <div>{val(x.y)}</div>
+        <div>{val(x())}</div>
+    </div>;