From 66cdfab719c3b29eb605ef2b5d9881dc10d26eb8 Mon Sep 17 00:00:00 2001 From: Maccesch Date: Sat, 16 Sep 2023 02:51:08 +0100 Subject: [PATCH 1/5] added relative urls to use_websocket --- CHANGELOG.md | 1 + src/use_websocket.rs | 60 +++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 58 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8d260e5..6b24ab9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -39,6 +39,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Other Changes 🔥 +- `use_websocket` can use relative urls now - Callbacks in options don't require to be cloneable anymore - Callback in `use_raf_fn` doesn't require to be cloneable anymore - All (!) functions can now be safely called on the server. Specifically this includes the following that diff --git a/src/use_websocket.rs b/src/use_websocket.rs index b8f6575..bf7cd99 100644 --- a/src/use_websocket.rs +++ b/src/use_websocket.rs @@ -74,9 +74,22 @@ use web_sys::{BinaryType, CloseEvent, Event, MessageEvent, WebSocket}; /// # } /// ``` /// +/// ## Relative Paths +/// +/// If the provided `url` is relative, it will be resolved relative to the current page. +/// Urls will be resolved like this: +/// +/// | Current Page | Relative Url | Resolved Url | +/// |--------------------------------|--------------------------|-------------------------------------| +/// | http://example.com/some/where | /api/ws | ws://example.com/api/ws | +/// | https://example.com/some/where | /api/ws | wss://example.com/api/ws | +/// | https://example.com/some/where | api/ws | wss://example.com/some/where/api/ws | +/// | https://example.com/some/where | //otherdomain.com/api/ws | wss://otherdomain.com/api/ws | +/// +/// /// ## Server-Side Rendering /// -/// On the server the returned functions amount to noops. +/// On the server the returned functions amount to no-ops. pub fn use_websocket( url: &str, ) -> UseWebsocketReturn< @@ -98,8 +111,8 @@ pub fn use_websocket_with_options( impl Fn(String) + Clone + 'static, impl Fn(Vec) + Clone, > { - let url = url.to_string(); - + let url = normalize_url(url); + logging::log!("{}", url); let UseWebSocketOptions { on_open, on_message, @@ -419,3 +432,44 @@ where /// Sends binary data pub send_bytes: SendBytesFn, } + +fn normalize_url(url: &str) -> String { + cfg_if! { if #[cfg(feature = "ssr")] { + url.to_string() + } else { + if url.starts_with("ws://") || url.starts_with("wss://") { + url.to_string() + } else if url.starts_with("http://") || url.starts_with("https://") { + url.replacen("http", "ws", 1) + } else if url.starts_with("//") { + format!("{}{}", detect_protocol(), url) + } else if url.starts_with('/') { + format!( + "{}//{}{}", + detect_protocol(), + window().location().host().expect("Host not found"), + url + ) + } else { + let mut path = window().location().pathname().expect("Pathname not found"); + if !path.ends_with('/') { + path.push('/') + } + format!( + "{}//{}{}{}", + detect_protocol(), + window().location().host().expect("Host not found"), + path, + url + ) + } + }} +} + +fn detect_protocol() -> String { + cfg_if! { if #[cfg(feature = "ssr")] { + "ws".to_string() + } else { + window().location().protocol().expect("Protocol not found").replace("http", "ws") + }} +} From cbb23c6c4d257b20af3f6a0877396df89a9343db Mon Sep 17 00:00:00 2001 From: Maccesch Date: Sat, 16 Sep 2023 15:15:24 +0100 Subject: [PATCH 2/5] added relative urls to use_websocket --- src/use_websocket.rs | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/use_websocket.rs b/src/use_websocket.rs index bf7cd99..98ffcf4 100644 --- a/src/use_websocket.rs +++ b/src/use_websocket.rs @@ -439,8 +439,6 @@ fn normalize_url(url: &str) -> String { } else { if url.starts_with("ws://") || url.starts_with("wss://") { url.to_string() - } else if url.starts_with("http://") || url.starts_with("https://") { - url.replacen("http", "ws", 1) } else if url.starts_with("//") { format!("{}{}", detect_protocol(), url) } else if url.starts_with('/') { From 8ff9fcf1b2e37f2526bdeb6a7dc600a0c48fe63c Mon Sep 17 00:00:00 2001 From: Maccesch Date: Sun, 17 Sep 2023 15:44:55 +0100 Subject: [PATCH 3/5] added use_timestamp and use_idle --- .idea/leptos-use.iml | 2 + CHANGELOG.md | 2 + docs/book/src/SUMMARY.md | 2 + examples/Cargo.toml | 2 + examples/use_idle/Cargo.toml | 16 ++ examples/use_idle/README.md | 23 ++ examples/use_idle/Trunk.toml | 2 + examples/use_idle/index.html | 7 + examples/use_idle/input.css | 3 + examples/use_idle/rust-toolchain.toml | 2 + examples/use_idle/src/main.rs | 35 +++ examples/use_idle/style/output.css | 289 +++++++++++++++++++++ examples/use_idle/tailwind.config.js | 15 ++ examples/use_timestamp/Cargo.toml | 16 ++ examples/use_timestamp/README.md | 23 ++ examples/use_timestamp/Trunk.toml | 2 + examples/use_timestamp/index.html | 7 + examples/use_timestamp/input.css | 3 + examples/use_timestamp/rust-toolchain.toml | 2 + examples/use_timestamp/src/main.rs | 21 ++ examples/use_timestamp/style/output.css | 289 +++++++++++++++++++++ examples/use_timestamp/tailwind.config.js | 15 ++ src/lib.rs | 4 + src/use_idle.rs | 191 ++++++++++++++ src/use_timestamp.rs | 186 +++++++++++++ src/utils/filters/mod.rs | 14 + 26 files changed, 1173 insertions(+) create mode 100644 examples/use_idle/Cargo.toml create mode 100644 examples/use_idle/README.md create mode 100644 examples/use_idle/Trunk.toml create mode 100644 examples/use_idle/index.html create mode 100644 examples/use_idle/input.css create mode 100644 examples/use_idle/rust-toolchain.toml create mode 100644 examples/use_idle/src/main.rs create mode 100644 examples/use_idle/style/output.css create mode 100644 examples/use_idle/tailwind.config.js create mode 100644 examples/use_timestamp/Cargo.toml create mode 100644 examples/use_timestamp/README.md create mode 100644 examples/use_timestamp/Trunk.toml create mode 100644 examples/use_timestamp/index.html create mode 100644 examples/use_timestamp/input.css create mode 100644 examples/use_timestamp/rust-toolchain.toml create mode 100644 examples/use_timestamp/src/main.rs create mode 100644 examples/use_timestamp/style/output.css create mode 100644 examples/use_timestamp/tailwind.config.js create mode 100644 src/use_idle.rs create mode 100644 src/use_timestamp.rs diff --git a/.idea/leptos-use.iml b/.idea/leptos-use.iml index 4513a60..ad25f2d 100644 --- a/.idea/leptos-use.iml +++ b/.idea/leptos-use.iml @@ -54,6 +54,8 @@ + + diff --git a/CHANGELOG.md b/CHANGELOG.md index 6b24ab9..4ae15db 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### New Functions 🚀 +- `use_timestamp` +- `use_idle` - `use_document` - `use_window` - `use_geolocation` diff --git a/docs/book/src/SUMMARY.md b/docs/book/src/SUMMARY.md index 2beba1e..cd0e45c 100644 --- a/docs/book/src/SUMMARY.md +++ b/docs/book/src/SUMMARY.md @@ -44,6 +44,7 @@ - [on_click_outside](sensors/on_click_outside.md) - [use_element_hover](sensors/use_element_hover.md) - [use_geolocation](sensors/use_geolocation.md) +- [use_idle](sensors/use_idle.md) - [use_mouse](sensors/use_mouse.md) - [use_scroll](sensors/use_scroll.md) @@ -56,6 +57,7 @@ - [use_interval](animation/use_interval.md) - [use_interval_fn](animation/use_interval_fn.md) - [use_raf_fn](animation/use_raf_fn.md) +- [use_timestamp](animation/use_timestamp.md) # Watch diff --git a/examples/Cargo.toml b/examples/Cargo.toml index ee3b98e..f7c5a5d 100644 --- a/examples/Cargo.toml +++ b/examples/Cargo.toml @@ -23,6 +23,7 @@ members = [ "use_favicon", "use_floor", "use_geolocation", + "use_idle", "use_intersection_observer", "use_interval", "use_interval_fn", @@ -36,6 +37,7 @@ members = [ "use_scroll", "use_storage", "use_throttle_fn", + "use_timestamp", "use_websocket", "use_window_focus", "use_window_scroll", diff --git a/examples/use_idle/Cargo.toml b/examples/use_idle/Cargo.toml new file mode 100644 index 0000000..e26dce6 --- /dev/null +++ b/examples/use_idle/Cargo.toml @@ -0,0 +1,16 @@ +[package] +name = "use_idle" +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_idle/README.md b/examples/use_idle/README.md new file mode 100644 index 0000000..98829be --- /dev/null +++ b/examples/use_idle/README.md @@ -0,0 +1,23 @@ +A simple example for `use_idle`. + +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_idle/Trunk.toml b/examples/use_idle/Trunk.toml new file mode 100644 index 0000000..3e4be08 --- /dev/null +++ b/examples/use_idle/Trunk.toml @@ -0,0 +1,2 @@ +[build] +public_url = "/demo/" \ No newline at end of file diff --git a/examples/use_idle/index.html b/examples/use_idle/index.html new file mode 100644 index 0000000..ae249a6 --- /dev/null +++ b/examples/use_idle/index.html @@ -0,0 +1,7 @@ + + + + + + + diff --git a/examples/use_idle/input.css b/examples/use_idle/input.css new file mode 100644 index 0000000..bd6213e --- /dev/null +++ b/examples/use_idle/input.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; \ No newline at end of file diff --git a/examples/use_idle/rust-toolchain.toml b/examples/use_idle/rust-toolchain.toml new file mode 100644 index 0000000..271800c --- /dev/null +++ b/examples/use_idle/rust-toolchain.toml @@ -0,0 +1,2 @@ +[toolchain] +channel = "nightly" \ No newline at end of file diff --git a/examples/use_idle/src/main.rs b/examples/use_idle/src/main.rs new file mode 100644 index 0000000..bd56b53 --- /dev/null +++ b/examples/use_idle/src/main.rs @@ -0,0 +1,35 @@ +use leptos::*; +use leptos_use::docs::{demo_or_body, BooleanDisplay, Note}; +use leptos_use::{use_idle, use_timestamp_with_options, UseIdleReturn, UseTimestampOptions}; + +#[component] +fn Demo() -> impl IntoView { + let UseIdleReturn { + idle, last_active, .. + } = use_idle(5000); + + let now = use_timestamp_with_options(UseTimestampOptions::default().interval(1000)); + + let idled_for = move || ((now() - last_active()) / 1000.0).ceil() as u64; + + view! { + + For demonstration purpose, the idle timeout is set to 5s in this demo (default 1min). + +
+ Idle: +
+
+ Inactive: {idled_for}s +
+ } +} + +fn main() { + _ = console_log::init_with_level(log::Level::Debug); + console_error_panic_hook::set_once(); + + mount_to(demo_or_body(), || { + view! { } + }) +} diff --git a/examples/use_idle/style/output.css b/examples/use_idle/style/output.css new file mode 100644 index 0000000..ab5191f --- /dev/null +++ b/examples/use_idle/style/output.css @@ -0,0 +1,289 @@ +[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + border-color: #6b7280; + border-width: 1px; + border-radius: 0px; + padding-top: 0.5rem; + padding-right: 0.75rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; + --tw-shadow: 0 0 #0000; +} + +[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: #2563eb; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + border-color: #2563eb; +} + +input::-moz-placeholder, textarea::-moz-placeholder { + color: #6b7280; + opacity: 1; +} + +input::placeholder,textarea::placeholder { + color: #6b7280; + opacity: 1; +} + +::-webkit-datetime-edit-fields-wrapper { + padding: 0; +} + +::-webkit-date-and-time-value { + min-height: 1.5em; +} + +::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { + padding-top: 0; + padding-bottom: 0; +} + +select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 0.5rem center; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; + padding-right: 2.5rem; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; +} + +[multiple] { + background-image: initial; + background-position: initial; + background-repeat: unset; + background-size: initial; + padding-right: 0.75rem; + -webkit-print-color-adjust: unset; + print-color-adjust: unset; +} + +[type='checkbox'],[type='radio'] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: 0; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + display: inline-block; + vertical-align: middle; + background-origin: border-box; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + flex-shrink: 0; + height: 1rem; + width: 1rem; + color: #2563eb; + background-color: #fff; + border-color: #6b7280; + border-width: 1px; + --tw-shadow: 0 0 #0000; +} + +[type='checkbox'] { + border-radius: 0px; +} + +[type='radio'] { + border-radius: 100%; +} + +[type='checkbox']:focus,[type='radio']:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 2px; + --tw-ring-offset-color: #fff; + --tw-ring-color: #2563eb; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); +} + +[type='checkbox']:checked,[type='radio']:checked { + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +[type='checkbox']:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); +} + +[type='radio']:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); +} + +[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { + border-color: transparent; + background-color: currentColor; +} + +[type='checkbox']:indeterminate { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { + border-color: transparent; + background-color: currentColor; +} + +[type='file'] { + background: unset; + border-color: inherit; + border-width: 0; + border-radius: 0; + padding: 0; + font-size: unset; + line-height: inherit; +} + +[type='file']:focus { + outline: 1px solid ButtonText; + outline: 1px auto -webkit-focus-ring-color; +} + +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} + +.block { + display: block; +} + +.text-\[--brand-color\] { + color: var(--brand-color); +} + +.text-green-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} + +.opacity-75 { + opacity: 0.75; +} + +@media (prefers-color-scheme: dark) { + .dark\:text-green-500 { + --tw-text-opacity: 1; + color: rgb(34 197 94 / var(--tw-text-opacity)); + } +} \ No newline at end of file diff --git a/examples/use_idle/tailwind.config.js b/examples/use_idle/tailwind.config.js new file mode 100644 index 0000000..bc09f5e --- /dev/null +++ b/examples/use_idle/tailwind.config.js @@ -0,0 +1,15 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: { + files: ["*.html", "./src/**/*.rs", "../../src/docs/**/*.rs"], + }, + theme: { + extend: {}, + }, + corePlugins: { + preflight: false, + }, + plugins: [ + require('@tailwindcss/forms'), + ], +} \ No newline at end of file diff --git a/examples/use_timestamp/Cargo.toml b/examples/use_timestamp/Cargo.toml new file mode 100644 index 0000000..b70cb73 --- /dev/null +++ b/examples/use_timestamp/Cargo.toml @@ -0,0 +1,16 @@ +[package] +name = "use_timestamp" +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_timestamp/README.md b/examples/use_timestamp/README.md new file mode 100644 index 0000000..3b61241 --- /dev/null +++ b/examples/use_timestamp/README.md @@ -0,0 +1,23 @@ +A simple example for `use_timestamp`. + +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_timestamp/Trunk.toml b/examples/use_timestamp/Trunk.toml new file mode 100644 index 0000000..3e4be08 --- /dev/null +++ b/examples/use_timestamp/Trunk.toml @@ -0,0 +1,2 @@ +[build] +public_url = "/demo/" \ No newline at end of file diff --git a/examples/use_timestamp/index.html b/examples/use_timestamp/index.html new file mode 100644 index 0000000..ae249a6 --- /dev/null +++ b/examples/use_timestamp/index.html @@ -0,0 +1,7 @@ + + + + + + + diff --git a/examples/use_timestamp/input.css b/examples/use_timestamp/input.css new file mode 100644 index 0000000..bd6213e --- /dev/null +++ b/examples/use_timestamp/input.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; \ No newline at end of file diff --git a/examples/use_timestamp/rust-toolchain.toml b/examples/use_timestamp/rust-toolchain.toml new file mode 100644 index 0000000..271800c --- /dev/null +++ b/examples/use_timestamp/rust-toolchain.toml @@ -0,0 +1,2 @@ +[toolchain] +channel = "nightly" \ No newline at end of file diff --git a/examples/use_timestamp/src/main.rs b/examples/use_timestamp/src/main.rs new file mode 100644 index 0000000..093ffe3 --- /dev/null +++ b/examples/use_timestamp/src/main.rs @@ -0,0 +1,21 @@ +use leptos::*; +use leptos_use::docs::demo_or_body; +use leptos_use::use_timestamp; + +#[component] +fn Demo() -> impl IntoView { + let timestamp = use_timestamp(); + + view! { +
Timestamp: {timestamp}
+ } +} + +fn main() { + _ = console_log::init_with_level(log::Level::Debug); + console_error_panic_hook::set_once(); + + mount_to(demo_or_body(), || { + view! { } + }) +} diff --git a/examples/use_timestamp/style/output.css b/examples/use_timestamp/style/output.css new file mode 100644 index 0000000..ab5191f --- /dev/null +++ b/examples/use_timestamp/style/output.css @@ -0,0 +1,289 @@ +[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + border-color: #6b7280; + border-width: 1px; + border-radius: 0px; + padding-top: 0.5rem; + padding-right: 0.75rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; + --tw-shadow: 0 0 #0000; +} + +[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: #2563eb; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + border-color: #2563eb; +} + +input::-moz-placeholder, textarea::-moz-placeholder { + color: #6b7280; + opacity: 1; +} + +input::placeholder,textarea::placeholder { + color: #6b7280; + opacity: 1; +} + +::-webkit-datetime-edit-fields-wrapper { + padding: 0; +} + +::-webkit-date-and-time-value { + min-height: 1.5em; +} + +::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { + padding-top: 0; + padding-bottom: 0; +} + +select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 0.5rem center; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; + padding-right: 2.5rem; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; +} + +[multiple] { + background-image: initial; + background-position: initial; + background-repeat: unset; + background-size: initial; + padding-right: 0.75rem; + -webkit-print-color-adjust: unset; + print-color-adjust: unset; +} + +[type='checkbox'],[type='radio'] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: 0; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + display: inline-block; + vertical-align: middle; + background-origin: border-box; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + flex-shrink: 0; + height: 1rem; + width: 1rem; + color: #2563eb; + background-color: #fff; + border-color: #6b7280; + border-width: 1px; + --tw-shadow: 0 0 #0000; +} + +[type='checkbox'] { + border-radius: 0px; +} + +[type='radio'] { + border-radius: 100%; +} + +[type='checkbox']:focus,[type='radio']:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 2px; + --tw-ring-offset-color: #fff; + --tw-ring-color: #2563eb; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); +} + +[type='checkbox']:checked,[type='radio']:checked { + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +[type='checkbox']:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); +} + +[type='radio']:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); +} + +[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { + border-color: transparent; + background-color: currentColor; +} + +[type='checkbox']:indeterminate { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { + border-color: transparent; + background-color: currentColor; +} + +[type='file'] { + background: unset; + border-color: inherit; + border-width: 0; + border-radius: 0; + padding: 0; + font-size: unset; + line-height: inherit; +} + +[type='file']:focus { + outline: 1px solid ButtonText; + outline: 1px auto -webkit-focus-ring-color; +} + +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; +} + +.block { + display: block; +} + +.text-\[--brand-color\] { + color: var(--brand-color); +} + +.text-green-600 { + --tw-text-opacity: 1; + color: rgb(22 163 74 / var(--tw-text-opacity)); +} + +.opacity-75 { + opacity: 0.75; +} + +@media (prefers-color-scheme: dark) { + .dark\:text-green-500 { + --tw-text-opacity: 1; + color: rgb(34 197 94 / var(--tw-text-opacity)); + } +} \ No newline at end of file diff --git a/examples/use_timestamp/tailwind.config.js b/examples/use_timestamp/tailwind.config.js new file mode 100644 index 0000000..bc09f5e --- /dev/null +++ b/examples/use_timestamp/tailwind.config.js @@ -0,0 +1,15 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: { + files: ["*.html", "./src/**/*.rs", "../../src/docs/**/*.rs"], + }, + theme: { + extend: {}, + }, + corePlugins: { + preflight: false, + }, + plugins: [ + require('@tailwindcss/forms'), + ], +} \ No newline at end of file diff --git a/src/lib.rs b/src/lib.rs index 3fde831..e71c5e8 100644 --- a/src/lib.rs +++ b/src/lib.rs @@ -25,6 +25,8 @@ mod is_none; mod is_ok; mod is_some; mod on_click_outside; +mod use_timestamp; +mod use_idle; mod use_document; mod use_window; mod use_geolocation; @@ -71,6 +73,8 @@ pub use is_none::*; pub use is_ok::*; pub use is_some::*; pub use on_click_outside::*; +pub use use_timestamp::*; +pub use use_idle::*; pub use use_document::*; pub use use_window::*; pub use use_geolocation::*; diff --git a/src/use_idle.rs b/src/use_idle.rs new file mode 100644 index 0000000..247c867 --- /dev/null +++ b/src/use_idle.rs @@ -0,0 +1,191 @@ +use crate::utils::{create_filter_wrapper, DebounceOptions, FilterOptions, ThrottleOptions}; +use crate::{ + filter_builder_methods, use_document, use_event_listener, use_event_listener_with_options, + UseEventListenerOptions, +}; +use default_struct_builder::DefaultBuilder; +use leptos::ev::{visibilitychange, Custom}; +use leptos::leptos_dom::helpers::TimeoutHandle; +use leptos::*; +use std::cell::Cell; +use std::time::Duration; + +/// +/// +/// ## Demo +/// +/// [Link to Demo](https://github.com/Synphonyte/leptos-use/tree/main/examples/use_idle) +/// +/// ## Usage +/// +/// ``` +/// # use leptos::*; +/// # use leptos::logging::log; +/// # use leptos_use::{use_idle, UseIdleReturn}; +/// # +/// # #[component] +/// # fn Demo() -> impl IntoView { +/// let UseIdleReturn { +/// idle, last_active, .. +/// } = use_idle(5 * 60 * 1000); // 5 minutes +/// +/// log!("{}", idle.get()); // true or false +/// # +/// # view! { } +/// # } +/// ``` +/// +/// Programatically resetting: +/// +/// ``` +/// # use std::time::Duration; +/// use leptos::*; +/// # use leptos::logging::log; +/// # use leptos_use::{use_idle, UseIdleReturn}; +/// # +/// # #[component] +/// # fn Demo() -> impl IntoView { +/// let UseIdleReturn { +/// idle, last_active, reset +/// } = use_idle(5 * 60 * 1000); // 5 minutes +/// +/// reset(); // restarts the idle timer. Does not change the `last_active` value. +/// # +/// # view! { } +/// # } +/// ``` +pub fn use_idle(timeout: u64) -> UseIdleReturn { + use_idle_with_options(timeout, UseIdleOptions::default()) +} + +/// Version of [`use_idle`] that takes a `UseIdleOptions`. See [`use_idle`] for how to use. +pub fn use_idle_with_options( + timeout: u64, + options: UseIdleOptions, +) -> UseIdleReturn { + let UseIdleOptions { + events, + listen_for_visibility_change, + initial_state, + filter, + } = options; + + let (idle, set_idle) = create_signal(initial_state); + let (last_active, set_last_active) = create_signal(js_sys::Date::now()); + + let reset = { + let timer = Cell::new(None::); + + move || { + set_idle.set(false); + if let Some(timer) = timer.take() { + timer.clear(); + } + timer.replace( + set_timeout_with_handle(move || set_idle.set(true), Duration::from_millis(timeout)) + .ok(), + ); + } + }; + + let on_event = { + let reset = reset.clone(); + + let filtered_callback = create_filter_wrapper(filter.filter_fn(), move || { + set_last_active.set(js_sys::Date::now()); + reset(); + }); + + move |_: web_sys::Event| { + filtered_callback(); + } + }; + + let listener_options = UseEventListenerOptions::default().passive(true); + for event in events { + let _ = use_event_listener_with_options( + use_document(), + Custom::new(event), + on_event.clone(), + listener_options, + ); + } + + if listen_for_visibility_change { + let on_event = on_event.clone(); + + let _ = use_event_listener(use_document(), visibilitychange, move |evt| { + if !document().hidden() { + on_event(evt); + } + }); + } + + reset.clone()(); + + UseIdleReturn { + idle: idle.into(), + last_active: last_active.into(), + reset, + } +} + +/// Options for [`use_idle_with_options`]. +#[derive(DefaultBuilder)] +pub struct UseIdleOptions { + /// Event names to listen to for detected user activity. + /// Default: `vec!["mousemove", "mousedown", "resize", "keydown", "touchstart", "wheel"]`. + events: Vec, + + /// Whether to listen for document visibility change. + /// Defaults to `true`. + listen_for_visibility_change: bool, + + /// Initial state of the returned `idle`. + /// Defaults to `false`. + initial_state: bool, + + /// Allows to debounce or throttle the event listener that is called for + /// every event (from `events`). Defaults to a throttle by 50ms. + filter: FilterOptions, +} + +impl Default for UseIdleOptions { + fn default() -> Self { + Self { + events: vec![ + "mousemove".to_string(), + "mousedown".to_string(), + "resize".to_string(), + "keydown".to_string(), + "touchstart".to_string(), + "wheel".to_string(), + ], + listen_for_visibility_change: true, + initial_state: false, + filter: FilterOptions::throttle(50.0), + } + } +} + +impl UseIdleOptions { + filter_builder_methods!( + /// the event listener + filter + ); +} + +/// Return type of [`use_idle`]. +pub struct UseIdleReturn +where + F: Fn() + Clone, +{ + /// Wether the use has been inactive for at least `timeout` milliseconds. + pub idle: Signal, + + /// Timestamp of last user activity. + pub last_active: Signal, + + /// Reset function. Sets the idle state to `false`. + pub reset: F, +} diff --git a/src/use_timestamp.rs b/src/use_timestamp.rs new file mode 100644 index 0000000..1718e4f --- /dev/null +++ b/src/use_timestamp.rs @@ -0,0 +1,186 @@ +use crate::utils::Pausable; +use crate::{ + use_interval_fn_with_options, use_raf_fn_with_options, UseIntervalFnOptions, UseRafFnOptions, +}; +use default_struct_builder::DefaultBuilder; +use leptos::*; +use std::rc::Rc; + +/// Reactive current timestamp. +/// +/// ## Demo +/// +/// [Link to Demo](https://github.com/Synphonyte/leptos-use/tree/main/examples/use_timestamp) +/// +/// ## Usage +/// +/// ``` +/// # use leptos::*; +/// # use leptos_use::use_timestamp; +/// # +/// # #[component] +/// # fn Demo() -> impl IntoView { +/// let timestamp = use_timestamp(); +/// # +/// # view! { } +/// # } +/// ``` +/// +/// With controls: +/// +/// ``` +/// # use leptos::*; +/// # use leptos_use::{use_timestamp_with_controls, UseTimestampReturn}; +/// # +/// # #[component] +/// # fn Demo() -> impl IntoView { +/// let UseTimestampReturn { +/// timestamp, +/// is_active, +/// pause, +/// resume, +/// } = use_timestamp_with_controls(); +/// # +/// # view! { } +/// # } +/// ``` +/// +/// ## Server-Side Rendering +/// +/// On the server this function will simply be ignored. +pub fn use_timestamp() -> Signal { + use_timestamp_with_controls().timestamp +} + +/// Version of [`use_timestamp`] that takes a `UseTimestampOptions`. See [`use_timestamp`] for how to use. +pub fn use_timestamp_with_options(options: UseTimestampOptions) -> Signal { + use_timestamp_with_controls_and_options(options).timestamp +} + +/// Version of [`use_timestamp`] that returns controls. See [`use_timestamp`] for how to use. +pub fn use_timestamp_with_controls() -> UseTimestampReturn { + use_timestamp_with_controls_and_options(UseTimestampOptions::default()) +} + +/// Version of [`use_timestamp`] that takes a `UseTimestampOptions` and returns controls. See [`use_timestamp`] for how to use. +pub fn use_timestamp_with_controls_and_options(options: UseTimestampOptions) -> UseTimestampReturn { + let UseTimestampOptions { + offset, + immediate, + interval, + callback, + } = options; + + let (ts, set_ts) = create_signal(js_sys::Date::now() + offset); + + let update = move || { + set_ts.set(js_sys::Date::now() + offset); + }; + + let cb = { + let callback = Rc::clone(&callback); + + move || { + update(); + callback(ts.get()); + } + }; + + match interval { + TimestampInterval::RequestAnimationFrame => { + let Pausable { + pause, + resume, + is_active, + } = use_raf_fn_with_options( + move |_| cb(), + UseRafFnOptions::default().immediate(immediate), + ); + + UseTimestampReturn { + timestamp: ts.into(), + is_active, + pause: Rc::new(pause), + resume: Rc::new(resume), + } + } + + TimestampInterval::Interval(interval) => { + let Pausable { + pause, + resume, + is_active, + } = use_interval_fn_with_options( + cb, + interval, + UseIntervalFnOptions::default().immediate(immediate), + ); + + UseTimestampReturn { + timestamp: ts.into(), + is_active, + pause: Rc::new(pause), + resume: Rc::new(resume), + } + } + } +} + +/// Options for [`use_timestamp_with_controls_and_options`]. +#[derive(DefaultBuilder)] +pub struct UseTimestampOptions { + /// Offset value in milliseconds that is added to the returned timestamp. Defaults to `0.0`. + offset: f64, + + /// Whether to update the timestamp immediately. Defaults to `true`. + immediate: bool, + + /// Update interval in milliseconds or `RequestAnimationFrame`. Defaults to `RequestAnimationFrame`. + #[builder(into)] + interval: TimestampInterval, + + /// Callback to be called whenever the timestamp is updated. + callback: Rc, +} + +/// Interval type for [`UseTimestampOptions`]. +#[derive(Copy, Clone, Eq, PartialEq, Debug)] +pub enum TimestampInterval { + /// use [`use_raf_fn`] for updating the timestamp + RequestAnimationFrame, + + /// use [`use_interval_fn`] for updating the timestamp + Interval(u64), +} + +impl From for TimestampInterval { + fn from(value: u64) -> Self { + Self::Interval(value) + } +} + +impl Default for UseTimestampOptions { + fn default() -> Self { + Self { + offset: 0.0, + immediate: true, + interval: TimestampInterval::RequestAnimationFrame, + callback: Rc::new(|_| {}), + } + } +} + +/// Return type of [`use_timestamp_with_controls`]. +pub struct UseTimestampReturn { + /// The current timestamp + pub timestamp: Signal, + + /// A Signal that indicates whether the timestamp updating is active. `false` when paused. + pub is_active: Signal, + + /// Temporarily pause the timestamp from updating + pub pause: Rc, + + /// Resume the timestamp updating + pub resume: Rc, +} diff --git a/src/utils/filters/mod.rs b/src/utils/filters/mod.rs index 7607d33..4a8e5d3 100644 --- a/src/utils/filters/mod.rs +++ b/src/utils/filters/mod.rs @@ -56,6 +56,20 @@ pub enum FilterOptions { } impl FilterOptions { + pub fn debounce(ms: impl Into>) -> Self { + Self::Debounce { + ms: ms.into(), + options: DebounceOptions::default(), + } + } + + pub fn throttle(ms: impl Into>) -> Self { + Self::Throttle { + ms: ms.into(), + options: ThrottleOptions::default(), + } + } + pub fn filter_fn(&self) -> RcFilterFn!(R) where R: 'static, From 65a3e30727dd7b72a989c9e583d8a5a634d98950 Mon Sep 17 00:00:00 2001 From: Maccesch Date: Sun, 17 Sep 2023 15:45:33 +0100 Subject: [PATCH 4/5] added use_timestamp and use_idle --- docs/book/src/animation/use_timestamp.md | 3 +++ docs/book/src/sensors/use_idle.md | 3 +++ src/lib.rs | 20 ++++++++++---------- 3 files changed, 16 insertions(+), 10 deletions(-) create mode 100644 docs/book/src/animation/use_timestamp.md create mode 100644 docs/book/src/sensors/use_idle.md diff --git a/docs/book/src/animation/use_timestamp.md b/docs/book/src/animation/use_timestamp.md new file mode 100644 index 0000000..e080cdb --- /dev/null +++ b/docs/book/src/animation/use_timestamp.md @@ -0,0 +1,3 @@ +# use_timestamp + + diff --git a/docs/book/src/sensors/use_idle.md b/docs/book/src/sensors/use_idle.md new file mode 100644 index 0000000..1088373 --- /dev/null +++ b/docs/book/src/sensors/use_idle.md @@ -0,0 +1,3 @@ +# use_idle + + diff --git a/src/lib.rs b/src/lib.rs index e71c5e8..33a82f4 100644 --- a/src/lib.rs +++ b/src/lib.rs @@ -25,11 +25,6 @@ mod is_none; mod is_ok; mod is_some; mod on_click_outside; -mod use_timestamp; -mod use_idle; -mod use_document; -mod use_window; -mod use_geolocation; mod signal_debounced; mod signal_throttled; mod use_active_element; @@ -38,6 +33,7 @@ mod use_color_mode; mod use_css_var; mod use_cycle_list; mod use_debounce_fn; +mod use_document; mod use_document_visibility; mod use_draggable; mod use_drop_zone; @@ -45,6 +41,8 @@ mod use_element_hover; mod use_element_visibility; mod use_event_listener; mod use_favicon; +mod use_geolocation; +mod use_idle; mod use_intersection_observer; mod use_interval; mod use_interval_fn; @@ -58,8 +56,10 @@ mod use_raf_fn; mod use_scroll; mod use_supported; mod use_throttle_fn; +mod use_timestamp; mod use_to_string; mod use_websocket; +mod use_window; mod use_window_focus; mod use_window_scroll; mod watch_debounced; @@ -73,11 +73,6 @@ pub use is_none::*; pub use is_ok::*; pub use is_some::*; pub use on_click_outside::*; -pub use use_timestamp::*; -pub use use_idle::*; -pub use use_document::*; -pub use use_window::*; -pub use use_geolocation::*; pub use signal_debounced::*; pub use signal_throttled::*; pub use use_active_element::*; @@ -86,6 +81,7 @@ pub use use_color_mode::*; pub use use_css_var::*; pub use use_cycle_list::*; pub use use_debounce_fn::*; +pub use use_document::*; pub use use_document_visibility::*; pub use use_draggable::*; pub use use_drop_zone::*; @@ -93,6 +89,8 @@ pub use use_element_hover::*; pub use use_element_visibility::*; pub use use_event_listener::*; pub use use_favicon::*; +pub use use_geolocation::*; +pub use use_idle::*; pub use use_intersection_observer::*; pub use use_interval::*; pub use use_interval_fn::*; @@ -106,8 +104,10 @@ pub use use_raf_fn::*; pub use use_scroll::*; pub use use_supported::*; pub use use_throttle_fn::*; +pub use use_timestamp::*; pub use use_to_string::*; pub use use_websocket::*; +pub use use_window::*; pub use use_window_focus::*; pub use use_window_scroll::*; pub use watch_debounced::*; From 53acf514c230d8e20735090ee3e23ee670d7f900 Mon Sep 17 00:00:00 2001 From: Maccesch Date: Sun, 17 Sep 2023 15:51:37 +0100 Subject: [PATCH 5/5] updated to leptos version 0.5.0-rc2 --- Cargo.toml | 2 +- examples/on_click_outside/Cargo.toml | 2 +- examples/signal_debounced/Cargo.toml | 2 +- examples/signal_throttled/Cargo.toml | 2 +- examples/ssr/Cargo.toml | 8 ++++---- examples/use_abs/Cargo.toml | 2 +- examples/use_active_element/Cargo.toml | 2 +- examples/use_breakpoints/Cargo.toml | 2 +- examples/use_ceil/Cargo.toml | 2 +- examples/use_color_mode/Cargo.toml | 2 +- examples/use_css_var/Cargo.toml | 2 +- examples/use_cycle_list/Cargo.toml | 2 +- examples/use_debounce_fn/Cargo.toml | 2 +- examples/use_document_visibility/Cargo.toml | 2 +- examples/use_draggable/Cargo.toml | 2 +- examples/use_drop_zone/Cargo.toml | 2 +- examples/use_element_hover/Cargo.toml | 2 +- examples/use_element_size/Cargo.toml | 2 +- examples/use_element_visibility/Cargo.toml | 2 +- examples/use_event_listener/Cargo.toml | 2 +- examples/use_favicon/Cargo.toml | 2 +- examples/use_floor/Cargo.toml | 2 +- examples/use_geolocation/Cargo.toml | 2 +- examples/use_idle/Cargo.toml | 2 +- examples/use_intersection_observer/Cargo.toml | 2 +- examples/use_interval/Cargo.toml | 2 +- examples/use_interval_fn/Cargo.toml | 2 +- examples/use_intl_number_format/Cargo.toml | 2 +- examples/use_media_query/Cargo.toml | 2 +- examples/use_mouse/Cargo.toml | 2 +- examples/use_mutation_observer/Cargo.toml | 2 +- examples/use_raf_fn/Cargo.toml | 2 +- examples/use_resize_observer/Cargo.toml | 2 +- examples/use_round/Cargo.toml | 2 +- examples/use_scroll/Cargo.toml | 2 +- examples/use_storage/Cargo.toml | 2 +- examples/use_throttle_fn/Cargo.toml | 2 +- examples/use_timestamp/Cargo.toml | 2 +- examples/use_websocket/Cargo.toml | 2 +- examples/use_window_focus/Cargo.toml | 2 +- examples/use_window_scroll/Cargo.toml | 2 +- examples/watch_debounced/Cargo.toml | 2 +- examples/watch_pausable/Cargo.toml | 2 +- examples/watch_throttled/Cargo.toml | 2 +- 44 files changed, 47 insertions(+), 47 deletions(-) diff --git a/Cargo.toml b/Cargo.toml index f82138f..fdfe6d6 100644 --- a/Cargo.toml +++ b/Cargo.toml @@ -13,7 +13,7 @@ repository = "https://github.com/Synphonyte/leptos-use" homepage = "https://leptos-use.rs" [dependencies] -leptos = "0.5.0-rc1" +leptos = "0.5.0-rc2" wasm-bindgen = "0.2" js-sys = "0.3" default-struct-builder = "0.5" diff --git a/examples/on_click_outside/Cargo.toml b/examples/on_click_outside/Cargo.toml index 3f36a8f..7aa80ab 100644 --- a/examples/on_click_outside/Cargo.toml +++ b/examples/on_click_outside/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/signal_debounced/Cargo.toml b/examples/signal_debounced/Cargo.toml index f8e87f5..e55d823 100644 --- a/examples/signal_debounced/Cargo.toml +++ b/examples/signal_debounced/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/signal_throttled/Cargo.toml b/examples/signal_throttled/Cargo.toml index fe51254..0cf5bae 100644 --- a/examples/signal_throttled/Cargo.toml +++ b/examples/signal_throttled/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/ssr/Cargo.toml b/examples/ssr/Cargo.toml index d782c10..5dc2404 100644 --- a/examples/ssr/Cargo.toml +++ b/examples/ssr/Cargo.toml @@ -11,10 +11,10 @@ axum = { version = "0.6.4", optional = true } console_error_panic_hook = "0.1" console_log = "1" cfg-if = "1" -leptos = { version = "0.5.0-rc1", features = ["nightly"] } -leptos_axum = { version = "0.5.0-rc1", optional = true } -leptos_meta = { version = "0.5.0-rc1", features = ["nightly"] } -leptos_router = { version = "0.5.0-rc1", features = ["nightly"] } +leptos = { version = "0.5.0-rc2", features = ["nightly"] } +leptos_axum = { version = "0.5.0-rc2", optional = true } +leptos_meta = { version = "0.5.0-rc2", features = ["nightly"] } +leptos_router = { version = "0.5.0-rc2", features = ["nightly"] } leptos-use = { path = "../..", features = ["storage"] } log = "0.4" simple_logger = "4" diff --git a/examples/use_abs/Cargo.toml b/examples/use_abs/Cargo.toml index 2275c7e..ca9275d 100644 --- a/examples/use_abs/Cargo.toml +++ b/examples/use_abs/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_active_element/Cargo.toml b/examples/use_active_element/Cargo.toml index 77b76ee..09fa7ba 100644 --- a/examples/use_active_element/Cargo.toml +++ b/examples/use_active_element/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_breakpoints/Cargo.toml b/examples/use_breakpoints/Cargo.toml index 134ca10..ff943e3 100644 --- a/examples/use_breakpoints/Cargo.toml +++ b/examples/use_breakpoints/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_ceil/Cargo.toml b/examples/use_ceil/Cargo.toml index 2f9cb3b..c425802 100644 --- a/examples/use_ceil/Cargo.toml +++ b/examples/use_ceil/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_color_mode/Cargo.toml b/examples/use_color_mode/Cargo.toml index 5ca30d5..2ca3ec2 100644 --- a/examples/use_color_mode/Cargo.toml +++ b/examples/use_color_mode/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_css_var/Cargo.toml b/examples/use_css_var/Cargo.toml index 80b941d..6b3b809 100644 --- a/examples/use_css_var/Cargo.toml +++ b/examples/use_css_var/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_cycle_list/Cargo.toml b/examples/use_cycle_list/Cargo.toml index 02e9729..a6d6fe8 100644 --- a/examples/use_cycle_list/Cargo.toml +++ b/examples/use_cycle_list/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_debounce_fn/Cargo.toml b/examples/use_debounce_fn/Cargo.toml index 9adec09..450093a 100644 --- a/examples/use_debounce_fn/Cargo.toml +++ b/examples/use_debounce_fn/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_document_visibility/Cargo.toml b/examples/use_document_visibility/Cargo.toml index 85e031a..c8c2d63 100644 --- a/examples/use_document_visibility/Cargo.toml +++ b/examples/use_document_visibility/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_draggable/Cargo.toml b/examples/use_draggable/Cargo.toml index 11d3568..561c57e 100644 --- a/examples/use_draggable/Cargo.toml +++ b/examples/use_draggable/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_drop_zone/Cargo.toml b/examples/use_drop_zone/Cargo.toml index d7a8294..7d1e12b 100644 --- a/examples/use_drop_zone/Cargo.toml +++ b/examples/use_drop_zone/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_element_hover/Cargo.toml b/examples/use_element_hover/Cargo.toml index 9d49ffb..03a7888 100644 --- a/examples/use_element_hover/Cargo.toml +++ b/examples/use_element_hover/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_element_size/Cargo.toml b/examples/use_element_size/Cargo.toml index f69b1e4..9597609 100644 --- a/examples/use_element_size/Cargo.toml +++ b/examples/use_element_size/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_element_visibility/Cargo.toml b/examples/use_element_visibility/Cargo.toml index 9137a57..193f95a 100644 --- a/examples/use_element_visibility/Cargo.toml +++ b/examples/use_element_visibility/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_event_listener/Cargo.toml b/examples/use_event_listener/Cargo.toml index bb0997f..f608898 100644 --- a/examples/use_event_listener/Cargo.toml +++ b/examples/use_event_listener/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_favicon/Cargo.toml b/examples/use_favicon/Cargo.toml index 46478dc..342291d 100644 --- a/examples/use_favicon/Cargo.toml +++ b/examples/use_favicon/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_floor/Cargo.toml b/examples/use_floor/Cargo.toml index 0ff939f..9216f69 100644 --- a/examples/use_floor/Cargo.toml +++ b/examples/use_floor/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_geolocation/Cargo.toml b/examples/use_geolocation/Cargo.toml index d1e017f..c03229f 100644 --- a/examples/use_geolocation/Cargo.toml +++ b/examples/use_geolocation/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-rc1", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_idle/Cargo.toml b/examples/use_idle/Cargo.toml index e26dce6..a58f3bc 100644 --- a/examples/use_idle/Cargo.toml +++ b/examples/use_idle/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-rc1", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_intersection_observer/Cargo.toml b/examples/use_intersection_observer/Cargo.toml index 81a221c..aeee851 100644 --- a/examples/use_intersection_observer/Cargo.toml +++ b/examples/use_intersection_observer/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_interval/Cargo.toml b/examples/use_interval/Cargo.toml index 8dc1ed5..8155141 100644 --- a/examples/use_interval/Cargo.toml +++ b/examples/use_interval/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_interval_fn/Cargo.toml b/examples/use_interval_fn/Cargo.toml index 2136704..83f24a1 100644 --- a/examples/use_interval_fn/Cargo.toml +++ b/examples/use_interval_fn/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_intl_number_format/Cargo.toml b/examples/use_intl_number_format/Cargo.toml index 1135e12..4f8d229 100644 --- a/examples/use_intl_number_format/Cargo.toml +++ b/examples/use_intl_number_format/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_media_query/Cargo.toml b/examples/use_media_query/Cargo.toml index 0abd8ce..a773ef8 100644 --- a/examples/use_media_query/Cargo.toml +++ b/examples/use_media_query/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_mouse/Cargo.toml b/examples/use_mouse/Cargo.toml index 51aedb0..6f836f1 100644 --- a/examples/use_mouse/Cargo.toml +++ b/examples/use_mouse/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_mutation_observer/Cargo.toml b/examples/use_mutation_observer/Cargo.toml index 96d9dff..dd12cd5 100644 --- a/examples/use_mutation_observer/Cargo.toml +++ b/examples/use_mutation_observer/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_raf_fn/Cargo.toml b/examples/use_raf_fn/Cargo.toml index c2fd26b..1e486a4 100644 --- a/examples/use_raf_fn/Cargo.toml +++ b/examples/use_raf_fn/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_resize_observer/Cargo.toml b/examples/use_resize_observer/Cargo.toml index fe0afc4..9d8d5d3 100644 --- a/examples/use_resize_observer/Cargo.toml +++ b/examples/use_resize_observer/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_round/Cargo.toml b/examples/use_round/Cargo.toml index 86ba230..7574b9f 100644 --- a/examples/use_round/Cargo.toml +++ b/examples/use_round/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_scroll/Cargo.toml b/examples/use_scroll/Cargo.toml index 7e1ff4c..5f40795 100644 --- a/examples/use_scroll/Cargo.toml +++ b/examples/use_scroll/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_storage/Cargo.toml b/examples/use_storage/Cargo.toml index dff5752..c186182 100644 --- a/examples/use_storage/Cargo.toml +++ b/examples/use_storage/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_throttle_fn/Cargo.toml b/examples/use_throttle_fn/Cargo.toml index b9c0068..fd2cb2a 100644 --- a/examples/use_throttle_fn/Cargo.toml +++ b/examples/use_throttle_fn/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_timestamp/Cargo.toml b/examples/use_timestamp/Cargo.toml index b70cb73..f061227 100644 --- a/examples/use_timestamp/Cargo.toml +++ b/examples/use_timestamp/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-rc1", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_websocket/Cargo.toml b/examples/use_websocket/Cargo.toml index d514c4e..7f93ca1 100644 --- a/examples/use_websocket/Cargo.toml +++ b/examples/use_websocket/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_window_focus/Cargo.toml b/examples/use_window_focus/Cargo.toml index 8d8886b..c75ee5d 100644 --- a/examples/use_window_focus/Cargo.toml +++ b/examples/use_window_focus/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/use_window_scroll/Cargo.toml b/examples/use_window_scroll/Cargo.toml index a887335..32ecc14 100644 --- a/examples/use_window_scroll/Cargo.toml +++ b/examples/use_window_scroll/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/watch_debounced/Cargo.toml b/examples/watch_debounced/Cargo.toml index 3d8bcae..5ce8bcd 100644 --- a/examples/watch_debounced/Cargo.toml +++ b/examples/watch_debounced/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/watch_pausable/Cargo.toml b/examples/watch_pausable/Cargo.toml index 25aa12f..40d21fc 100644 --- a/examples/watch_pausable/Cargo.toml +++ b/examples/watch_pausable/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4" diff --git a/examples/watch_throttled/Cargo.toml b/examples/watch_throttled/Cargo.toml index 12efd1d..8852c4f 100644 --- a/examples/watch_throttled/Cargo.toml +++ b/examples/watch_throttled/Cargo.toml @@ -4,7 +4,7 @@ version = "0.1.0" edition = "2021" [dependencies] -leptos = { version = "0.5.0-beta2", features = ["nightly", "csr"] } +leptos = { version = "0.5.0-rc2", features = ["nightly", "csr"] } console_error_panic_hook = "0.1" console_log = "1" log = "0.4"