throttle history updates to 100ms

packages/router/src/components/router.rs

@@ -14,6 +14,18 @@ pub struct RouterConfigFactory<R: Routable> {
     config: RefCell<Option<Box<dyn FnOnce() -> RouterConfig<R>>>>,
 }
 
+#[cfg(feature = "serde")]
+impl<R: Routable> Default for RouterConfigFactory<R>
+where
+    <R as FromStr>::Err: std::fmt::Display,
+    R: serde::Serialize + serde::de::DeserializeOwned,
+{
+    fn default() -> Self {
+        Self::from(RouterConfig::default)
+    }
+}
+
+#[cfg(not(feature = "serde"))]
 impl<R: Routable> Default for RouterConfigFactory<R>
 where
     <R as FromStr>::Err: std::fmt::Display,
@@ -31,6 +43,19 @@ impl<R: Routable, F: FnOnce() -> RouterConfig<R> + 'static> From<F> for RouterCo
     }
 }
 
+#[cfg(feature = "serde")]
+/// The props for [`GenericRouter`].
+#[derive(Props)]
+pub struct GenericRouterProps<R: Routable>
+where
+    <R as FromStr>::Err: std::fmt::Display,
+    R: serde::Serialize + serde::de::DeserializeOwned,
+{
+    #[props(default, into)]
+    config: RouterConfigFactory<R>,
+}
+
+#[cfg(not(feature = "serde"))]
 /// The props for [`GenericRouter`].
 #[derive(Props)]
 pub struct GenericRouterProps<R: Routable>
@@ -41,6 +66,7 @@ where
     config: RouterConfigFactory<R>,
 }
 
+#[cfg(not(feature = "serde"))]
 impl<R: Routable> PartialEq for GenericRouterProps<R>
 where
     <R as FromStr>::Err: std::fmt::Display,
@@ -51,6 +77,19 @@ where
     }
 }
 
+#[cfg(feature = "serde")]
+impl<R: Routable> PartialEq for GenericRouterProps<R>
+where
+    <R as FromStr>::Err: std::fmt::Display,
+    R: serde::Serialize + serde::de::DeserializeOwned,
+{
+    fn eq(&self, _: &Self) -> bool {
+        // prevent the router from re-rendering when the initial url or config changes
+        true
+    }
+}
+
+#[cfg(not(feature = "serde"))]
 /// A component that renders the current route.
 pub fn GenericRouter<R: Routable + Clone>(cx: Scope<GenericRouterProps<R>>) -> Element
 where
@@ -79,3 +118,34 @@ where
         GenericOutlet::<R> {}
     }
 }
+
+#[cfg(feature = "serde")]
+/// A component that renders the current route.
+pub fn GenericRouter<R: Routable + Clone>(cx: Scope<GenericRouterProps<R>>) -> Element
+where
+    <R as FromStr>::Err: std::fmt::Display,
+    R: serde::Serialize + serde::de::DeserializeOwned,
+{
+    use_context_provider(cx, || {
+        #[allow(unreachable_code, unused_variables)]
+        if let Some(outer) = cx.consume_context::<GenericRouterContext<R>>() {
+            let msg = "Router components should not be nested within each other";
+            error!("{msg}, inner will be inactive and transparent");
+            #[cfg(debug_assertions)]
+            panic!("{}", msg);
+        }
+        let router = GenericRouterContext::new(
+            (cx.props
+                .config
+                .config
+                .take()
+                .expect("use_context_provider ran twice"))(),
+            cx.schedule_update_any(),
+        );
+        router
+    });
+
+    render! {
+        GenericOutlet::<R> {}
+    }
+}