fervid_codegen 0.2.0

EcmaScript code generation for the fervid crate
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121

use fervid_core::fervid_atom;
use swc_core::{
    common::DUMMY_SP,
    ecma::ast::{Expr, Ident, KeyValueProp, Prop, PropName, PropOrSpread},
};

use crate::CodegenContext;

impl CodegenContext {
    /// Generates the `v-html` directive
    ///
    /// # Example
    /// `v-html="foo + bar"` will generate `innerHTML: foo + bar` (without transforms).
    ///
    /// With transforms the node must handle
    /// patch flags: `8 /* PROPS */` and `"innerHTML"` in props array.
    pub fn generate_v_html(&self, expr: &Expr) -> PropOrSpread {
        PropOrSpread::Prop(Box::new(Prop::KeyValue(KeyValueProp {
            key: PropName::Ident(Ident {
                span: DUMMY_SP, // TODO?
                sym: fervid_atom!("innerHTML"),
                optional: false,
            }),
            value: Box::new(expr.to_owned()),
        })))
    }
}

#[cfg(test)]
mod tests {
    use fervid_core::{ElementKind, ElementNode, StartingTag, VueDirectives};
    use swc_core::ecma::ast::BinExpr;

    use super::*;

    #[test]
    fn it_generates_v_html_on_component() {
        test_out(
            // <test-component v-html="foo + bar" />
            ElementNode {
                children: vec![],
                kind: ElementKind::Component,
                starting_tag: StartingTag {
                    tag_name: "test-component".into(),
                    attributes: vec![],
                    directives: Some(Box::new(VueDirectives {
                        v_html: Some(Box::new(Expr::Bin(BinExpr {
                            span: DUMMY_SP,
                            op: swc_core::ecma::ast::BinaryOp::Add,
                            left: Box::new(Expr::Ident(Ident {
                                span: DUMMY_SP,
                                sym: fervid_atom!("foo"),
                                optional: false,
                            })),
                            right: Box::new(Expr::Ident(Ident {
                                span: DUMMY_SP,
                                sym: fervid_atom!("bar"),
                                optional: false,
                            })),
                        }))),
                        ..Default::default()
                    })),
                },
                template_scope: 0,
                patch_hints: Default::default(),
                span: DUMMY_SP,
            },
            r#"_createVNode(_component_test_component,{innerHTML:foo+bar})"#,
            false,
        )
    }

    #[test]
    fn it_generates_v_html_on_element() {
        test_out(
            // <h1 v-html="foo + bar" />
            ElementNode {
                children: vec![],
                kind: ElementKind::Element,
                starting_tag: StartingTag {
                    tag_name: "h1".into(),
                    attributes: vec![],
                    directives: Some(Box::new(VueDirectives {
                        v_html: Some(Box::new(Expr::Bin(BinExpr {
                            span: DUMMY_SP,
                            op: swc_core::ecma::ast::BinaryOp::Add,
                            left: Box::new(Expr::Ident(Ident {
                                span: DUMMY_SP,
                                sym: fervid_atom!("foo"),
                                optional: false,
                            })),
                            right: Box::new(Expr::Ident(Ident {
                                span: DUMMY_SP,
                                sym: fervid_atom!("bar"),
                                optional: false,
                            })),
                        }))),
                        ..Default::default()
                    })),
                },
                template_scope: 0,
                patch_hints: Default::default(),
                span: DUMMY_SP,
            },
            r#"_createElementVNode("h1",{innerHTML:foo+bar})"#,
            false,
        )
    }

    fn test_out(input: ElementNode, expected: &str, wrap_in_block: bool) {
        let is_component = matches!(input.kind, ElementKind::Component);

        let mut ctx = CodegenContext::default();
        let out = if is_component {
            ctx.generate_component_vnode(&input, wrap_in_block)
        } else {
            ctx.generate_element_vnode(&input, wrap_in_block)
        };
        assert_eq!(crate::test_utils::to_str(out), expected)
    }
}