mirror of
https://github.com/adoyle0/leptos-use.git
synced 2025-01-23 00:59:22 -05:00
implemented different types support for sending and receiving using use_websocket
This commit is contained in:
parent
b07b6b7cfd
commit
2d3f513216
6 changed files with 59 additions and 43 deletions
|
@ -9,6 +9,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
||||||
|
|
||||||
- `use_prefers_reduced_motion`
|
- `use_prefers_reduced_motion`
|
||||||
|
|
||||||
|
### Breaking Change 🛠
|
||||||
|
|
||||||
|
- `use_websocket` now supports different types for sending and receiving messages
|
||||||
|
|
||||||
|
### Change 🔥
|
||||||
|
|
||||||
|
- There is now a feature for almost every function to get better compile and rust-analyzer times.
|
||||||
|
|
||||||
## [0.12.0] - 2024-08-14
|
## [0.12.0] - 2024-08-14
|
||||||
|
|
||||||
> Make sure you also update `cargo-leptos` to the latest version if you use that.
|
> Make sure you also update `cargo-leptos` to the latest version if you use that.
|
||||||
|
|
|
@ -16,7 +16,7 @@ homepage = "https://leptos-use.rs"
|
||||||
actix-web = { version = "4", optional = true, default-features = false }
|
actix-web = { version = "4", optional = true, default-features = false }
|
||||||
async-trait = { version = "0.1", optional = true }
|
async-trait = { version = "0.1", optional = true }
|
||||||
cfg-if = "1"
|
cfg-if = "1"
|
||||||
codee = { version = "0.1", optional = true }
|
codee = { version = "0.2", optional = true }
|
||||||
cookie = { version = "0.18", features = ["percent-encode"], optional = true }
|
cookie = { version = "0.18", features = ["percent-encode"], optional = true }
|
||||||
default-struct-builder = "0.5"
|
default-struct-builder = "0.5"
|
||||||
futures-util = { version = "0.3", optional = true }
|
futures-util = { version = "0.3", optional = true }
|
||||||
|
@ -39,7 +39,7 @@ wasm-bindgen-futures = "0.4"
|
||||||
web-sys = { version = "=0.3.70", optional = true }
|
web-sys = { version = "=0.3.70", optional = true }
|
||||||
|
|
||||||
[dev-dependencies]
|
[dev-dependencies]
|
||||||
codee = { version = "0.1", features = ["json_serde", "msgpack_serde", "base64", "prost"] }
|
codee = { version = "0.2", features = ["json_serde", "msgpack_serde", "base64", "prost"] }
|
||||||
getrandom = { version = "0.2", features = ["js"] }
|
getrandom = { version = "0.2", features = ["js"] }
|
||||||
leptos_meta = "0.6"
|
leptos_meta = "0.6"
|
||||||
rand = "0.8"
|
rand = "0.8"
|
||||||
|
|
|
@ -87,5 +87,8 @@ panic = "abort"
|
||||||
|
|
||||||
[lib]
|
[lib]
|
||||||
|
|
||||||
|
[workspace.dependencies]
|
||||||
|
codee = { version = "0.2" }
|
||||||
|
|
||||||
[package.metadata.leptos]
|
[package.metadata.leptos]
|
||||||
lib-profile-release = "wasm-release"
|
lib-profile-release = "wasm-release"
|
||||||
|
|
|
@ -5,7 +5,7 @@ edition = "2021"
|
||||||
|
|
||||||
[dependencies]
|
[dependencies]
|
||||||
leptos = { version = "0.6", features = ["nightly", "csr"] }
|
leptos = { version = "0.6", features = ["nightly", "csr"] }
|
||||||
codee = { version = "0.1", features = ["msgpack_serde"] }
|
codee = { workspace = true, features = ["msgpack_serde"] }
|
||||||
console_error_panic_hook = "0.1"
|
console_error_panic_hook = "0.1"
|
||||||
console_log = "1"
|
console_log = "1"
|
||||||
log = "0.4"
|
log = "0.4"
|
||||||
|
|
|
@ -33,7 +33,7 @@ fn Demo() -> impl IntoView {
|
||||||
open,
|
open,
|
||||||
close,
|
close,
|
||||||
..
|
..
|
||||||
} = use_websocket::<Apple, MsgpackSerdeCodec>("wss://echo.websocket.events/");
|
} = use_websocket::<Apple, Apple, MsgpackSerdeCodec>("wss://echo.websocket.events/");
|
||||||
|
|
||||||
let send_message = move |_| {
|
let send_message = move |_| {
|
||||||
let m = Apple {
|
let m = Apple {
|
||||||
|
@ -101,7 +101,7 @@ fn Demo() -> impl IntoView {
|
||||||
close: close2,
|
close: close2,
|
||||||
message: message2,
|
message: message2,
|
||||||
..
|
..
|
||||||
} = use_websocket_with_options::<String, FromToStringCodec>(
|
} = use_websocket_with_options::<String, String, FromToStringCodec>(
|
||||||
"wss://echo.websocket.events/",
|
"wss://echo.websocket.events/",
|
||||||
UseWebSocketOptions::default()
|
UseWebSocketOptions::default()
|
||||||
.immediate(false)
|
.immediate(false)
|
||||||
|
|
|
@ -3,14 +3,13 @@
|
||||||
use cfg_if::cfg_if;
|
use cfg_if::cfg_if;
|
||||||
use leptos::{leptos_dom::helpers::TimeoutHandle, *};
|
use leptos::{leptos_dom::helpers::TimeoutHandle, *};
|
||||||
use std::cell::Cell;
|
use std::cell::Cell;
|
||||||
|
use std::marker::PhantomData;
|
||||||
use std::rc::Rc;
|
use std::rc::Rc;
|
||||||
use std::time::Duration;
|
use std::time::Duration;
|
||||||
use thiserror::Error;
|
use thiserror::Error;
|
||||||
|
|
||||||
use crate::{core::ConnectionReadyState, ReconnectLimit};
|
use crate::{core::ConnectionReadyState, ReconnectLimit};
|
||||||
use codee::{
|
use codee::{CodecError, Decoder, Encoder, HybridCoderError, HybridDecoder, HybridEncoder};
|
||||||
CodecError, Decoder, Encoder, HybridCoderError, HybridDecoder, HybridEncoder, IsBinary,
|
|
||||||
};
|
|
||||||
use default_struct_builder::DefaultBuilder;
|
use default_struct_builder::DefaultBuilder;
|
||||||
use js_sys::Array;
|
use js_sys::Array;
|
||||||
use wasm_bindgen::prelude::*;
|
use wasm_bindgen::prelude::*;
|
||||||
|
@ -45,7 +44,7 @@ use web_sys::{BinaryType, CloseEvent, Event, MessageEvent, WebSocket};
|
||||||
/// open,
|
/// open,
|
||||||
/// close,
|
/// close,
|
||||||
/// ..
|
/// ..
|
||||||
/// } = use_websocket::<String, FromToStringCodec>("wss://echo.websocket.events/");
|
/// } = use_websocket::<String, String, FromToStringCodec>("wss://echo.websocket.events/");
|
||||||
///
|
///
|
||||||
/// let send_message = move |_| {
|
/// let send_message = move |_| {
|
||||||
/// send(&"Hello, world!".to_string());
|
/// send(&"Hello, world!".to_string());
|
||||||
|
@ -98,7 +97,7 @@ use web_sys::{BinaryType, CloseEvent, Event, MessageEvent, WebSocket};
|
||||||
/// message,
|
/// message,
|
||||||
/// send,
|
/// send,
|
||||||
/// ..
|
/// ..
|
||||||
/// } = use_websocket::<SomeData, MsgpackSerdeCodec>("wss://some.websocket.server/");
|
/// } = use_websocket::<SomeData, SomeData, MsgpackSerdeCodec>("wss://some.websocket.server/");
|
||||||
///
|
///
|
||||||
/// let send_data = move || {
|
/// let send_data = move || {
|
||||||
/// send(&SomeData {
|
/// send(&SomeData {
|
||||||
|
@ -189,7 +188,7 @@ use web_sys::{BinaryType, CloseEvent, Event, MessageEvent, WebSocket};
|
||||||
/// message,
|
/// message,
|
||||||
/// send,
|
/// send,
|
||||||
/// ..
|
/// ..
|
||||||
/// } = use_websocket::<String, FromToStringCodec>("ws:://some.websocket.io");
|
/// } = use_websocket::<String, String, FromToStringCodec>("ws:://some.websocket.io");
|
||||||
///
|
///
|
||||||
/// provide_context(WebsocketContext::new(message, Rc::new(send.clone())));
|
/// provide_context(WebsocketContext::new(message, Rc::new(send.clone())));
|
||||||
/// #
|
/// #
|
||||||
|
@ -229,45 +228,47 @@ use web_sys::{BinaryType, CloseEvent, Event, MessageEvent, WebSocket};
|
||||||
/// ## Server-Side Rendering
|
/// ## Server-Side Rendering
|
||||||
///
|
///
|
||||||
/// On the server the returned functions amount to no-ops.
|
/// On the server the returned functions amount to no-ops.
|
||||||
pub fn use_websocket<T, C>(
|
pub fn use_websocket<Tx, Rx, C>(
|
||||||
url: &str,
|
url: &str,
|
||||||
) -> UseWebSocketReturn<
|
) -> UseWebSocketReturn<
|
||||||
T,
|
Tx,
|
||||||
|
Rx,
|
||||||
impl Fn() + Clone + 'static,
|
impl Fn() + Clone + 'static,
|
||||||
impl Fn() + Clone + 'static,
|
impl Fn() + Clone + 'static,
|
||||||
impl Fn(&T) + Clone + 'static,
|
impl Fn(&Tx) + Clone + 'static,
|
||||||
>
|
>
|
||||||
where
|
where
|
||||||
T: 'static,
|
Tx: 'static,
|
||||||
C: Encoder<T> + Decoder<T>,
|
Rx: 'static,
|
||||||
C: IsBinary<T, <C as Decoder<T>>::Encoded>,
|
C: Encoder<Tx> + Decoder<Rx>,
|
||||||
C: HybridDecoder<T, <C as Decoder<T>>::Encoded, Error = <C as Decoder<T>>::Error>,
|
C: HybridEncoder<Tx, <C as Encoder<Tx>>::Encoded, Error = <C as Encoder<Tx>>::Error>,
|
||||||
C: HybridEncoder<T, <C as Encoder<T>>::Encoded, Error = <C as Encoder<T>>::Error>,
|
C: HybridDecoder<Rx, <C as Decoder<Rx>>::Encoded, Error = <C as Decoder<Rx>>::Error>,
|
||||||
{
|
{
|
||||||
use_websocket_with_options::<T, C>(url, UseWebSocketOptions::default())
|
use_websocket_with_options::<Tx, Rx, C>(url, UseWebSocketOptions::default())
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Version of [`use_websocket`] that takes `UseWebSocketOptions`. See [`use_websocket`] for how to use.
|
/// Version of [`use_websocket`] that takes `UseWebSocketOptions`. See [`use_websocket`] for how to use.
|
||||||
#[allow(clippy::type_complexity)]
|
#[allow(clippy::type_complexity)]
|
||||||
pub fn use_websocket_with_options<T, C>(
|
pub fn use_websocket_with_options<Tx, Rx, C>(
|
||||||
url: &str,
|
url: &str,
|
||||||
options: UseWebSocketOptions<
|
options: UseWebSocketOptions<
|
||||||
T,
|
Rx,
|
||||||
HybridCoderError<<C as Encoder<T>>::Error>,
|
HybridCoderError<<C as Encoder<Tx>>::Error>,
|
||||||
HybridCoderError<<C as Decoder<T>>::Error>,
|
HybridCoderError<<C as Decoder<Rx>>::Error>,
|
||||||
>,
|
>,
|
||||||
) -> UseWebSocketReturn<
|
) -> UseWebSocketReturn<
|
||||||
T,
|
Tx,
|
||||||
|
Rx,
|
||||||
impl Fn() + Clone + 'static,
|
impl Fn() + Clone + 'static,
|
||||||
impl Fn() + Clone + 'static,
|
impl Fn() + Clone + 'static,
|
||||||
impl Fn(&T) + Clone + 'static,
|
impl Fn(&Tx) + Clone + 'static,
|
||||||
>
|
>
|
||||||
where
|
where
|
||||||
T: 'static,
|
Tx: 'static,
|
||||||
C: Encoder<T> + Decoder<T>,
|
Rx: 'static,
|
||||||
C: IsBinary<T, <C as Decoder<T>>::Encoded>,
|
C: Encoder<Tx> + Decoder<Rx>,
|
||||||
C: HybridDecoder<T, <C as Decoder<T>>::Encoded, Error = <C as Decoder<T>>::Error>,
|
C: HybridEncoder<Tx, <C as Encoder<Tx>>::Encoded, Error = <C as Encoder<Tx>>::Error>,
|
||||||
C: HybridEncoder<T, <C as Encoder<T>>::Encoded, Error = <C as Encoder<T>>::Error>,
|
C: HybridDecoder<Rx, <C as Decoder<Rx>>::Encoded, Error = <C as Decoder<Rx>>::Error>,
|
||||||
{
|
{
|
||||||
let url = normalize_url(url);
|
let url = normalize_url(url);
|
||||||
|
|
||||||
|
@ -551,8 +552,8 @@ where
|
||||||
let send = {
|
let send = {
|
||||||
let on_error = Rc::clone(&on_error);
|
let on_error = Rc::clone(&on_error);
|
||||||
|
|
||||||
move |value: &T| {
|
move |value: &Tx| {
|
||||||
if C::is_binary() {
|
if C::is_binary_encoder() {
|
||||||
match C::encode_bin(value) {
|
match C::encode_bin(value) {
|
||||||
Ok(val) => send_bytes(&val),
|
Ok(val) => send_bytes(&val),
|
||||||
Err(err) => on_error(CodecError::Encode(err).into()),
|
Err(err) => on_error(CodecError::Encode(err).into()),
|
||||||
|
@ -606,6 +607,7 @@ where
|
||||||
open,
|
open,
|
||||||
close,
|
close,
|
||||||
send,
|
send,
|
||||||
|
_marker: PhantomData,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -613,15 +615,15 @@ type RcFnBytes = Rc<dyn Fn(&[u8])>;
|
||||||
|
|
||||||
/// Options for [`use_websocket_with_options`].
|
/// Options for [`use_websocket_with_options`].
|
||||||
#[derive(DefaultBuilder)]
|
#[derive(DefaultBuilder)]
|
||||||
pub struct UseWebSocketOptions<T, E, D>
|
pub struct UseWebSocketOptions<Rx, E, D>
|
||||||
where
|
where
|
||||||
T: ?Sized,
|
Rx: ?Sized,
|
||||||
{
|
{
|
||||||
/// `WebSocket` connect callback.
|
/// `WebSocket` connect callback.
|
||||||
on_open: Rc<dyn Fn(Event)>,
|
on_open: Rc<dyn Fn(Event)>,
|
||||||
/// `WebSocket` message callback for typed message decoded by codec.
|
/// `WebSocket` message callback for typed message decoded by codec.
|
||||||
#[builder(skip)]
|
#[builder(skip)]
|
||||||
on_message: Rc<dyn Fn(&T)>,
|
on_message: Rc<dyn Fn(&Rx)>,
|
||||||
/// `WebSocket` message callback for text.
|
/// `WebSocket` message callback for text.
|
||||||
on_message_raw: Rc<dyn Fn(&str)>,
|
on_message_raw: Rc<dyn Fn(&str)>,
|
||||||
/// `WebSocket` message callback for binary.
|
/// `WebSocket` message callback for binary.
|
||||||
|
@ -644,7 +646,7 @@ where
|
||||||
protocols: Option<Vec<String>>,
|
protocols: Option<Vec<String>>,
|
||||||
}
|
}
|
||||||
|
|
||||||
impl<T: ?Sized, E, D> UseWebSocketOptions<T, E, D> {
|
impl<Rx: ?Sized, E, D> UseWebSocketOptions<Rx, E, D> {
|
||||||
/// `WebSocket` error callback.
|
/// `WebSocket` error callback.
|
||||||
pub fn on_error<F>(self, handler: F) -> Self
|
pub fn on_error<F>(self, handler: F) -> Self
|
||||||
where
|
where
|
||||||
|
@ -659,7 +661,7 @@ impl<T: ?Sized, E, D> UseWebSocketOptions<T, E, D> {
|
||||||
/// `WebSocket` message callback for typed message decoded by codec.
|
/// `WebSocket` message callback for typed message decoded by codec.
|
||||||
pub fn on_message<F>(self, handler: F) -> Self
|
pub fn on_message<F>(self, handler: F) -> Self
|
||||||
where
|
where
|
||||||
F: Fn(&T) + 'static,
|
F: Fn(&Rx) + 'static,
|
||||||
{
|
{
|
||||||
Self {
|
Self {
|
||||||
on_message: Rc::new(handler),
|
on_message: Rc::new(handler),
|
||||||
|
@ -668,7 +670,7 @@ impl<T: ?Sized, E, D> UseWebSocketOptions<T, E, D> {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
impl<T: ?Sized, E, D> Default for UseWebSocketOptions<T, E, D> {
|
impl<Rx: ?Sized, E, D> Default for UseWebSocketOptions<Rx, E, D> {
|
||||||
fn default() -> Self {
|
fn default() -> Self {
|
||||||
Self {
|
Self {
|
||||||
on_open: Rc::new(|_| {}),
|
on_open: Rc::new(|_| {}),
|
||||||
|
@ -687,17 +689,18 @@ impl<T: ?Sized, E, D> Default for UseWebSocketOptions<T, E, D> {
|
||||||
|
|
||||||
/// Return type of [`use_websocket`].
|
/// Return type of [`use_websocket`].
|
||||||
#[derive(Clone)]
|
#[derive(Clone)]
|
||||||
pub struct UseWebSocketReturn<T, OpenFn, CloseFn, SendFn>
|
pub struct UseWebSocketReturn<Tx, Rx, OpenFn, CloseFn, SendFn>
|
||||||
where
|
where
|
||||||
T: 'static,
|
Tx: 'static,
|
||||||
|
Rx: 'static,
|
||||||
OpenFn: Fn() + Clone + 'static,
|
OpenFn: Fn() + Clone + 'static,
|
||||||
CloseFn: Fn() + Clone + 'static,
|
CloseFn: Fn() + Clone + 'static,
|
||||||
SendFn: Fn(&T) + Clone + 'static,
|
SendFn: Fn(&Tx) + Clone + 'static,
|
||||||
{
|
{
|
||||||
/// The current state of the `WebSocket` connection.
|
/// The current state of the `WebSocket` connection.
|
||||||
pub ready_state: Signal<ConnectionReadyState>,
|
pub ready_state: Signal<ConnectionReadyState>,
|
||||||
/// Latest message received from `WebSocket`.
|
/// Latest message received from `WebSocket`.
|
||||||
pub message: Signal<Option<T>>,
|
pub message: Signal<Option<Rx>>,
|
||||||
/// The `WebSocket` instance.
|
/// The `WebSocket` instance.
|
||||||
pub ws: Option<WebSocket>,
|
pub ws: Option<WebSocket>,
|
||||||
/// Opens the `WebSocket` connection
|
/// Opens the `WebSocket` connection
|
||||||
|
@ -706,6 +709,8 @@ where
|
||||||
pub close: CloseFn,
|
pub close: CloseFn,
|
||||||
/// Sends data through the socket
|
/// Sends data through the socket
|
||||||
pub send: SendFn,
|
pub send: SendFn,
|
||||||
|
|
||||||
|
_marker: PhantomData<Tx>,
|
||||||
}
|
}
|
||||||
|
|
||||||
#[derive(Error, Debug)]
|
#[derive(Error, Debug)]
|
||||||
|
|
Loading…
Add table
Reference in a new issue