"Locale "zh-Hans-CN-u-nu-hanidec": " {zh_count}
-"Press any key: " {key}
-"Debounced called: " {debounce_value}
+Locale zh-Hans-CN-u-nu-hanidec: {zh_count}
+Press any key: {key}
+Debounced called: {debounce_value}
} } diff --git a/examples/ssr/src/main.rs b/examples/ssr/src/main.rs index a9dfaa5..6b92404 100644 --- a/examples/ssr/src/main.rs +++ b/examples/ssr/src/main.rs @@ -2,6 +2,7 @@ #[tokio::main] async fn main() { use axum::{routing::post, Router}; + use leptos::logging::log; use leptos::*; use leptos_axum::{generate_route_list, LeptosRoutes}; use start_axum::app::*; diff --git a/examples/use_event_listener/src/main.rs b/examples/use_event_listener/src/main.rs index 067c17e..eb2b22d 100644 --- a/examples/use_event_listener/src/main.rs +++ b/examples/use_event_listener/src/main.rs @@ -1,5 +1,6 @@ use leptos::ev::{click, keydown}; use leptos::html::A; +use leptos::logging::log; use leptos::*; use leptos_use::use_event_listener; diff --git a/examples/use_geolocation/Cargo.toml b/examples/use_geolocation/Cargo.toml new file mode 100644 index 0000000..d1e017f --- /dev/null +++ b/examples/use_geolocation/Cargo.toml @@ -0,0 +1,16 @@ +[package] +name = "use_geolocation" +version = "0.1.0" +edition = "2021" + +[dependencies] +leptos = { version = "0.5.0-rc1", features = ["nightly", "csr"] } +console_error_panic_hook = "0.1" +console_log = "1" +log = "0.4" +leptos-use = { path = "../..", features = ["docs"] } +web-sys = "0.3" + +[dev-dependencies] +wasm-bindgen = "0.2" +wasm-bindgen-test = "0.3.0" diff --git a/examples/use_geolocation/README.md b/examples/use_geolocation/README.md new file mode 100644 index 0000000..b2d630a --- /dev/null +++ b/examples/use_geolocation/README.md @@ -0,0 +1,23 @@ +A simple example for `use_geolocation`. + +If you don't have it installed already, install [Trunk](https://trunkrs.dev/) and [Tailwind](https://tailwindcss.com/docs/installation) +as well as the nightly toolchain for Rust and the wasm32-unknown-unknown target: + +```bash +cargo install trunk +npm install -D tailwindcss @tailwindcss/forms +rustup toolchain install nightly +rustup target add wasm32-unknown-unknown +``` + +Then, open two terminals. In the first one, run: + +``` +npx tailwindcss -i ./input.css -o ./style/output.css --watch +``` + +In the second one, run: + +```bash +trunk serve --open +``` \ No newline at end of file diff --git a/examples/use_geolocation/Trunk.toml b/examples/use_geolocation/Trunk.toml new file mode 100644 index 0000000..3e4be08 --- /dev/null +++ b/examples/use_geolocation/Trunk.toml @@ -0,0 +1,2 @@ +[build] +public_url = "/demo/" \ No newline at end of file diff --git a/examples/use_geolocation/index.html b/examples/use_geolocation/index.html new file mode 100644 index 0000000..ae249a6 --- /dev/null +++ b/examples/use_geolocation/index.html @@ -0,0 +1,7 @@ + + + + + + + diff --git a/examples/use_geolocation/input.css b/examples/use_geolocation/input.css new file mode 100644 index 0000000..bd6213e --- /dev/null +++ b/examples/use_geolocation/input.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; \ No newline at end of file diff --git a/examples/use_geolocation/rust-toolchain.toml b/examples/use_geolocation/rust-toolchain.toml new file mode 100644 index 0000000..271800c --- /dev/null +++ b/examples/use_geolocation/rust-toolchain.toml @@ -0,0 +1,2 @@ +[toolchain] +channel = "nightly" \ No newline at end of file diff --git a/examples/use_geolocation/src/main.rs b/examples/use_geolocation/src/main.rs new file mode 100644 index 0000000..c4e70f7 --- /dev/null +++ b/examples/use_geolocation/src/main.rs @@ -0,0 +1,47 @@ +use leptos::*; +use leptos_use::docs::demo_or_body; +use leptos_use::{use_geolocation, UseGeolocationReturn}; + +#[component] +fn Demo() -> impl IntoView { + let UseGeolocationReturn { + coords, + located_at, + error, + resume, + pause, + } = use_geolocation(); + + view! { +
+ coords: {move || if let Some(coords) = coords() {
+ format!(r#"{{
+ accuracy: {},
+ latitude: {},
+ longitude: {},
+ altitude: {:?},
+ altitude_accuracy: {:?},
+ heading: {:?},
+ speed: {:?},
+ }}"#, coords.accuracy(), coords.latitude(), coords.longitude(), coords.altitude(), coords.altitude_accuracy(), coords.heading(), coords.speed())
+ } else {
+ "None".to_string()
+ }},
+ located_at: {located_at},
+ error: {move || if let Some(error) = error() {
+ error.message()
+ } else {"None".to_string()}},
+
+
+
+ }
+}
+
+fn main() {
+ _ = console_log::init_with_level(log::Level::Debug);
+ console_error_panic_hook::set_once();
+
+ mount_to(demo_or_body(), || {
+ view! { ();
/// let (text, set_text) = create_signal("".to_string());
///
-/// let mut init = web_sys::MutationObserverInit::new();
-/// init.attributes(true);
-///
/// use_mutation_observer_with_options(
/// el,
/// move |mutations, _| {
@@ -36,7 +37,7 @@ use web_sys::MutationObserverInit;
/// set_text.update(|text| *text = format!("{text}\n{:?}", mutation.attribute_name()));
/// }
/// },
-/// init,
+/// UseMutationObserverOptions::default().attributes(true),
/// );
///
/// view! {
@@ -47,7 +48,7 @@ use web_sys::MutationObserverInit;
///
/// ## Server-Side Rendering
///
-/// Please refer to ["Functions with Target Elements"](https://leptos-use.rs/server_side_rendering.html#functions-with-target-elements)
+/// On the server this amounts to a no-op.
pub fn use_mutation_observer(
target: El,
callback: F,
@@ -57,84 +58,167 @@ where
T: Into + Clone + 'static,
F: FnMut(Vec, web_sys::MutationObserver) + 'static,
{
- use_mutation_observer_with_options(target, callback, MutationObserverInit::default())
+ use_mutation_observer_with_options(target, callback, UseMutationObserverOptions::default())
}
-/// Version of [`use_mutation_observer`] that takes a `web_sys::MutationObserverInit`. See [`use_mutation_observer`] for how to use.
+/// Version of [`use_mutation_observer`] that takes a `UseMutationObserverOptions`. See [`use_mutation_observer`] for how to use.
+#[cfg_attr(feature = "ssr", allow(unused_variables, unused_mut))]
pub fn use_mutation_observer_with_options(
target: El,
mut callback: F,
- options: web_sys::MutationObserverInit,
+ options: UseMutationObserverOptions,
) -> UseMutationObserverReturn
where
El: Into>,
T: Into + Clone + 'static,
F: FnMut(Vec, web_sys::MutationObserver) + 'static,
{
- let closure_js = Closure::::new(
- move |entries: js_sys::Array, observer| {
- callback(
- entries
- .to_vec()
- .into_iter()
- .map(|v| v.unchecked_into::())
- .collect(),
- observer,
- );
- },
- )
- .into_js_value();
-
- let observer: Rc>> = Rc::new(RefCell::new(None));
-
- let is_supported = use_supported(|| JsValue::from("MutationObserver").js_in(&window()));
-
- let cleanup = {
- let observer = Rc::clone(&observer);
-
- move || {
- let mut observer = observer.borrow_mut();
- if let Some(o) = observer.as_ref() {
- o.disconnect();
- *observer = None;
- }
+ cfg_if! { if #[cfg(feature = "ssr")] {
+ UseMutationObserverReturn {
+ is_supported: Signal::derive(|| true),
+ stop: || {},
}
- };
-
- let targets = (target).into();
-
- let stop_watch = {
- let cleanup = cleanup.clone();
-
- leptos::watch(
- move || targets.get(),
- move |targets, _, _| {
- cleanup();
-
- if is_supported.get() && !targets.is_empty() {
- let obs = web_sys::MutationObserver::new(closure_js.as_ref().unchecked_ref())
- .expect("failed to create MutationObserver");
-
- for target in targets.iter().flatten() {
- let target: web_sys::Element = target.clone().into();
- let _ = obs.observe_with_options(&target, &options.clone());
- }
-
- observer.replace(Some(obs));
- }
+ } else {
+ let closure_js = Closure::::new(
+ move |entries: js_sys::Array, observer| {
+ callback(
+ entries
+ .to_vec()
+ .into_iter()
+ .map(|v| v.unchecked_into::())
+ .collect(),
+ observer,
+ );
},
- false,
)
- };
+ .into_js_value();
- let stop = move || {
- cleanup();
- stop_watch();
- };
+ let observer: Rc>> = Rc::new(RefCell::new(None));
- on_cleanup(stop.clone());
+ let is_supported = use_supported(|| JsValue::from("MutationObserver").js_in(&window()));
- UseMutationObserverReturn { is_supported, stop }
+ let cleanup = {
+ let observer = Rc::clone(&observer);
+
+ move || {
+ let mut observer = observer.borrow_mut();
+ if let Some(o) = observer.as_ref() {
+ o.disconnect();
+ *observer = None;
+ }
+ }
+ };
+
+ let targets = (target).into();
+
+ let stop_watch = {
+ let cleanup = cleanup.clone();
+
+ leptos::watch(
+ move || targets.get(),
+ move |targets, _, _| {
+ cleanup();
+
+ if is_supported.get() && !targets.is_empty() {
+ let obs = web_sys::MutationObserver::new(closure_js.as_ref().unchecked_ref())
+ .expect("failed to create MutationObserver");
+
+ for target in targets.iter().flatten() {
+ let target: web_sys::Element = target.clone().into();
+ let _ = obs.observe_with_options(&target, &options.clone().into());
+ }
+
+ observer.replace(Some(obs));
+ }
+ },
+ false,
+ )
+ };
+
+ let stop = move || {
+ cleanup();
+ stop_watch();
+ };
+
+ on_cleanup(stop.clone());
+
+ UseMutationObserverReturn { is_supported, stop }
+ }}
+}
+
+/// Options for [`use_mutation_observer_with_options`].
+#[derive(DefaultBuilder, Clone, Default)]
+pub struct UseMutationObserverOptions {
+ /// Set to `true` to extend monitoring to the entire subtree of nodes rooted at `target`.
+ /// All of the other properties are then extended to all of the nodes in the subtree
+ /// instead of applying solely to the `target` node. The default value is `false`.
+ subtree: bool,
+
+ /// Set to `true` to monitor the target node (and, if `subtree` is `true`, its descendants)
+ /// for the addition of new child nodes or removal of existing child nodes.
+ /// The default value is `false`.
+ child_list: bool,
+
+ /// Set to `true` to watch for changes to the value of attributes on the node or nodes being
+ /// monitored. The default value is `true` if either of `attribute_filter` or
+ /// `attribute_old_value` is specified, otherwise the default value is `false`.
+ attributes: bool,
+
+ /// An array of specific attribute names to be monitored. If this property isn't included,
+ /// changes to all attributes cause mutation notifications.
+ #[builder(into)]
+ attribute_filter: Option>,
+
+ /// Set to `true` to record the previous value of any attribute that changes when monitoring
+ /// the node or nodes for attribute changes; See
+ /// [Monitoring attribute values](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver/observe#monitoring_attribute_values)
+ /// for an example of watching for attribute changes and recording values.
+ /// The default value is `false`.
+ attribute_old_value: bool,
+
+ /// Set to `true` to monitor the specified target node
+ /// (and, if `subtree` is `true`, its descendants)
+ /// for changes to the character data contained within the node or nodes.
+ /// The default value is `true` if `character_data_old_value` is specified,
+ /// otherwise the default value is `false`.
+ #[builder(into)]
+ character_data: Option,
+
+ /// Set to `true` to record the previous value of a node's text whenever the text changes on
+ /// nodes being monitored. The default value is `false`.
+ character_data_old_value: bool,
+}
+
+impl From for web_sys::MutationObserverInit {
+ fn from(val: UseMutationObserverOptions) -> Self {
+ let UseMutationObserverOptions {
+ subtree,
+ child_list,
+ attributes,
+ attribute_filter,
+ attribute_old_value,
+ character_data,
+ character_data_old_value,
+ } = val;
+
+ let mut init = Self::new();
+
+ init.subtree(subtree)
+ .child_list(child_list)
+ .attributes(attributes)
+ .attribute_old_value(attribute_old_value)
+ .character_data_old_value(character_data_old_value);
+
+ if let Some(attribute_filter) = attribute_filter {
+ let array = js_sys::Array::from_iter(attribute_filter.into_iter().map(JsValue::from));
+ init.attribute_filter(array.unchecked_ref());
+ }
+ if let Some(character_data) = character_data {
+ init.character_data(character_data);
+ }
+
+ init
+ }
}
/// The return value of [`use_mutation_observer`].
diff --git a/src/use_resize_observer.rs b/src/use_resize_observer.rs
index 9dfdaf3..1c61081 100644
--- a/src/use_resize_observer.rs
+++ b/src/use_resize_observer.rs
@@ -1,10 +1,14 @@
use crate::core::ElementsMaybeSignal;
-use crate::use_supported;
+use cfg_if::cfg_if;
use default_struct_builder::DefaultBuilder;
use leptos::*;
-use std::cell::RefCell;
-use std::rc::Rc;
-use wasm_bindgen::prelude::*;
+
+cfg_if! { if #[cfg(not(feature = "ssr"))] {
+ use crate::use_supported;
+ use std::cell::RefCell;
+ use std::rc::Rc;
+ use wasm_bindgen::prelude::*;
+}}
/// Reports changes to the dimensions of an Element's content or the border-box.
///
@@ -45,7 +49,7 @@ use wasm_bindgen::prelude::*;
///
/// ## Server-Side Rendering
///
-/// Please refer to ["Functions with Target Elements"](https://leptos-use.rs/server_side_rendering.html#functions-with-target-elements)
+/// On the server this amounts to a no-op.
///
/// ## See also
///
@@ -63,6 +67,7 @@ where
}
/// Version of [`use_resize_observer`] that takes a `web_sys::ResizeObserverOptions`. See [`use_resize_observer`] for how to use.
+#[cfg_attr(feature = "ssr", allow(unused_variables, unused_mut))]
pub fn use_resize_observer_with_options(
target: El, // TODO : multiple elements?
mut callback: F,
@@ -73,92 +78,95 @@ where
T: Into + Clone + 'static,
F: FnMut(Vec, web_sys::ResizeObserver) + 'static,
{
- let closure_js = Closure::::new(
- move |entries: js_sys::Array, observer| {
- callback(
- entries
- .to_vec()
- .into_iter()
- .map(|v| v.unchecked_into::())
- .collect(),
- observer,
- );
- },
- )
- .into_js_value();
-
- let observer: Rc>> = Rc::new(RefCell::new(None));
-
- let is_supported = use_supported(|| JsValue::from("ResizeObserver").js_in(&window()));
-
- let cleanup = {
- let observer = Rc::clone(&observer);
-
- move || {
- let mut observer = observer.borrow_mut();
- if let Some(o) = observer.as_ref() {
- o.disconnect();
- *observer = None;
- }
+ cfg_if! { if #[cfg(feature = "ssr")] {
+ UseResizeObserverReturn {
+ is_supported: Signal::derive(|| true),
+ stop: || {}
}
- };
-
- let targets = (target).into();
-
- let stop_watch = {
- let cleanup = cleanup.clone();
-
- watch(
- move || targets.get(),
- move |targets, _, _| {
- cleanup();
-
- if is_supported.get() && !targets.is_empty() {
- let obs =
- web_sys::ResizeObserver::new(closure_js.clone().as_ref().unchecked_ref())
- .expect("failed to create ResizeObserver");
-
- for target in targets.iter().flatten() {
- let target: web_sys::Element = target.clone().into();
- obs.observe_with_options(&target, &options.clone().into());
- }
-
- observer.replace(Some(obs));
- }
+ } else {
+ let closure_js = Closure::::new(
+ move |entries: js_sys::Array, observer| {
+ callback(
+ entries
+ .to_vec()
+ .into_iter()
+ .map(|v| v.unchecked_into::())
+ .collect(),
+ observer,
+ );
},
- false,
)
- };
+ .into_js_value();
- let stop = move || {
- cleanup();
- stop_watch();
- };
+ let observer: Rc>> = Rc::new(RefCell::new(None));
- on_cleanup(stop.clone());
+ let is_supported = use_supported(|| JsValue::from("ResizeObserver").js_in(&window()));
- UseResizeObserverReturn { is_supported, stop }
+ let cleanup = {
+ let observer = Rc::clone(&observer);
+
+ move || {
+ let mut observer = observer.borrow_mut();
+ if let Some(o) = observer.as_ref() {
+ o.disconnect();
+ *observer = None;
+ }
+ }
+ };
+
+ let targets = (target).into();
+
+ let stop_watch = {
+ let cleanup = cleanup.clone();
+
+ watch(
+ move || targets.get(),
+ move |targets, _, _| {
+ cleanup();
+
+ if is_supported.get() && !targets.is_empty() {
+ let obs =
+ web_sys::ResizeObserver::new(closure_js.clone().as_ref().unchecked_ref())
+ .expect("failed to create ResizeObserver");
+
+ for target in targets.iter().flatten() {
+ let target: web_sys::Element = target.clone().into();
+ obs.observe_with_options(&target, &options.clone().into());
+ }
+
+ observer.replace(Some(obs));
+ }
+ },
+ false,
+ )
+ };
+
+ let stop = move || {
+ cleanup();
+ stop_watch();
+ };
+
+ on_cleanup(stop.clone());
+
+ UseResizeObserverReturn { is_supported, stop }
+ }}
}
/// Options for [`use_resize_observer_with_options`].
-#[derive(DefaultBuilder, Clone)]
+#[derive(DefaultBuilder, Clone, Default)]
pub struct UseResizeObserverOptions {
/// The box that is used to determine the dimensions of the target. Defaults to `ContentBox`.
- pub box_: web_sys::ResizeObserverBoxOptions,
-}
-
-impl Default for UseResizeObserverOptions {
- fn default() -> Self {
- Self {
- box_: web_sys::ResizeObserverBoxOptions::ContentBox,
- }
- }
+ #[builder(into)]
+ pub box_: Option,
}
impl From for web_sys::ResizeObserverOptions {
fn from(val: UseResizeObserverOptions) -> Self {
let mut options = web_sys::ResizeObserverOptions::new();
- options.box_(val.box_);
+ options.box_(
+ val.box_
+ .unwrap_or(web_sys::ResizeObserverBoxOptions::ContentBox),
+ );
options
}
}
diff --git a/src/use_scroll.rs b/src/use_scroll.rs
index 9913fb8..94c2c12 100644
--- a/src/use_scroll.rs
+++ b/src/use_scroll.rs
@@ -1,13 +1,25 @@
use crate::core::ElementMaybeSignal;
-use crate::use_event_listener::use_event_listener_with_options;
-use crate::{use_debounce_fn_with_arg, use_throttle_fn_with_arg_and_options, ThrottleOptions};
+use crate::UseEventListenerOptions;
use cfg_if::cfg_if;
use default_struct_builder::DefaultBuilder;
-use leptos::ev::scrollend;
use leptos::*;
use std::rc::Rc;
+
+cfg_if! { if #[cfg(not(feature = "ssr"))] {
+use crate::use_event_listener::use_event_listener_with_options;
+use crate::{
+ use_debounce_fn_with_arg, use_throttle_fn_with_arg_and_options, ThrottleOptions,
+};
+use leptos::ev::scrollend;
use wasm_bindgen::JsCast;
+/// We have to check if the scroll amount is close enough to some threshold in order to
+/// more accurately calculate arrivedState. This is because scrollTop/scrollLeft are non-rounded
+/// numbers, while scrollHeight/scrollWidth and clientHeight/clientWidth are rounded.
+/// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#determine_if_an_element_has_been_totally_scrolled
+const ARRIVED_STATE_THRESHOLD_PIXELS: f64 = 1.0;
+}}
+
/// Reactive scroll position and state.
///
/// ## Demo
@@ -172,7 +184,7 @@ where
}
/// Version of [`use_scroll`] with options. See [`use_scroll`] for how to use.
-#[allow(unused_variables)]
+#[cfg_attr(feature = "ssr", allow(unused_variables))]
pub fn use_scroll_with_options(element: El, options: UseScrollOptions) -> UseScrollReturn
where
El: Clone,
@@ -377,7 +389,7 @@ where
target,
ev::scroll,
handler,
- options.event_listener_options.clone().unwrap_or_default(),
+ options.event_listener_options,
);
} else {
let _ = use_event_listener_with_options::<
@@ -389,7 +401,7 @@ where
target,
ev::scroll,
on_scroll_handler,
- options.event_listener_options.clone().unwrap_or_default(),
+ options.event_listener_options,
);
}
@@ -402,7 +414,7 @@ where
target,
scrollend,
on_scroll_end,
- options.event_listener_options.unwrap_or_default(),
+ options.event_listener_options,
);
let measure = Box::new(move || {
@@ -426,15 +438,10 @@ where
}
}
-/// We have to check if the scroll amount is close enough to some threshold in order to
-/// more accurately calculate arrivedState. This is because scrollTop/scrollLeft are non-rounded
-/// numbers, while scrollHeight/scrollWidth and clientHeight/clientWidth are rounded.
-/// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#determine_if_an_element_has_been_totally_scrolled
-const ARRIVED_STATE_THRESHOLD_PIXELS: f64 = 1.0;
-
/// Options for [`use_scroll`].
#[derive(DefaultBuilder)]
/// Options for [`use_scroll_with_options`].
+#[cfg_attr(feature = "ssr", allow(dead_code))]
pub struct UseScrollOptions {
/// Throttle time in milliseconds for the scroll events. Defaults to 0 (disabled).
throttle: f64,
@@ -453,8 +460,7 @@ pub struct UseScrollOptions {
on_stop: Rc,
/// Options passed to the `addEventListener("scroll", ...)` call
- #[builder(into)]
- event_listener_options: Option,
+ event_listener_options: UseEventListenerOptions,
/// When changing the `x` or `y` signals this specifies the scroll behaviour.
/// Can be `Auto` (= not smooth) or `Smooth`. Defaults to `Auto`.
diff --git a/src/use_window.rs b/src/use_window.rs
new file mode 100644
index 0000000..b9dae5a
--- /dev/null
+++ b/src/use_window.rs
@@ -0,0 +1,61 @@
+use crate::{use_document, UseDocument};
+use cfg_if::cfg_if;
+use std::ops::Deref;
+
+#[cfg(not(feature = "ssr"))]
+use leptos::*;
+
+/// SSR safe `window()`.
+/// This returns just a new-type wrapper around `Option`.
+/// Calling this amounts to `None` on the server and `Some(Window)` on the client.
+///
+/// It provides some convenient methods for working with the window like `document()` and `navigator()`.
+/// These will all return `None` on the server.
+///
+/// ## Usage
+///
+/// ```
+/// # use leptos::*;
+/// # use leptos_use::use_window;
+/// #
+/// # #[component]
+/// # fn Demo() -> impl IntoView {
+/// let window = use_window();
+///
+/// // Returns `None` on the server but will not panic.
+/// let navigator = window.navigator();
+/// #
+/// # view! { }
+/// # }
+/// ```
+pub fn use_window() -> UseWindow {
+ cfg_if! { if #[cfg(feature = "ssr")] {
+ UseWindow(None)
+ } else {
+ UseWindow(Some(window()))
+ }}
+}
+
+/// Return type of [`use_window`].
+#[derive(Debug, Clone, PartialEq, Eq)]
+pub struct UseWindow(Option);
+
+impl Deref for UseWindow {
+ type Target = Option;
+ fn deref(&self) -> &Self::Target {
+ &self.0
+ }
+}
+
+impl UseWindow {
+ /// Returns the `Some(Navigator)` in the Browser. `None` otherwise.
+ pub fn navigator(&self) -> Option {
+ self.0.as_ref().map(|w| w.navigator())
+ }
+
+ /// Returns the same as [`use_document`].
+ #[inline(always)]
+ pub fn document(&self) -> UseDocument {
+ use_document()
+ }
+}
diff --git a/src/use_window_scroll.rs b/src/use_window_scroll.rs
index 8906a38..9b1fbd9 100644
--- a/src/use_window_scroll.rs
+++ b/src/use_window_scroll.rs
@@ -1,10 +1,9 @@
#![cfg_attr(feature = "ssr", allow(unused_variables, unused_imports))]
-use crate::use_event_listener_with_options;
+use crate::{use_event_listener_with_options, use_window, UseEventListenerOptions};
use cfg_if::cfg_if;
use leptos::ev::scroll;
use leptos::*;
-use web_sys::AddEventListenerOptions;
/// Reactive window scroll.
///
@@ -40,21 +39,17 @@ pub fn use_window_scroll() -> (Signal, Signal) {
let (x, set_x) = create_signal(initial_x);
let (y, set_y) = create_signal(initial_y);
- cfg_if! { if #[cfg(not(feature = "ssr"))] {
- let mut options = AddEventListenerOptions::new();
- options.capture(false);
- options.passive(true);
-
- let _ = use_event_listener_with_options(
- window(),
- scroll,
- move |_| {
- set_x.set(window().scroll_x().unwrap_or_default());
- set_y.set(window().scroll_y().unwrap_or_default());
- },
- options,
- );
- }}
+ let _ = use_event_listener_with_options(
+ use_window(),
+ scroll,
+ move |_| {
+ set_x.set(window().scroll_x().unwrap_or_default());
+ set_y.set(window().scroll_y().unwrap_or_default());
+ },
+ UseEventListenerOptions::default()
+ .capture(false)
+ .passive(true),
+ );
(x.into(), y.into())
}
diff --git a/src/watch_debounced.rs b/src/watch_debounced.rs
index c23d0b5..55d6b26 100644
--- a/src/watch_debounced.rs
+++ b/src/watch_debounced.rs
@@ -12,6 +12,7 @@ use leptos::*;
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::watch_debounced;
/// #
/// # pub fn Demo() -> impl IntoView {
@@ -35,6 +36,7 @@ use leptos::*;
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::{watch_debounced_with_options, WatchDebouncedOptions};
/// #
/// # pub fn Demo() -> impl IntoView {
diff --git a/src/watch_pausable.rs b/src/watch_pausable.rs
index 7f0a7c7..62099e7 100644
--- a/src/watch_pausable.rs
+++ b/src/watch_pausable.rs
@@ -11,6 +11,7 @@ use leptos::*;
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::{watch_pausable, WatchPausableReturn};
/// #
/// # pub fn Demo() -> impl IntoView {
diff --git a/src/watch_throttled.rs b/src/watch_throttled.rs
index 535fb54..be45644 100644
--- a/src/watch_throttled.rs
+++ b/src/watch_throttled.rs
@@ -11,6 +11,7 @@ use default_struct_builder::DefaultBuilder;
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::watch_throttled;
/// #
/// # pub fn Demo() -> impl IntoView {
@@ -34,6 +35,7 @@ use default_struct_builder::DefaultBuilder;
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::{watch_throttled_with_options, WatchThrottledOptions};
/// #
/// # pub fn Demo() -> impl IntoView {
diff --git a/src/watch_with_options.rs b/src/watch_with_options.rs
index b0ab20d..c119732 100644
--- a/src/watch_with_options.rs
+++ b/src/watch_with_options.rs
@@ -17,6 +17,7 @@ use std::rc::Rc;
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::{watch_with_options, WatchOptions};
/// #
/// # pub fn Demo() -> impl IntoView {
@@ -41,6 +42,7 @@ use std::rc::Rc;
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::{watch_with_options, WatchOptions};
/// #
/// # pub fn Demo() -> impl IntoView {
@@ -59,6 +61,7 @@ use std::rc::Rc;
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::{watch_with_options, WatchOptions};
/// #
/// # pub fn Demo() -> impl IntoView {
diff --git a/src/whenever.rs b/src/whenever.rs
index 74c9bde..b8f4c3c 100644
--- a/src/whenever.rs
+++ b/src/whenever.rs
@@ -6,6 +6,7 @@ use crate::{watch_with_options, WatchOptions};
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::whenever;
/// #
/// # pub fn Demo() -> impl IntoView {
@@ -23,6 +24,7 @@ use crate::{watch_with_options, WatchOptions};
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::whenever;
/// #
/// # pub fn Demo() -> impl IntoView {
@@ -41,6 +43,7 @@ use crate::{watch_with_options, WatchOptions};
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::whenever;
/// #
/// # pub fn Demo() -> impl IntoView {
@@ -60,6 +63,7 @@ use crate::{watch_with_options, WatchOptions};
///
/// ```
/// # use leptos::*;
+/// # use leptos::logging::log;
/// # use leptos_use::{WatchOptions, whenever_with_options};
/// #
/// # pub fn Demo() -> impl IntoView {