88af3e7eff
Hotreload the contents of for loops, if chains, component bodies, props, attributes, and any literals discovered in rsx! Add a TUI renderer to the CLI. Improve the CLI build system to be async and parallel. Refactor RSX to allow partial expansion of expressions. Merge autofmt implementations for consistency. Merge the representation of elements and components under the hood. Add a diagnostics system for rsx for improved error messages. Drop interprocess and move to websockets for communication between the CLI and the server. Assign IDs to nodes and attributes in a stable way to be used in non compiler contexts. Add hotreloading to any body of component/for loop/if chain/etc. --------- Co-authored-by: Evan Almloff <evanalmloff@gmail.com> Co-authored-by: Liam Mitchell <liamkarlmitchell@gmail.com>
107 lines
2.8 KiB
Rust
107 lines
2.8 KiB
Rust
use dioxus::dioxus_core::{ElementId, Mutation::*};
|
|
use dioxus::prelude::*;
|
|
|
|
/// When returning sets of components, we do a light diff of the contents to preserve some react-like functionality
|
|
///
|
|
/// This means that nav_bar should never get re-created and that we should only be swapping out
|
|
/// different pointers
|
|
#[test]
|
|
fn component_swap() {
|
|
fn app() -> Element {
|
|
let mut render_phase = use_signal(|| 0);
|
|
|
|
render_phase += 1;
|
|
|
|
match render_phase() {
|
|
0 => rsx! {
|
|
nav_bar {}
|
|
dash_board {}
|
|
},
|
|
1 => rsx! {
|
|
nav_bar {}
|
|
dash_results {}
|
|
},
|
|
2 => rsx! {
|
|
nav_bar {}
|
|
dash_board {}
|
|
},
|
|
3 => rsx! {
|
|
nav_bar {}
|
|
dash_results {}
|
|
},
|
|
4 => rsx! {
|
|
nav_bar {}
|
|
dash_board {}
|
|
},
|
|
_ => rsx!("blah"),
|
|
}
|
|
}
|
|
|
|
fn nav_bar() -> Element {
|
|
rsx! {
|
|
h1 {
|
|
"NavBar"
|
|
for _ in 0..3 {
|
|
nav_link {}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
fn nav_link() -> Element {
|
|
rsx!( h1 { "nav_link" } )
|
|
}
|
|
|
|
fn dash_board() -> Element {
|
|
rsx!( div { "dashboard" } )
|
|
}
|
|
|
|
fn dash_results() -> Element {
|
|
rsx!( div { "results" } )
|
|
}
|
|
|
|
let mut dom = VirtualDom::new(app);
|
|
{
|
|
let edits = dom.rebuild_to_vec().santize();
|
|
assert_eq!(
|
|
edits.edits,
|
|
[
|
|
LoadTemplate { name: "template", index: 0, id: ElementId(1) },
|
|
LoadTemplate { name: "template", index: 0, id: ElementId(2) },
|
|
LoadTemplate { name: "template", index: 0, id: ElementId(3) },
|
|
LoadTemplate { name: "template", index: 0, id: ElementId(4) },
|
|
ReplacePlaceholder { path: &[1], m: 3 },
|
|
LoadTemplate { name: "template", index: 0, id: ElementId(5) },
|
|
AppendChildren { m: 2, id: ElementId(0) }
|
|
]
|
|
);
|
|
}
|
|
|
|
dom.mark_dirty(ScopeId::APP);
|
|
assert_eq!(
|
|
dom.render_immediate_to_vec().santize().edits,
|
|
[
|
|
LoadTemplate { name: "template", index: 0, id: ElementId(6) },
|
|
ReplaceWith { id: ElementId(5), m: 1 }
|
|
]
|
|
);
|
|
|
|
dom.mark_dirty(ScopeId::APP);
|
|
assert_eq!(
|
|
dom.render_immediate_to_vec().santize().edits,
|
|
[
|
|
LoadTemplate { name: "template", index: 0, id: ElementId(5) },
|
|
ReplaceWith { id: ElementId(6), m: 1 }
|
|
]
|
|
);
|
|
|
|
dom.mark_dirty(ScopeId::APP);
|
|
assert_eq!(
|
|
dom.render_immediate_to_vec().santize().edits,
|
|
[
|
|
LoadTemplate { name: "template", index: 0, id: ElementId(6) },
|
|
ReplaceWith { id: ElementId(5), m: 1 }
|
|
]
|
|
);
|
|
}
|