svelte-compiler 0.1.0

Core compiler API for the Rust Svelte toolchain
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

use camino::Utf8Path;

use crate::ast::modern::Root;

use super::generic_renderer::{ClientRenderBackend, compile_generic_markup_js};

pub(crate) fn compile_generic_client_markup_js(
    source: &str,
    root: &Root,
    filename: Option<&Utf8Path>,
) -> Option<String> {
    compile_generic_markup_js::<ClientRenderBackend>(source, root, filename)
}

#[cfg(test)]
mod tests {
    use super::compile_generic_client_markup_js;
    use crate::compiler::phases::parse::parse_component_for_compile;

    fn parse_modern_root(source: &str) -> crate::ast::modern::Root {
        let parsed = parse_component_for_compile(source).expect("parse component");
        parsed.root
    }

    #[test]
    fn generic_client_codegen_supports_expression_if_each_and_components() {
        let source = "{#if ok}<Widget>{name}</Widget>{:else}<span>{@html html}</span>{/if}{#each items as item, i}<div>{item}{i}</div>{:else}<em>empty</em>{/each}";
        let root = parse_modern_root(source);
        let output =
            compile_generic_client_markup_js(source, &root, None).expect("generic client codegen");
        assert!(output.contains("if (ok) {"));
        assert!(output.contains("$.ensure_array_like(items)"));
        assert!(output.contains("$.html(html)"));
        assert!(output.contains("(Widget)($$renderer,"));
    }

    #[test]
    fn generic_client_codegen_hoists_instance_imports_and_strips_instance_export() {
        let source = "<script>import x from './x'; export let answer = 42; const b = 1;</script><p>{answer}</p>";
        let root = parse_modern_root(source);
        let output =
            compile_generic_client_markup_js(source, &root, None).expect("generic client codegen");
        assert!(output.contains("import x from './x';"));
        assert!(output.contains("let answer = 42;"));
        assert!(output.contains("const b = 1;"));
        assert!(!output.contains("export let answer"));
    }

    #[test]
    fn generic_client_codegen_supports_component_and_element_directives() {
        let source = "<Widget on:click={f} bind:value={x} class:active={ok} /><div {...attrs} bind:value={x} class:active={ok} />";
        let root = parse_modern_root(source);
        let output =
            compile_generic_client_markup_js(source, &root, None).expect("generic client codegen");
        assert!(output.contains("onclick: f"));
        assert!(output.contains("$.attributes(attrs, null, null, null)"));
        assert!(output.contains("$.attr('value', x, false)"));
    }

    #[test]
    fn generic_client_codegen_supports_optional_render_calls() {
        let source = "<script>let { snippets, snippet, optional } = $props();</script>{@render snippets[snippet]()} {@render snippets?.[snippet]?.()} {@render snippets.foo?.()} {@render optional?.()}";
        let root = parse_modern_root(source);
        let output =
            compile_generic_client_markup_js(source, &root, None).expect("generic client codegen");
        assert!(output.contains("snippets[snippet]"));
        assert!(output.contains("snippets?.[snippet]"));
        assert!(output.contains("snippets.foo"));
        assert!(output.contains("optional"));
    }

    #[test]
    fn generic_client_codegen_supports_assignment_expressions_in_blocks() {
        let source = "{#if a = 0}{/if}{#each [b = 0] as x}{x,''}{/each}{#key c = 0}{/key}{#await d = 0}{/await}{#snippet snip()}{/snippet}{@render (e = 0, snip)()}{@html f = 0, ''}<div {@attach !!(g = 0)}></div>";
        let root = parse_modern_root(source);
        let output =
            compile_generic_client_markup_js(source, &root, None).expect("generic client codegen");
        assert!(output.contains("if (a = 0)"));
        assert!(output.contains("$.ensure_array_like([b = 0])"));
        assert!(output.contains("$.await($$renderer, d = 0"));
        assert!(output.contains("$.html(f = 0, '')"));
    }

    #[test]
    fn generic_client_codegen_supports_svelte_element_this_attribute() {
        let source = "<svelte:options namespace=\"svg\" /><svelte:element this=\"svg\" viewBox=\"0 0 10 10\" />";
        let root = parse_modern_root(source);
        let output =
            compile_generic_client_markup_js(source, &root, None).expect("generic client codegen");
        assert!(output.contains("$.element($$renderer, 'svg'"));
        assert!(output.contains("viewBox"));
        assert!(!output.contains("attr('this'"));
    }
}