Feat: massive changes to definition of components

This change switches back to the original `ctx<props>` syntax for
commponents. This lets lifetime elision to remove the need to match
exactly which lifetime (props or ctx) gets  carried to the output. As
such, `Props` is currently required to be static. It *is* possible to
loosen this restriction, and will be done in the future, though only
through adding metadata about the props through the Props derive
macro. Implementing the IS_STATIC trait is unsafe, so the derive macro
will do it through some heuristics.

For now, this unlocks sharing vnodes from parents to children, enabling
pass-thru components, fragments, portals, etc.

packages/web/src/lib.rs

@@ -2,7 +2,7 @@
 //! --------------
 //! This crate implements a renderer of the Dioxus Virtual DOM for the web browser using Websys.
 
-use dioxus::prelude::{Context, DomTree, Properties};
+use dioxus::prelude::{Context, Properties, VNode};
 use fxhash::FxHashMap;
 use web_sys::{window, Document, Element, Event, Node};
 // use futures::{channel::mpsc, SinkExt, StreamExt};
@@ -33,7 +33,7 @@ impl WebsysRenderer {
     ///
     /// Run the app to completion, panicing if any error occurs while rendering.
     /// Pairs well with the wasm_bindgen async handler
-    pub async fn start(root: impl for<'a> Fn(Context<'a>, &'a ()) -> DomTree + 'static) {
+    pub async fn start(root: impl for<'a> Fn(Context<'a, ()>) -> VNode + 'static) {
         Self::new(root).run().await.expect("Virtual DOM failed :(");
     }
 
@@ -41,7 +41,7 @@ impl WebsysRenderer {
     ///
     /// This means that the root component must either consumes its own context, or statics are used to generate the page.
     /// The root component can access things like routing in its context.
-    pub fn new(root: impl for<'a> Fn(Context<'a>, &'a ()) -> DomTree + 'static) -> Self {
+    pub fn new(root: impl for<'a> Fn(Context<'a, ()>) -> VNode + 'static) -> Self {
         Self::new_with_props(root, ())
     }
 
@@ -50,7 +50,7 @@ impl WebsysRenderer {
     ///
     /// A VDom is automatically created. If you want more granular control of the VDom, use `from_vdom`
     pub fn new_with_props<T: Properties + 'static>(
-        root: impl for<'a> Fn(Context<'a>, &'a T) -> DomTree + 'static,
+        root: impl for<'a> Fn(Context<'a, T>) -> VNode + 'static,
         root_props: T,
     ) -> Self {
         Self::from_vdom(VirtualDom::new_with_props(root, root_props))
@@ -178,7 +178,7 @@ mod tests {
         pretty_env_logger::init();
         log::info!("Hello!");
 
-        wasm_bindgen_futures::spawn_local(WebsysRenderer::start(|ctx, _| {
+        wasm_bindgen_futures::spawn_local(WebsysRenderer::start(|ctx| {
             todo!()
             // ctx.render(html! {
             //     <div>

packages/web/src/old/virtual_node_test_utils.rs

@@ -147,7 +147,7 @@ fn main() {
     wasm_bindgen_futures::spawn_local(WebsysRenderer::start(Example));
 }
 
-fn Component(ctx: Context, props: ()) -> DomTree {
+fn Component(ctx: Context, props: ()) -> VNode {
     let user_data = use_sql_query(&ctx, USER_DATA_QUERY);
 
     ctx.render(rsx! {