Improve compile times by splitting out rsx-hotreload from rsx (#2971)

* fix imports, migrate over rsx-hotreload

packages/rsx-hotreload/tests/valid/combo.new.rsx

@@ -0,0 +1,68 @@
+// This test is used by playwright configured in the root of the repo
+
+use dioxus::prelude::*;
+
+fn app() -> Element {
+    let mut num = use_signal(|| 0);
+    let mut eval_result = use_signal(String::new);
+    let a = 123;
+
+    rsx! {
+        div {
+            "hello axum! {num}"
+            button { class: "increment-button", onclick: move |_| num += 1, "Increment" }
+        }
+        svg {
+            circle {
+                cx: 50,
+                cy: 50,
+                r: 40,
+                stroke: "green",
+                fill: "yellow"
+            }
+        }
+        div {
+            class: "raw-attribute-div",
+            "raw-attribute": "raw-attribute-value"
+        }
+        div { class: "hidden-attribute-div", hidden: true }
+        div {
+            class: "dangerous-inner-html-div",
+            dangerous_inner_html: "<p>hello dangerous inner html</p>"
+        }
+        input { value: "hello input" }
+        div { class: "style-div", color: "red", "colored text" }
+        div { class: "style-div", color: "red", "colored text" }
+        button {
+            class: "eval-button",
+            onclick: move |_| async move {
+                let mut eval = eval(
+                    r#"
+                                window.document.title = 'Hello from Dioxus Eval!';
+                                dioxus.send("returned eval value");
+                            "#,
+                );
+                let result = eval.recv().await;
+                if let Ok(serde_json::Value::String(string)) = result {
+                    eval_result.set(string);
+                }
+            },
+            "Eval!!!!"
+            "Eval!!!!"
+            "Eval!!!!!"
+            "Eval!!!!"
+            "Eval!!!!"
+            "Eval!!!!"
+        }
+        div { class: "eval-result", "{eval_result}" }
+    }
+}
+
+fn main() {
+    // tracing_wasm::set_as_global_default_with_config(
+    //     tracing_wasm::WASMLayerConfigBuilder::default()
+    //         .set_max_level(tracing::Level::TRACE)
+    //         .build(),
+    // );
+    launch(app);
+}

packages/rsx-hotreload/tests/valid/combo.old.rsx

@@ -0,0 +1,57 @@
+// This test is used by playwright configured in the root of the repo
+
+use dioxus::prelude::*;
+
+fn app() -> Element {
+    let mut num = use_signal(|| 0);
+    let mut eval_result = use_signal(String::new);
+    let a = 123;
+
+    rsx! {
+        div {
+            "hello axum! {num}"
+            button { class: "increment-button", onclick: move |_| num += 1, "Increment" }
+        }
+        svg { circle { cx: 50, cy: 50, r: 40, stroke: "green", fill: "yellow" } }
+        div { class: "raw-attribute-div", "raw-attribute": "raw-attribute-value" }
+        div { class: "hidden-attribute-div", hidden: true }
+        div {
+            class: "dangerous-inner-html-div",
+            dangerous_inner_html: "<p>hello dangerous inner html</p>"
+        }
+        input { value: "hello input" }
+        div { class: "style-div", color: "red", "colored text" }
+        div { class: "style-div", color: "red", "colored text" }
+        button {
+            class: "eval-button",
+            onclick: move |_| async move {
+                let mut eval = eval(
+                    r#"
+                        window.document.title = 'Hello from Dioxus Eval!';
+                        dioxus.send("returned eval value");
+                    "#,
+                );
+
+                let result = eval.recv().await;
+                if let Ok(serde_json::Value::String(string)) = result {
+                    eval_result.set(string);
+                }
+            },
+            "Eval!!!!"
+            "Eval!!!!"
+            "Eval!!!!!"
+            "Eval!!!!"
+            "Eval!!!!"
+        }
+        div { class: "eval-result", "{eval_result}" }
+    }
+}
+
+fn main() {
+    // tracing_wasm::set_as_global_default_with_config(
+    //     tracing_wasm::WASMLayerConfigBuilder::default()
+    //         .set_max_level(tracing::Level::TRACE)
+    //         .build(),
+    // );
+    launch(app);
+}

packages/rsx-hotreload/tests/valid/expr.new.rsx

@@ -0,0 +1,17 @@
+use dioxus::prelude::*;
+
+pub fn CoolChild() -> Element {
+    let head_ = rsx! {
+        div {
+            div { "asasddasdasd" }
+            div { "asasdd1asaassdd23asasddasd" }
+            div { "aasdsdsaasdsddasd" }
+        }
+    };
+
+    rsx! {
+        div {
+            {head_}
+        }
+    }
+}

packages/rsx-hotreload/tests/valid/expr.old.rsx

@@ -0,0 +1,17 @@
+use dioxus::prelude::*;
+
+pub fn CoolChild() -> Element {
+    let head_ = rsx! {
+        div {
+            div { "asasddasdasd" }
+            div { "asasdd1asaassdd23asasddasd" }
+            // div { "aasdsdsaasdsddasd" }
+        }
+    };
+
+    rsx! {
+        div {
+            {head_}
+        }
+    }
+}

packages/rsx-hotreload/tests/valid/for_.new.rsx

@@ -0,0 +1,9 @@
+use dioxus::prelude::*;
+
+pub fn CoolChild() -> Element {
+    rsx! {
+        for items in vec![1, 2, 3] {
+            div { "asasddasdasd" }
+        }
+    }
+}

packages/rsx-hotreload/tests/valid/for_.old.rsx

@@ -0,0 +1,10 @@
+use dioxus::prelude::*;
+
+pub fn CoolChild() -> Element {
+    rsx! {
+        for items in vec![1, 2, 3] {
+            div { "123" }
+            div { "asasddasdasd" }
+        }
+    }
+}

packages/rsx-hotreload/tests/valid/if_.new.rsx

@@ -0,0 +1,10 @@
+use dioxus::prelude::*;
+
+pub fn CoolChild() -> Element {
+    rsx! {
+        if cond() {
+            div { "123" }
+            div { "asasddasdasd" }
+        }
+    }
+}

packages/rsx-hotreload/tests/valid/if_.old.rsx

@@ -0,0 +1,9 @@
+use dioxus::prelude::*;
+
+pub fn CoolChild() -> Element {
+    rsx! {
+        if cond() {
+            div { "asasddasdasd" }
+        }
+    }
+}

packages/rsx-hotreload/tests/valid/let_.new.rsx

@@ -0,0 +1,12 @@
+use dioxus::prelude::*;
+
+pub fn CoolChild() -> Element {
+    let head_ = rsx! {
+        div {
+            div { "asasddasdasd" }
+            div { "asasdd1asaassdd23asasddasd" }
+        }
+    };
+
+    head_
+}

packages/rsx-hotreload/tests/valid/let_.old.rsx

@@ -0,0 +1,12 @@
+use dioxus::prelude::*;
+
+pub fn CoolChild() -> Element {
+    let head_ = rsx! {
+        div {
+            div { "asasddasdasd" }
+            div { "asasdd1asaassdd23asasddasdasd" }
+        }
+    };
+
+    head_
+}

packages/rsx-hotreload/tests/valid/nested.new.rsx

@@ -0,0 +1,10 @@
+use dioxus::prelude::*;
+
+pub fn CoolChild() -> Element {
+    rsx! {
+        ForLoop {
+            div { "123" }
+            div { "asasddasdasd" }
+        }
+    }
+}

packages/rsx-hotreload/tests/valid/nested.old.rsx

@@ -0,0 +1,9 @@
+use dioxus::prelude::*;
+
+pub fn CoolChild() -> Element {
+    rsx! {
+        ForLoop {
+            div { "asasddasdasd" }
+        }
+    }
+}