@tarojs/helper 3.8.0-canary.0 → 4.0.0-alpha.2

package/swc/plugin-compile-mode/Cargo.toml

@@ -1,20 +0,0 @@
-[package]
-name = "example_plugin"
-version = "0.1.0"
-edition = "2021"
-
-[lib]
-crate-type = ["cdylib"]
-
-[profile.release]
-lto = true
-
-[dependencies]
-serde = { version = "1.0", features = ["derive"] }
-serde_json = "1.0.105"
-swc_atoms = "0.5.8"
-swc_core = { version = "0.79.*", features = ["ecma_plugin_transform", "__parser", "ecma_codegen"] }
-
-# .cargo/config defines few alias to build plugin.
-# cargo build-wasi generates wasm-wasi32 binary
-# cargo build-wasm32 generates wasm32-unknown-unknown binary.

package/swc/plugin-compile-mode/src/lib.rs

@@ -1,52 +0,0 @@
-use swc_core::{
-    ecma::{
-        ast::Program,
-        visit::{as_folder, FoldWith},
-    },
-    plugin::{
-        plugin_transform,
-        proxies::TransformPluginProgramMetadata
-    }
-};
-use serde::{Serialize, Deserialize};
-use std::collections::HashMap;
-use core::fmt::Debug;
-
-mod utils;
-mod transform;
-#[cfg(test)]
-mod tests;
-
-#[derive(Serialize, Deserialize, Debug)]
-pub struct PluginConfig {
-    pub tmpl_prefix: String,
-    pub components: HashMap<String, HashMap<String, String>>,
-    pub adapter: HashMap<String, String>,
-}
-
-/// An example plugin function with macro support.
-/// `plugin_transform` macro interop pointers into deserialized structs, as well
-/// as returning ptr back to host.
-///
-/// It is possible to opt out from macro by writing transform fn manually
-/// if plugin need to handle low-level ptr directly via
-/// `__transform_plugin_process_impl(
-///     ast_ptr: *const u8, ast_ptr_len: i32,
-///     unresolved_mark: u32, should_enable_comments_proxy: i32) ->
-///     i32 /*  0 for success, fail otherwise.
-///             Note this is only for internal pointer interop result,
-///             not actual transform result */`
-///
-/// This requires manual handling of serialization / deserialization from ptrs.
-/// Refer swc_plugin_macro to see how does it work internally.
-#[plugin_transform]
-pub fn process_transform(program: Program, metadata: TransformPluginProgramMetadata) -> Program {
-    let config = serde_json::from_str::<PluginConfig>(
-        &metadata
-            .get_transform_plugin_config()
-            .unwrap()
-    )
-    .unwrap();
-    let visitor = transform::TransformVisitor::new(config);
-    program.fold_with(&mut as_folder(visitor))
-}

package/swc/plugin-compile-mode/src/tests/attributes.rs

@@ -1,85 +0,0 @@
-use swc_core::ecma::transforms::testing::test;
-use super::{tr, get_syntax_config};
-
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_keep_static_attrs_only_in_templates,
-    r#"
-    function Index () {
-        return (
-          <View compileMode>
-            <Image className="my_img" src="https://taro.com/x.png" lazyLoad />
-          </View>
-        )
-      }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><image class="my_img" lazy-load="true" src="https://taro.com/x.png"></image></view></template>';
-    function Index () {
-        return <View compileMode="f0t0">
-            
-          </View>
-    }
-    "#
-);
-
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_turn_dynamic_attrs,
-    r#"
-    function Index () {
-        return (
-          <View compileMode>
-            <View class={myClass}>
-              <View style={myStyle} customProp={myCustomProp}></View>
-              <View hoverStayTime={myTime}>
-                <View hoverClass={myHoverClass}></View>
-              </View>
-            </View>
-          </View>
-        )
-      }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view class="{{i.cn[0].cl}}"><view custom-prop="{{i.cn[0].cn[0].customProp}}" style="{{i.cn[0].cn[0].st}}"></view><view hover-stay-time="{{xs.b(i.cn[0].cn[1].p3,400)}}"><view hover-class="{{xs.b(i.cn[0].cn[1].cn[0].p1,\'none\')}}"></view></view></view></view></template>';
-    function Index () {
-        return <View compileMode="f0t0">
-            <View class={myClass}>
-              <View style={myStyle} customProp={myCustomProp}></View>
-              <View hoverStayTime={myTime}>
-                <View hoverClass={myHoverClass}></View>
-              </View>
-            </View>
-          </View>
-    }
-    "#
-);
-
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_handle_events,
-    r#"
-    function Index () {
-        return (
-          <View compileMode>
-            <View onClick={handleViewClick}></View>
-            <View onAnimationStart={() => {}} id={myId}></View>
-            <Image onLoad={() => {}} id="myImg" />
-          </View>
-        )
-      }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view bindtap="eh" data-sid="{{i.cn[0].sid}}" id="{{i.cn[0].sid}}"></view><view bindanimationstart="eh" data-sid="{{i.cn[1].sid}}" id="{{i.cn[1].id}}"></view><image bindload="eh" data-sid="{{i.cn[2].sid}}" id="myImg"></image></view></template>';
-    function Index () {
-        return <View compileMode="f0t0">
-            <View onClick={handleViewClick}></View>
-            <View onAnimationStart={() => {}} id={myId}></View>
-            <Image onLoad={() => {}} />
-          </View>
-    }
-    "#
-);

