feat: UUID Version 4生成ページを追加

web/Cargo-prd.toml

@@ -15,9 +15,11 @@ itertools = "0.14.0"
 rand = { version = "0.7.3", features = ["wasm-bindgen"] }
 serde = { version = "1.0.214", features = ["derive"] }
 serde_json = "1.0.133"
+serde-wasm-bindgen = "0.6.5"
 url = "2.5.4"
+wasm-bindgen = "0.2.105"
 wasm-bindgen-futures = "0.4.45"
-web-sys = { version = "0.3.72", features = ["Navigator", "Clipboard", "Window"] }
+web-sys = { version = "0.3.72", features = ["Clipboard", "EventTarget", "Navigator", "Request", "RequestInit", "RequestMode", "Response", "Window"] }
 
 [profile.wasm-dev]
 inherits = "dev"

web/Cargo.toml

@@ -18,11 +18,13 @@ serde = { version = "1.0.214", features = ["derive"] }
 serde_json = "1.0.133"
 url = "2.5.4"
 wasm-bindgen-futures = "0.4.45"
-web-sys = { version = "0.3.72", features = ["Navigator", "Clipboard", "Window"] }
+web-sys = { version = "0.3.72", features = ["Navigator", "Clipboard", "Window", "Request", "RequestInit", "RequestMode", "Response"] }
 
 # 開発環境でのみ使用する依存関係
 dioxus-logger = { version = "0.6.0", optional = true }
 log = { version = "0.4.22", optional = true }
+serde-wasm-bindgen = "0.6.5"
+wasm-bindgen = "0.2.105"
 
 [profile.wasm-dev]
 inherits = "dev"

web/src/components/cards.rs

@@ -8,3 +8,4 @@ pub(crate) mod simple_calculator_card;
 pub(crate) mod text_length_counter;
 mod tool_card;
 pub(crate) mod url_endecode_converter_card;
+pub(crate) mod uuid4_generator_card;

web/src/components/cards/uuid4_generator_card.rs

@@ -0,0 +1,34 @@
+use crate::components::cards::tool_card::ToolCard;
+use crate::components::images::lazy_image::LazyImage;
+use crate::routes::Route;
+use dioxus::prelude::*;
+
+pub(crate) fn Uuid4GeneratorCard() -> Element {
+    let icon: Element = rsx! {
+        LazyImage {
+            src: asset!("/assets/images/icons/uuid4_generator.webp"),
+            alt: "UUID Version 4 生成",
+            class: "justify-self-center py-3",
+            height: 60,
+            width: 150,
+        }
+    };
+
+    rsx! {
+        ToolCard {
+            to: Route::Uuid4Generator {},
+            icon: icon,
+            title: "UUID Version 4 生成",
+            description: vec![
+                vec![
+                    "UUID Version 4をランダムに".to_string(),
+                    "生成することができます。".to_string(),
+                ],
+                vec![
+                    "1個から100個まで、必要な数の".to_string(),
+                    "UUIDを一度に生成できます。".to_string(),
+                ],
+            ],
+        }
+    }
+}

web/src/routes.rs

@@ -16,6 +16,7 @@ use counter::text_length::TextLengthCounter;
 use dioxus::prelude::*;
 use formatter::json::JsonFormatter;
 use generator::password::PasswordGenerator;
+use generator::uuid4::Uuid4Generator;
 use notfound::NotFound;
 use top::TopPage;
 
@@ -32,6 +33,9 @@ pub(crate) enum Route {
     #[nest("/generator")]
     #[route("/password")]
     PasswordGenerator {},
+
+    #[route("/uuid4")]
+    Uuid4Generator {},
     #[end_nest]
     #[nest("/counter")]
     #[route("/text-length")]

web/src/routes/formatter/json.rs

@@ -72,11 +72,7 @@ pub(crate) fn JsonFormatter() -> Element {
 
                 (String::new(), formatted, compressed)
             }
-            Err(e) => (
-                format!("JSON構文エラー: {e}"),
-                String::new(),
-                String::new(),
-            ),
+            Err(e) => (format!("JSON構文エラー: {e}"), String::new(), String::new()),
         }
     };
 

web/src/routes/generator.rs

@@ -1 +1,2 @@
 pub(crate) mod password;
+pub(crate) mod uuid4;