leptos-forms-rs 1.3.0

🚀 Type-safe, reactive form handling library for Leptos applications. Production-ready with 100% test success rate, cross-browser compatibility, and comprehensive validation. Built with Rust/WASM for high performance.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

//! Form persistence hook
//!
//! This module provides the `use_form_persistence` hook for
//! persisting form data to browser storage.

use crate::core::traits::Form;
use crate::core::FormHandle;
use leptos::prelude::*;
use leptos::task::spawn_local;

/// Hook for form persistence
pub fn use_form_persistence<T: Form + PartialEq + Clone + Send + Sync>(
    form_handle: &FormHandle<T>,
    storage_key: &str,
) -> (Callback<()>, Callback<()>, Callback<()>) {
    let form_handle1 = form_handle.clone();
    let form_handle2 = form_handle.clone();
    let form_handle3 = form_handle.clone();
    let storage_key = storage_key.to_string();
    let storage_key1 = storage_key.clone();
    let storage_key2 = storage_key.clone();
    let storage_key3 = storage_key.clone();

    let save = Callback::new(move |_| {
        let form_handle = form_handle1.clone();
        let storage_key = storage_key1.clone();
        spawn_local(async move {
            if let Some(window) = web_sys::window() {
                if let Ok(Some(storage)) = window.local_storage() {
                    let form_data = form_handle.values().get();
                    if let Ok(json_data) = serde_json::to_string(&form_data) {
                        if let Err(e) = storage.set_item(&storage_key, &json_data) {
                            log::error!("Failed to save form data: {:?}", e);
                        } else {
                            log::info!("Form data saved to storage with key: {}", storage_key);
                        }
                    }
                }
            }
        });
    });

    let load = Callback::new(move |_| {
        let form_handle = form_handle2.clone();
        let storage_key = storage_key2.clone();
        spawn_local(async move {
            if let Some(window) = web_sys::window() {
                if let Ok(Some(storage)) = window.local_storage() {
                    if let Ok(Some(json_data)) = storage.get_item(&storage_key) {
                        if let Ok(form_data) = serde_json::from_str::<T>(&json_data) {
                            // Load the form data back into the form by updating the state
                            form_handle.update_state(|mut state| {
                                state.values = form_data;
                                state
                            });
                            log::info!("Form data loaded from storage with key: {}", storage_key);
                        } else {
                            log::error!("Failed to parse form data from storage");
                        }
                    } else {
                        log::info!("No form data found in storage with key: {}", storage_key);
                    }
                }
            }
        });
    });

    let clear = Callback::new(move |_| {
        let storage_key = storage_key3.clone();
        spawn_local(async move {
            if let Some(window) = web_sys::window() {
                if let Ok(Some(storage)) = window.local_storage() {
                    if let Err(e) = storage.remove_item(&storage_key) {
                        log::error!("Failed to clear form data: {:?}", e);
                    } else {
                        log::info!("Form data cleared from storage with key: {}", storage_key);
                    }
                }
            }
        });
    });

    (save, load, clear)
}