package/swc/plugin-compile-mode/src/tests/condition.rs

@@ -1,71 +0,0 @@
-use swc_core::ecma::transforms::testing::test;
-use super::{tr, get_syntax_config};
-
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_support_and_expr,
-    r#"
-    function Index () {
-        return (
-          <View compileMode>
-            {condition && <View hoverClass={myClass}>{content}</View>}
-            {condition && (
-                <View hoverClass={myClass}>{content}</View>
-            )}
-            {condition1 && "condition2" && condition3 && <View hoverClass={myClass}>{content}</View>}
-            {condition1 && 'Hello'}
-            <View hoverClass={myClass}></View>
-          </View>
-        )
-    }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view hover-class="{{xs.b(i.cn[0].p1,\'none\')}}" wx:if="{{i.cn[0].compileIf}}">{{i.cn[0].cn[0].v}}</view><view hover-class="{{xs.b(i.cn[1].p1,\'none\')}}" wx:if="{{i.cn[1].compileIf}}">{{i.cn[1].cn[0].v}}</view><view hover-class="{{xs.b(i.cn[2].p1,\'none\')}}" wx:if="{{i.cn[2].compileIf}}">{{i.cn[2].cn[0].v}}</view>{{i.cn[3].v==="compileIgnore"?"":i.cn[3].v}}<view hover-class="{{xs.b(i.cn[4].p1,\'none\')}}"></view></view></template>';
-    function Index () {
-        return <View compileMode="f0t0">
-            {condition ? <View hoverClass={myClass} compileIf={condition}>{content}</View> : <View/>}
-            {condition ? <View hoverClass={myClass} compileIf={condition}>{content}</View> : <View/>}
-            {condition1 && "condition2" && condition3 ? <View hoverClass={myClass} compileIf={condition1 && "condition2" && condition3}>{content}</View> : <View/>}
-            {condition1 ? 'Hello' : "compileIgnore"}
-            <View hoverClass={myClass}></View>
-          </View>
-    }
-    "#
-);
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_support_conditional_expr,
-    r#"
-    function Index () {
-        return (
-          <View compileMode>
-            {condition ? <View hoverClass={myClass}>{content}</View> : <Text selectable>hello</Text>}
-            {condition1 ? condition2 ? <View>{a}</View> : <Text>{b}</Text> : <View>{c}</View>}
-            {condition1 ? <View>{a}</View> : condition2 ? <View>{b}</View> : <Text>{c}</Text>}
-            {condition1 ? <View>{a}</View> : (condition2 ? <View>{b}</View> : <Text>{c}</Text>)}
-            {condition1 ? condition2 && <View>{a}</View> : <View>{b}</View>}
-            {condition1 ? <View>{a}</View> : condition2 && <View>{b}</View>}
-            {condition1 ? "someText" : 789 }
-            <View hoverClass={myClass}></View>
-          </View>
-        )
-    }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view hover-class="{{xs.b(i.cn[0].p1,\'none\')}}" wx:if="{{i.cn[0].compileIf}}">{{i.cn[0].cn[0].v}}</view><text selectable="true" wx:else>hello</text><block wx:if="{{i.cn[1].compileIf}}"><view wx:if="{{i.cn[1].cn[0].compileIf}}">{{i.cn[1].cn[0].cn[0].v}}</view><text wx:else>{{i.cn[1].cn[0].cn[0].v}}</text></block><view wx:else>{{i.cn[1].cn[0].v}}</view><view wx:if="{{i.cn[2].compileIf}}">{{i.cn[2].cn[0].v}}</view><block wx:else><view wx:if="{{i.cn[2].cn[0].compileIf}}">{{i.cn[2].cn[0].cn[0].v}}</view><text wx:else>{{i.cn[2].cn[0].cn[0].v}}</text></block><view wx:if="{{i.cn[3].compileIf}}">{{i.cn[3].cn[0].v}}</view><block wx:else><view wx:if="{{i.cn[3].cn[0].compileIf}}">{{i.cn[3].cn[0].cn[0].v}}</view><text wx:else>{{i.cn[3].cn[0].cn[0].v}}</text></block><block wx:if="{{i.cn[4].compileIf}}"><view wx:if="{{i.cn[4].cn[0].compileIf}}">{{i.cn[4].cn[0].cn[0].v}}</view></block><view wx:else>{{i.cn[4].cn[0].v}}</view><view wx:if="{{i.cn[5].compileIf}}">{{i.cn[5].cn[0].v}}</view><block wx:else><view wx:if="{{i.cn[5].cn[0].compileIf}}">{{i.cn[5].cn[0].cn[0].v}}</view></block><block wx:if="{{i.cn[6].compileIf}}">{{i.cn[6].cn[0].v}}</block><block wx:else>{{i.cn[6].cn[0].v}}</block><view hover-class="{{xs.b(i.cn[7].p1,\'none\')}}"></view></view></template>';
-    function Index () {
-        return <View compileMode="f0t0">
-            {condition ? <View hoverClass={myClass} compileIf={condition}>{content}</View> : <Text></Text>}
-            {condition1 ? <block compileIf={condition1}>{condition2 ? <View compileIf={condition2}>{a}</View> : <Text>{b}</Text>}</block> : <View>{c}</View>}
-            {condition1 ? <View compileIf={condition1}>{a}</View> : <block>{condition2 ? <View compileIf={condition2}>{b}</View> : <Text>{c}</Text>}</block>}
-            {condition1 ? <View compileIf={condition1}>{a}</View> : <block>{condition2 ? <View compileIf={condition2}>{b}</View> : <Text>{c}</Text>}</block>}
-            {condition1 ? <block compileIf={condition1}>{condition2 ? <View compileIf={condition2}>{a}</View> : <View/>}</block> : <View>{b}</View>}
-            {condition1 ? <View compileIf={condition1}>{a}</View> : <block>{condition2 ? <View compileIf={condition2}>{b}</View> : <View/>}</block>}
-            {condition1 ? <block compileIf={condition1}>{"someText"}</block> : <block>{789}</block> }
-            <View hoverClass={myClass}></View>
-          </View>
-    }
-    "#
-);

