feat: change the any_view prop of dispatch_toast to children (#267)

thaw/src/menu/docs/mod.md

@@ -5,13 +5,13 @@ let toaster = ToasterInjection::expect_context();
 
 let on_select = move |key: String| {
   leptos::logging::warn!("{}", key);
-  toaster.dispatch_toast(view! {
+  toaster.dispatch_toast(move || view! {
         <Toast>
             <ToastBody>
                 "key"
             </ToastBody>
         </Toast>
-  }.into_any(), Default::default());
+  }, Default::default());
 };
 
 view! {

thaw/src/tag/docs/mod.md

@@ -38,14 +38,14 @@ view! {
 let toaster = ToasterInjection::expect_context();
 
 let on_dismiss = move |_| {
-    toaster.dispatch_toast(view! {
+    toaster.dispatch_toast(move || view! {
         <Toast>
             <ToastTitle>"Tag"</ToastTitle>
             <ToastBody>
                 "Tag dismiss"
             </ToastBody>
         </Toast>
-     }.into_any(), Default::default());
+     }, Default::default());
 };
 
 view! {

thaw/src/toast/docs/mod.md

@@ -4,7 +4,7 @@
 let toaster = ToasterInjection::expect_context();
 
 let on_click = move |_| {
-    toaster.dispatch_toast(view! {
+    toaster.dispatch_toast(move || view! {
         <Toast>
             <ToastTitle>"Email sent"</ToastTitle>
             <ToastBody>
@@ -19,7 +19,7 @@ let on_click = move |_| {
                 // <Link>Action</Link>
             </ToastFooter>
         </Toast>
-     }.into_any(), Default::default());
+     }, Default::default());
 };
 
 view! {
@@ -33,7 +33,7 @@ view! {
 let toaster = ToasterInjection::expect_context();
 
 fn dispatch_toast(toaster: ToasterInjection, position: ToastPosition) {
-    toaster.dispatch_toast(view! {
+    toaster.dispatch_toast(move || view! {
         <Toast>
             <ToastTitle>"Email sent"</ToastTitle>
             <ToastBody>
@@ -48,7 +48,7 @@ fn dispatch_toast(toaster: ToasterInjection, position: ToastPosition) {
                 // <Link>Action</Link>
             </ToastFooter>
         </Toast>
-     }.into_any(), ToastOptions::default().with_position(position));
+     }, ToastOptions::default().with_position(position));
 };
 
 view! {

thaw/src/toast/mod.rs

@@ -13,12 +13,11 @@ pub use toaster_provider::*;
 
 use leptos::prelude::*;
 use std::sync::mpsc::{channel, Receiver, Sender, TryIter};
-use tachys::view::any_view::AnyView;
 use wasm_bindgen::UnwrapThrowExt;
 
 #[derive(Clone, Copy)]
 pub struct ToasterInjection {
-    sender: StoredValue<Sender<(AnyView<Dom>, ToastOptions)>>,
+    sender: StoredValue<Sender<(Children, ToastOptions)>>,
     trigger: StoredValue<ArcTrigger>,
 }
 
@@ -28,7 +27,7 @@ impl ToasterInjection {
     }
 
     pub fn channel() -> (Self, ToasterReceiver) {
-        let (sender, receiver) = channel::<(AnyView<Dom>, ToastOptions)>();
+        let (sender, receiver) = channel::<(Children, ToastOptions)>();
         let trigger = ArcTrigger::new();
 
         (
@@ -40,24 +39,31 @@ impl ToasterInjection {
         )
     }
 
-    pub fn dispatch_toast(&self, any_view: AnyView<Dom>, options: ToastOptions) {
+    pub fn dispatch_toast<C, IV>(&self, children: C, options: ToastOptions)
-        self.sender
+    where
-            .with_value(|sender| sender.send((any_view, options)).unwrap_throw());
+        C: FnOnce() -> IV + Send + 'static,
+        IV: IntoView + 'static,
+    {
+        self.sender.with_value(|sender| {
+            sender
+                .send((Box::new(move || children().into_any()), options))
+                .unwrap_throw()
+        });
         self.trigger.with_value(|trigger| trigger.notify());
     }
 }
 
 pub struct ToasterReceiver {
-    receiver: Receiver<(AnyView<Dom>, ToastOptions)>,
+    receiver: Receiver<(Children, ToastOptions)>,
     trigger: ArcTrigger,
 }
 
 impl ToasterReceiver {
-    pub fn new(receiver: Receiver<(AnyView<Dom>, ToastOptions)>, trigger: ArcTrigger) -> Self {
+    pub fn new(receiver: Receiver<(Children, ToastOptions)>, trigger: ArcTrigger) -> Self {
         Self { receiver, trigger }
     }
 
-    pub fn try_recv(&self) -> TryIter<'_, (AnyView<Dom>, ToastOptions)> {
+    pub fn try_recv(&self) -> TryIter<'_, (Children, ToastOptions)> {
         self.trigger.track();
         self.receiver.try_iter()
     }

thaw/src/toast/toaster.rs

@@ -1,6 +1,6 @@
 use super::{ToastOptions, ToastPosition, ToasterReceiver};
 use crate::ConfigInjection;
-use leptos::{either::Either, html, prelude::*, tachys::view::any_view::AnyView};
+use leptos::{either::Either, html, prelude::*};
 use send_wrapper::SendWrapper;
 use std::{collections::HashMap, time::Duration};
 use thaw_components::{CSSTransition, Teleport};
@@ -21,7 +21,7 @@ pub fn Toaster(
     let bottom_id_list = RwSignal::<Vec<uuid::Uuid>>::new(Default::default());
     let bottom_start_id_list = RwSignal::<Vec<uuid::Uuid>>::new(Default::default());
     let bottom_end_id_list = RwSignal::<Vec<uuid::Uuid>>::new(Default::default());
-    let toasts = StoredValue::<HashMap<uuid::Uuid, (SendWrapper<AnyView<Dom>>, ToastOptions)>>::new(
+    let toasts = StoredValue::<HashMap<uuid::Uuid, (SendWrapper<Children>, ToastOptions)>>::new(
         Default::default(),
     );
 
@@ -77,7 +77,7 @@ pub fn Toaster(
                             .flatten()
                         {
                             Either::Left(
-                                view! { <ToasterContainer on_close view=view.take() options /> },
+                                view! { <ToasterContainer on_close children=view.take() options /> },
                             )
                         } else {
                             Either::Right(())
@@ -91,7 +91,7 @@ pub fn Toaster(
                             .flatten()
                         {
                             Either::Left(
-                                view! { <ToasterContainer on_close view=view.take() options /> },
+                                view! { <ToasterContainer on_close children=view.take() options /> },
                             )
                         } else {
                             Either::Right(())
@@ -105,7 +105,7 @@ pub fn Toaster(
                             .flatten()
                         {
                             Either::Left(
-                                view! { <ToasterContainer on_close view=view.take() options /> },
+                                view! { <ToasterContainer on_close children=view.take() options /> },
                             )
                         } else {
                             Either::Right(())
@@ -119,7 +119,7 @@ pub fn Toaster(
                             .flatten()
                         {
                             Either::Left(
-                                view! { <ToasterContainer on_close view=view.take() options /> },
+                                view! { <ToasterContainer on_close children=view.take() options /> },
                             )
                         } else {
                             Either::Right(())
@@ -133,7 +133,7 @@ pub fn Toaster(
                             .flatten()
                         {
                             Either::Left(
-                                view! { <ToasterContainer on_close view=view.take() options /> },
+                                view! { <ToasterContainer on_close children=view.take() options /> },
                             )
                         } else {
                             Either::Right(())
@@ -147,7 +147,7 @@ pub fn Toaster(
                             .flatten()
                         {
                             Either::Left(
-                                view! { <ToasterContainer on_close view=view.take() options /> },
+                                view! { <ToasterContainer on_close children=view.take() options /> },
                             )
                         } else {
                             Either::Right(())
@@ -161,9 +161,9 @@ pub fn Toaster(
 
 #[component]
 fn ToasterContainer(
-    view: AnyView<Dom>,
     options: ToastOptions,
     #[prop(into)] on_close: StoredValue<ArcTwoCallback<uuid::Uuid, ToastPosition>>,
+    children: Children,
 ) -> impl IntoView {
     let container_ref = NodeRef::<html::Div>::new();
     let is_show = RwSignal::new(true);
@@ -210,7 +210,7 @@ fn ToasterContainer(
             let:_
         >
             <div class="thaw-toaster-container" node_ref=container_ref>
-                {view}
+                {children()}
             </div>
         </CSSTransition>
     }

thaw/src/upload/docs/mod.md

@@ -28,13 +28,13 @@ let toaster = ToasterInjection::expect_context();
 
 let custom_request = move |file_list: FileList| {
     let len = file_list.length();
-    toaster.dispatch_toast(view! {
+    toaster.dispatch_toast(move || view! {
         <Toast>
             <ToastBody>
                 {format!("Number of uploaded files: {len}")}
             </ToastBody>
         </Toast>
-    }.into_any(), Default::default());
+    }, Default::default());
 };
 
 view! {