package/swc/plugin-compile-mode/src/tests/entry.rs

@@ -1,32 +0,0 @@
-use swc_core::ecma::transforms::testing::test;
-use super::{tr, get_syntax_config};
-
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_support_multi_compile_mode,
-    r#"
-    function Index () {
-        return (
-          <View>
-            <Image src={mySrc} compileMode />
-            <View compileMode>
-              <Text>{myText}</Text>
-            </View>
-          </View>
-        )
-      }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><image src="{{i.p3}}"></image></template>';
-    const TARO_TEMPLATES_f0t1 = '<template name="tmpl_0_f0t1"><view><text>{{i.cn[0].cn[0].v}}</text></view></template>';
-    function Index () {
-        return <View>
-            <Image src={mySrc} compileMode="f0t0" />
-            <View compileMode="f0t1">
-              <Text>{myText}</Text>
-            </View>
-          </View>
-    }
-    "#
-);

package/swc/plugin-compile-mode/src/tests/looping.rs

@@ -1,134 +0,0 @@
-use swc_core::ecma::transforms::testing::test;
-use super::{tr, get_syntax_config};
-
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_loop_with_function_expr,
-    r#"
-    function Index () {
-        return (
-          <View compileMode>
-            {list.map(function(item, index) {
-              return (
-                <View hoverClass={myClass}>
-                  <Text>index:</Text>
-                  <Text>{index}</Text>
-                  <Text>item:</Text>
-                  <Text>{item}</Text>
-                </View>
-              )
-            })}
-          </View>
-        )
-    }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view hover-class="{{xs.b(item.p1,\'none\')}}" wx:for="{{i.cn}}" wx:key="sid"><text>index:</text><text>{{item.cn[0].cn[0].v}}</text><text>item:</text><text>{{item.cn[1].cn[0].v}}</text></view></view></template>';
-    function Index () {
-        return <View compileMode="f0t0">
-            {list.map(function(item, index) {
-              return <View hoverClass={myClass}>
-                  
-                  <Text>{index}</Text>
-                  
-                  <Text>{item}</Text>
-                </View>
-            })}
-          </View>
-    }
-    "#
-);
-
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_loop_with_arrow_function_with_blockstmt,
-    r#"
-    function Index () {
-        return (
-          <View compileMode>
-            {list.map(item => {
-              return <View>{item}</View>
-            })}
-          </View>
-        )
-    }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view wx:for="{{i.cn}}" wx:key="sid">{{item.cn[0].v}}</view></view></template>';
-    function Index () {
-        return <View compileMode="f0t0">
-            {list.map(item => {
-              return <View>{item}</View>
-            })}
-          </View>
-    }
-    "#
-);
-
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_loop_with_arrow_function_with_expr,
-    r#"
-    function Index () {
-        return (
-          <View compileMode>
-            {list.map(item => <View>{item}</View>)}
-          </View>
-        )
-    }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view wx:for="{{i.cn}}" wx:key="sid">{{item.cn[0].v}}</view></view></template>';
-    function Index () {
-        return <View compileMode="f0t0">
-            {list.map(item => <View>{item}</View>)}
-          </View>
-    }
-    "#
-);
-
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_support_nested_loop,
-    r#"
-    function Index () {
-        return (
-          <View compileMode>
-            {list.map(function(item, index) {
-              return (
-                <View hoverClass={myClass} key={index}>
-                  <View>title: {item}</View>
-                  <View>
-                    {sublist.map(function(c) {
-                      return <Text selectable={isSelectable}>content: {c}</Text>
-                    })}
-                  </View>
-                </View>
-              )
-            })}
-          </View>
-        )
-    }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><view hover-class="{{xs.b(item.p1,\'none\')}}" wx:for="{{i.cn}}" wx:key="sid"><view>title: {{item.cn[0].cn[0].v}}</view><view><text selectable="{{xs.b(item.p1,!1)}}" wx:for="{{item.cn[1].cn}}" wx:key="sid">content: {{item.cn[0].v}}</text></view></view></view></template>';
-    function Index () {
-        return <View compileMode="f0t0">
-            {list.map(function(item, index) {
-              return <View hoverClass={myClass} key={index}>
-                  <View>{item}</View>
-                  <View>
-                    {sublist.map(function(c) {
-                      return <Text selectable={isSelectable}>{c}</Text>
-                    })}
-                  </View>
-                </View>
-            })}
-          </View>
-    }
-    "#
-);

package/swc/plugin-compile-mode/src/tests/mod.rs

@@ -1,98 +0,0 @@
-mod entry;
-mod attributes;
-mod shake;
-mod condition;
-mod looping;
-
-use swc_core::ecma::{
-    parser,
-    visit::{as_folder, Fold, VisitMut},
-};
-use crate::{
-    PluginConfig,
-    transform::*,
-};
-
-pub fn tr () -> impl Fold + VisitMut {
-    let config = serde_json::from_str::<PluginConfig>(
-        r#"
-        {
-            "tmpl_prefix": "f0",
-            "components": {
-                "block": {},
-                "image": {
-                    "src": "i.p3",
-                    "mode": "xs.b(i.p1,'scaleToFill')",
-                    "lazy-load": "xs.b(i.p0,!1)",
-                    "binderror": "eh",
-                    "bindload": "eh",
-                    "bindtouchstart": "eh",
-                    "bindtouchmove": "eh",
-                    "bindtouchend": "eh",
-                    "bindtouchcancel": "eh",
-                    "bindlongpress": "eh",
-                    "webp": "xs.b(i.p4,false)",
-                    "show-menu-by-longpress": "xs.b(i.p2,false)",
-                    "style": "i.st",
-                    "class": "i.cl",
-                    "bindtap": "eh"
-                },
-                "view": {
-                    "hover-class": "xs.b(i.p1,'none')",
-                    "hover-stop-propagation": "xs.b(i.p4,!1)",
-                    "hover-start-time": "xs.b(i.p2,50)",
-                    "hover-stay-time": "xs.b(i.p3,400)",
-                    "bindtouchstart": "eh",
-                    "bindtouchmove": "eh",
-                    "bindtouchend": "eh",
-                    "bindtouchcancel": "eh",
-                    "bindlongpress": "eh",
-                    "animation": "i.p0",
-                    "bindanimationstart": "eh",
-                    "bindanimationiteration": "eh",
-                    "bindanimationend": "eh",
-                    "bindtransitionend": "eh",
-                    "style": "i.st",
-                    "class": "i.cl",
-                    "bindtap": "eh"
-                },
-                "text": {
-                    "selectable": "xs.b(i.p1,!1)",
-                    "space": "i.p2",
-                    "decode": "xs.b(i.p0,!1)",
-                    "user-select": "xs.b(i.p3,false)",
-                    "style": "i.st",
-                    "class": "i.cl",
-                    "bindtap": "eh"
-                },
-                "movable-area": {
-                    "scale-area": "xs.b(i.p0,!1)",
-                    "style": "i.st",
-                    "class": "i.cl",
-                    "bindtap": "eh"
-                }
-            },
-            "adapter": {
-                "if": "wx:if",
-                "else": "wx:else",
-                "elseif": "wx:elif",
-                "for": "wx:for",
-                "forItem": "wx:for-item",
-                "forIndex": "wx:for-index",
-                "key": "wx:key",
-                "xs": "wxs",
-                "type": "weapp"
-            }
-        }"#
-    )
-    .unwrap();
-    let visitor = TransformVisitor::new(config);
-    as_folder(visitor)
-}
-
-pub fn get_syntax_config () -> parser::Syntax {
-    parser::Syntax::Es(parser::EsConfig {
-        jsx: true,
-        ..Default::default()
-    })
-}

package/swc/plugin-compile-mode/src/tests/shake.rs

@@ -1,41 +0,0 @@
-use swc_core::ecma::transforms::testing::test;
-use super::{tr, get_syntax_config};
-
-test!(
-    get_syntax_config(),
-    |_| tr(),
-    should_static_jsx_being_shaked,
-    r#"
-    function Index () {
-        return (
-          <View compileMode>
-            <Text>Hello World!</Text>
-            <Text>Hello{T1}World{T2}!</Text>
-            <View>
-                <Text></Text>
-            </View>
-            <View style="color: red" hoverStopPropagation>
-                <Text>Hello World!</Text>
-            </View>
-            <View style={myStyle}>
-                <Text>Hello World!</Text>
-            </View>
-          </View>
-        )
-    }
-    "#,
-    r#"
-    const TARO_TEMPLATES_f0t0 = '<template name="tmpl_0_f0t0"><view><text>Hello World!</text><text>Hello{{i.cn[0].cn[0].v}}World{{i.cn[0].cn[1].v}}!</text><view><text></text></view><view hover-stop-propagation="true" style="color: red"><text>Hello World!</text></view><view style="{{i.cn[1].st}}"><text>Hello World!</text></view></view></template>';
-    function Index () {
-        return <View compileMode="f0t0">
-            
-            <Text>{T1}{T2}</Text>
-            
-            
-            <View style={myStyle}>
-                
-            </View>
-          </View>
-    }
-    "#
-);